#SECTION-l683p3r9 {
  height: auto;
  grid-template-columns: 1fr 690px 24px 485px 1fr;
  grid-template-rows: minmax(13.656900079000984px, max-content) minmax(196.38744706148975px, max-content) minmax(664.5347661552728px, max-content) minmax(21.610886704236517px, max-content);
  column-gap: 0px;
  row-gap: 25px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-l683p3r9 .x-section-background {
  background: url(https://content.pancake.vn/web-media/47/0f/47/c2/d63a1c0ea631451a2c5c979d7eb381e68e7f9b79e87c7cdf141b6d05-w:1440-h:1608-l:1314-t:image/svg+xml.svg);
  background-size: cover;
  background-attachment: local; -webkit-transform: none;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  
  --height: 971;
  --bg: url(https://content.pancake.vn/web-media/47/0f/47/c2/d63a1c0ea631451a2c5c979d7eb381e68e7f9b79e87c7cdf141b6d05-w:1440-h:1608-l:1314-t:image/svg+xml.svg);
}

#SECTION-l683p3r9 .x-section-video-background {
  
  
}



#SECTION-l683p3r9 .video {
  display: none;
}
#SECTION-l683p3r9 .video-bp1 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


#CONTAINER-rbb3771s {
  --bg: #FFFFFF99;
  background: #FFFFFF99;
border-color: var(--color_00);
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
  --width: 100%;align-self: start;grid-column-end: 5;grid-column-start: 4;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 24px 1fr 24px;grid-template-rows: minmax(24px, max-content) minmax(40px, max-content) minmax(100px, max-content) minmax(3px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0.203125px;width: 100%;
  
  
  
  
  
  border: 1px solid var(--color_00);


  
}
[id^="TEXT-sahp89mp"], .--clone-TEXT-sahp89mp {
  font-size: 0px;
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: center;
margin-bottom: 15px;
margin-left: calc(0% * 2);
width: 100%;
  
}
[id^="TEXT-sahp89mp"] .x-text,
[id^="TEXT-sahp89mp"] .x-text a,
.--clone-TEXT-sahp89mp .x-text,
.--clone-TEXT-sahp89mp .x-text a {
  min-height: 12px;
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_4);
font: var(--font_4);
font-family: 'Roboto', sans-serif;
height: 100%;
line-height: 1.5;
width: 100%;
  color: var(--active-color, var(--font_color_4));
}
[id^="TEXT-sahp89mp"] .x-text:hover,
.--clone-TEXT-sahp89mp .x-text:hover,
[id^="TEXT-sahp89mp"] a:hover,
.--clone-TEXT-sahp89mp a:hover {
  
}

#CART-ITEMS-pk7ekwfh {
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 100px 1fr 6px 130px;grid-template-rows: minmax(25px, max-content) minmax(10px, max-content) minmax(0px, max-content) minmax(40px, max-content) minmax(22px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#CART-ITEMS-pk7ekwfh cart-item, #CART-ITEMS-pk7ekwfh .cart-loading {
  grid-template-columns: 100px 1fr 6px 130px;
  grid-template-rows: minmax(25px, max-content) minmax(10px, max-content) minmax(0px, max-content) minmax(40px, max-content) minmax(22px, max-content);
}
#QUANTITY-INPUT-pimpo8cv {
  --width: 100px;align-self: center;grid-column-end: 5;grid-column-start: 4;grid-row-end: 5;grid-row-start: 4;height: 38px;justify-self: end;margin-right: 0%;margin-top: calc(0px * 2);width: 100px;
  -webkit-text-stroke: 0px #000000ff;
background: #ffffff;
border-color: #EDEEEE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-pimpo8cv .quantity__input {
  background: #ffffff;
  
  padding-left: 32px;
  padding-right: 32px;
  
}
#QUANTITY-INPUT-pimpo8cv .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-pimpo8cv .quantity__button[name="minus"] {
  border-color: #EDEEEE;
border-width: 0.0px;
  border-top-style: unset;border-bottom-style: unset;border-left-style: unset;
  width:32px;
}
#QUANTITY-INPUT-pimpo8cv .quantity__button[name="minus"] svg {
  width: 12px;
}
#QUANTITY-INPUT-pimpo8cv .quantity__button[name="plus"] {
  border-color: #EDEEEE;
border-radius: 2px;
border-width: 0.0px;
  border-top-style: unset;border-bottom-style: unset;
  width:32px;
}
#QUANTITY-INPUT-pimpo8cv .quantity__button[name="plus"] svg {
  width: 12px;
}

#IMAGE-DATASET-g41g8zgq {
  --width: 90px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 1;height: 96px;justify-self: start;margin-bottom: calc(0.5px * 2);margin-left: 0%;width: 90px;
  
}
#IMAGE-DATASET-g41g8zgq picture, #IMAGE-DATASET-g41g8zgq img {
  border-color: #e3e3e3;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
}
#IMAGE-DATASET-g41g8zgq img {
  object-fit: contain;
}

