@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');
/*
! tailwindcss v3.0.7 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: currentColor; /* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/
html {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-moz-tab-size: 4; /* 3 */
-o-tab-size: 4;
tab-size: 4; /* 3 */
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; /* 1 */
color: #8C8C8C; /* 2 */
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 1; /* 1 */
color: #8C8C8C; /* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
color: #8C8C8C; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/*
Ensure the default browser behavior of the `hidden` attribute.
*/
[hidden] {
display: none;
}
*, ::before, ::after{
--tw-border-opacity: 1;
border-color: rgb(232 232 232 / var(--tw-border-opacity));
--tw-blur: var(--tw-empty,/*!*/ /*!*/);
--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
--tw-invert: var(--tw-empty,/*!*/ /*!*/);
--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
--tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.menuMobile{
position: fixed;
z-index: 120;
height: 100vh;
width: 100vw;
background-color: transparent;
opacity: 1;
}
@media (min-width: 1024px){
.menuMobile{
display: none;
}
}
.menuMobile {
left: -9900px;
transition: all 0.2s;
}
.menuMobile.active {
left: 0;
}
.menuMobile .overlay{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 10;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
opacity: 0.3;
}
.menuMobile .content{
position: fixed;
z-index: 20;
height: 100vh;
width: 83.333333%;
overflow: auto;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.menuMobile .content .myAccountMenu{
margin-left: 0.625rem;
margin-right: 0.625rem;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-bottom-color: rgb(196 196 196 / var(--tw-border-opacity));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(88 88 88 / var(--tw-text-opacity));
}
.menuMobile .content .menuDropdownMobile{
display: flex;
flex-direction: column;
gap: 1rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 1.75rem;
padding-right: 0.75rem;
}
.menuMobile .content .menuDropdownMobile .level1{
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
}
.menuMobile .content .menuDropdownMobile .level1 .menuItem{
display: flex;
align-items: center;
gap: 0.25rem;
}
.menuMobile .content .menuDropdownMobile .level1 .level2{
margin-top: 0.75rem;
display: none;
flex-direction: column;
gap: 0.5rem;
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(230 100 50 / var(--tw-text-opacity));
}
.menuMobile .content .menuDropdownMobile .level1 .see-all-category-mobile{
  color: #000;
}
.menuMobile .content .menuDropdownMobile .level1 .level2.active{
display: flex;
}
.menuMobile .closeMenuMobileButton{
position: absolute;
top: 1rem;
right: 1rem;
z-index: 50;
}
.filterMobile{
position: fixed;
z-index: 120;
height: 100vh;
width: 100vw;
background-color: transparent;
opacity: 1;
}
@media (min-width: 1024px){
.filterMobile{
display: none;
}
}
.filterMobile {
left: -9900px;
transition: all 0.2s;
}
.filterMobile.active {
left: 0;
}
.filterMobile .overlay{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 10;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
opacity: 0.3;
}
.filterMobile .content{
position: fixed;
z-index: 20;
height: 100vh;
width: 83.333333%;
overflow: auto;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.filterMobile .content .titleFilter{
margin-left: 0.625rem;
margin-right: 0.625rem;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-bottom-color: rgb(196 196 196 / var(--tw-border-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(83 83 83 / var(--tw-text-opacity));
}
.filterMobile .content .filter{
margin-top: 2.5rem;
display: flex;
min-width: 16rem;
flex-direction: column;
gap: 1.5rem;
padding-left: 0.625rem;
font-size: 0.875rem;
line-height: 1.25rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(83 83 83 / var(--tw-text-opacity));
}
.filterMobile .content .filter .filterTitle{
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-bottom-color: rgb(196 196 196 / var(--tw-border-opacity));
padding-bottom: 0.75rem;
padding-left: 0.25rem;
}
.filterMobile .content .filter h1, .filterMobile .content .filter h2{
font-weight: 700;
}
.filterMobile .content .filter .filterCategories{
display: grid;
gap: 1rem;
padding-left: 0.25rem;
}
.filterMobile .content .filter .filterCategories .filterCategory{
display: flex;
align-items: center;
gap: 0.5rem;
}
.filterMobile .content .filter .filterPrice .filterRange{
height: 1px;
--tw-bg-opacity: 1;
background-color: rgb(45 45 45 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.filterMobile .content .filter .filterPrice .filterRange::-moz-range-thumb {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
height: 1.25rem;
width: 1.25rem;
border-radius: 9999px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(146 146 146 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.filterMobile .content .filter .filterPrice .filterRange::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
border: none;
height: 1.25rem;
width: 1.25rem;
border-radius: 9999px;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(146 146 146 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.filterMobile .closeMenuMobileButton{
position: absolute;
top: 1rem;
right: 1rem;
z-index: 50;
}
.cart{
position: fixed;
z-index: 99999;
display: flex;
height: 150vh;
width: 100vw;
background-color: transparent;
opacity: 1;
right: -9900px;
transition: all 0.2s;
}
.cart.active {
right: 0;
}
.cart .overlay{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 20;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
opacity: 0.3;
}
.cart .cartContainer{
position: absolute;
right: 0px;
z-index: 120;
height: 100vh;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 768px){
.cart .cartContainer{
width: 41.666667%;
}
}
@media (min-width: 1024px){
.cart .cartContainer{
width: 33.333333%;
}
}
@media (min-width: 1280px){
.cart .cartContainer{
width: 25%;
}
}
.cart .cartContainer .cartContent{
position: fixed;
max-height: 100vh;
width: 100%;
flex-direction: column;
gap: 6rem;
overflow: auto;
}
@media (min-width: 768px){
.cart .cartContainer .cartContent{
width: 41.666667%;
}
}
@media (min-width: 1024px){
.cart .cartContainer .cartContent{
width: 33.333333%;
}
}
@media (min-width: 1280px){
.cart .cartContainer .cartContent{
width: 25%;
}
}
.cart .cartContainer .cartContent .headerCart{
display: flex;
width: 100%;
align-items: center;
justify-content: center;
--tw-bg-opacity: 1;
background-color: rgb(230 100 50 / var(--tw-bg-opacity));
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0.75rem;
}
@media (min-width: 360px){
.cart .cartContainer .cartContent .headerCart{
padding-left: 0px;
}
}
.cart .cartContainer .cartContent .headerCart h1{
text-align: center;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 400;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.cart .cartContainer .cartContent .headerCart .closeCart{
position: absolute;
left: 0.875rem;
cursor: pointer;
}
.cart .cartContainer .cartContent .bodyCart{
display: flex;
flex-direction: column;
align-items: center;
gap: 2.75rem;
}
.cart .cartContainer .cartContent .bodyCart h2{
margin-top: 1.25rem;
text-align: center;
font-size: 1.125rem;
line-height: 1.75rem;
text-transform: uppercase;
}
.cart .cartContainer .cartContent .bodyCart p{
padding-left: 2.75rem;
padding-right: 2.75rem;
text-align: center;
font-size: 1.125rem;
line-height: 1.75rem;
}
.cart .cartContainer .cartContent .footerCart{
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
gap: 2.5rem;
padding-bottom: 3.5rem;
}
.cart .cartContainer .cartContent .footerCart .subTotal{
display: flex;
width: 91.666667%;
justify-content: center;
gap: 2.25rem;
border-top-width: 1px;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-top-color: rgb(196 196 196 / var(--tw-border-opacity));
border-bottom-color: rgb(196 196 196 / var(--tw-border-opacity));
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.cart .cartContainer .cartContent .footerCart .subTotal h2{
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
text-transform: uppercase;
}
.cart .cartContainer .cartContent .footerCart .subTotal p{
font-size: 1.5rem;
line-height: 2rem;
--tw-text-opacity: 1;
color: rgb(88 88 88 / var(--tw-text-opacity));
}
.cart .cartContainer .cartContent .footerCart .buttonsCart{
display: grid;
width: 100%;
gap: 1.75rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.cart .cartContainer .cartContent .footerCart .buttonsCart .continueShopping{
width: 100%;
border-radius: 0.5rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(230 100 50 / var(--tw-border-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(230 100 50 / var(--tw-text-opacity));
}
.cart .cartContainer .cartContent .footerCart .buttonsCart .checkout{
width: 100%;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(230 100 50 / var(--tw-bg-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
text-align:center;
}
.flexHeader{
display: flex;
flex-direction: column-reverse;
}
@media (min-width: 768px){
.flexHeader{
flex-direction: column;
}
}
@media (max-width: 640px){
.flexHeader{
  position: sticky;
  top: 0px;
  z-index: 110;
  background: white;
}
}

.flexHeader .notice {
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
--tw-bg-opacity: 1;
background-color: rgb(42 105 62 / var(--tw-bg-opacity));
padding-top: 0.625rem;
padding-bottom: 0.625rem;
text-align: center;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 480px){
.flexHeader .notice{
font-size: 0.75rem;
line-height: 1rem;
}
}
.flexHeader .suspendedSearch{
display: none;
width: 100%;
padding: 0.75rem;
}
.flexHeader .suspendedSearch input{
width: 100%;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(196 196 196 / var(--tw-border-opacity));
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(120 120 120 / var(--tw-text-opacity));
}
.flexHeader .suspendedSearch input:focus{
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(146 146 146 / var(--tw-border-opacity));
outline: 2px solid transparent;
outline-offset: 2px;
}
.flexHeader .suspendedSearch .suspendedSearchButton{
border-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(42 105 62 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.flexHeader .suspendedSearchActive{
display: flex;
gap: 0.75rem;
}
@media (min-width: 1280px){
.flexHeader .suspendedSearchActive{
display: none;
}
}
.headerMobile{
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 768px){
.headerMobile{
display: none;
}
}
.headerMobile .clientLinksMobile{
display: flex;
gap: 0.5rem;
}
.headerMobile .clientLinksMobile .toggleSearch{
cursor: pointer;
}
.header{
width: 100%;
}
@media (min-width: 360px){
.header{
max-width: 360px;
}
}
@media (min-width: 480px){
.header{
max-width: 480px;
}
}
@media (min-width: 640px){
.header{
max-width: 640px;
}
}
@media (min-width: 768px){
.header{
max-width: 768px;
}
}
@media (min-width: 956px){
.header{
max-width: 956px;
}
}
@media (min-width: 1024px){
.header{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.header{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.header{
max-width: 1400px;
}
}
.header{
margin-left: auto;
margin-right: auto;
display: none;
width: 100%;
}
@media (min-width: 768px){
.header{
display: block;
}
}
.header .headerTop{
border-bottom-width: 2px;
--tw-border-opacity: 1;
border-bottom-color: rgb(248 248 248 / var(--tw-border-opacity));
}
.header .headerTop .headerInfos{
display: flex;
align-items: center;
justify-content: space-between;
}
.header .headerTop .headerInfos .headerCharacteristics{
list-style-type: none;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(83 83 83 / var(--tw-text-opacity));
}
.header .headerTop .headerInfos .headerCharacteristics li {
display: inline;
padding: 0.25rem;
}
.header .headerTop .headerInfos .clientLinks{
position: relative;
display: flex;
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(83 83 83 / var(--tw-text-opacity));
}
.header .headerTop .headerInfos .clientLinks .profile{
display: flex;
align-items: center;
gap: 0.5rem;
border-right-width: 2px;
--tw-border-opacity: 1;
border-right-color: rgb(248 248 248 / var(--tw-border-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-right: 1rem;
}
.header .headerTop .headerInfos .clientLinks .profile:hover{
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.header .headerTop .headerInfos .clientLinks .loginOrRegisterButtons{
position: absolute;
top: 100%;
z-index: 10;
display: none;
width: 58.333333%;
align-content: center;
justify-items: center;
gap: 0.5rem;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
left: 2%;
}
.header .headerTop .headerInfos .clientLinks .loginOrRegisterButtons a{
padding-left: 0.25rem;
padding-right: 0.25rem;
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.header .headerTop .headerInfos .clientLinks .loginOrRegisterButtons a:hover{
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
}
.header .headerTop .headerInfos .clientLinks .profileLink:hover .loginOrRegisterButtons{
display: grid;
}
.header .headerTop .headerInfos .clientLinks .cartButton{
display: flex;
cursor: pointer;
align-items: center;
gap: 0.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
}
.header .headerTop .headerInfos .clientLinks .cartButton:hover{
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.header .navbar{
margin-top: 0px;
margin-bottom: 0px;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.header .navbar .menu{
display: flex;
margin: 0 1rem;
align-items: center;
gap: 1rem;
font-size: 0.675rem;
line-height: 1.25rem;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
}
.header .navbar .menu .dropdownMenu{
position: relative;
display: inline-block;
}
.header .navbar .menu .dropdownMenu .menuItem{
display: flex;
cursor: pointer;
align-items: center;
gap: 0.25rem;
}
.header .navbar .menu .dropdownMenu .menuItem:hover{
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
}
.header .navbar .menu .dropdownMenu .dropdownMenuContent{
position: absolute;
z-index: 10;
display: none;
min-width: 8rem;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-size: 0.75rem;
line-height: 1rem;
text-transform: uppercase;
}
.header .navbar .menu .dropdownMenu .dropdownMenuContent a:hover{
--tw-text-opacity: 1;
color: rgb(230 100 50 / var(--tw-text-opacity));
}
.header .navbar .dropdownMenu:hover .dropdownMenuContent {
display: grid;
gap: 0.5rem;
}
.header .navbar .searchContent{
position: relative;
display: flex;
align-items: center;
}
.header .navbar .searchContent .search{
display: none;
border-radius: 0.375rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(232 232 232 / var(--tw-border-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 2.5rem;
padding-right: 0.875rem;
font-size: 0.75rem;
line-height: 1rem;
}
.header .navbar .searchContent .search:focus{
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(42 105 62 / var(--tw-border-opacity));
outline: 2px solid transparent;
outline-offset: 2px;
}
@media (min-width: 1280px){
.header .navbar .searchContent .search{
display: block;
}
}
.header .navbar .searchContent .searchButton{
position: absolute;
left: 0.375rem;
top: 0.25rem;
display: none;
cursor: pointer;
}
@media (min-width: 1280px){
.header .navbar .searchContent .searchButton{
display: block;
}
}
.header .navbar .searchMinimized{
display: none;
}
@media (min-width: 956px){
.header .navbar .searchMinimized{
display: block;
}
}
@media (min-width: 1280px){
.header .navbar .searchMinimized{
display: none;
}
}
.product{
display: flex;
flex-direction: column;
gap: 0.25rem;
}
@media (min-width: 480px){
.product{
margin-left: 0px;
margin-right: 0px;
}
}
@media (min-width: 768px){
.product{
gap: 1.25rem;
}
}
.product .boxProductImage{
position: relative;
min-height: 11rem;
display: flex;
align-items: center;
}


@media (min-width: 640px) {
.product  {
display: flex;
align-items: center;
justify-content: center;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;

}
.product .boxProductImage {
min-height:18rem;
display: flex;
align-items: center;
}
.product .boxProductImage .productImage {
max-width: 296px;
max-height: 296px;
}
}

@media (max-width: 320px) {
.product .boxProductImage .productImage {
max-width: 270px;
max-height: 270px;
}
}
@media (max-width: 280px) {
.product .boxProductImage .productImage {
max-width: 250px;
max-height: 250px;
}
}
.product .boxProductImage .newProduct{
position: absolute;
right: 0px;
top: 0px;
border-bottom-left-radius: 1rem;
border-top-right-radius: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(42 105 62 / var(--tw-bg-opacity));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 480px){
.product .boxProductImage .newProduct{
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 768px){
.product .boxProductImage .newProduct{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.product .boxProductImage .promoProduct{
position: absolute;
right: 0px;
top: 0px;
border-bottom-left-radius: 1rem;
border-top-right-radius: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(230 100 50 / var(--tw-bg-opacity));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 480px){
.product .boxProductImage .promoProduct{
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 768px){
.product .boxProductImage .promoProduct{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.product .boxProduct{
display: flex;
height: auto;
flex-direction: column;
justify-content: space-between;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(248 248 248 / var(--tw-bg-opacity));
padding: 1rem;
}
@media (min-width: 768px){
.product .boxProduct{
width: 100%;
height: 14rem;
}
}
.product .boxProduct .titleProduct{
font-size: 0.875rem;
line-height: 1.25rem;
}
.product .boxProduct .beforePrice{
font-size: 0.75rem;
line-height: 1rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(140 140 140 / var(--tw-text-opacity));
}
.product .boxProduct .beforePrice span{
font-weight: 300;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
}
.product .boxProduct .afterPrice{
display: inline-block;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 700;
}
@media (min-width: 640px){
.product .boxProduct .afterPrice{
font-size: 1rem;
line-height: 1.5rem;
}
}
.product .boxProduct .afterPrice span{
font-size: 1.125rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
}
.product .boxProduct .afterPrice .priceInCash{
padding-left: 0.5rem;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(120 120 120 / var(--tw-text-opacity));
}
.product .boxProduct .installments{
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(230 100 50 / var(--tw-text-opacity));
}
.product .boxProduct .seeMore{
margin-top: 0.25rem;
width: 100%;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(230 100 50 / var(--tw-bg-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
text-align: center;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-duration: 300ms;
}
.product .boxProduct .seeMore:hover{
--tw-brightness: brightness(.75);
filter: var(--tw-filter);
}
@media (min-width: 480px){
.product .boxProduct .seeMore{
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 768px){
.product .boxProduct .seeMore{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
footer{
border-top-width: 2px;
--tw-border-opacity: 1;
border-top-color: rgb(42 105 62 / var(--tw-border-opacity));
}
footer .newsletter{
display: flex;
flex-direction: column;
align-items: center;
gap: 1.25rem;
padding-top: 2rem;
padding-bottom: 3rem;
}
@media (min-width: 480px){
footer .newsletter{
width: 100%;
}
@media (min-width: 360px){
footer .newsletter{
max-width: 360px;
}
}
@media (min-width: 480px){
footer .newsletter{
max-width: 480px;
}
}
@media (min-width: 640px){
footer .newsletter{
max-width: 640px;
}
}
@media (min-width: 768px){
footer .newsletter{
max-width: 768px;
}
}
@media (min-width: 956px){
footer .newsletter{
max-width: 956px;
}
}
@media (min-width: 1024px){
footer .newsletter{
max-width: 1024px;
}
}
@media (min-width: 1280px){
footer .newsletter{
max-width: 1280px;
}
}
@media (min-width: 1400px){
footer .newsletter{
max-width: 1400px;
}
}
footer .newsletter{
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 768px){
footer .newsletter{
padding-top: 2.75rem;
padding-bottom: 2.75rem;
}
}
@media (min-width: 1280px){
footer .newsletter{
flex-direction: row;
}
footer .newsletter{
justify-content: space-between;
}
footer .newsletter{
gap: 0px;
}
}
footer .newsletter .formNewsletter{
display: flex;
width: 91.666667%;
flex-direction: column;
gap: 1.25rem;
}
@media (min-width: 768px){
footer .newsletter .formNewsletter{
width: auto;
}
footer .newsletter .formNewsletter{
flex-direction: row;
}
}
footer .newsletter .formNewsletter input{
width: 100%;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(232 232 232 / var(--tw-border-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(83 83 83 / var(--tw-text-opacity));
}
footer .newsletter .formNewsletter .submitNewsletter{
background-color: #e66432;
color:white;
}
footer .newsletter .formNewsletter .submitNewsletter:hover{
background-color: #a8350a;
}
@media (min-width: 768px){
footer .newsletter .formNewsletter input{
width: auto;
}
footer .newsletter .formNewsletter input{
min-width: 14rem;
}
}
footer .newsletter .formNewsletter input:focus {
outline: none;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(42 105 62 / var(--tw-border-opacity));
}
footer .newsletter .formNewsletter button{
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(42 105 62 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 480px){
footer .newsletter .formNewsletter button{
padding-left: 3rem;
padding-right: 3rem;
}
}
footer .newsletter .exclusiveOffers{
display: flex;
align-items: center;
gap: 0.5rem;
}
@media (min-width: 360px){
footer .newsletter .exclusiveOffers{
gap: 1rem;
}
}
@media (min-width: 768px){
footer .newsletter .exclusiveOffers{
gap: 2rem;
}
}
@media (min-width: 481px) {
footer .newsletter .exclusiveOffers .exclusiveOffersImg {
width: 108px;
height: 63px;
}
}
@media (max-width: 480px) {
footer .newsletter .exclusiveOffers .exclusiveOffersImg {
width: 55;
height: 33px;
}
}
footer .newsletter .exclusiveOffers .textExclusiveOffers{
font-size: 0.875rem;
line-height: 1.25rem;
text-transform: uppercase;
}
@media (min-width: 768px){
footer .newsletter .exclusiveOffers .textExclusiveOffers{
font-size: 1rem;
line-height: 1.75rem;
}
}
footer .newsletter .exclusiveOffers .textExclusiveOffers p:nth-child(2){
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
}
@media (min-width: 768px){
footer .newsletter .exclusiveOffers .textExclusiveOffers p:nth-child(2){
font-size: 2.5rem;
line-height: 1;
}
}
footer .newsletter .exclusiveOffers .textExclusiveOffers p:nth-child(3){
font-size: 1.5rem;
line-height: 1.75rem;
}
@media (min-width: 768px){
footer .newsletter .exclusiveOffers .textExclusiveOffers p:nth-child(3){
font-size: 2.25rem;
line-height: 2.5rem;
}
}
footer .footer{
--tw-bg-opacity: 1;
background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}
footer .footer .footerContainer{
width: 100%;
}
@media (min-width: 360px){
footer .footer .footerContainer{
max-width: 360px;
}
}
@media (min-width: 480px){
footer .footer .footerContainer{
max-width: 480px;
}
}
@media (min-width: 640px){
footer .footer .footerContainer{
max-width: 640px;
}
}
@media (min-width: 768px){
footer .footer .footerContainer{
max-width: 768px;
}
}
@media (min-width: 956px){
footer .footer .footerContainer{
max-width: 956px;
}
}
@media (min-width: 1024px){
footer .footer .footerContainer{
max-width: 1024px;
}
}
@media (min-width: 1280px){
footer .footer .footerContainer{
max-width: 1280px;
}
}
@media (min-width: 1400px){
footer .footer .footerContainer{
max-width: 1400px;
}
}
footer .footer .footerContainer{
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
gap: 2.75rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 1.5rem;
padding-bottom: 2.5rem;
text-align: left;
}
@media (min-width: 360px){
footer .footer .footerContainer{
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 768px){
footer .footer .footerContainer{
flex-direction: row;
}
footer .footer .footerContainer{
gap: 2rem;
}
footer .footer .footerContainer{
padding-top: 2rem;
}
footer .footer .footerContainer{
padding-bottom: 1.25rem;
}
}
@media (min-width: 1024px){
footer .footer .footerContainer{
gap: 4rem;
}
}
footer .footer .footerContainer .footerTitle{
margin-bottom: 0.75rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
}
footer .footer .footerContainer a:hover{
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
footer .footer .footerContainer a, footer .footer .footerContainer p{
font-size: 1rem;
line-height: 1.5rem;
}
footer .footer .footerContainer .logoFooter{
margin-bottom: 1.75rem;
}
footer .footer .footerContainer .socialMedia{
margin-top: 1rem;
display: flex;
gap: 0.5rem;
}
footer .footer .footerContainer .institutional{
display: flex;
flex-direction: column;
gap: 1rem;
}
footer .footer .footerContainer .institutional h2{
margin-bottom: -0.25rem;
}
footer .footer .footerContainer .politics{
display: grid;
row-gap: 1rem;
}
@media (min-width: 768px){
footer .footer .footerContainer .politics{
-moz-column-gap: 1rem;
column-gap: 1rem;
}
footer .footer .footerContainer .politics{
row-gap: 1rem;
}
}
@media (min-width: 956px){
footer .footer .footerContainer .politics{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
footer .footer .footerContainer .politics{
-moz-column-gap: 2rem;
column-gap: 2rem;
}
}
footer .footer .footerContainer .paymentMethods{
margin-top: 0.75rem;
margin-bottom: 1.5rem;
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
}
@media (min-width: 768px){
footer .footer .footerContainer .paymentMethods{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
footer .footer .footerContainer .paymentMethods{
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
}
footer .footer .footerContainer .paymentMethods{
row-gap: 0.5rem;
}
}
footer .footer .footerContainer .officeHours{
margin-top: 0.75rem;
margin-bottom: 1.75rem;
max-width: 8.75rem;
}
footer .footer .footerContainer .contactFooter{
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
@media (min-width: 768px){
footer .footer .footerContainer .oasisLab{
align-self: flex-end;
}
}
footer .copyright{
width: 100%;
}
@media (min-width: 360px){
footer .copyright{
max-width: 360px;
}
}
@media (min-width: 480px){
footer .copyright{
max-width: 480px;
}
}
@media (min-width: 640px){
footer .copyright{
max-width: 640px;
}
}
@media (min-width: 768px){
footer .copyright{
max-width: 768px;
}
}
@media (min-width: 956px){
footer .copyright{
max-width: 956px;
}
}
@media (min-width: 1024px){
footer .copyright{
max-width: 1024px;
}
}
@media (min-width: 1280px){
footer .copyright{
max-width: 1280px;
}
}
@media (min-width: 1400px){
footer .copyright{
max-width: 1400px;
}
}
footer .copyright{
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
gap: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.625rem;
padding-bottom: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(140 140 140 / var(--tw-text-opacity));
}
@media (min-width: 480px){
footer .copyright{
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 768px){
footer .copyright{
flex-direction: row;
}
footer .copyright{
align-items: center;
}
footer .copyright{
gap: 1.25rem;
}
}
.bannerDesktop{
display: none;
width: 100%;
}
@media (min-width: 768px){
.bannerDesktop{
display: block;
}
}
.bannerMobile{
display: block;
width: 100%;
}
@media (min-width: 768px){
.bannerMobile{
display: none;
}
}
.productBanner{
width: 100%;
}
@media (min-width: 360px){
.productBanner{
max-width: 360px;
}
}
@media (min-width: 480px){
.productBanner{
max-width: 480px;
}
}
@media (min-width: 640px){
.productBanner{
max-width: 640px;
}
}
@media (min-width: 768px){
.productBanner{
max-width: 768px;
}
}
@media (min-width: 956px){
.productBanner{
max-width: 956px;
}
}
@media (min-width: 1024px){
.productBanner{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.productBanner{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.productBanner{
max-width: 1400px;
}
}
.productBanner{
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.25rem;
padding-top: 2.5rem;
}
@media (min-width: 768px){
.productBanner{
flex-direction: row;
}
}
@media (max-width: 480px) {
.productBanner .productBanner a {
max-width: 95%;
}
}
.titleSection{
text-align: center;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(230 100 50 / var(--tw-text-opacity));
}
@media (min-width: 768px){
.titleSection{
font-size: 2.25rem;
line-height: 2.5rem;
}
}
.titleSectionGreen{
text-align: center;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
}
@media (min-width: 768px){
.titleSectionGreen{
font-size: 2.25rem;
line-height: 2.5rem;
}
}
.productContainer{
width: 100%;
}
@media (min-width: 360px){
.productContainer{
max-width: 360px;
}
}
@media (min-width: 480px){
.productContainer{
max-width: 480px;
}
}
@media (min-width: 640px){
.productContainer{
max-width: 640px;
}
}
@media (min-width: 768px){
.productContainer{
max-width: 768px;
}
}
@media (min-width: 956px){
.productContainer{
max-width: 956px;
}
}
@media (min-width: 1024px){
.productContainer{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.productContainer{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.productContainer{
max-width: 1400px;
}
}
.productContainer{
margin-left: auto;
margin-right: auto;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
@media (min-width: 768px){
.productContainer{
margin-top: 4rem;
margin-bottom: 4rem;
}
}
.productContainer .productList{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
display: grid;
gap: 1.25rem;
}
@media (min-width: 768px){
.productContainer .productList{
margin-top: 2.25rem;
margin-bottom: 2.25rem;
}
.productContainer .productList{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
.productContainer .productList{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1280px){
.productContainer .productList{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.productContainer .productContent{
position: relative;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 768px){
.productContainer .productContent{
margin-top: 2.25rem;
margin-bottom: 2.25rem;
}
}
.productContainer .productContent .carouselArrowRight{
position: absolute;
right: -0.375rem;
z-index: 10;
display: none;
cursor: pointer;
}
@media (min-width: 640px){
.productContainer .productContent .carouselArrowRight{
display: block;
}
}
@media (min-width: 1280px){
.productContainer .productContent .carouselArrowRight{
right: -0.875rem;
}
}
.productContainer .productContent .carouselArrowLeft{
position: absolute;
left: -0.375rem;
z-index: 10;
display: none;
cursor: pointer;
}
@media (min-width: 640px){
.productContainer .productContent .carouselArrowLeft{
display: block;
}
}
@media (min-width: 1280px){
.productContainer .productContent .carouselArrowLeft{
left: -0.875rem;
}
}
.bannerWhatsapp{
width: 100%;
}
@media (min-width: 360px){
.bannerWhatsapp{
max-width: 360px;
}
}
@media (min-width: 480px){
.bannerWhatsapp{
max-width: 480px;
}
}
@media (min-width: 640px){
.bannerWhatsapp{
max-width: 640px;
}
}
@media (min-width: 768px){
.bannerWhatsapp{
max-width: 768px;
}
}
@media (min-width: 956px){
.bannerWhatsapp{
max-width: 956px;
}
}
@media (min-width: 1024px){
.bannerWhatsapp{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.bannerWhatsapp{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.bannerWhatsapp{
max-width: 1400px;
}
}
.bannerWhatsapp{
margin-left: auto;
margin-right: auto;
margin-top: 3.5rem;
margin-bottom: 3.5rem;
display: none;
width: 100%;
justify-content: center;
}
@media (min-width: 768px){
.bannerWhatsapp{
display: flex;
}
}
.categoryContainer{
width: 100%;
}
@media (min-width: 360px){
.categoryContainer{
max-width: 360px;
}
}
@media (min-width: 480px){
.categoryContainer{
max-width: 480px;
}
}
@media (min-width: 640px){
.categoryContainer{
max-width: 640px;
}
}
@media (min-width: 768px){
.categoryContainer{
max-width: 768px;
}
}
@media (min-width: 956px){
.categoryContainer{
max-width: 956px;
}
}
@media (min-width: 1024px){
.categoryContainer{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.categoryContainer{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.categoryContainer{
max-width: 1400px;
}
}
.categoryContainer{
margin-left: auto;
margin-right: auto;
margin-top: 4rem;
margin-bottom: 6rem;
}
.categoryContainer .highlitedCategories{
margin-top: 2.25rem;
margin-bottom: 2.25rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
justify-items: center;
row-gap: 1.25rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
@media (min-width: 768px){
.categoryContainer .highlitedCategories{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
.categoryContainer .highlitedCategories{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
.categoryContainer .highlitedCategories .highlitedCategory{
display: flex;
max-width: 8.75rem;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 768px){
.categoryContainer .highlitedCategories .highlitedCategory{
max-width: 100%;
}
.categoryContainer .highlitedCategories .highlitedCategory{
gap: 1.25rem;
}
}
.categoryContainer .highlitedCategories .highlitedCategory .highlitedImage{
border-radius: 9999px;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(230 100 50 / var(--tw-border-opacity));
padding: 0.25rem;
}
.categoryContainer .highlitedCategories .highlitedCategory .highlitedImage img{
height: 8rem;
width: auto;
border-radius: 9999px;
aspect-ratio: 1;
object-fit: cover;
}
@media (min-width: 768px){
.categoryContainer .highlitedCategories .highlitedCategory .highlitedImage img{
height: 10rem;
}
.categoryContainer .highlitedCategories .highlitedCategory .highlitedImage img{
width: auto;
}
}
.categoryContainer .highlitedCategories .highlitedCategory .highlitedTitle{
text-align: center;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(230 100 50 / var(--tw-text-opacity));
}
.textSection{
margin-top: 2.5rem;
margin-bottom: 5rem;
display: flex;
align-items: center;
justify-content: center;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
@media (min-width: 768px){
.textSection{
margin-bottom: 3rem;
}
}
.textSection p{
text-align: justify;
font-size: 0.75rem;
line-height: 1rem;
}
@media (min-width: 480px){
.textSection p{
font-size: 0.875rem;
line-height: 1.25rem;
}
}
@media (min-width: 768px){
.textSection p{
max-width: 64rem;
}
.textSection p{
font-size: 1rem;
line-height: 1.5rem;
}
}
.productContainerCategory{
margin-left: 0.75rem;
margin-right: 0.75rem;
}
@media (min-width: 480px){
.productContainerCategory{
width: 100%;
}
@media (min-width: 360px){
.productContainerCategory{
max-width: 360px;
}
}
@media (min-width: 480px){
.productContainerCategory{
max-width: 480px;
}
}
@media (min-width: 640px){
.productContainerCategory{
max-width: 640px;
}
}
@media (min-width: 768px){
.productContainerCategory{
max-width: 768px;
}
}
@media (min-width: 956px){
.productContainerCategory{
max-width: 956px;
}
}
@media (min-width: 1024px){
.productContainerCategory{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.productContainerCategory{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.productContainerCategory{
max-width: 1400px;
}
}
.productContainerCategory{
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1024px){
.productContainerCategory{
display: flex;
}
.productContainerCategory{
gap: 5rem;
}
}
@media (min-width: 1280px){
.productContainerCategory{
gap: 6rem;
}
}
.productContainerCategory .categoryList{
margin-top: 2.5rem;
display: flex;
width: 100%;
flex-direction: column;
}
.productContainerCategory .categoryList .productListCategories{
margin-top: 2.25rem;
margin-bottom: 2.25rem;
display: grid;
gap: 1.25rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 640px){
.productContainerCategory .categoryList .productListCategories{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1280px){
.productContainerCategory .categoryList .productListCategories{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.productContainerCategory .categoryList .orderAndFilter{
display: flex;
flex-direction: column;
gap: 0.75rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
@media (min-width: 640px){
.productContainerCategory .categoryList .orderAndFilter{
flex-direction: row;
}
.productContainerCategory .categoryList .orderAndFilter{
justify-content: space-between;
}
.productContainerCategory .categoryList .orderAndFilter{
gap: 0px;
}
.productContainerCategory .categoryList .orderAndFilter{
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1024px){
.productContainerCategory .categoryList .orderAndFilter{
display: block;
}
}
.productContainerCategory .categoryList .orderAndFilter .sortProducts{
margin-bottom: 0.375rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(83 83 83 / var(--tw-text-opacity));
}
@media (min-width: 640px){
.productContainerCategory .categoryList .orderAndFilter .sortProducts{
justify-content: flex-end;
}
}
.productContainerCategory .categoryList .orderAndFilter .sortProducts label{
padding-left: 0.5rem;
padding-right: 0.5rem;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
}
.productContainerCategory .categoryList .orderAndFilter .sortProducts select{
cursor: pointer;
border-radius: 0.25rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(196 196 196 / var(--tw-border-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 0.75rem;
font-weight: 700;
line-height: 1.25rem;
min-width: 9rem;
max-width: 9rem;
background: url('/img/arrow-down.png') 95.5% no-repeat;
width: 100%;
}
.productContainerCategory .categoryList .orderAndFilter .sortProducts select option:hover{
--tw-text-opacity: 1;
color: rgb(230 100 50 / var(--tw-text-opacity));
}
.productContainerCategory .categoryList .orderAndFilter .sortProducts select:focus {
outline: none;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(140 140 140 / var(--tw-border-opacity));
}
.productContainerCategory .categoryList .orderAndFilter .buttonFilterMobile{
display: block;
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(196 196 196 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
text-align: center;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 640px){
.productContainerCategory .categoryList .orderAndFilter .buttonFilterMobile{
padding-left: 6rem;
padding-right: 6rem;
}
}
@media (min-width: 1024px){
.productContainerCategory .categoryList .orderAndFilter .buttonFilterMobile{
display: none;
}
}
.filter{
margin-top: 2.5rem;
display: none;
min-width: 16rem;
gap: 1.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(83 83 83 / var(--tw-text-opacity));
}
@media (min-width: 1024px){
.filter{
display: flex;
}
.filter{
flex-direction: column;
}
}
.filter .filterTitle{
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-bottom-color: rgb(196 196 196 / var(--tw-border-opacity));
padding-bottom: 0.75rem;
padding-left: 0.25rem;
}
.filter h1, .filter h2{
font-weight: 700;
}
.filter .filterCategories{
display: grid;
gap: 1rem;
padding-left: 0.25rem;
}
.filter .filterCategories .filterCategory{
display: flex;
align-items: center;
gap: 0.5rem;
}
.filter .filterPrice .filterRange{
height: 1px;
--tw-bg-opacity: 1;
background-color: rgb(45 45 45 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.filter .filterPrice .filterRange::-moz-range-thumb {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
height: 1.25rem;
width: 1.25rem;
border-radius: 9999px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(146 146 146 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.filter .filterPrice .filterRange::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
border: none;
height: 1.25rem;
width: 1.25rem;
border-radius: 9999px;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(146 146 146 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.categoryDescription{
margin-left: 0.75rem;
margin-right: 0.75rem;
margin-bottom: 2rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(232 232 232 / var(--tw-border-opacity));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 2rem;
padding-bottom: 2rem;
}
@media (min-width: 480px){
.categoryDescription{
width: 100%;
}
@media (min-width: 360px){
.categoryDescription{
max-width: 360px;
}
}
@media (min-width: 480px){
.categoryDescription{
max-width: 480px;
}
}
@media (min-width: 640px){
.categoryDescription{
max-width: 640px;
}
}
@media (min-width: 768px){
.categoryDescription{
max-width: 768px;
}
}
@media (min-width: 956px){
.categoryDescription{
max-width: 956px;
}
}
@media (min-width: 1024px){
.categoryDescription{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.categoryDescription{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.categoryDescription{
max-width: 1400px;
}
}
.categoryDescription{
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 640px){
.categoryDescription{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 768px){
.categoryDescription{
padding-left: 5rem;
padding-right: 5rem;
}
.categoryDescription{
padding-top: 3rem;
padding-bottom: 3rem;
}
}
.categoryDescription {
border-radius: 48px;
}
.categoryDescription h1{
margin-bottom: 1.5rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
}
@media (min-width: 640px){
.categoryDescription h1{
font-size: 1.5rem;
line-height: 2rem;
}
}
@media (min-width: 768px){
.categoryDescription h1{
font-size: 2.25rem;
line-height: 2.5rem;
}
}
.categoryDescription p{
font-size: 0.875rem;
line-height: 1.25rem;
}
@media (min-width: 768px){
.categoryDescription p{
font-size: 1rem;
line-height: 1.5rem;
}
}
.productPageContainer{
padding-top: 4rem;
}
.productPageContainer .productMain{
width: 100%;
}
@media (min-width: 360px){
.productPageContainer .productMain{
max-width: 360px;
}
}
@media (min-width: 480px){
.productPageContainer .productMain{
max-width: 480px;
}
}
@media (min-width: 640px){
.productPageContainer .productMain{
max-width: 640px;
}
}
@media (min-width: 768px){
.productPageContainer .productMain{
max-width: 768px;
}
}
@media (min-width: 956px){
.productPageContainer .productMain{
max-width: 956px;
}
}
@media (min-width: 1024px){
.productPageContainer .productMain{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.productPageContainer .productMain{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.productPageContainer .productMain{
max-width: 1400px;
}
}
.productPageContainer .productMain{
margin-bottom: 2.5rem;
display: grid;
width: 100%;
gap: 1.25rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
@media (min-width: 360px){
.productPageContainer .productMain{
margin-left: auto;
margin-right: auto;
}
.productPageContainer .productMain{
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 640px){
.productPageContainer .productMain{
margin-bottom: 4rem;
}
}
@media (min-width: 768px){
.productPageContainer .productMain{
margin-bottom: 8rem;
}
.productPageContainer .productMain{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.productPageContainer .productMain .productGalery{
display: flex;
width: 100%;
flex-direction: column-reverse;
align-items: center;
justify-content: center;
gap: 2.5rem;
}
@media (min-width: 956px){
.productPageContainer .productMain .productGalery{
gap: 1.25rem;
}
}
@media (min-width: 1024px){
.productPageContainer .productMain .productGalery{
flex-direction: row;
}
.productPageContainer .productMain .productGalery{
justify-content: flex-start;
}
}
.productPageContainer .productMain .productGalery .listImages{
display: none;
flex-direction: row;
gap: 0.5rem;
}
@media (min-width: 768px){
.productPageContainer .productMain .productGalery .listImages{
display: flex;
}
}
@media (min-width: 1024px){
.productPageContainer .productMain .productGalery .listImages{
flex-direction: column;
}
.productPageContainer .productMain .productGalery .listImages{
align-self: flex-start;
}
}
.productPageContainer .productMain .productGalery .listImages img {
max-width: 4.8rem;
max-height: 4.8rem;
}
.productPageContainer .productMain .productGalery .listImages a{
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(42 105 62 / var(--tw-border-opacity));
-o-object-fit: cover;
object-fit: cover;
padding: 0.25rem;
width: 5.2rem;
height: 5.2rem;
}
.productPageContainer .productMain .productGalery .listImages a.activeProductImage{
border-width: 2px;
}
.productPageContainer .productMain .productGalery .principalImage{
display: none;
width: 100%;
align-items: center;
justify-content: center;
}
@media (min-width: 768px){
.productPageContainer .productMain .productGalery .principalImage{
display: flex;
}
}
@media (min-width: 956px){
.productPageContainer .productMain .productGalery .principalImage{
width: auto;
}
}
@media (min-width: 1024px){
.productPageContainer .productMain .productInformations{
width: 91.666667%;
}
}
.productPageContainer .productMain .productInformations h1{
font-size: 1.125rem;
line-height: 1.75rem;
}
@media (min-width: 480px){
.productPageContainer .productMain .productInformations h1{
font-size: 1.5rem;
line-height: 2rem;
}
}
@media (min-width: 768px){
.productPageContainer .productMain .productInformations h1{
font-size: 1.875rem;
line-height: 2.25rem;
}
}
.productPageContainer .productMain .productInformations .refProduct{
margin-top: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(181 181 181 / var(--tw-text-opacity));
}
.productPageContainer .productMain .productInformations .price{
margin-top: 1.5rem;
display: flex;
flex-direction: column;
gap: 0.625rem;
font-weight: 700;
}
@media (min-width: 768px){
.productPageContainer .productMain .productInformations .price{
margin-top: 3rem;
}
.productPageContainer .productMain .productInformations .price{
flex-direction: row;
}
.productPageContainer .productMain .productInformations .price{
justify-content: space-between;
}
.productPageContainer .productMain .productInformations .price{
gap: 0px;
}
}
@media (min-width: 956px){
.productPageContainer .productMain .productInformations .price{
width: 75%;
}
}
.productPageContainer .productMain .productInformations .price .beforePrice{
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(140 140 140 / var(--tw-text-opacity));
}
@media (min-width: 480px){
.productPageContainer .productMain .productInformations .price .beforePrice{
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 956px){
.productPageContainer .productMain .productInformations .price .beforePrice{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.productPageContainer .productMain .productInformations .price .beforePrice span{
font-weight: 400;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
}
.productPageContainer .productMain .productInformations .price .afterPrice{
font-size: 1.125rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgb(230 100 50 / var(--tw-text-opacity));
}
@media (min-width: 480px){
.productPageContainer .productMain .productInformations .price .afterPrice{
font-size: 1.25rem;
line-height: 1.75rem;
}
}
@media (min-width: 768px){
.productPageContainer .productMain .productInformations .price .afterPrice{
font-size: 1.5rem;
line-height: 2rem;
}
}
.productPageContainer .productMain .productInformations .price .installments{
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(230 100 50 / var(--tw-text-opacity));
}
@media (min-width: 480px){
.productPageContainer .productMain .productInformations .price .installments{
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.productPageContainer .productMain .productInformations .price .economy{
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(140 140 140 / var(--tw-text-opacity));
}
@media (min-width: 480px){
.productPageContainer .productMain .productInformations .price .economy{
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 768px){
.productPageContainer .productMain .productInformations .price .economy{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.productPageContainer .productMain .productInformations .price .installments{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.productPageContainer .productMain .productInformations .price .installments .installment{
display: flex;
width: auto;
align-items: center;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
}
.productPageContainer .productMain .productInformations .price .installments .installment p{
cursor: pointer;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.productPageContainer .productMain .productInformations .price .installments .installmentsBox{
position: absolute;
top: 50%;
margin-top: 0.5rem;
display: none;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
}
.productPageContainer .productMain .productInformations .price .installments .installmentsBoxActive{
display: flex;
flex-direction: column;
gap: 0.375rem;
}
.productPageContainer .productMain .productInformations .bankSlip{
margin-top: 0.75rem;
display: flex;
align-items: center;
gap: 1.5rem;
border-top-width: 1px;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-top-color: rgb(140 140 140 / var(--tw-border-opacity));
border-bottom-color: rgb(140 140 140 / var(--tw-border-opacity));
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media (min-width: 956px){
.productPageContainer .productMain .productInformations .bankSlip{
width: 75%;
}
}
.productPageContainer .productMain .productInformations .bankSlip p{
display: flex;
gap: 0.5rem;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(230 100 50 / var(--tw-text-opacity));
}
@media (min-width: 360px){
.productPageContainer .productMain .productInformations .bankSlip p{
font-size: 0.875rem;
line-height: 1.25rem;
}
}
@media (min-width: 480px){
.productPageContainer .productMain .productInformations .bankSlip p{
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 768px){
.productPageContainer .productMain .productInformations .bankSlip p{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.productPageContainer .productMain .productInformations .bankSlip p span{
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(181 181 181 / var(--tw-text-opacity));
}
.productPageContainer .productMain .productInformations .addToCart{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
width: 100%;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(230 100 50 / var(--tw-bg-opacity));
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-duration: 300ms;
}
.productPageContainer .productMain .productInformations .addToCart:hover{
--tw-brightness: brightness(.75);
filter: var(--tw-filter);
}
@media (min-width: 480px){
.productPageContainer .productMain .productInformations .addToCart{
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 768px){
.productPageContainer .productMain .productInformations .addToCart{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.productPageContainer .productMain .productInformations .addToCart{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
@media (min-width: 956px){
.productPageContainer .productMain .productInformations .addToCart{
width: 75%;
}
}
.productPageContainer .productMain .productInformations .delivery{
display: flex;
flex-direction: column;
align-items: center;
gap: 1.5rem;
border-radius: 1rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(121 121 121 / var(--tw-border-opacity));
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
@media (min-width: 480px){
.productPageContainer .productMain .productInformations .delivery{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.productPageContainer .productMain .productInformations .delivery{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 956px){
.productPageContainer .productMain .productInformations .delivery{
width: 75%;
}
}
.productPageContainer .productMain .productInformations .delivery .deliveryTitle{
margin-top: 0.5rem;
display: flex;
gap: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(120 120 120 / var(--tw-text-opacity));
}
@media (min-width: 480px){
.productPageContainer .productMain .productInformations .delivery .deliveryTitle{
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 768px){
.productPageContainer .productMain .productInformations .delivery .deliveryTitle{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.productPageContainer .productMain .productInformations .delivery .deliveryForm{

}
@media (min-width: 360px){
.productPageContainer .productMain .productInformations .delivery .deliveryForm{

}
}
.productPageContainer .productMain .productInformations  input{
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(196 196 196 / var(--tw-border-opacity));
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
text-align: center;
line-height: 1rem;
background-color:white !important;
}
@media (min-width: 480px){
.productPageContainer .productMain .productInformations .delivery .deliveryForm input{
font-size: 1rem;
line-height: 1.5rem;
}
}
.productPageContainer .productMain .productInformations .delivery .deliveryForm input:focus {
outline: none;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(121 121 121 / var(--tw-border-opacity));
}
.productPageContainer .productMain .productInformations .delivery .deliveryForm :nth-child(1) {

max-height: 40px;
}
.productPageContainer .productMain .productInformations .delivery .deliveryForm :nth-child(3){
padding-left: 0.25rem;
padding-right: 0.25rem;
max-width: 52px;
max-height: 40px;
}

.productPageContainer .productMain .js-shipping-list-item .js-shipping-radio .radio-button-content {
display:flex;
gap:6px;
align-items:center;
}
.radio-button-icons-container {
display:none !important;
}
.productPageContainer .productMain .productInformations  .calculateDelivery{

width: 100%;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(42 105 62 / var(--tw-bg-opacity));
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 360px){
.productPageContainer .productMain .productInformations .delivery .deliveryForm .calculateDelivery{
margin-left: 0.5rem;
}
.productPageContainer .productMain .productInformations .delivery .deliveryForm .calculateDelivery{
margin-top: 0px;
}
.productPageContainer .productMain .productInformations .delivery .deliveryForm .calculateDelivery{
width: auto;
}
}
.productPageContainer .productMain .productInformations .delivery .deliveryForm .calculateDelivery {
max-height: 40px;
}
@media (max-width: 480px) {
.productPageContainer .productMain .productInformations .delivery .deliveryForm :nth-child(1) {

max-height: 31px;
}
.productPageContainer .productMain .productInformations .delivery .deliveryForm :nth-child(3){
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.productPageContainer .productMain .productInformations .delivery .deliveryForm :nth-child(3) {
max-width: 45px;
max-height: 31px;
}
}
.productPageContainer .productDescription{
width: 100% !important;
}
@media (min-width: 360px){
.productPageContainer .productDescription{
max-width: 360px !important;
}
}
@media (min-width: 480px){
.productPageContainer .productDescription{
max-width: 480px !important;
}
}
@media (min-width: 640px){
.productPageContainer .productDescription{
max-width: 640px !important;
}
}
@media (min-width: 768px){
.productPageContainer .productDescription{
max-width: 768px !important;
}
}
@media (min-width: 956px){
.productPageContainer .productDescription{
max-width: 956px !important;
}
}
@media (min-width: 1024px){
.productPageContainer .productDescription{
max-width: 1024px !important;
}
}
@media (min-width: 1280px){
.productPageContainer .productDescription{
max-width: 1280px !important;
}
}
@media (min-width: 1400px){
.productPageContainer .productDescription{
max-width: 1400px !important;
}
}
.productPageContainer .productDescription{
margin-bottom: 1.25rem !important;
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
@media (min-width: 360px){
.productPageContainer .productDescription{
margin-left: auto !important;
margin-right: auto !important;
}
.productPageContainer .productDescription{
padding-left: 0px !important;
padding-right: 0px !important;
}
}
@media (min-width: 480px){
.productPageContainer .productDescription{
margin-bottom: 2.5rem !important;
}
}
@media (min-width: 768px){
.productPageContainer .productDescription{
margin-bottom: 5rem !important;
}
}
.productPageContainer .productDescription h1{
margin-bottom: 1rem !important;
border-bottom-width: 1px !important;
--tw-border-opacity: 1 !important;
border-bottom-color: rgb(232 232 232 / var(--tw-border-opacity)) !important;
padding-top: 0.375rem !important;
padding-bottom: 0.375rem !important;
font-size: 1.125rem !important;
line-height: 1.75rem !important;
font-weight: 700 !important;
--tw-text-opacity: 1 !important;
color: rgb(42 105 62 / var(--tw-text-opacity)) !important;
}
@media (min-width: 480px){
.productPageContainer .productDescription h1{
font-size: 1.25rem !important;
line-height: 1.75rem !important;
}
}
@media (min-width: 768px){
.productPageContainer .productDescription h1{
font-size: 1.875rem !important;
line-height: 2.25rem !important;
}
}
.productPageContainer .productDescription h2{
margin-bottom: 1.25rem !important;
margin-top: 1.75rem !important;
font-size: 0.875rem !important;
line-height: 1.25rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
--tw-text-opacity: 1 !important;
color: rgb(42 105 62 / var(--tw-text-opacity)) !important;
}
@media (min-width: 480px){
.productPageContainer .productDescription h2{
font-size: 1rem !important;
line-height: 1.5rem !important;
}
}
@media (min-width: 640px){
.productPageContainer .productDescription h2{
font-size: 1.125rem !important;
line-height: 1.75rem !important;
}
}
.productPageContainer .productDescription p{
margin-bottom: 0.25rem !important;
font-size: 0.75rem !important;
line-height: 1rem !important;
font-weight: 700 !important;
--tw-text-opacity: 1 !important;
color: rgb(140 140 140 / var(--tw-text-opacity)) !important;
}
@media (min-width: 480px){
.productPageContainer .productDescription p{
font-size: 0.875rem !important;
line-height: 1.25rem !important;
}
}
@media (min-width: 640px){
.productPageContainer .productDescription p{
font-size: 1rem !important;
line-height: 1.5rem !important;
}
}
.productPageContainer .productDescription .characteristics{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.25rem;
}
.productPageContainer .productDescription .characteristics .characteristicTitle{
border-top-left-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important;
--tw-bg-opacity: 1 !important;
background-color: rgb(241 241 241 / var(--tw-bg-opacity)) !important;
padding-top: 0.625rem !important;
padding-bottom: 0.625rem !important;
padding-left: 0.375rem !important;
padding-right: 0.5rem !important;
font-size: 0.75rem !important;
line-height: 1rem !important;
font-weight: 700 !important;
--tw-text-opacity: 1 !important;
color: rgb(140 140 140 / var(--tw-text-opacity)) !important;
}
@media (min-width: 480px){
.productPageContainer .productDescription .characteristics .characteristicTitle{
font-size: 1rem !important;
line-height: 1.5rem !important;
}
}
@media (min-width: 640px){
.productPageContainer .productDescription .characteristics .characteristicTitle{
padding-left: 0.75rem !important;
}
.productPageContainer .productDescription .characteristics .characteristicTitle{
padding-right: 1.25rem !important;
}
}
@media (min-width: 768px){
.productPageContainer .productDescription .characteristics .characteristicTitle{
padding-left: 1.5rem !important;
}
.productPageContainer .productDescription .characteristics .characteristicTitle{
padding-right: 2.5rem !important;
}
.productPageContainer .productDescription .characteristics .characteristicTitle{
font-size: 1.125rem !important;
line-height: 1.75rem !important;
}
}
.productPageContainer .productDescription .characteristics .characteristicDescription{
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
--tw-bg-opacity: 1 !important;
background-color: rgb(247 247 247 / var(--tw-bg-opacity)) !important;
padding-top: 0.625rem !important;
padding-bottom: 0.625rem !important;
padding-left: 0.375rem !important;
padding-right: 0.5rem !important;
font-size: 0.75rem !important;
line-height: 1rem !important;
--tw-text-opacity: 1 !important;
color: rgb(140 140 140 / var(--tw-text-opacity)) !important;
}
@media (min-width: 480px){
.productPageContainer .productDescription .characteristics .characteristicDescription{
font-size: 1rem !important;
line-height: 1.5rem !important;
}
}
@media (min-width: 640px){
.productPageContainer .productDescription .characteristics .characteristicDescription{
padding-left: 0.75rem !important;
}
.productPageContainer .productDescription .characteristics .characteristicDescription{
padding-right: 1.25rem !important;
}
}
@media (min-width: 768px){
.productPageContainer .productDescription .characteristics .characteristicDescription{
padding-left: 1.5rem !important;
}
.productPageContainer .productDescription .characteristics .characteristicDescription{
padding-right: 2.5rem !important;
}
.productPageContainer .productDescription .characteristics .characteristicDescription{
font-size: 1.125rem !important;
line-height: 1.75rem !important;
}
}
.productPageContainer .carouselImageContainer{
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 480px){
.productPageContainer .carouselImageContainer{
width: 100%;
}
@media (min-width: 360px){
.productPageContainer .carouselImageContainer{
max-width: 360px;
}
}
@media (min-width: 480px){
.productPageContainer .carouselImageContainer{
max-width: 480px;
}
}
@media (min-width: 640px){
.productPageContainer .carouselImageContainer{
max-width: 640px;
}
}
@media (min-width: 768px){
.productPageContainer .carouselImageContainer{
max-width: 768px;
}
}
@media (min-width: 956px){
.productPageContainer .carouselImageContainer{
max-width: 956px;
}
}
@media (min-width: 1024px){
.productPageContainer .carouselImageContainer{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.productPageContainer .carouselImageContainer{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.productPageContainer .carouselImageContainer{
max-width: 1400px;
}
}
.productPageContainer .carouselImageContainer{
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 768px){
.productPageContainer .carouselImageContainer{
display: none;
}
}
.productPageContainer .carouselImageContainer img{
align-self: center;
justify-self: center;
max-width: 85vw;
}
@media (max-width: 479px) {
.productPageContainer .carouselImageContainer {
width: 90vw;
margin-right: auto;
margin-left: auto;
}
}
.itemImageCarousel{
display: flex;
width: 100%;
justify-content: center;
}
.contentMyAccount{
margin-top: 2rem;
margin-bottom: 3rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2rem;
}
@media (min-width: 480px){
.contentMyAccount{
margin-top: 3rem;
}
.contentMyAccount{
margin-bottom: 4rem;
}
}
@media (min-width: 640px){
.contentMyAccount{
gap: 2.5rem;
}
}
@media (min-width: 768px){
.contentMyAccount{
margin-top: 6rem;
}
.contentMyAccount{
margin-bottom: 8rem;
}
.contentMyAccount{
flex-direction: row;
}
.contentMyAccount{
gap: 3rem;
}
}
@media (min-width: 956px){
.contentMyAccount{
gap: 4rem;
}
}
.contentMyAccount div{
display: flex;
width: 83.333333%;
flex-direction: column;
gap: 0.5rem;
border-radius: 0.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(181 181 181 / var(--tw-border-opacity));
padding-top: 1.75rem;
padding-bottom: 1.75rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 768px){
.contentMyAccount div{
width: auto;
}
}
@media (min-width: 480px) {
.contentMyAccount div:nth-child(2){
padding-left: 2.75rem;
padding-right: 2.75rem;
}
.contentMyAccount div:nth-child(2) {
min-width: 310px;
}
}
.contentMyAccount h2{
font-weight: 700;
text-transform: uppercase;
}
.contentMyAccount p{
text-align: left;
font-weight: 300;
letter-spacing: 5%;
}
.contentMyAccount input{
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(232 232 232 / var(--tw-border-opacity));
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.contentMyAccount input:focus {
outline: none;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(42 105 62 / var(--tw-border-opacity));
}
.contentMyAccount button{
margin-top: 0.5rem;
align-self: center;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(42 105 62 / var(--tw-bg-opacity));
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px){
.contentMyAccount button{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.contentMyAccount button {
min-width: 9.8rem;
}
.orangeLineRegistration{
width: 100%;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-bottom-color: rgb(230 100 50 / var(--tw-border-opacity));
padding-top: 0.5rem;
padding-bottom: 1rem;
}
@media (min-width: 480px){
.orangeLineRegistration{
padding-top: 1.75rem;
}
}
@media (min-width: 768px){
.orangeLineRegistration{
padding-top: 3.5rem;
}
.orangeLineRegistration{
padding-bottom: 0.75rem;
}
}
.orangeLineRegistration div{
width: 100%;
}
@media (min-width: 360px){
.orangeLineRegistration div{
max-width: 360px;
}
}
@media (min-width: 480px){
.orangeLineRegistration div{
max-width: 480px;
}
}
@media (min-width: 640px){
.orangeLineRegistration div{
max-width: 640px;
}
}
@media (min-width: 768px){
.orangeLineRegistration div{
max-width: 768px;
}
}
@media (min-width: 956px){
.orangeLineRegistration div{
max-width: 956px;
}
}
@media (min-width: 1024px){
.orangeLineRegistration div{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.orangeLineRegistration div{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.orangeLineRegistration div{
max-width: 1400px;
}
}
.orangeLineRegistration div{
margin-left: auto;
margin-right: auto;
}
.orangeLineRegistration h1{
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
}
@media (min-width: 480px){
.orangeLineRegistration h1{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
@media (min-width: 768px){
.orangeLineRegistration h1{
font-size: 1.875rem;
line-height: 2.25rem;
}
.orangeLineRegistration h1{
font-weight: 700;
}
}
.registrationContent{
width: 100%;
}
@media (min-width: 360px){
.registrationContent{
max-width: 360px;
}
}
@media (min-width: 480px){
.registrationContent{
max-width: 480px;
}
}
@media (min-width: 640px){
.registrationContent{
max-width: 640px;
}
}
@media (min-width: 768px){
.registrationContent{
max-width: 768px;
}
}
@media (min-width: 956px){
.registrationContent{
max-width: 956px;
}
}
@media (min-width: 1024px){
.registrationContent{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.registrationContent{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.registrationContent{
max-width: 1400px;
}
}
.registrationContent{
margin-left: auto;
margin-right: auto;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
display: flex;
flex-direction: column;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
@media (min-width: 360px){
.registrationContent{
padding-left: 0px;
padding-right: 0px;
}
}
.registrationContent .options{
margin-bottom: 1.25rem;
display: flex;
width: 100%;
gap: 0px;
}
@media (min-width: 640px){
.registrationContent .options{
width: auto;
}
}
.registrationContent .options .physicalPerson{
width: 100%;
cursor: pointer;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
text-align: center;
font-size: 0.875rem;
line-height: 1.25rem;
text-transform: uppercase;
}
@media (min-width: 640px){
.registrationContent .options .physicalPerson{
width: 10rem;
}
.registrationContent .options .physicalPerson{
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.registrationContent .options .physicalPerson{
font-size: 1rem;
line-height: 1.5rem;
}
}
.registrationContent .options .physicalPerson {
letter-spacing: 3%;
}
.registrationContent .options .physicalPerson.active{
--tw-bg-opacity: 1;
background-color: rgb(42 105 62 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.registrationContent .options .physicalPerson.disabled{
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(42 105 62 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
}
.registrationContent .options .legalPerson{
width: 100%;
cursor: pointer;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
text-align: center;
font-size: 0.875rem;
line-height: 1.25rem;
text-transform: uppercase;
}
@media (min-width: 640px){
.registrationContent .options .legalPerson{
width: 10rem;
}
.registrationContent .options .legalPerson{
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.registrationContent .options .legalPerson{
font-size: 1rem;
line-height: 1.5rem;
}
}
.registrationContent .options .legalPerson {
letter-spacing: 3%;
}
.registrationContent .options .legalPerson.active{
--tw-bg-opacity: 1;
background-color: rgb(42 105 62 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.registrationContent .options .legalPerson.disabled{
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(42 105 62 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
}
.registrationContent .physicalPersonForm.disabled, .registrationContent .legalPersonForm.disabled{
display: none;
}
.registrationContent .physicalPersonForm.enabled, .registrationContent .legalPersonForm.enabled{
display: flex;
flex-direction: column;
}
.registrationContent .physicalPersonForm form label, .registrationContent .legalPersonForm form label{
margin-top: 0.75rem;
margin-bottom: 0.25rem;
display: block;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 300;
}
@media (min-width: 480px){
.registrationContent .physicalPersonForm form label, .registrationContent .legalPersonForm form label{
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 768px){
.registrationContent .physicalPersonForm form label, .registrationContent .legalPersonForm form label{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.registrationContent .physicalPersonForm form input, .registrationContent .legalPersonForm form input{
margin-bottom: 0.5rem;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(181 181 181 / var(--tw-border-opacity));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
@media (min-width: 768px){
.registrationContent .physicalPersonForm form input, .registrationContent .legalPersonForm form input{
font-size: 1rem;
line-height: 1.5rem;
}
}
.registrationContent .physicalPersonForm form input:focus, .registrationContent .legalPersonForm form input:focus {
outline: none;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(140 140 140 / var(--tw-border-opacity));
}
.registrationContent .physicalPersonForm form .nameInput, .registrationContent .legalPersonForm form .nameInput{
width: 100%;
}
@media (min-width: 640px){
.registrationContent .physicalPersonForm form .nameInput, .registrationContent .legalPersonForm form .nameInput{
width: 66.666667%;
}
}
@media (min-width: 1024px){
.registrationContent .physicalPersonForm form .nameInput, .registrationContent .legalPersonForm form .nameInput{
width: 50%;
}
}
.registrationContent .physicalPersonForm form .dateInput, .registrationContent .legalPersonForm form .dateInput{
margin-right: 0.5rem;
width: 66.666667%;
cursor: text;
}
@media (min-width: 640px){
.registrationContent .physicalPersonForm form .dateInput, .registrationContent .legalPersonForm form .dateInput{
width: 33.333333%;
}
}
@media (min-width: 1024px){
.registrationContent .physicalPersonForm form .dateInput, .registrationContent .legalPersonForm form .dateInput{
width: 16.666667%;
}
}
.registrationContent .physicalPersonForm form .companyInput, .registrationContent .legalPersonForm form .companyInput{
margin-right: 0.5rem;
width: 66.666667%;
}
@media (min-width: 640px){
.registrationContent .physicalPersonForm form .companyInput, .registrationContent .legalPersonForm form .companyInput{
width: 58.333333%;
}
}
@media (min-width: 1024px){
.registrationContent .physicalPersonForm form .companyInput, .registrationContent .legalPersonForm form .companyInput{
width: 41.666667%;
}
}
.registrationContent .physicalPersonForm form .documentInput, .registrationContent .legalPersonForm form .documentInput{
width: 83.333333%;
}
@media (min-width: 640px){
.registrationContent .physicalPersonForm form .documentInput, .registrationContent .legalPersonForm form .documentInput{
width: 50%;
}
}
@media (min-width: 1024px){
.registrationContent .physicalPersonForm form .documentInput, .registrationContent .legalPersonForm form .documentInput{
width: 33.333333%;
}
}
.registrationContent .physicalPersonForm form .phoneInput, .registrationContent .legalPersonForm form .phoneInput{
margin-right: 0.5rem;
width: 83.333333%;
}
@media (min-width: 640px){
.registrationContent .physicalPersonForm form .phoneInput, .registrationContent .legalPersonForm form .phoneInput{
width: 41.666667%;
}
}
@media (min-width: 1024px){
.registrationContent .physicalPersonForm form .phoneInput, .registrationContent .legalPersonForm form .phoneInput{
width: 25%;
}
}
.registrationContent .physicalPersonForm form .emailInput, .registrationContent .legalPersonForm form .emailInput{
width: 100%;
}
@media (min-width: 640px){
.registrationContent .physicalPersonForm form .emailInput, .registrationContent .legalPersonForm form .emailInput{
width: 58.333333%;
}
}
@media (min-width: 1024px){
.registrationContent .physicalPersonForm form .emailInput, .registrationContent .legalPersonForm form .emailInput{
width: 41.666667%;
}
}
.registrationContent .physicalPersonForm form .passwordInput, .registrationContent .legalPersonForm form .passwordInput{
width: 75%;
}
@media (min-width: 640px){
.registrationContent .physicalPersonForm form .passwordInput, .registrationContent .legalPersonForm form .passwordInput{
width: 41.666667%;
}
}
@media (min-width: 1024px){
.registrationContent .physicalPersonForm form .passwordInput, .registrationContent .legalPersonForm form .passwordInput{
width: 25%;
}
}
.registrationContent .physicalPersonForm form .examplePhone, .registrationContent .legalPersonForm form .examplePhone{
display: block;
font-weight: 100;
}
@media (min-width: 640px){
.registrationContent .physicalPersonForm form .examplePhone, .registrationContent .legalPersonForm form .examplePhone{
display: inline;
}
}
.registrationContent .physicalPersonForm form .promotionalEmailsCheckbox, .registrationContent .legalPersonForm form .promotionalEmailsCheckbox{
display: flex;
align-items: center;
font-size: 0.875rem;
line-height: 1.25rem;
}
.registrationContent .physicalPersonForm form .promotionalEmailsCheckbox input, .registrationContent .legalPersonForm form .promotionalEmailsCheckbox input{
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.125rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(181 181 181 / var(--tw-border-opacity));
padding: 0.375rem;
}
.registrationContent .physicalPersonForm form .promotionalEmailsCheckbox input:checked, .registrationContent .legalPersonForm form .promotionalEmailsCheckbox input:checked{
--tw-bg-opacity: 1;
background-color: rgb(230 100 50 / var(--tw-bg-opacity));
}
@media (min-width: 640px){
.registrationContent .physicalPersonForm form .promotionalEmailsCheckbox input, .registrationContent .legalPersonForm form .promotionalEmailsCheckbox input{
padding: 0.5rem;
}
}
.registrationContent .physicalPersonForm form .promotionalEmailsCheckbox label, .registrationContent .legalPersonForm form .promotionalEmailsCheckbox label{
margin-top: 0px;
margin-left: 0.25rem;
}
.registrationContent .physicalPersonForm .advanceButton, .registrationContent .legalPersonForm .advanceButton{
margin-top: 1.25rem;
margin-bottom: 6rem;
align-self: flex-end;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(42 105 62 / var(--tw-bg-opacity));
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px){
.registrationContent .physicalPersonForm .advanceButton, .registrationContent .legalPersonForm .advanceButton{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.registrationContent .physicalPersonForm .advanceButton, .registrationContent .legalPersonForm .advanceButton {
min-width: 9.8rem;
}
.contentLogin{
display: flex;
width: 100%;
align-items: center;
justify-content: center;
padding-top: 5rem;
padding-bottom: 5rem;
}
.contentLogin div{
display: flex;
width: 50%;
flex-direction: column;
align-items: center;
gap: 1.25rem;
border-radius: 0.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(181 181 181 / var(--tw-border-opacity));
padding-top: 1.75rem;
padding-bottom: 1.75rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.contentLogin div a{
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.contentLogin div button{
margin-top: 0.5rem;
width: 100%;
align-self: center;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(42 105 62 / var(--tw-bg-opacity));
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px){
.contentLogin div button{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.contentLogin div form{
display: flex;
width: 41.666667%;
flex-direction: column;
align-items: center;
}
.contentLogin div input{
margin-bottom: 1.5rem;
width: 100%;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(232 232 232 / var(--tw-border-opacity));
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.contentLogin div label{
align-self: flex-start;
font-size: 0.75rem;
line-height: 1rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(146 146 146 / var(--tw-text-opacity));
}
.contentLogin div h1{
margin-bottom: 2rem;
font-size: 1.5rem;
line-height: 2rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(42 105 62 / var(--tw-text-opacity));
}
.contentLogin div input:focus {
outline: none;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(42 105 62 / var(--tw-border-opacity));
}
.contactContent{
width: 100%;
}
@media (min-width: 360px){
.contactContent{
max-width: 360px;
}
}
@media (min-width: 480px){
.contactContent{
max-width: 480px;
}
}
@media (min-width: 640px){
.contactContent{
max-width: 640px;
}
}
@media (min-width: 768px){
.contactContent{
max-width: 768px;
}
}
@media (min-width: 956px){
.contactContent{
max-width: 956px;
}
}
@media (min-width: 1024px){
.contactContent{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.contactContent{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.contactContent{
max-width: 1400px;
}
}
.contactContent{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
@media (min-width: 480px){
.contactContent{
margin-left: auto;
margin-right: auto;
}
.contactContent{
padding-left: 0px;
padding-right: 0px;
}
}
.contactContent h1{
margin-bottom: 1.5rem;
margin-top: 1.5rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
text-transform: uppercase;
}
@media (min-width: 640px){
.contactContent h1{
margin-top: 3rem;
}
}
@media (min-width: 768px){
.contactContent h1{
margin-top: 3.5rem;
}
.contactContent h1{
font-size: 1.875rem;
line-height: 2.25rem;
}
}
.contactContent p{
font-size: 0.75rem;
line-height: 1rem;
}
@media (min-width: 640px){
.contactContent p{
font-size: 0.875rem;
line-height: 1.25rem;
}
}
@media (min-width: 768px){
.contactContent p{
font-size: 1rem;
line-height: 1.5rem;
}
}
.contactContent p {
letter-spacing: 3%;
}
.contactContent p span{
font-weight: 700;
}
.contactContent h2{
font-weight: 700;
}
.contactContent .callCenter{
margin-top: 2.5rem;
margin-bottom: 1.75rem;
display: grid;
gap: 0.25rem;
}
.contactContent .contactForm{
margin-top: 1.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 300;
}
@media (min-width: 480px){
.contactContent .contactForm{
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 768px){
.contactContent .contactForm{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.contactContent .contactForm label{
margin-bottom: 0.25rem;
margin-top: 1rem;
display: block;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 300;
}
@media (min-width: 480px){
.contactContent .contactForm label{
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 640px){
.contactContent .contactForm label{
margin-top: 0px;
}
}
@media (min-width: 768px){
.contactContent .contactForm label{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.contactContent .contactForm input{
margin-bottom: 0px;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(181 181 181 / var(--tw-border-opacity));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
@media (min-width: 640px){
.contactContent .contactForm input{
margin-bottom: 1rem;
}
.contactContent .contactForm input{
margin-right: 0.5rem;
}
}
@media (min-width: 768px){
.contactContent .contactForm input{
margin-right: 1rem;
}
.contactContent .contactForm input{
font-size: 1rem;
line-height: 1.5rem;
}
}
.contactContent .contactForm textarea{
height: 8rem;
width: 100%;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(181 181 181 / var(--tw-border-opacity));
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
@media (min-width: 640px){
.contactContent .contactForm textarea{
height: 12rem;
}
.contactContent .contactForm textarea{
width: 66.666667%;
}
}
@media (min-width: 768px){
.contactContent .contactForm textarea{
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 1024px){
.contactContent .contactForm textarea{
width: 50%;
}
}
.contactContent .contactForm textarea:focus,
.contactContent .contactForm input:focus {
outline: none;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(140 140 140 / var(--tw-border-opacity));
}
.contactContent .contactForm .nameInput{
width: 100%;
}
@media (min-width: 640px){
.contactContent .contactForm .nameInput{
width: 66.666667%;
}
}
@media (min-width: 1024px){
.contactContent .contactForm .nameInput{
width: 50%;
}
}
.contactContent .contactForm .companyInput{
margin-right: 0.5rem;
width: 66.666667%;
}
@media (min-width: 640px){
.contactContent .contactForm .companyInput{
width: 58.333333%;
}
}
@media (min-width: 1024px){
.contactContent .contactForm .companyInput{
width: 41.666667%;
}
}
.contactContent .contactForm .phoneInput{
margin-right: 0.5rem;
width: 66.666667%;
}
@media (min-width: 640px){
.contactContent .contactForm .phoneInput{
width: 41.666667%;
}
}
@media (min-width: 1024px){
.contactContent .contactForm .phoneInput{
width: 25%;
}
}
.contactContent .contactForm .emailInput{
width: 100%;
}
@media (min-width: 640px){
.contactContent .contactForm .emailInput{
width: 50%;
}
}
@media (min-width: 1024px){
.contactContent .contactForm .emailInput{
width: 33.333333%;
}
}
.contactContent .contactForm button{
margin-top: 1rem;
margin-bottom: 3rem;
display: block;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(42 105 62 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
min-width: 9.8rem;
}
.contactContent .companyInformations{
margin-bottom: 5rem;
display: grid;
gap: 1rem;
}
@media (min-width: 640px){
.contactContent .companyInformations h2{
margin-bottom: 0.625rem;
}
}
.contactContent .companyInformations p{
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 300;
}
@media (min-width: 768px){
.contactContent .companyInformations p{
font-size: 1rem;
line-height: 1.5rem;
}
}
.politicsContent{
width: 100%;
}
@media (min-width: 360px){
.politicsContent{
max-width: 360px;
}
}
@media (min-width: 480px){
.politicsContent{
max-width: 480px;
}
}
@media (min-width: 640px){
.politicsContent{
max-width: 640px;
}
}
@media (min-width: 768px){
.politicsContent{
max-width: 768px;
}
}
@media (min-width: 956px){
.politicsContent{
max-width: 956px;
}
}
@media (min-width: 1024px){
.politicsContent{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.politicsContent{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.politicsContent{
max-width: 1400px;
}
}
.politicsContent{
margin-left: auto;
margin-right: auto;
margin-top: 2.5rem;
margin-bottom: 1.25rem;
display: flex;
justify-content: center;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
@media (min-width: 360px){
.politicsContent{
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 640px){
.politicsContent{
margin-top: 5rem;
}
.politicsContent{
margin-bottom: 2.5rem;
}
}
.politicsContent .privacityPolitics {
max-width: 920px;
}
.politicsContent .privacityPolitics h1{
margin-bottom: 1.5rem;
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 700;
}
.politicsContent .privacityPolitics p{
margin-bottom: 2rem;
}
.paginationContainer{
margin-bottom: 1.75rem;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}
@media (min-width: 640px){
.paginationContainer{
margin-bottom: 2.5rem;
}
}
@media (min-width: 768px){
.paginationContainer{
margin-bottom: 3.5rem;
}
}
.paginationContainer .pagination{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.625rem;
}
.paginationContainer .pagination li{
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(248 248 248 / var(--tw-bg-opacity));
text-align: center;
font-size: 1.125rem;
line-height: 1.75rem;
width: 2rem;
height: 2rem;
}
.paginationContainer .pagination li.active{
background-color: #e66432;
color:white;
}
.paginationContainer .pagination li.active a{

color:white;
}
.paginationContainer .pagination li a{
border-style: none;
padding: 0px;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none;
-webkit-text-decoration-color: #000;
text-decoration-color: #000;
outline: 2px solid transparent;
outline-offset: 2px;
}
.paginationContainer .pagination li a:hover{
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.paginationContainer .pagination .nextOrPrev {
width: 3rem;
height: 3rem;
}
.paginationContainer .pagination .nextOrPrevDisabled, .paginationContainer .pagination .paginationDisabled{
cursor: not-allowed;
opacity: 0.75;
}
.paginationContainer .pagination .nextOrPrevDisabled a, .paginationContainer .pagination .paginationDisabled a{
cursor: not-allowed;
}
@media (max-width: 640px) {
.paginationContainer .pagination li {
width: 1.5rem;
height: 1.5rem;
}
.paginationContainer .pagination .nextOrPrev {
width: 2.5rem;
height: 2.5rem;
}
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
--tw-bg-opacity: 1 !important;
background-color: rgb(42 105 62 / var(--tw-bg-opacity)) !important;
}
.owl-theme .owl-dots .owl-dot.active span{
height: 0.75rem !important;
width: 0.75rem !important;
}
.btn-floating{
z-index: 10 !important;
}
.contentPage{
width: 100%;
}
@media (min-width: 360px){
.contentPage{
max-width: 360px;
}
}
@media (min-width: 480px){
.contentPage{
max-width: 480px;
}
}
@media (min-width: 640px){
.contentPage{
max-width: 640px;
}
}
@media (min-width: 768px){
.contentPage{
max-width: 768px;
}
}
@media (min-width: 956px){
.contentPage{
max-width: 956px;
}
}
@media (min-width: 1024px){
.contentPage{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.contentPage{
max-width: 1280px;
}
}
@media (min-width: 1400px){
.contentPage{
max-width: 1400px;
}
}
.contentPage{
margin-left: 0.75rem;
margin-right: 0.75rem;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
@media (min-width: 360px){
.contentPage{
margin-left: auto;
margin-right: auto;
}
}
.contentPage h1{
margin-bottom: 1.5rem;
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 700;
}
body {
font-family: 'Oxygen', sans-serif;
}

.cart .cartContainer .bodyCart {
padding: .5rem;
}

.cart .cartContainer .bodyCart input {
text-align:center;
width: 32px;
}
.cart-item-btn {
padding:.8rem;
}
.cart .cartContainer .bodyCart .cart-item {
display:flex;
gap: .8rem;
}
.cart .cartContainer .bodyCart .cart-item .col-2 {
width: 40%;
}
.cart .cartContainer .bodyCart .cart-item .col-10 {
width: 100%;
}
.cart .cartContainer .bodyCart .cart-item .cart-item-name {
font-size:12px;
}

.cart .cartContainer .bodyCart .cart-item .cart-item-subtotal {
font-size:14px;
color: #2A693E;
font-weight: bold;
}

.cart .cartContainer .bodyCart .cart-item .pull-left {
display:flex;
align-items:center;

}

.page-forms-title{
  width: 100%;
  border-bottom: 1px solid #e66432;
  margin: 3rem 0;
}

.page-forms-title .title-forms{
  text-align: center;
  color: #000;
  padding-bottom: 0.75rem;
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
}

.form-horizontal .form-group {
   margin: 0 auto !important;
}

.principal-form-register{
  max-width: 480px;
  margin: 0 auto;
}

.page-form{
  width: 90%;
  max-width: 480px;
  margin: 0 auto;
}

.page-form .forms-page-label{
  text-align: left;
  font-weight: 300;
  font-size: 14px;
}

.page-form .forms-page-input input, .page-form .forms-page-input select{
  width: 100%;
  font-weight: 300;
  border: 1px solid #bebebe;
  font-size: 14px;
  margin-bottom: 1.25rem;
  border-radius: 5px;
}

.g-recaptcha > div{
  margin: 1.25rem 0px !important;
}

.page-form-button{
  background: #2a693e;
  color: #ffffff;
  text-transform: uppercase;
  height: 40px;
  width: 157px;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}

.page-form-button[disabled]{
  opacity: 0.7;
}

.page-form-button:hover{
  background: #2a693e;
  color: #ffffff;
  filter: brightness(0.8);
}

.link-have-account a{
  text-transform: inherit;
  color: #2a693e;
}

.link-have-account a:hover{
  text-decoration: none;
  color: #2a693e;
}

m-none{
  margin: 0 auto !important;
}

.forgot-password{
  font-size: 14px;
}

.forgot-password a:hover{
  color: #737373;
  text-decoration: underline;
}

.reset-password-infos{
  font-weight: 600;
  text-align: center;
  margin-bottom: 2rem;
}

.page-info-button{
  background: #2a693e;
  color: #ffffff;
  text-transform: uppercase;
  height: 40px;
  padding: 0 0.5rem;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}

.page-info-button[disabled]{
  opacity: 0.7;
}

.page-info-button:hover{
  background: #2a693e;
  color: #ffffff;
  filter: brightness(0.8);
}

.addresses-content{
  margin: 0 auto;
  padding-bottom: 4rem;
}

.addresses-content .addresses-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

.addresses-content .addresses-grid .add-new-address{
  border: 1px dotted #bebebe;
  color: #bebebe;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 0.5rem;
  transition: all 0.3s ease-in-out;
}

.addresses-content .addresses-grid .add-new-address:hover{
  filter: brightness(0.6);
}

.addresses-content .addresses-grid .address-box{
  
  border: 1px solid #bebebe;
  border-radius: 10px;
  padding: 1.75rem 3.75rem;
  font-size: 0.875rem;
  color: #000000;
}

.addresses-content .addresses-grid .address-box .standard-address{
  font-size: 0.9rem;
  color: #e66432;
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.addresses-content .addresses-grid .address-box p{
  margin-bottom:  1.5rem;
}

.addresses-content .addresses-grid .address-box .edit-address-box a, .button-orders-default{
  background: #2a693e;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0.625rem 0.75rem;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  font-size: 0.875rem;
}

.button-orders-default{
  float: right;
}

.addresses-content .addresses-grid .address-box .edit-address-box a:hover, .button-orders-default:hover{
  background: #2a693e;
  color: #ffffff;
  filter: brightness(0.8);
}

@media (max-width: 856px){
  .addresses-content .addresses-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

@media (max-width: 580px){
  .addresses-content .addresses-grid{
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }

  .container-order-data{
    padding: 0px 2rem;
  }

  .user-order-container{
    margin-top: 2rem;
  }
}

.addresses-content .col-xs-12, .addresses-content .col-sm-4, .addresses-content .col-sm-8{
  display: none;
} 

.user-data-container{
  border: 1px solid #bebebe;
  border-radius: 10px;
  padding: 1rem 2rem;
}

.user-order-container{
  padding-left: 2.5rem;
}

.user-data-container .title-user-data, .user-order-container .title-user-data{
  margin-bottom: 0;
  text-align: left;
  color: #000;
  font-size: 1.125rem;
  font-weight: 600;
  width: 100%;
  float: left;
  clear: both;
}

.title-user-data hr{
  background-color: #e66432;
  border: 0;
  width: 18%;
  height: 3px;
  margin-top: 0px;
}

.box-user-data{
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-top: 2rem;
}

.box-user-data svg{
  fill: #e66432;
}

.product-order-information{
  background: #f1f1f1;
  border-radius: 10px;
  padding: 0.25rem 0rem;
}

.order-product{
  display: flex; 
  align-items: center;
}

.order-data-summary{
  width: 40%;
  float: right;
}

.order-data-summary .order-data-values{
  border-top: 1px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
  padding: 1rem 0.5rem;
}

.order-data-summary .order-data-values .order-data-summary-components{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order-data-summary .order-summary-total{
  color: #2a693e;
  font-weight: 700;
  font-size: 1.215rem;
  margin-top: 0.625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 0.5rem;
}

@media( max-width: 1200px ){
  .order-data-summary{
    width: 60%;
  }
}

@media( max-width: 768px ){
  .order-data-summary{
    float: left;
    width: 60%;
  }

  .order-data-summary .order-data-values .order-data-summary-components{
    font-size: 0.875rem;
  }

  .order-data-summary .order-summary-total{
    font-size: 1rem;
  }
}

@media( max-width: 530px ){
  .order-data-summary{
    float: left;
    width: 100%;
  }
}

.non-existent-page-title{
  width: 100%;
  margin-top: 5rem;
  text-align: center;
  margin-bottom:  3rem;
}

.non-existent-page-title h1{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1.8rem;
}

.page-error-caroussel .carouselArrowLeft, .page-error-caroussel .carouselArrowRight{
  display: none;
} 

.error-page-related-title{
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1.8rem;
  color: #e66432;
}

.box-orders-data{
  border: 1px solid #bebebe;
  padding: 1rem 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  margin-top: 5px;
}

.order-link, .order-link-small{
  color: #2a693e;
  text-decoration: none;
  text-transform: uppercase;
}

.order-link:hover, .order-link-small:hover{
  text-decoration: underline;
  color: #2a693e;
}

.order-link-small, .button-orders-default-small{
  font-size: 0.75rem;
}

.button-orders-default-small{
  width: 100%;
}

.text-no-shopping{
  margin-bottom: 0.625rem;
  margin-top: 1.5rem;
}

.icon-no-shopping svg {
  margin: 0 auto;
}

.button-no-shopping{
  background: #2a693e;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0.625rem 0.75rem;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  font-size: 0.875rem;
}

.button-no-shopping:hover{
  background: #2a693e;
  color: #ffffff;
  filter: brightness(0.8);
}

.installments-link-product-page{
  margin: 4px 0px;
  color: #2a693e;
  font-weight: 400;
  font-size: 0.875rem;
  cursor: pointer;
}

.installments-link-product-page:hover{
  color: #2a693e;
  text-decoration: underline;
}

.modal-content{
  height: 100vh;
  overflow: auto;
}

.modal-body .box{
  border: none !important;
}

.menuMobile .content .myAccountMenu .profileLink{
  display: flex;
  gap: 1rem;
  font-size: 1rem;
}

.menuMobile .content .myAccountMenu .loginOrRegisterButtons{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
  font-size: 0.875rem;
}

.menuMobile .content .myAccountMenu .loginOrRegisterButtons a{
  text-decoration: underline;
}

.page-search .productListCategories{
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4 , 1fr);
}

@media ( max-width: 768px ){
  .page-search .productListCategories{
    grid-template-columns: repeat(3 , 1fr);
  }
}

@media ( max-width: 640px ){
  .page-search .productListCategories{
    grid-template-columns: repeat(2 , 1fr);
  }

  .pageTitle{
    font-size: 1.125rem;
  }
}

.page-search .productListCategories .product .boxProductImage .productImage{
  max-width: 100%;
}

.tab-content{
  margin-top: 1.5rem;
}

.cash-payment-option{
  display: flex;
  align-items: center;
  gap: 1rem;
}