#SECTION-l683p3r9 {
  height: auto;
  grid-template-columns: 10px 1fr 10px;
  grid-template-rows: minmax(13.656900079000984px, max-content) minmax(196.38744706148975px, max-content) minmax(100px, max-content) minmax(479px, 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: 911;
  --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-bp3 {
  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: 3;grid-column-start: 2;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.0999908447265625px;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 {
  --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(20px, 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(20px, 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 {
  --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 {
  --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.15010917030567167%;
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 {
  --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: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[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 {
  --width: 50%;
-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: right;
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: 3;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.11248779296875px;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 {
  --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 {
  --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: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;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.2874908447265625px;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 {
  --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 {
  --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 {
  --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 {
  --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 {
  --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 {
  --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 {
  --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 {
  --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 {
  --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 {
  --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: #00C1A2;
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: var(--color_00);
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);
}
#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 {
  --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 {
  --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 {
  --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 {
  --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 {
  --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 {
  --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 {
  --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 {
  --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;
  }