[id^="TEXT-DATASET-rzzavrp0"], .--clone-TEXT-DATASET-rzzavrp0 {
  font-size: 0px;
  align-self: center;
grid-column-end: 5;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
[id^="TEXT-DATASET-rzzavrp0"] .x-text,
[id^="TEXT-DATASET-rzzavrp0"] .x-text a,
.--clone-TEXT-DATASET-rzzavrp0 .x-text,
.--clone-TEXT-DATASET-rzzavrp0 .x-text a {
  min-height: 12px;
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #37393B;
font-family: 'Roboto', sans-serif;
font-size: 16.0px;
font-weight: 700;
height: 100%;
line-height: 1.3;
width: 100%;
  color: var(--active-color, #37393B);
}
[id^="TEXT-DATASET-rzzavrp0"] .x-text:hover,
.--clone-TEXT-DATASET-rzzavrp0 .x-text:hover,
[id^="TEXT-DATASET-rzzavrp0"] a:hover,
.--clone-TEXT-DATASET-rzzavrp0 a:hover {
  
}

[id^="TEXT-DATASET-10e4mv5h"], .--clone-TEXT-DATASET-10e4mv5h {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: end;
margin-right: -0.5208333333333333%;
margin-top: calc(0px * 2);
width: 100.52083333333331%;
  
}
[id^="TEXT-DATASET-10e4mv5h"] .x-text,
[id^="TEXT-DATASET-10e4mv5h"] .x-text a,
.--clone-TEXT-DATASET-10e4mv5h .x-text,
.--clone-TEXT-DATASET-10e4mv5h .x-text a {
  min-height: 12px;
  --width: 100.52083333333331%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #000000ff;
font-size: 16.0px;
font-weight: 700;
height: 100%;
text-align: left;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-10e4mv5h"] .x-text:hover,
.--clone-TEXT-DATASET-10e4mv5h .x-text:hover,
[id^="TEXT-DATASET-10e4mv5h"] a:hover,
.--clone-TEXT-DATASET-10e4mv5h a:hover {
  
}

[id^="TEXT-DATASET-t3ulm08y"], .--clone-TEXT-DATASET-t3ulm08y {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: end;
margin-right: -0.15010917030565735%;
margin-top: calc(0px * 2);
width: 100.15010917030568%;
  
}
[id^="TEXT-DATASET-t3ulm08y"] .x-text,
[id^="TEXT-DATASET-t3ulm08y"] .x-text a,
.--clone-TEXT-DATASET-t3ulm08y .x-text,
.--clone-TEXT-DATASET-t3ulm08y .x-text a {
  min-height: 12px;
  --width: 100.15010917030568%;
border-color: #000000ff;
color: #37393B;
font-size: 14.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #37393B);
}
[id^="TEXT-DATASET-t3ulm08y"] .x-text:hover,
.--clone-TEXT-DATASET-t3ulm08y .x-text:hover,
[id^="TEXT-DATASET-t3ulm08y"] a:hover,
.--clone-TEXT-DATASET-t3ulm08y a:hover {
  
}

[id^="TEXT-DATASET-2x8lg6qz"], .--clone-TEXT-DATASET-2x8lg6qz {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 90px;
margin-right: 0%;
margin-top: calc(0px * 2);
width: auto;
  
}
[id^="TEXT-DATASET-2x8lg6qz"] .x-text,
[id^="TEXT-DATASET-2x8lg6qz"] .x-text a,
.--clone-TEXT-DATASET-2x8lg6qz .x-text,
.--clone-TEXT-DATASET-2x8lg6qz .x-text a {
  min-height: 12px;
  --width: 54.77386934673368%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #000000ff;
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.2;
text-align: left;
text-decoration: line-through;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-2x8lg6qz"] .x-text:hover,
.--clone-TEXT-DATASET-2x8lg6qz .x-text:hover,
[id^="TEXT-DATASET-2x8lg6qz"] a:hover,
.--clone-TEXT-DATASET-2x8lg6qz a:hover {
  
}


#CONTAINER-1uv5cf6t {
  --bg: #FFFFFF00;
  background: #FFFFFF00;
border-color: #ffffff;
border-radius: 8px 8px 8px 8px;
border-style: none;
border-width: 1.0px;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 2;grid-template-columns: 24px 1fr 24px;grid-template-rows: minmax(24px, max-content) minmax(400px, max-content) minmax(24px, max-content) minmax(25px, max-content) minmax(24px, max-content) minmax(30px, max-content) minmax(100px, max-content) minmax(24px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.21875px;row-gap: 0px;width: 100%;
  
  
  
  
  
  border: 1px none #ffffff;


  
}

#RECT-9sqe548l {
  align-self: center;
grid-column-end: 4;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 1;
height: 100%;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
  
  border-radius: 8px 8px 8px 8px;
  
}
#RECT-9sqe548l .x-rect {
  --width: 100%;
background: #FFFFFF99;
border-color: #000000ff;
border-radius: 8px 8px 8px 8px;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #FFFFFF99);
}
#RECT-9sqe548l::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
#FORM-t27ejd3t {
  --width: 100%;align-self: start;column-gap: 20px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: minmax(25px, max-content) minmax(64px, max-content) minmax(64px, max-content) minmax(64px, max-content) minmax(64px, max-content) minmax(172px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;row-gap: 20px;width: 100%;
  font-family: 'Roboto', sans-serif;
  --icon-color: inherit;
  
}
[id^="TEXT-oyy61mno"], .--clone-TEXT-oyy61mno {
  font-size: 0px;
  align-self: center;
grid-column-end: 4;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: -0.041852678571436146%;
margin-top: calc(0px * 2);
width: 100.08370535714286%;
  
}
[id^="TEXT-oyy61mno"] .x-text,
[id^="TEXT-oyy61mno"] .x-text a,
.--clone-TEXT-oyy61mno .x-text,
.--clone-TEXT-oyy61mno .x-text a {
  min-height: 12px;
  --width: 100.08370535714286%;
-webkit-text-stroke: 0px #000000ff;
color: #000000;
font-size: 20.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #000000);
}
[id^="TEXT-oyy61mno"] .x-text:hover,
.--clone-TEXT-oyy61mno .x-text:hover,
[id^="TEXT-oyy61mno"] a:hover,
.--clone-TEXT-oyy61mno a:hover {
  
}

#INPUT-ubbp1yeq {
  --width: 49%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: 100%;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 49%;
  
}
#INPUT-ubbp1yeq .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#INPUT-ubbp1yeq input {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  background: #ffffff;
  padding: 3px 10px 3px 15px;
}
#INPUT-ubbp1yeq input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#INPUT-ubbp1yeq input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#PHONE-NUMBER-1wlo27pv {
  --width: 49.00000000000001%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: 100%;justify-self: end;margin-right: 0%;margin-top: calc(0px * 2);width: 49.00000000000001%;
  
}
#PHONE-NUMBER-1wlo27pv .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#PHONE-NUMBER-1wlo27pv input {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  background: #ffffff;
  padding: 3px 10px 3px 15px;
}
#PHONE-NUMBER-1wlo27pv input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#PHONE-NUMBER-1wlo27pv input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#EMAIL-dx9c8a1m {
  --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#EMAIL-dx9c8a1m .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#EMAIL-dx9c8a1m input {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  background: #ffffff;
  padding: 3px 10px 3px 15px;
}
#EMAIL-dx9c8a1m input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#EMAIL-dx9c8a1m input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#DETECT-ADDRESS-03bcty65 {
  --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#DETECT-ADDRESS-03bcty65 .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#DETECT-ADDRESS-03bcty65 input {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  background: #ffffff;
  padding: 3px 10px 3px 15px;
}
#DETECT-ADDRESS-03bcty65 input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#DETECT-ADDRESS-03bcty65 input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#ADDRESS-gtffkn9k {
  --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 6;grid-row-start: 5;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#ADDRESS-gtffkn9k .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#ADDRESS-gtffkn9k .x-address {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  padding: 3px 3px 3px 15px;
  
  background: #ffffff
}

#ADDRESS-6af6r3sp {
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 6;grid-row-start: 5;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#ADDRESS-6af6r3sp .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#ADDRESS-6af6r3sp .x-address {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  padding: 3px 3px 3px 15px;
  
  background: #ffffff
}

#ADDRESS-p3nweb7b {
  --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 3;grid-row-end: 6;grid-row-start: 5;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#ADDRESS-p3nweb7b .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#ADDRESS-p3nweb7b .x-address {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  padding: 3px 3px 3px 15px;
  
  background: #ffffff
}

#TEXT-AREA-0rgol5bm {
  --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 7;grid-row-start: 6;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#TEXT-AREA-0rgol5bm .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#TEXT-AREA-0rgol5bm textarea {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  background: #ffffff;
  padding: 3px 10px 3px 15px;
}
#TEXT-AREA-0rgol5bm textarea::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}

#RECT-yeklwmy4 {
  align-self: center;
grid-column-end: 4;
grid-column-start: 1;
grid-row-end: 9;
grid-row-start: 5;
height: 100%;
justify-self: end;
margin-right: -0.002016813858695652%;
margin-top: calc(0px * 2);
width: 100%;
  
  
  border-radius: 8px 8px 8px 8px;
  
}
#RECT-yeklwmy4 .x-rect {
  --width: 100%;
background: #FFFFFF99;
border-color: #000000ff;
border-radius: 8px 8px 8px 8px;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #FFFFFF99);
}
#RECT-yeklwmy4::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
#PAYMENT-s856tcia {
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 8;grid-row-start: 7;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.1953125px;width: 100%;
  --icon-color: inherit;
  
}
#PAYMENT-s856tcia label {
  -webkit-text-stroke: 0px #000000ff;
border-color: #00C1A2;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
text-align: left;
}
#PAYMENT-s856tcia .payment--method {
  padding: 8px 10px;
}
#PAYMENT-s856tcia .payment-wrapper {
  grid-template-columns: repeat(1, 1fr);
  gap: 12px;
}
#PAYMENT-s856tcia .payment-wrapper label.selected, #PAYMENT-s856tcia .payment-wrapper label:hover {
  border-color: #2f5acf;
}
[id^="TEXT-ee0r5fsp"], .--clone-TEXT-ee0r5fsp {
  font-size: 0px;
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 7;
grid-row-start: 6;
height: auto;
justify-self: center;
margin-bottom: 15px;
margin-left: calc(0% * 2);
width: 100%;
  
}
[id^="TEXT-ee0r5fsp"] .x-text,
[id^="TEXT-ee0r5fsp"] .x-text a,
.--clone-TEXT-ee0r5fsp .x-text,
.--clone-TEXT-ee0r5fsp .x-text a {
  min-height: 12px;
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_4);
font: var(--font_4);
font-family: 'Roboto', sans-serif;
height: 100%;
line-height: 1.5;
width: 100%;
  color: var(--active-color, var(--font_color_4));
}
[id^="TEXT-ee0r5fsp"] .x-text:hover,
.--clone-TEXT-ee0r5fsp .x-text:hover,
[id^="TEXT-ee0r5fsp"] a:hover,
.--clone-TEXT-ee0r5fsp a:hover {
  
}


#CONTAINER-i5fs2tcu {
  --bg: #FFFFFF99;
  background: #FFFFFF99;
border-color: #ffffff;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
  --width: 100%;align-self: start;grid-column-end: 5;grid-column-start: 4;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 24px 1fr 24px;grid-template-rows: minmax(24px, max-content) minmax(30px, max-content) minmax(35px, max-content) minmax(35px, max-content) minmax(60px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(40px, max-content) minmax(35px, max-content) minmax(25px, max-content) minmax(56px, max-content) minmax(54px, max-content) minmax(24px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.015625px;width: 100%;
  
  
  
  
  
  border: 1px solid #ffffff;


  
}
[id^="TEXT-5op9nhk2"], .--clone-TEXT-5op9nhk2 {
  font-size: 0px;
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: center;
margin-bottom: 5px;
margin-left: calc(0% * 2);
width: 100%;
  
}
[id^="TEXT-5op9nhk2"] .x-text,
[id^="TEXT-5op9nhk2"] .x-text a,
.--clone-TEXT-5op9nhk2 .x-text,
.--clone-TEXT-5op9nhk2 .x-text a {
  min-height: 12px;
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_4);
font: var(--font_4);
font-family: 'Roboto', sans-serif;
height: 100%;
line-height: 1.5;
width: 100%;
  color: var(--active-color, var(--font_color_4));
}
[id^="TEXT-5op9nhk2"] .x-text:hover,
.--clone-TEXT-5op9nhk2 .x-text:hover,
[id^="TEXT-5op9nhk2"] a:hover,
.--clone-TEXT-5op9nhk2 a:hover {
  
}

[id^="TEXT-uk9n774m"], .--clone-TEXT-uk9n774m {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-uk9n774m"] .x-text,
[id^="TEXT-uk9n774m"] .x-text a,
.--clone-TEXT-uk9n774m .x-text,
.--clone-TEXT-uk9n774m .x-text a {
  min-height: 12px;
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: #37393B;
font: var(--font_5);
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #37393B);
}
[id^="TEXT-uk9n774m"] .x-text:hover,
.--clone-TEXT-uk9n774m .x-text:hover,
[id^="TEXT-uk9n774m"] a:hover,
.--clone-TEXT-uk9n774m a:hover {
  
}

[id^="TEXT-DATASET-9dj7zvj3"], .--clone-TEXT-DATASET-9dj7zvj3 {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-DATASET-9dj7zvj3"] .x-text,
[id^="TEXT-DATASET-9dj7zvj3"] .x-text a,
.--clone-TEXT-DATASET-9dj7zvj3 .x-text,
.--clone-TEXT-DATASET-9dj7zvj3 .x-text a {
  min-height: 12px;
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #494C4E;
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #494C4E);
}
[id^="TEXT-DATASET-9dj7zvj3"] .x-text:hover,
.--clone-TEXT-DATASET-9dj7zvj3 .x-text:hover,
[id^="TEXT-DATASET-9dj7zvj3"] a:hover,
.--clone-TEXT-DATASET-9dj7zvj3 a:hover {
  
}

[id^="TEXT-a677um3c"], .--clone-TEXT-a677um3c {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-a677um3c"] .x-text,
[id^="TEXT-a677um3c"] .x-text a,
.--clone-TEXT-a677um3c .x-text,
.--clone-TEXT-a677um3c .x-text a {
  min-height: 12px;
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: #37393B;
font: var(--font_5);
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #37393B);
}
[id^="TEXT-a677um3c"] .x-text:hover,
.--clone-TEXT-a677um3c .x-text:hover,
[id^="TEXT-a677um3c"] a:hover,
.--clone-TEXT-a677um3c a:hover {
  
}

[id^="TEXT-DATASET-7ml4a9xf"], .--clone-TEXT-DATASET-7ml4a9xf {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-DATASET-7ml4a9xf"] .x-text,
[id^="TEXT-DATASET-7ml4a9xf"] .x-text a,
.--clone-TEXT-DATASET-7ml4a9xf .x-text,
.--clone-TEXT-DATASET-7ml4a9xf .x-text a {
  min-height: 12px;
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #494C4E;
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #494C4E);
}
[id^="TEXT-DATASET-7ml4a9xf"] .x-text:hover,
.--clone-TEXT-DATASET-7ml4a9xf .x-text:hover,
[id^="TEXT-DATASET-7ml4a9xf"] a:hover,
.--clone-TEXT-DATASET-7ml4a9xf a:hover {
  
}

#FORM-9fdxj5f6 {
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 6;grid-row-start: 5;grid-template-columns: 1fr 10px 115px;grid-template-rows: minmax(38px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);row-gap: 10px;width: 100%;
  
  --icon-color: inherit;
  
}
#COUPON-ckbzp89h {
  --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#COUPON-ckbzp89h .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14px;
  
  
}
#COUPON-ckbzp89h input {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000;
font-size: 14.0px;
  background: var(--color_00);
  padding: 3px 10px 3px 15px;
}
#COUPON-ckbzp89h input[type="date"] {
  -webkit-text-fill-color: #000000;
}
#COUPON-ckbzp89h input::placeholder {
  color: #757575ff;
  -webkit-text-fill-color: #757575ff !important;
}
#SUBMIT-BUTTON-gzrydk7h {
  align-self: center;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 2;
grid-row-start: 1;
height: 100%;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
#SUBMIT-BUTTON-gzrydk7h .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: #E7F7F3;
border-color: #00C1A2;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #00C1A2;
font-size: 14.0px;
font-weight: 400;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #00C1A2);
}
#SUBMIT-BUTTON-gzrydk7h[disabled=true] {
  display: none;
}

[id^="TEXT-DATASET-qaz7399v"], .--clone-TEXT-DATASET-qaz7399v {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 7;
grid-row-start: 6;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
[id^="TEXT-DATASET-qaz7399v"] .x-text,
[id^="TEXT-DATASET-qaz7399v"] .x-text a,
.--clone-TEXT-DATASET-qaz7399v .x-text,
.--clone-TEXT-DATASET-qaz7399v .x-text a {
  min-height: 12px;
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #ed1b2e;
font-size: 14.0px;
font-weight: 700;
height: 100%;
text-align: left;
width: 100%;
  color: var(--active-color, #ed1b2e);
}
[id^="TEXT-DATASET-qaz7399v"] .x-text:hover,
.--clone-TEXT-DATASET-qaz7399v .x-text:hover,
[id^="TEXT-DATASET-qaz7399v"] a:hover,
.--clone-TEXT-DATASET-qaz7399v a:hover {
  
}

[id^="TEXT-cphezela"], .--clone-TEXT-cphezela {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 9;
grid-row-start: 8;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-cphezela"] .x-text,
[id^="TEXT-cphezela"] .x-text a,
.--clone-TEXT-cphezela .x-text,
.--clone-TEXT-cphezela .x-text a {
  min-height: 12px;
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: #37393B;
font: var(--font_5);
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #37393B);
}
[id^="TEXT-cphezela"] .x-text:hover,
.--clone-TEXT-cphezela .x-text:hover,
[id^="TEXT-cphezela"] a:hover,
.--clone-TEXT-cphezela a:hover {
  
}

[id^="TEXT-DATASET-m0powjc9"], .--clone-TEXT-DATASET-m0powjc9 {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 9;
grid-row-start: 8;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-DATASET-m0powjc9"] .x-text,
[id^="TEXT-DATASET-m0powjc9"] .x-text a,
.--clone-TEXT-DATASET-m0powjc9 .x-text,
.--clone-TEXT-DATASET-m0powjc9 .x-text a {
  min-height: 12px;
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #494C4E;
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #494C4E);
}
[id^="TEXT-DATASET-m0powjc9"] .x-text:hover,
.--clone-TEXT-DATASET-m0powjc9 .x-text:hover,
[id^="TEXT-DATASET-m0powjc9"] a:hover,
.--clone-TEXT-DATASET-m0powjc9 a:hover {
  
}

[id^="TEXT-rcgvvk7v"], .--clone-TEXT-rcgvvk7v {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 10;
grid-row-start: 9;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-rcgvvk7v"] .x-text,
[id^="TEXT-rcgvvk7v"] .x-text a,
.--clone-TEXT-rcgvvk7v .x-text,
.--clone-TEXT-rcgvvk7v .x-text a {
  min-height: 12px;
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: #37393B;
font: var(--font_5);
font-family: 'Roboto', sans-serif;
font-size: 16.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #37393B);
}
[id^="TEXT-rcgvvk7v"] .x-text:hover,
.--clone-TEXT-rcgvvk7v .x-text:hover,
[id^="TEXT-rcgvvk7v"] a:hover,
.--clone-TEXT-rcgvvk7v a:hover {
  
}

[id^="TEXT-DATASET-bpcz4xve"], .--clone-TEXT-DATASET-bpcz4xve {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 10;
grid-row-start: 9;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-DATASET-bpcz4xve"] .x-text,
[id^="TEXT-DATASET-bpcz4xve"] .x-text a,
.--clone-TEXT-DATASET-bpcz4xve .x-text,
.--clone-TEXT-DATASET-bpcz4xve .x-text a {
  min-height: 12px;
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #00C1A2;
font-family: 'Roboto', sans-serif;
font-size: 20.0px;
font-weight: 700;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #00C1A2);
}
[id^="TEXT-DATASET-bpcz4xve"] .x-text:hover,
.--clone-TEXT-DATASET-bpcz4xve .x-text:hover,
[id^="TEXT-DATASET-bpcz4xve"] a:hover,
.--clone-TEXT-DATASET-bpcz4xve a:hover {
  
}

#LINE-pacitsad {
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 11;grid-row-start: 10;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  height: auto;
  
}
#LINE-pacitsad .line-container {
  border-color: #DEF2EE;
border-style: solid;
border-width: 1.0px;
}

#FORM-l423tvmr {
  --width: 100%;align-self: center;column-gap: 15px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 12;grid-row-start: 11;grid-template-columns: 1fr;grid-template-rows: minmax(46px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);row-gap: 15px;width: 100%;
  font-family: 'Roboto', sans-serif;
  --icon-color: #0075ff;
  
}
#SUBMIT-BUTTON-qdbgnqcx {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 100%;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
#SUBMIT-BUTTON-qdbgnqcx .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: #ed45a0;
border-color: #000000ff;
border-radius: 8px 8px 8px 8px;
color: #ffffffff;
font-size: 14.0px;
font-weight: 700;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #ffffffff);
}
#SUBMIT-BUTTON-qdbgnqcx[disabled=true] {
  display: none;
}

#BUTTON-99fbtdgp {
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 13;
grid-row-start: 12;
height: 46px;
justify-self: center;
margin-bottom: 0px;
margin-left: calc(0% * 2);
width: 100%;
  
}
#BUTTON-99fbtdgp .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: #ffffff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #181818ff;
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #181818ff);
}
#BUTTON-99fbtdgp[disabled=true] {
  display: none;
}

#PROMOTIONS-SHORT-yaqtfnl0 {
  --width: auto;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 8;grid-row-start: 7;height: auto;justify-self: start;margin-left: 0%;margin-top: 1.826388359069824px;width: auto;
  flex-direction: row; width: auto;
  display: flex;
  gap: 8px;
  align-items: center;
  
}
#PROMOTIONS-SHORT-yaqtfnl0 .x-promotion-content {
  flex-direction: row;
}
#PROMOTIONS-SHORT-yaqtfnl0 .x-promotion-content .x-promotion-item {
  --height: auto;
  --dot-color: #FFF;
  --border-color: #00C1A2;
  --color: #00C1A2;
  --background: #ffffff;
  --padding-x: 15px;
  --padding-y: 3px;
  --border-width: 1px;
  --border-radius: 5px;
  height: auto;
  -webkit-text-stroke: 0px #000000ff;
background: #ffffff;
color: #00C1A2;
font-size: 15.0px;
}
#PROMOTIONS-SHORT-yaqtfnl0 .x-promotion-arrow {
  width: calc(auto / 2);
  height: calc(auto / 2);
  min-width: calc(auto / 2);
  min-height: calc(auto / 2);
  display: none;
}

#PROMOTIONS-SHORT-yaqtfnl0 .x-promotion-content .x-promotion-item .x-text-overlay {
  top: calc(50% + 0px);
}
#POPUP-m5vttozx {
  --top: 50%; top: var(--top);
  --left: 50%; left: var(--left);
  transform: translate(-50%, -50%);
  background: #ffffff;
overflow-x: hidden;
overflow-y: scroll;
  width: 800px;
  height: auto;
  grid-template-columns: 10px 1fr 1fr 10px;
  grid-template-rows: minmax(10.980169971671383px, max-content) minmax(16px, max-content) minmax(365.63966005665714px, max-content) minmax(10.980169971671383px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  max-height: var(--viewport-height, 100vh);
  border-width: 0px;
  border-color: #000000;
  border-radius: 0px;
  border-style: solid;
  
}
#POPUP-m5vttozx.anim {
  --width: 800px;
  
}
#PRODUCT-GALLERY-ytdro8lo {
  --width: 95%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 95%;
  
  
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery-wrapper {
  transition: height 0.3s ease;
  flex-direction: column;
  
  
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-wrapper .product-gallery--nav-item[data-video-pin="true"]{
  
}

#PRODUCT-GALLERY-ytdro8lo .x-pagination-wrapper[data-type="bar"] {
  
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-wrapper[data-type="bar-dot"] {
  
  gap: 10px;
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-bar-backdrop {
  height: 2px;
  width: 90%;
  gap: 10px;
  
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-bar-backdrop .x-pagination-bar {
  border-radius: 1000px;
  flex: 1;
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-bar-backdrop .x-pagination-bar:nth-child(n+6) {
  
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-bar, #PRODUCT-GALLERY-ytdro8lo .x-pagination-bar-dot {
  background: rgba(238, 238, 238, 1);
}
#PRODUCT-GALLERY-ytdro8lo .x-bar-active {
  left: -100%;
  background: rgba(77, 125, 236, 1);
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-bar-dot.active {
  background: rgba(77, 125, 236, 1);
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-bar-dot {
  height: 7px;
  width: 7px;
  border-radius: 1000px;
}


#PRODUCT-GALLERY-ytdro8lo .product-gallery-mini {
  min-height: 70px;
  min-width: 70px;
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery-mini-show {
  
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery-mini .product-gallery-mini-wrapper {
  
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery--nav-item img {
  object-fit: cover;
  aspect-ratio: 1/1;
  
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery--nav-item img:hover {
  
}
modal-product-gallery[data-id="PRODUCT-GALLERY-ytdro8lo"] .modal-product-slider__item img {
  object-fit: contain;
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery--controls > * {
  width: 100%;
  height: calc(100% - 40px);
  color: #FFFFFF;
}
#PRODUCT-GALLERY-ytdro8lo .product-view {
  height: calc(100% - 70px);
  width: 100%;
}
#PRODUCT-GALLERY-ytdro8lo .thumbnail-icon {
  margin: 10px 10px 0 0;
  width: 60px;
  height: 60px;
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery--controls {
  width: 40px;
  height: 80px;
  
  
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery--controls.left {
  left: 5px;
  transform: scaleX(-1) scale(1) translate(0,-50%);
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery--controls.right {
  right: 5px;
}

#PRODUCT-GALLERY-ytdro8lo .product--ribbons-wrapper {
  font-family: Roboto;
  font-weight: ;
  font-size: 12px;
  font-style: ;
  text-decoration: ;
  color: rgba(255, 255, 255, 1);
  flex-direction: row;
  padding: 0px 0px 0px 0px;
  display: ;
}
#PRODUCT-GALLERY-ytdro8lo .product--ribbon {
  border-radius: 0px;
  background: rgba(0, 0, 0, 1);
  border-color: rgba(0, 0, 0, 1);
  border-width: 0px;
  background-size: cover;
  background-attachment: scroll;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  filter: ;
}


#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails {
  display: none;
  height: fit-content;
  width: fit-content;
  max-height: 500px;
  max-width: 500px;
  overflow: hidden;
  position: sticky;
  top: 0;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-tap {
  background: #ffffff80;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%; width: 40px;
  z-index: 100;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-tap-left{
  
  top: 0;
  left: 0;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-tap-right{
  
  top: 0;
  right: 0;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-tap-top{
  display: none;
  top: 0;
  left: 0;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-tap-bottom{
  display: none;
  bottom: 0;
  left: 0;
}



#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-tap-icon svg {
  width: 20px;
  height: 20px;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-items {
  display: flex;
  width: fit-content;
  height: fit-content;
  flex-direction: row; gap: 10px;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-items.transition{
  transition: all 0.3s ease-in-out;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-item {
  width: 60px;
  height: 60px;
  opacity: 0.5;
  border-radius: 5px;
  border: 1px solid transparent;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-item img,
#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-item video {
  width: 60px;
  height: 60px;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-item:hover,
#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-item.active {
  opacity: 1;
  border-color: #000000;
}
.PRODUCT-GALLERY-ytdro8lo .x-pin-video {
  display: none;
}

#CONTAINER-fmtxv5vn {
  --bg: var(--color_00);
  background: var(--color_00);
border-color: #000000ff;
  --width: 99.55128205128206%;align-self: start;grid-column-end: 4;grid-column-start: 3;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(35px, max-content) minmax(38px, max-content) minmax(29px, max-content) minmax(49px, max-content) minmax(29px, max-content) minmax(49px, max-content) minmax(41px, max-content);height: auto;justify-self: center;margin-left: calc(0.03206693209134615% * 2);margin-top: 0px;width: 99.55128205128206%;
  
  
  
  
  
  border:   #000000ff;


  
}
[id^="TEXT-DATASET-057w74yp"], .--clone-TEXT-DATASET-057w74yp {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 0px;
width: 100%;
  
}
[id^="TEXT-DATASET-057w74yp"] .x-text,
[id^="TEXT-DATASET-057w74yp"] .x-text a,
.--clone-TEXT-DATASET-057w74yp .x-text,
.--clone-TEXT-DATASET-057w74yp .x-text a {
  min-height: 12px;
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #000000ff;
font-size: 20.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-057w74yp"] .x-text:hover,
.--clone-TEXT-DATASET-057w74yp .x-text:hover,
[id^="TEXT-DATASET-057w74yp"] a:hover,
.--clone-TEXT-DATASET-057w74yp a:hover {
  
}

[id^="TEXT-DATASET-1nku55pq"], .--clone-TEXT-DATASET-1nku55pq {
  font-size: 0px;
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: start;
margin-left: 0px;
margin-top: calc(0px * 2);
width: 25.159864100092815%;
  
}
[id^="TEXT-DATASET-1nku55pq"] .x-text,
[id^="TEXT-DATASET-1nku55pq"] .x-text a,
.--clone-TEXT-DATASET-1nku55pq .x-text,
.--clone-TEXT-DATASET-1nku55pq .x-text a {
  min-height: 12px;
  --width: 25.159864100092815%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: var(--color_24);
font-size: 18.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--color_24));
}
[id^="TEXT-DATASET-1nku55pq"] .x-text:hover,
.--clone-TEXT-DATASET-1nku55pq .x-text:hover,
[id^="TEXT-DATASET-1nku55pq"] a:hover,
.--clone-TEXT-DATASET-1nku55pq a:hover {
  
}

[id^="TEXT-DATASET-54adr297"], .--clone-TEXT-DATASET-54adr297 {
  font-size: 0px;
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: start;
margin-bottom: calc(0.024993896484375px * 2);
margin-left: 96.7px;
width: 20.730334874332243%;
  
}
[id^="TEXT-DATASET-54adr297"] .x-text,
[id^="TEXT-DATASET-54adr297"] .x-text a,
.--clone-TEXT-DATASET-54adr297 .x-text,
.--clone-TEXT-DATASET-54adr297 .x-text a {
  min-height: 12px;
  --width: 20.730334874332243%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: var(--color_04);
font-size: 17.0px;
font-weight: 400;
height: 100%;
text-decoration: line-through;
width: 100%;
  color: var(--active-color, var(--color_04));
}
[id^="TEXT-DATASET-54adr297"] .x-text:hover,
.--clone-TEXT-DATASET-54adr297 .x-text:hover,
[id^="TEXT-DATASET-54adr297"] a:hover,
.--clone-TEXT-DATASET-54adr297 a:hover {
  
}

[id^="TEXT-DATASET-1b83i4bg"], .--clone-TEXT-DATASET-1b83i4bg {
  font-size: 0px;
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 49.458644489129895%;
  
}
[id^="TEXT-DATASET-1b83i4bg"] .x-text,
[id^="TEXT-DATASET-1b83i4bg"] .x-text a,
.--clone-TEXT-DATASET-1b83i4bg .x-text,
.--clone-TEXT-DATASET-1b83i4bg .x-text a {
  min-height: 12px;
  --width: 49.458644489129895%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #000000ff;
font-size: 16.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-1b83i4bg"] .x-text:hover,
.--clone-TEXT-DATASET-1b83i4bg .x-text:hover,
[id^="TEXT-DATASET-1b83i4bg"] a:hover,
.--clone-TEXT-DATASET-1b83i4bg a:hover {
  
}

#ATTR-klkt2tkz {
  --width: 99.99881986404834%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;height: auto;justify-self: start;margin-left: 0%;margin-top: -0.08333206176757812px;width: 99.99881986404834%;
  
}
#ATTR-klkt2tkz .attr--item, #ATTR-klkt2tkz select {
  -webkit-text-stroke: 0px #000000ff;
border-color: #c4c4c4ff;
border-radius: 5px 5px 5px 5px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
font-size: 13.0px;
line-height: 20.8px;
text-align: center;
  
}
#ATTR-klkt2tkz .chevron {
  width: 16px;
  right: 13px;
}
#ATTR-klkt2tkz .chevron svg{
  height: 16px;
}
#ATTR-klkt2tkz .attr--item {
  margin-right: 12px;
  margin-bottom: 6px;
}
#ATTR-klkt2tkz .attr--item:hover {
  border-color: #c4c4c4ff;
  border-width: 1px;
}
#ATTR-klkt2tkz .attr--item.selected {
  border-color: #c4c4c4ff;
  border-width: 1px;
  background-color: #000;
color: #fff;

}
#ATTR-klkt2tkz img {
  width: 40px;
  height: 40px;
  padding: 0px;
  border-radius: 5px 5px 5px 5px;
}
#ATTR-klkt2tkz .attr--item:hover .tooltip {
  background: #000;
  color: #fff;
}
#ATTR-klkt2tkz .attr--item:hover .tooltip:after {
  background: #000;
  border-top-color: #000;
}

#ATTR-klkt2tkz .select-wrapper {
  opacity: 0;
}

#ATTR-klkt2tkz .select-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  -webkit-text-stroke: 0px #000000ff;
border-color: #c4c4c4ff;
border-radius: 5px 5px 5px 5px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
font-size: 13.0px;
line-height: 20.8px;
text-align: center;
  gap: 0px;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

#ATTR-klkt2tkz .select-overlay .select--text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

#ATTR-klkt2tkz .select-overlay .select--icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
#QUANTITY-INPUT-x8wggmjl {
  --width: 24.05796033837698%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 8;grid-row-start: 7;height: 36px;justify-self: start;margin-bottom: calc(0.09722900390625px * 2);margin-left: 0%;width: 24.05796033837698%;
  -webkit-text-stroke: 0px #000000ff;
border-color: var(--color_01);
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-x8wggmjl .quantity__input {
  
  
  padding-left: 28px;
  padding-right: 28px;
  
}
#QUANTITY-INPUT-x8wggmjl .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-x8wggmjl .quantity__button[name="minus"] {
  background: var(--color_33);
  
  width:28px;
}
#QUANTITY-INPUT-x8wggmjl .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-x8wggmjl .quantity__button[name="plus"] {
  background: var(--color_33);
  
  width:28px;
}
#QUANTITY-INPUT-x8wggmjl .quantity__button[name="plus"] svg {
  width: 9.3px;
}
#BUTTON-h8d3a040 {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 8;
grid-row-start: 7;
height: 44px;
justify-self: start;
margin-left: 107.48608398437506px;
margin-top: calc(0px * 2);
width: 69.06858621184358%;
  
}
#BUTTON-h8d3a040 .x-button-wrapper {
  --width: 69.06858621184358%;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_32);
border-color: var(--color_32);
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1.0px;
color: #ffffffff;
font-size: 16.0px;
font-weight: 700;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #ffffffff);
}
#BUTTON-h8d3a040[disabled=true] {
  display: none;
}

  #BUTTON-h8d3a040{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-h8d3a040:hover > * {
    background: #ffffff00 !important;
  }
  #BUTTON-h8d3a040{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-h8d3a040:hover, #BUTTON-h8d3a040:hover > * {
    color: var(--color_04) !important;
  }
[id^="TEXT-DATASET-u0ilj5ce"], .--clone-TEXT-DATASET-u0ilj5ce {
  font-size: 0px;
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 25.734195378029597%;
  
}
[id^="TEXT-DATASET-u0ilj5ce"] .x-text,
[id^="TEXT-DATASET-u0ilj5ce"] .x-text a,
.--clone-TEXT-DATASET-u0ilj5ce .x-text,
.--clone-TEXT-DATASET-u0ilj5ce .x-text a {
  min-height: 12px;
  --width: 25.734195378029597%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #000000ff;
font-size: 16.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-u0ilj5ce"] .x-text:hover,
.--clone-TEXT-DATASET-u0ilj5ce .x-text:hover,
[id^="TEXT-DATASET-u0ilj5ce"] a:hover,
.--clone-TEXT-DATASET-u0ilj5ce a:hover {
  
}

#ATTR-xfc4p384 {
  --width: 48.924896148036254%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 8;grid-row-start: 6;height: auto;justify-self: start;margin-left: 0%;margin-top: 2.46875px;width: 48.924896148036254%;
  
}
#ATTR-xfc4p384 .attr--item, #ATTR-xfc4p384 select {
  -webkit-text-stroke: 0px #000000ff;
border-color: var(--color_01);
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
font-size: 13.0px;
line-height: 20.8px;
text-align: center;
  
}
#ATTR-xfc4p384 .chevron {
  width: 16px;
  right: 13px;
}
#ATTR-xfc4p384 .chevron svg{
  height: 16px;
}
#ATTR-xfc4p384 .attr--item {
  margin-right: 12px;
  margin-bottom: 5px;
}
#ATTR-xfc4p384 .attr--item:hover {
  border-color: var(--color_02);
  border-width: 1px;
}
#ATTR-xfc4p384 .attr--item.selected {
  border-color: var(--color_13);
  border-width: 1px;
  
}
#ATTR-xfc4p384 img {
  width: 40px;
  height: 40px;
  padding: 0px;
  border-radius: 0px 0px 0px 0px;
}
#ATTR-xfc4p384 .attr--item:hover .tooltip {
  background: #000;
  color: #fff;
}
#ATTR-xfc4p384 .attr--item:hover .tooltip:after {
  background: #000;
  border-top-color: #000;
}

#ATTR-xfc4p384 .select-wrapper {
  opacity: 0;
}

#ATTR-xfc4p384 .select-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  -webkit-text-stroke: 0px #000000ff;
border-color: var(--color_01);
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
font-size: 13.0px;
line-height: 20.8px;
text-align: center;
  gap: 0px;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

#ATTR-xfc4p384 .select-overlay .select--text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

#ATTR-xfc4p384 .select-overlay .select--icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}

#RECT-g3kkixp2 {
  align-self: start;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 3;
grid-row-start: 2;
height: 30.000001907348633px;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
width: 30.000001907348633px;
  
  
  
  
}
#RECT-g3kkixp2 .x-rect {
  --width: 30.000001907348633px;
background: rgba(0, 0, 0, 1);
border-color: #000000ff;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xOSw2LjQxTDE3LjU5LDVMMTIsMTAuNTlMNi40MSw1TDUsNi40MUwxMC41OSwxMkw1LDE3LjU5TDYuNDEsMTlMMTIsMTMuNDFMMTcuNTksMTlMMTksMTcuNTlMMTMuNDEsMTJMMTksNi40MVonPjwvcGF0aD4gPC9zdmc+);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, rgba(0, 0, 0, 1));
}
#RECT-g3kkixp2::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
#CART-DROPPABLE-3tklnexl {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 450px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 12px 1fr 12px;
  grid-template-rows: minmax(60px, max-content) minmax(10px, max-content) minmax(0%, calc(100% - 180px)) minmax(15px, max-content) minmax(45px, max-content) minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-3tklnexl.anim {
  --width: 450px;
  animation: slide-right 0.2s ease;
}

#CONTAINER-4ix0lwqb {
  --bg: var(--color_00);
  background: var(--color_00);
border-color: #000000ff;
overflow-x: hidden;
overflow-y: auto;
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(100%, max-content);height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
  
  overflow-x: hidden;
  overflow-y: auto;
  
  border:   #000000ff;


  
}
#CART-ITEMS-0z5y40k7 {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 73px 1fr 0px 95px;grid-template-rows: minmax(30px, max-content) minmax(0px, max-content) minmax(30px, max-content) minmax(21px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  
}
#CART-ITEMS-0z5y40k7 cart-item, #CART-ITEMS-0z5y40k7 .cart-loading {
  grid-template-columns: 73px 1fr 0px 95px;
  grid-template-rows: minmax(30px, max-content) minmax(0px, max-content) minmax(30px, max-content) minmax(21px, max-content);
}

#IMAGE-DATASET-atev9o4y {
  --width: 65px;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 1;height: 65px;justify-self: start;margin-left: 0%;margin-top: 0px;width: 65px;
  
}
#IMAGE-DATASET-atev9o4y picture, #IMAGE-DATASET-atev9o4y img {
  border-color: #000000ff;
}
#IMAGE-DATASET-atev9o4y img {
  object-fit: cover;
}

[id^="TEXT-DATASET-1259watw"], .--clone-TEXT-DATASET-1259watw {
  font-size: 0px;
  align-self: start;
grid-column-end: 4;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
width: 100%;
  
}
[id^="TEXT-DATASET-1259watw"] .x-text,
[id^="TEXT-DATASET-1259watw"] .x-text a,
.--clone-TEXT-DATASET-1259watw .x-text,
.--clone-TEXT-DATASET-1259watw .x-text a {
  min-height: 12px;
  --width: 100%;
color: #000000ff;
font-size: 16.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-1259watw"] .x-text:hover,
.--clone-TEXT-DATASET-1259watw .x-text:hover,
[id^="TEXT-DATASET-1259watw"] a:hover,
.--clone-TEXT-DATASET-1259watw a:hover {
  
}

[id^="TEXT-DATASET-1isvx0tv"], .--clone-TEXT-DATASET-1isvx0tv {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: 0px;
width: 94.80099502487562%;
  
}
[id^="TEXT-DATASET-1isvx0tv"] .x-text,
[id^="TEXT-DATASET-1isvx0tv"] .x-text a,
.--clone-TEXT-DATASET-1isvx0tv .x-text,
.--clone-TEXT-DATASET-1isvx0tv .x-text a {
  min-height: 12px;
  --width: 94.80099502487562%;
color: var(--color_02);
font-size: 14.0px;
height: 100%;
width: 100%;
  color: var(--active-color, var(--color_02));
}
[id^="TEXT-DATASET-1isvx0tv"] .x-text:hover,
.--clone-TEXT-DATASET-1isvx0tv .x-text:hover,
[id^="TEXT-DATASET-1isvx0tv"] a:hover,
.--clone-TEXT-DATASET-1isvx0tv a:hover {
  
}

#QUANTITY-INPUT-vt6vlclg {
  --width: 83.37501525878906px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 31.5px;justify-self: start;margin-bottom: calc(1.75px * 2);margin-left: 0%;width: 83.37501525878906px;
  border-color: var(--color_01);
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-vt6vlclg .quantity__input {
  
  
  padding-left: 26px;
  padding-right: 26px;
  
}
#QUANTITY-INPUT-vt6vlclg .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-vt6vlclg .quantity__button[name="minus"] {
  background: #f3f5f6;
  
  width:26px;
}
#QUANTITY-INPUT-vt6vlclg .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-vt6vlclg .quantity__button[name="plus"] {
  background: #f3f5f6;
  
  width:26px;
}
#QUANTITY-INPUT-vt6vlclg .quantity__button[name="plus"] svg {
  width: 9.3px;
}
[id^="TEXT-DATASET-tafqpdzm"], .--clone-TEXT-DATASET-tafqpdzm {
  font-size: 0px;
  align-self: center;
grid-column-end: 5;
grid-column-start: 4;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
[id^="TEXT-DATASET-tafqpdzm"] .x-text,
[id^="TEXT-DATASET-tafqpdzm"] .x-text a,
.--clone-TEXT-DATASET-tafqpdzm .x-text,
.--clone-TEXT-DATASET-tafqpdzm .x-text a {
  min-height: 12px;
  --width: 100%;
border-color: #000000ff;
color: #000000ff;
font-size: 16.0px;
font-weight: 700;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-tafqpdzm"] .x-text:hover,
.--clone-TEXT-DATASET-tafqpdzm .x-text:hover,
[id^="TEXT-DATASET-tafqpdzm"] a:hover,
.--clone-TEXT-DATASET-tafqpdzm a:hover {
  
}


#RECTANGLE-npbaj725 {
  align-self: start;
grid-column-end: 5;
grid-column-start: 4;
grid-row-end: 2;
grid-row-start: 1;
height: 25px;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
width: 25px;
  
  
  
  
}
#RECTANGLE-npbaj725 .x-rect {
  --width: 25px;
background: #000000ff;
border-color: #000000ff;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xOSw2LjQxTDE3LjU5LDVMMTIsMTAuNTlMNi40MSw1TDUsNi40MUwxMC41OSwxMkw1LDE3LjU5TDYuNDEsMTlMMTIsMTMuNDFMMTcuNTksMTlMMTksMTcuNTlMMTMuNDEsMTJMMTksNi40MVonPjwvcGF0aD4gPC9zdmc+);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #000000ff);
}
#RECTANGLE-npbaj725::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
#LINE-ae2uk196 {
  --width: 100%;align-self: center;grid-column-end: 5;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;height: 17px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  height: auto;
  
}
#LINE-ae2uk196 .line-container {
  border-color: var(--color_01);
border-style: dashed;
border-width: 1.0px;
}


#RECT-82rnahmr {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: 46px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
  
  border-radius: 4px 4px 4px 4px;
  
}
#RECT-82rnahmr .x-rect {
  --width: 100%;
background: #f3f5f6;
border-color: #000000ff;
border-radius: 4px 4px 4px 4px;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #f3f5f6);
}
#RECT-82rnahmr::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
[id^="TEXT-dcvrx4p7"], .--clone-TEXT-dcvrx4p7 {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 46%;
  
}
[id^="TEXT-dcvrx4p7"] .x-text,
[id^="TEXT-dcvrx4p7"] .x-text a,
.--clone-TEXT-dcvrx4p7 .x-text,
.--clone-TEXT-dcvrx4p7 .x-text a {
  min-height: 12px;
  --width: 46%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_3);
font: var(--font_3);
font-size: 23.0px;
height: 100%;
line-height: 1.5;
text-align: center;
width: 100%;
  color: var(--active-color, var(--font_color_3));
}
[id^="TEXT-dcvrx4p7"] .x-text:hover,
.--clone-TEXT-dcvrx4p7 .x-text:hover,
[id^="TEXT-dcvrx4p7"] a:hover,
.--clone-TEXT-dcvrx4p7 a:hover {
  
}

#LINE-8h4bn6hx {
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;height: 4px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  height: auto;
  
}
#LINE-8h4bn6hx .line-container {
  border-color: var(--color_01);
border-style: solid;
border-width: 1.0px;
}

[id^="TEXT-vukadi33"], .--clone-TEXT-vukadi33 {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 46%;
  
}
[id^="TEXT-vukadi33"] .x-text,
[id^="TEXT-vukadi33"] .x-text a,
.--clone-TEXT-vukadi33 .x-text,
.--clone-TEXT-vukadi33 .x-text a {
  min-height: 12px;
  --width: 46%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_6);
font: var(--font_6);
font-size: 16.0px;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_6));
}
[id^="TEXT-vukadi33"] .x-text:hover,
.--clone-TEXT-vukadi33 .x-text:hover,
[id^="TEXT-vukadi33"] a:hover,
.--clone-TEXT-vukadi33 a:hover {
  
}

[id^="TEXT-DATASET-8jt7g9b8"], .--clone-TEXT-DATASET-8jt7g9b8 {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 40%;
  
}
[id^="TEXT-DATASET-8jt7g9b8"] .x-text,
[id^="TEXT-DATASET-8jt7g9b8"] .x-text a,
.--clone-TEXT-DATASET-8jt7g9b8 .x-text,
.--clone-TEXT-DATASET-8jt7g9b8 .x-text a {
  min-height: 12px;
  --width: 40%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: var(--color_24);
font-size: 18.0px;
font-weight: 700;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, var(--color_24));
}
[id^="TEXT-DATASET-8jt7g9b8"] .x-text:hover,
.--clone-TEXT-DATASET-8jt7g9b8 .x-text:hover,
[id^="TEXT-DATASET-8jt7g9b8"] a:hover,
.--clone-TEXT-DATASET-8jt7g9b8 a:hover {
  
}

#BUTTON-k309d18x {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 7;
grid-row-start: 6;
height: 44px;
justify-self: start;
margin-left: 0%;
margin-top: 0px;
width: 49.00000000000001%;
  
}
#BUTTON-k309d18x .x-button-wrapper {
  --width: 49.00000000000001%;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_32);
border-color: var(--color_32);
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1.0px;
color: #ffffffff;
font-size: 16.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #ffffffff);
}
#BUTTON-k309d18x[disabled=true] {
  display: none;
}

  #BUTTON-k309d18x{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-k309d18x:hover > * {
    background: #ffffff00 !important;
  }
  #BUTTON-k309d18x{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-k309d18x:hover, #BUTTON-k309d18x:hover > * {
    color: var(--color_04) !important;
  }
#BUTTON-2io4k9xx {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 7;
grid-row-start: 6;
height: 44px;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
width: 49.00000000000001%;
  
}
#BUTTON-2io4k9xx .x-button-wrapper {
  --width: 49.00000000000001%;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_32);
border-color: var(--color_32);
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1.0px;
color: #ffffffff;
font-size: 16.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #ffffffff);
}
#BUTTON-2io4k9xx[disabled=true] {
  display: none;
}

  #BUTTON-2io4k9xx{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-2io4k9xx:hover > * {
    background: #ffffff00 !important;
  }
  #BUTTON-2io4k9xx{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-2io4k9xx:hover, #BUTTON-2io4k9xx:hover > * {
    color: var(--color_04) !important;
  }
#CART-DROPPABLE-8pk87r0w {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 450px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 12px 1fr 12px;
  grid-template-rows: minmax(60px, max-content) minmax(15px, max-content) minmax(100px, max-content) minmax(20px, max-content) minmax(60px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-8pk87r0w.anim {
  --width: 450px;
  animation: slide-right 0.2s ease;
}

#RECT-6g5mkos7 {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: 46px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
  
  border-radius: 4px 4px 4px 4px;
  
}
#RECT-6g5mkos7 .x-rect {
  --width: 100%;
background: #f3f5f6;
border-color: #000000ff;
border-radius: 4px 4px 4px 4px;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #f3f5f6);
}
#RECT-6g5mkos7::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
[id^="TEXT-pqplh510"], .--clone-TEXT-pqplh510 {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 49.8%;
  
}
[id^="TEXT-pqplh510"] .x-text,
[id^="TEXT-pqplh510"] .x-text a,
.--clone-TEXT-pqplh510 .x-text,
.--clone-TEXT-pqplh510 .x-text a {
  min-height: 12px;
  --width: 49.8%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_2);
font: var(--font_2);
font-size: 23.4px;
height: 100%;
line-height: 1.5;
text-align: center;
width: 100%;
  color: var(--active-color, var(--font_color_2));
}
[id^="TEXT-pqplh510"] .x-text:hover,
.--clone-TEXT-pqplh510 .x-text:hover,
[id^="TEXT-pqplh510"] a:hover,
.--clone-TEXT-pqplh510 a:hover {
  
}


#IMAGE-z1agagw8 {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 0px;
width: 50%;
  
}
#IMAGE-z1agagw8 picture {
  --width: 50%;
border-color: #000000ff;
height: 100%;
width: 100%;
}
[id^="TEXT-jipls7vd"], .--clone-TEXT-jipls7vd {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 0px;
width: 58.34498558044433%;
  
}
[id^="TEXT-jipls7vd"] .x-text,
[id^="TEXT-jipls7vd"] .x-text a,
.--clone-TEXT-jipls7vd .x-text,
.--clone-TEXT-jipls7vd .x-text a {
  min-height: 12px;
  --width: 58.34498558044433%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_5);
font: var(--font_5);
font-size: 18.0px;
font-weight: 400;
height: 100%;
text-align: center;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
[id^="TEXT-jipls7vd"] .x-text:hover,
.--clone-TEXT-jipls7vd .x-text:hover,
[id^="TEXT-jipls7vd"] a:hover,
.--clone-TEXT-jipls7vd a:hover {
  
}

#BUTTON-73w5nxq5 {
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 6;
grid-row-start: 5;
height: 46px;
justify-self: center;
margin-bottom: 0px;
margin-left: calc(0% * 2);
width: 100%;
  
}
#BUTTON-73w5nxq5 .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_32);
border-color: var(--color_32);
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1.0px;
color: #ffffffff;
font-size: 15.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #ffffffff);
}
#BUTTON-73w5nxq5[disabled=true] {
  display: none;
}

  #BUTTON-73w5nxq5{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-73w5nxq5:hover > * {
    background: #ffffff00 !important;
  }
  #BUTTON-73w5nxq5{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-73w5nxq5:hover, #BUTTON-73w5nxq5:hover > * {
    color: var(--color_04) !important;
  }