@charset "UTF-8";
:root {
  --fo-primary: var(--wd-primary-color, #00ac22);
  --fo-primary-hover: color-mix(in srgb, var(--fo-primary) 85%, #000);
  --fo-primary-a10: color-mix(in srgb, var(--fo-primary) 10%, transparent);
  --fo-primary-a12: color-mix(in srgb, var(--fo-primary) 12%, transparent);
  --fo-green-50: color-mix(in srgb, var(--fo-primary) 10%, #fff);
  --fo-green-100: color-mix(in srgb, var(--fo-primary) 18%, #fff);
  --fo-green-200: color-mix(in srgb, var(--fo-primary) 32%, #fff);
  --fo-green-300: color-mix(in srgb, var(--fo-primary) 50%, #fff);
  --fo-green-400: color-mix(in srgb, var(--fo-primary) 72%, #fff);
  --fo-green-550: color-mix(in srgb, var(--fo-primary) 92%, #fff);
  --fo-green-600: color-mix(in srgb, var(--fo-primary) 88%, #000);
  --fo-green-700: color-mix(in srgb, var(--fo-primary) 78%, #000);
  --fo-green-800: color-mix(in srgb, var(--fo-primary) 68%, #000);
  --fo-green-900: color-mix(in srgb, var(--fo-primary) 58%, #000);
}

:root {
  --wd-i-fa: "woodmart-font";
  --border: 1px solid var(--gray200);
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-md: 18px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 28px;
  --font-size-3xl: 32px;
  --wd-form-brd-radius: 10px;
  --cancelled: #eb0000;
  --onhold: #ff7100;
  --onprocess: #14bae2;
  --completed: var(--fo-primary);
  --shipped: #3072ef;
  --accent-red: #f93a37;
  --attention-red: #fb0900;
  --fo-ttf-m: cubic-bezier(.4, 0, .2, 1);
  --fo-ttf-b: cubic-bezier(.44, .63, 0, 1);
  --fo-space-xs: 8px;
  --fo-space-s: 12px;
  --fo-space-m: 16px;
  --fo-space-l: 20px;
  --fo-space-xl: 24px;
  --fo-round-xs: 4px;
  --fo-round-s: 6px;
  --fo-round-m: 8px;
  --fo-round-l: 10px;
  --fo-round-xl: 12px;
  --fo-round-xxl: 14px;
  --fo-round-3xl: 16px;
  --fo-round-4xl: 18px;
  --fo-round-5xl: 20px;
  --fo-control-height: 52px;
  --fo-control-height-sm: 44px;
  --fo-control-height-xs: 32px;
  --fo-control-radius: var(--fo-round-l);
  --fo-control-radius-lg: var(--fo-round-xl);
  --fo-control-bg: var(--gray50);
  --fo-control-bg-disabled: var(--gray100);
  --fo-control-text: var(--gray900);
  --fo-control-muted: var(--gray500);
  --fo-control-border: var(--gray200);
  --fo-control-error: var(--redToPink2);
  --fo-control-error-bg: var(--berry8);
  --fo-control-padding-x: var(--fo-space-m);
  --fo-control-font-size: var(--font-size-base);
  --fo-control-action-font-size: var(--font-size-base);
  --fo-control-font-weight: inherit;
  --fo-control-line-height: 1.4;
  --fo-control-icon-slot-width: 56px;
  --fo-field-padding: 22px calc(var(--fo-control-padding-x) + var(--fo-field-clear-size) + var(--fo-space-xs)) 9px var(--fo-control-padding-x);
  --fo-field-mask-padding: var(--fo-field-padding);
  --fo-field-padding-inline-end-compact: 9px;
  --fo-field-label-top: var(--fo-space-m);
  --fo-field-label-left: var(--fo-control-padding-x);
  --fo-field-label-font-size: var(--fo-control-font-size);
  --fo-field-mask-font-size: var(--fo-control-font-size);
  --fo-field-clear-size: 32px;
  --fo-field-clear-top: 9px;
  --fo-field-clear-right: var(--fo-space-xs);
  --fo-choice-card-min-height: var(--fo-control-height);
  --fo-choice-card-gap: var(--fo-space-s);
  --fo-choice-card-padding-y: 10px;
  --fo-choice-card-padding-x: var(--fo-control-padding-x);
  --fo-choice-card-bg: var(--fo-control-bg);
  --fo-choice-card-color: var(--fo-control-text);
  --fo-choice-card-muted-color: var(--gray700);
  --fo-choice-indicator-size: 18px;
  --fo-choice-indicator-left: var(--fo-control-padding-x);
  --fo-choice-indicator-border-width: 2px;
  --fo-choice-indicator-border-color: var(--gray300);
  --fo-choice-indicator-checked-ring: 5px;
  --fo-choice-label-offset: calc(var(--fo-choice-indicator-left) + var(--fo-choice-indicator-size) + var(--fo-space-s));
  --fo-indicator-size: 24px;
  --fo-indicator-inner-size: 20px;
  --fo-indicator-gap: var(--fo-space-xs);
  --fo-indicator-border-width: 2px;
  --fo-indicator-border-color: var(--light-secondary);
  --fo-indicator-checked-ring: 5px;
  --fo-dismiss-size-24: 24px;
  --fo-dismiss-icon-24: 10px;
  --fo-dismiss-size-32: 32px;
  --fo-dismiss-icon-32: 11px;
  --fo-dismiss-size-36: 36px;
  --fo-dismiss-icon-36: 12px;
  --fo-dismiss-size-40: 40px;
  --fo-dismiss-icon-40: 12px;
  --fo-dismiss-size-28: 28px;
  --fo-dismiss-icon-28: 10px;
  --green50: var(--fo-green-50);
  --green100: var(--fo-green-100);
  --green200: var(--fo-green-200);
  --green300: var(--fo-green-300);
  --green400: var(--fo-green-400);
  --green500: var(--fo-primary);
  --green550: var(--fo-green-550);
  --green600: var(--fo-green-600);
  --green700: var(--fo-green-700);
  --green800: var(--fo-green-800);
  --green900: var(--fo-green-900);
  --primary: var(--fo-primary);
  --white: #fff;
  --gray50: #F8F8FA;
  --gray100: #F0F0F4;
  --gray200: #E3E3E8;
  --gray300: #D3D4D8;
  --gray400: #BCBCC3;
  --gray450: #acacbe;
  --gray500: #94959B;
  --gray600: #75767D;
  --gray700: #4A4A4E;
  --gray800: #333;
  --gray900: #212328;
  --berry1: #D7144B;
  --berry2: #DF2858;
  --berry3: #EB426E;
  --berry4: #F4678C;
  --berry5: #F88FAB;
  --berry6: #FBA3BA;
  --berry7: #FFCBD9;
  --berry7r: 255, 203, 217;
  --berry8: #FFEAF0;
  --berry9: #FFE3EA;
  --blue1: #394BEF;
  --blue2: #0982E5;
  --blue3: #2F9BF2;
  --blue4: #54B3FF;
  --blue5: #80C1FF;
  --blue6: #A6D5FF;
  --blue7: #CCE9FF;
  --purple1: #572382;
  --purple2: #6C309E;
  --purple3: #764DB4;
  --purple4: #9477E6;
  --purple5: #C8B3FF;
  --purple6: #D4C6FF;
  --purple7: #E1D9FF;
  --purple8: #721445;
  --purple9: #8A2D5C;
  --purple10: #A04975;
  --purple11: #CF7EA5;
  --purple12: #FFB3D6;
  --purple13: #FFC6E2;
  --purple14: #FFD9ED;
  --bakery1: #FFF2DB;
  --bakery2: #FFE3C3;
  --bakery3: #FFD5AB;
  --bakery4: #CDB191;
  --bakery5: #A0866C;
  --bakery6: #735C48;
  --bakery7: #614935;
  --bakery8: #9F5C4E;
  --bakery9: #8B4233;
  --bakery10: #73331E;
  --bakery11: #CA857F;
  --yelloworange1: #F3A60F;
  --yelloworange2: #FFD508;
  --yelloworange3: #F98026;
  --yelloworange4: #FFD356;
  --yelloworange5: #FC9A48;
  --yelloworange6: #FF6E00;
  --yelloworange7: #FA5F0A;
  --yelloworange8: #FAC000;
  --color-rating-orange: #ffab3e;
  --redToPink1: #F5675A;
  --redToPink2: #FF3C3C;
  --redToPink3: #FFAEA8;
  --redToPink4: #EA5749;
  --redToPink5: #FA8B81;
  --ultramarine1: #056B53;
  --ultramarine2: #079271;
  --ultramarine3: #09B88F;
  --ultramarine4: #66D3AF;
  --ultramarine5: #92E3C6;
  --skin1: #FFA587;
  --skin2: #D7144B;
  --food1: #FFCD00;
  --food2: #D21E19;
  --food3: #FF3737;
  --food4: #A5F04B;
  --food5: #19A019;
  --food6: #1E640F;
  --food7: #ABD06F;
  --light-Interaction-hover: #0005;
  --light-Interaction-press: #000A;
  --light-fixed-black: #1a1a1a;
  --light-fixed-on-black: #fff;
  --light-fixed-white: #fff;
  --light-fixed-on-white: #1a1a1a;
  --light-space: #f5f5f5;
  --light-surface1: #fff;
  --light-surface2: #f5f5f5;
  --light-surface3: #ebebeb;
  --light-primary: #1a1a1a;
  --light-on-primary: #fff;
  --light-secondary: #707070;
  --light-on-secondary: #fff;
  --light-tertiary: #c2c2c2;
  --light-on-tertiary: #fff;
  --light-outline: #e0e0e0;
  --light-outline-strong: #858585;
  --light-brand1: var(--fo-primary);
  --light-on-brand1-surface: var(--fo-green-600);
  --light-on-brand1-primary: #fff;
  --light-on-brand1-secondary: var(--fo-green-200);
  --light-brand2: #E93665;
  --light-on-brand2-surface: #e61c51;
  --light-on-brand2-primary: #fff;
  --light-on-brand2-secondary: #FBC4D3;
  --light-promo3: #529C2E;
  --light-on-promo3-surface: #418C1C;
  --light-on-promo3-primary: #fff;
  --light-on-promo3-secondary: #C4EAB1;
  --light-negative: #E54F4F;
  --light-on-negative-surface: #e03838;
  --light-on-negative-primary: #fff;
  --light-on-negative-secondary: #FBD1D1;
  --light-additional1: #308AD3;
  --light-on-additional1-surface: #187bcc;
  --light-on-additional1-primary: #fff;
  --light-on-additional1-secondary: #C2DFF8;
  --light-additional2: #a445f2;
  --light-on-additional2-surface: #8644BC;
  --light-on-additional2-primary: #fff;
  --light-on-additional2-secondary: #E7CCFD;
  --light-additional3: #de4393;
  --light-on-additional3-surface: #d92b85;
  --light-on-additional3-primary: #fff;
  --light-on-additional3-secondary: #fac8e1;
  --light-additional4: #AA7E57;
  --light-on-additional4-surface: #9c6e46;
  --light-on-additional4-primary: #fff;
  --light-on-additional4-secondary: #F1DBC8;
  --light-additional5: #D3613B;
  --light-on-additional5-surface: #cc4e24;
  --light-on-additional5-primary: #fff;
  --light-on-additional5-secondary: #F8D1C4;
  --light-promo1: #BD9100;
  --light-on-promo1-surface: #b38600;
  --light-on-promo1-primary: #fff;
  --light-on-promo1-secondary: #F0E4A8;
  --light-promo2: #D36B1B;
  --light-on-promo2-surface: #cc5800;
  --light-on-promo2-primary: #fff;
  --light-on-promo2-secondary: #f8d8bf;
  --light-brand1-container-fill: var(--fo-green-50);
  --light-on-brand1-container-surface: var(--fo-green-100);
  --light-on-brand1-container: #191C1B;
  --light-brand1-border: var(--fo-green-200);
  --light-brand2-container-fill: #FFE3EA;
  --light-on-brand2-container-surface: #FDD3DF;
  --light-on-brand2-container: #1C191A;
  --light-brand2-border: #FBC4D3;
  --light-promo3-container-fill: #E1FAD4;
  --light-on-promo3-container-surface: #D2F2C3;
  --light-on-promo3-container: #1A1C19;
  --light-promo3-border: #C4EAB1;
  --light-negative-container-fill: #FFEDED;
  --light-on-negative-container-surface: #FDDFDF;
  --light-on-negative-container: #1C1919;
  --light-negative-border: #FBD1D1;
  --light-additional1-container-fill: #E6F4FF;
  --light-on-additional1-container-surface: #D3E9FB;
  --light-on-additional1-container: #191B1C;
  --light-additional1-border: #C2DFF8;
  --light-additional2-container-fill: #F4E6FF;
  --light-on-additional2-container-surface: #EDD9FE;
  --light-on-additional2-container: #1B191C;
  --light-additional2-border: #E7CCFD;
  --light-additional3-container-fill: #FFE6F3;
  --light-on-additional3-container-surface: #FCD6EA;
  --light-on-additional3-container: #1C191B;
  --light-additional3-border: #fac8e1;
  --light-additional4-container-fill: #FFF1E6;
  --light-on-additional4-container-surface: #F8E6D7;
  --light-on-additional4-container: #1C1B19;
  --light-additional4-border: #F1DBC8;
  --light-additional5-container-fill: #FFECE6;
  --light-on-additional5-container-surface: #FBDED4;
  --light-on-additional5-container: #1C1817;
  --light-additional5-border: #F8D1C4;
  --light-promo1-container-fill: #FAF4D9;
  --light-on-promo1-container-surface: #F5ECC1;
  --light-on-promo1-container: #1C1B18;
  --light-promo1-border: #F0E4A8;
  --light-promo2-container-fill: #FFF1E6;
  --light-on-promo2-container-surface: #fbe4d2;
  --light-on-promo2-container: #1C1A18;
  --light-promo2-border: #f8d8bf;
  --light-ptag1: #FAC000;
  --light-on-ptag1: #1C1B18;
  --light-ptag2: #3698E2;
  --light-on-ptag2: #f2f9ff;
  --light-ptag3: #6CB349;
  --light-on-ptag3: #F2FFEB;
  --light-ptag4: #FA4141;
  --light-on-ptag4: #fff2f2;
  --light-ptag5: #F06D24;
  --light-on-ptag5: #fff8f2;
  --cbz-1: cubic-bezier(0.25, 0.1, 0.25, 1);
  --btn-accented-brd-radius: 12px;
  --btn-default-brd-radius: 12px;
  --btn-height: var(--fo-control-height);
  --btn-accented-brd-radius: var(--btn-default-brd-radius);
}

.CursorDefault {
  cursor: inherit;
}

.hidden {
  display: none !important;
}

.dn {
  display: none;
}

.clearfix {
  clear: both;
}

.nobr {
  white-space: nowrap;
}

.nobr_dot {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

._pl0 {
  padding-left: 0;
}

._va_top {
  vertical-align: top;
}

.TextInput {
  position: relative;
}

._visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  bottom: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.b400 {
  font-weight: 400;
}

.b500 {
  font-weight: 500;
}

.b600 {
  font-weight: 600;
}

.green50 {
  color: var(--green50);
}

.bg_green50 {
  background-color: var(--green50);
}

.green100 {
  color: var(--green100);
}

.bg_green100 {
  background-color: var(--green100);
}

.green200 {
  color: var(--green200);
}

.bg_green200 {
  background-color: var(--green200);
}

.green300 {
  color: var(--green300);
}

.bg_green300 {
  background-color: var(--green300);
}

.green400 {
  color: var(--green400);
}

.bg_green400 {
  background-color: var(--green400);
}

.green,
.green500 {
  color: var(--fo-primary);
}

.bg_green,
.bg_green500 {
  background-color: var(--fo-primary);
}

.green550 {
  color: var(--green550);
}

.bg_green550 {
  background-color: var(--green550);
}

.green600 {
  color: var(--green600);
}

.bg_green600 {
  background-color: var(--green600);
}

.green700 {
  color: var(--green700);
}

.bg_green700 {
  background-color: var(--green700);
}

.green800 {
  color: var(--green800);
}

.bg_green800 {
  background-color: var(--green800);
}

.green900 {
  color: var(--green900);
}

.bg_green900 {
  background-color: var(--green900);
}

.white,
.gray0 {
  color: var(--white);
}

.bg_white,
.bg_gray0 {
  background-color: var(--white);
}

.gray50 {
  color: var(--gray50);
}

.bg_gray50 {
  background-color: var(--gray50);
}

.gray100 {
  color: var(--gray100);
}

.bg_gray100 {
  background-color: var(--gray100);
}

.gray200 {
  color: var(--gray200);
}

.bg_gray200 {
  background-color: var(--gray200);
}

.gray300 {
  color: var(--gray300);
}

.bg_gray300 {
  background-color: var(--gray300);
}

.gray400 {
  color: var(--gray400);
}

.bg_gray400 {
  background-color: var(--gray400);
}

.gray,
.gray500 {
  color: var(--gray500);
}

.bg_gray,
.bg_gray500 {
  background-color: var(--gray500);
}

.gray600 {
  color: var(--gray600);
}

.bg_gray600 {
  background-color: var(--gray600);
}

.gray700 {
  color: var(--gray700);
}

.bg_gray700 {
  background-color: var(--gray700);
}

.gray800 {
  color: var(--gray800);
}

.bg_gray800 {
  background-color: var(--gray800);
}

.gray900 {
  color: var(--gray900);
}

.bg_gray900 {
  background-color: var(--gray900);
}

.berry1 {
  color: var(--berry1);
}

.bg_berry1 {
  background-color: var(--berry1);
}

.berry2 {
  color: var(--berry2);
}

.bg_berry2 {
  background-color: var(--berry2);
}

.berry3 {
  color: var(--berry3);
}

.bg_berry3 {
  background-color: var(--berry3);
}

.berry4 {
  color: var(--berry4);
}

.bg_berry4 {
  background-color: var(--berry4);
}

.berry5 {
  color: var(--berry5);
}

.bg_berry5 {
  background-color: var(--berry5);
}

.berry6 {
  color: var(--berry6);
}

.bg_berry6 {
  background-color: var(--berry6);
}

.berry7 {
  color: var(--berry7);
}

.bg_berry7 {
  background-color: var(--berry7);
}

.berry8 {
  color: var(--berry8);
}

.bg_berry8 {
  background-color: var(--berry8);
}

.berry9 {
  color: var(--berry9);
}

.bg_berry9 {
  background-color: var(--berry9);
}

.blue1 {
  color: var(--blue1);
}

.bg_blue1 {
  background-color: var(--blue1);
}

.blue2 {
  color: var(--blue2);
}

.bg_blue2 {
  background-color: var(--blue2);
}

.blue3 {
  color: var(--blue3);
}

.bg_blue3 {
  background-color: var(--blue3);
}

.blue4 {
  color: var(--blue4);
}

.bg_blue4 {
  background-color: var(--blue4);
}

.blue5 {
  color: var(--blue5);
}

.bg_blue5 {
  background-color: var(--blue5);
}

.blue6 {
  color: var(--blue6);
}

.bg_blue6 {
  background-color: var(--blue6);
}

.blue7 {
  color: var(--blue7);
}

.bg_blue7 {
  background-color: var(--blue7);
}

.purple1 {
  color: var(--purple1);
}

.bg_purple1 {
  background-color: var(--purple1);
}

.purple2 {
  color: var(--purple2);
}

.bg_purple2 {
  background-color: var(--purple2);
}

.purple3 {
  color: var(--purple3);
}

.bg_purple3 {
  background-color: var(--purple3);
}

.purple4 {
  color: var(--purple4);
}

.bg_purple4 {
  background-color: var(--purple4);
}

.purple5 {
  color: var(--purple5);
}

.bg_purple5 {
  background-color: var(--purple5);
}

.purple6 {
  color: var(--purple6);
}

.bg_purple6 {
  background-color: var(--purple6);
}

.purple7 {
  color: var(--purple7);
}

.bg_purple7 {
  background-color: var(--purple7);
}

.purple8 {
  color: var(--purple8);
}

.bg_purple8 {
  background-color: var(--purple8);
}

.purple9 {
  color: var(--purple9);
}

.bg_purple9 {
  background-color: var(--purple9);
}

.purple10 {
  color: var(--purple10);
}

.bg_purple10 {
  background-color: var(--purple10);
}

.purple11 {
  color: var(--purple11);
}

.bg_purple11 {
  background-color: var(--purple11);
}

.purple12 {
  color: var(--purple12);
}

.bg_purple12 {
  background-color: var(--purple12);
}

.purple13 {
  color: var(--purple13);
}

.bg_purple13 {
  background-color: var(--purple13);
}

.purple14 {
  color: var(--purple14);
}

.bg_purple14 {
  background-color: var(--purple14);
}

.bakery1 {
  color: var(--bakery1);
}

.bg_bakery1 {
  background-color: var(--bakery1);
}

.bakery2 {
  color: var(--bakery2);
}

.bg_bakery2 {
  background-color: var(--bakery2);
}

.bakery3 {
  color: var(--bakery3);
}

.bg_bakery3 {
  background-color: var(--bakery3);
}

.bakery4 {
  color: var(--bakery4);
}

.bg_bakery4 {
  background-color: var(--bakery4);
}

.bakery5 {
  color: var(--bakery5);
}

.bg_bakery5 {
  background-color: var(--bakery5);
}

.bakery6 {
  color: var(--bakery6);
}

.bg_bakery6 {
  background-color: var(--bakery6);
}

.bakery7 {
  color: var(--bakery7);
}

.bg_bakery7 {
  background-color: var(--bakery7);
}

.bakery8 {
  color: var(--bakery8);
}

.bg_bakery8 {
  background-color: var(--bakery8);
}

.bakery9 {
  color: var(--bakery9);
}

.bg_bakery9 {
  background-color: var(--bakery9);
}

.bakery10 {
  color: var(--bakery10);
}

.bg_bakery10 {
  background-color: var(--bakery10);
}

.bakery11 {
  color: var(--bakery11);
}

.bg_bakery11 {
  background-color: var(--bakery11);
}

.yellow-orange1 {
  color: var(--yelloworange1);
}

.bg_yellow-orange1 {
  background-color: var(--yelloworange1);
}

.yellow-orange2 {
  color: var(--yelloworange2);
}

.bg_yellow-orange2 {
  background-color: var(--yelloworange2);
}

.yellow-orange3 {
  color: var(--yelloworange3);
}

.bg_yellow-orange3 {
  background-color: var(--yelloworange3);
}

.yellow-orange4 {
  color: var(--yelloworange4);
}

.bg_yellow-orange4 {
  background-color: var(--yelloworange4);
}

.yellow-orange5 {
  color: var(--yelloworange5);
}

.bg_yellow-orange5 {
  background-color: var(--yelloworange5);
}

.yellow-orange6 {
  color: var(--yelloworange6);
}

.bg_yellow-orange6 {
  background-color: var(--yelloworange6);
}

.yellow-orange7 {
  color: var(--yelloworange7);
}

.bg_yellow-orange7 {
  background-color: var(--yelloworange7);
}

.yellow-orange8 {
  color: var(--yelloworange8);
}

.bg_yellow-orange8 {
  background-color: var(--yelloworange8);
}

.redToPink1 {
  color: var(--redToPink1);
}

.bg_redToPink1 {
  background-color: var(--redToPink1);
}

.redToPink2 {
  color: var(--redToPink2);
}

.bg_redToPink2 {
  background-color: var(--redToPink2);
}

.redToPink3 {
  color: var(--redToPink3);
}

.bg_redToPink3 {
  background-color: var(--redToPink3);
}

.redToPink4 {
  color: var(--redToPink4);
}

.bg_redToPink4 {
  background-color: var(--redToPink4);
}

.redToPink5 {
  color: var(--redToPink5);
}

.bg_redToPink5 {
  background-color: var(--redToPink5);
}

.ultramarine1 {
  color: var(--ultramarine1);
}

.bg_ultramarine1 {
  background-color: var(--ultramarine1);
}

.ultramarine2 {
  color: var(--ultramarine2);
}

.bg_ultramarine2 {
  background-color: var(--ultramarine2);
}

.ultramarine3 {
  color: var(--ultramarine3);
}

.bg_ultramarine3 {
  background-color: var(--ultramarine3);
}

.ultramarine4 {
  color: var(--ultramarine4);
}

.bg_ultramarine4 {
  background-color: var(--ultramarine4);
}

.ultramarine5 {
  color: var(--ultramarine5);
}

.bg_ultramarine5 {
  background-color: var(--ultramarine5);
}

.skin1 {
  color: var(--skin1);
}

.bg_skin1 {
  background-color: var(--skin1);
}

.skin2 {
  color: var(--skin2);
}

.bg_skin2 {
  background-color: var(--skin2);
}

.food1 {
  color: var(--food1);
}

.bg_food1 {
  background-color: var(--food1);
}

.food2 {
  color: var(--food2);
}

.bg_food2 {
  background-color: var(--food2);
}

.food3 {
  color: var(--food3);
}

.bg_food3 {
  background-color: var(--food3);
}

.food4 {
  color: var(--food4);
}

.bg_food4 {
  background-color: var(--food4);
}

.food5 {
  color: var(--food5);
}

.bg_food5 {
  background-color: var(--food5);
}

.food6 {
  color: var(--food6);
}

.bg_food6 {
  background-color: var(--food6);
}

.food7 {
  color: var(--food7);
}

.bg_food7 {
  background-color: var(--food7);
}

.red {
  color: var(--redToPink2);
}

.bg_red {
  background-color: var(--redToPink2);
}

.orange {
  color: var(--yelloworange3);
}

.bg_orange {
  background-color: var(--yelloworange3);
}

.orange2 {
  color: var(--light-additional5-border);
}

.bg_orange2 {
  background-color: var(--light-additional5-border);
}

.orange3 {
  color: var(--light-ptag5);
}

.bg_orange3 {
  background-color: var(--light-ptag5);
}

.blue {
  color: var(--blue2);
}

.bg_blue {
  background-color: var(--blue2);
}

.yellow {
  color: var(--food1);
}

.bg_yellow {
  background-color: var(--food1);
}

body {
  letter-spacing: -0.022em;
}

a:hover {
  color: var(--green600);
}

input::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}

.product-element-top,
.product-grid-item .product-wrapper {
  border-radius: 12px;
}

.fo-floating-menu__root {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10020;
  min-width: max-content;
  pointer-events: none;
}
.fo-floating-menu__root[hidden] {
  display: none;
}
.fo-floating-menu__root[data-state=open] {
  pointer-events: auto;
}

.fo-floating-menu__backdrop {
  display: none;
}

.fo-floating-menu__surface {
  width: max-content;
  min-width: 190px;
  max-width: min(280px, 100vw - 24px);
  padding: 4px;
  background: var(--white);
  border-radius: var(--fo-control-radius);
  box-shadow: 0 12px 36px rgba(26, 26, 26, 0.14);
  transform-origin: top right;
}

.fo-floating-menu__sheet-head {
  display: none;
}

.fo-floating-menu,
.overflow-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: var(--fo-control-font-size);
}

.fo-floating-menu__item,
.overflow-menu__item {
  margin: 0;
}

.fo-floating-menu__btn,
.overflow-menu__btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 36px;
  padding: 8px 12px;
  border: 0;
  border-radius: var(--fo-round-m);
  background: transparent;
  color: var(--gray900);
  font-size: var(--fo-control-font-size);
  font-weight: 500;
  line-height: var(--fo-control-line-height);
  text-align: left;
  text-transform: none;
  touch-action: manipulation;
  cursor: pointer;
}
@media (any-hover: hover) {
  .fo-floating-menu__btn:hover,
  .overflow-menu__btn:hover {
    background: var(--gray50);
  }
}
.fo-floating-menu__btn:focus-visible,
.overflow-menu__btn:focus-visible {
  outline: 2px solid var(--fo-primary);
  outline-offset: 1px;
}
.fo-floating-menu__btn:disabled,
.overflow-menu__btn:disabled {
  color: var(--gray400);
  cursor: default;
  pointer-events: none;
}

.fo-floating-menu__btn--danger {
  color: var(--accent-red);
}

.overflow-menu__trigger,
[data-fo-menu-trigger] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
  padding: 2px;
  border: 0;
  border-radius: var(--fo-round-m);
  background: transparent;
  color: var(--gray900);
  touch-action: manipulation;
  cursor: pointer;
}
@media (any-hover: hover) {
  .overflow-menu__trigger:hover,
  [data-fo-menu-trigger]:hover {
    background: var(--gray100);
  }
}
.overflow-menu__trigger:focus-visible,
[data-fo-menu-trigger]:focus-visible {
  outline: 2px solid var(--fo-primary);
  outline-offset: 2px;
}
@media (any-hover: hover) {
  .overflow-menu__trigger._inwrap:hover,
  [data-fo-menu-trigger]._inwrap:hover {
    background: var(--white);
  }
}

.overflow-menu__trigger-icon {
  display: inline-flex;
  width: 24px;
  height: 24px;
}

.fo-floating-menu__root[data-fo-menu-mode=mobile] {
  inset: 0;
  min-width: 0;
  transform: none !important;
}
.fo-floating-menu__root[data-fo-menu-mode=mobile] .fo-floating-menu__backdrop {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  min-height: 100%;
  padding: 0;
  border: 0;
  background: rgba(26, 26, 26, 0.36);
  opacity: 0;
  transition: opacity 0.2s var(--fo-ttf-m);
}
.fo-floating-menu__root[data-fo-menu-mode=mobile] .fo-floating-menu__surface {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: 100%;
  max-width: 100%;
  height: 50vh;
  height: 50dvh;
  padding: 18px var(--fo-control-padding-x) calc(18px + env(safe-area-inset-bottom));
  border-radius: var(--fo-round-3xl) var(--fo-round-3xl) 0 0;
  transform-origin: bottom center;
  transform: translate3d(0, 100%, 0);
  opacity: 0;
  transition: transform 0.24s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.18s var(--fo-ttf-m);
  will-change: transform, opacity;
}
.fo-floating-menu__root[data-fo-menu-mode=mobile] .fo-floating-menu__sheet-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--fo-space-s);
  padding: 0 0 var(--fo-space-s);
}
.fo-floating-menu__root[data-fo-menu-mode=mobile] .fo-floating-menu__sheet-title {
  font-size: var(--font-size-base);
  font-weight: 600;
  line-height: var(--fo-control-line-height);
}
.fo-floating-menu__root[data-fo-menu-mode=mobile] .fo-floating-menu {
  display: grid;
  grid-auto-rows: minmax(56px, auto);
  align-content: start;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-top: 4px;
}
.fo-floating-menu__root[data-fo-menu-mode=mobile] .fo-floating-menu__item {
  min-height: 56px;
}
.fo-floating-menu__root[data-fo-menu-mode=mobile] .fo-floating-menu__close.fo_dismiss {
  background: var(--gray50);
  color: var(--gray900);
  box-shadow: none;
}
.fo-floating-menu__root[data-fo-menu-mode=mobile] .fo-floating-menu__btn {
  height: 100%;
  min-height: 56px;
  padding: 0 var(--fo-space-m);
  border-radius: var(--fo-round-l);
  font-size: var(--fo-control-font-size);
}
.fo-floating-menu__root[data-fo-menu-mode=mobile][data-state=open] .fo-floating-menu__backdrop {
  opacity: 1;
}
.fo-floating-menu__root[data-fo-menu-mode=mobile][data-state=open] .fo-floating-menu__surface {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.h0, .h0_desktop, .h0_tablet, .h0_mobile, .h1, .h1_desktop, .h1_tablet, .h1_mobile, .h2, .h2_desktop, .h2_tablet, .h2_mobile, .h3, .h3_desktop, .h3_tablet, .h3_mobile, .h4, .h4_desktop, .h4_tablet, .h4_mobile, .h4_article, .h4_article_desktop, .h4_article_tablet, .h4_article_mobile, .h5, .h5_desktop, .h5_tablet, .h5_mobile, .h6, .h6_desktop, .h6_tablet, .h6_mobile {
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
}

.h0 b, .h0_desktop b, .h0_tablet b, .h0_mobile b, .h1 b, .h1_desktop b, .h1_tablet b, .h1_mobile b, .h2 b, .h2_desktop b, .h2_tablet b, .h2_mobile b, .h3 b, .h3_desktop b, .h3_tablet b, .h3_mobile b, .h4 b, .h4_desktop b, .h4_tablet b, .h4_mobile b, .h4_article b, .h4_article_desktop b, .h4_article_tablet b, .h4_article_mobile b, .h5 b, .h5_desktop b, .h5_tablet b, .h5_mobile b, .h6 b, .h6_desktop b, .h6_tablet b, .h6_mobile b {
  font-weight: 700 !important;
}

.h0 {
  font-size: 80px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h1 {
  font-size: 64px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h2 {
  font-size: 48px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h3 {
  font-size: 40px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h4, .h4_article {
  font-size: 32px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h5 {
  font-size: 24px;
  letter-spacing: -0.02em;
  line-height: 1.16;
}

.h6 {
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

@media (max-width: 1023px) {
  .h0 {
    font-size: 48px;
    letter-spacing: -0.02em;
    line-height: 1;
  }
  .h1 {
    font-size: 40px;
    letter-spacing: -0.02em;
    line-height: 1;
  }
  .h2 {
    font-size: 32px;
    letter-spacing: -0.02em;
    line-height: 1.16;
  }
  .h3 {
    font-size: 28px;
    line-height: 1.14;
    letter-spacing: normal;
  }
  .h4, .h4_article {
    font-size: 24px;
    line-height: 1.16;
    letter-spacing: normal;
  }
  .h5 {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: normal;
  }
  .h6 {
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: normal;
  }
}
@media (max-width: 767px) {
  .h0 {
    font-size: 34px;
    letter-spacing: -0.02em;
    line-height: 1;
  }
  .h1 {
    font-size: 32px;
    letter-spacing: -0.02em;
    line-height: 1;
  }
  .h2 {
    font-size: 24px;
    line-height: 1.16;
    letter-spacing: normal;
  }
  .h3, .h4_article {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: normal;
  }
  .h4, .h5, .h6 {
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: normal;
  }
}
.h0_mobile {
  font-size: 34px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h1_mobile {
  font-size: 32px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h2_mobile {
  font-size: 24px;
  line-height: 1.16;
  letter-spacing: normal;
}

.h3_mobile, .h4_article_mobile {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: normal;
}

.h4_mobile, .h5_mobile, .h6_mobile {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
}

.h0_tablet {
  font-size: 48px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h1_tablet {
  font-size: 40px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h2_tablet {
  font-size: 32px;
  letter-spacing: -0.02em;
  line-height: 1.16;
}

.h3_tablet {
  font-size: 28px;
  line-height: 1.14;
  letter-spacing: normal;
}

.h4_tablet, .h4_article_tablet {
  font-size: 24px;
  line-height: 1.16;
  letter-spacing: normal;
}

.h5_tablet {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: normal;
}

.h6_tablet {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
}

.h0_desktop {
  font-size: 80px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h1_desktop {
  font-size: 64px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h2_desktop {
  font-size: 48px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h3_desktop {
  font-size: 40px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h4_desktop, .h4_article_desktop {
  font-size: 32px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.h5_desktop {
  font-size: 24px;
  letter-spacing: -0.02em;
  line-height: 1.16;
}

.h6_desktop {
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

@media (max-width: 1023px) {
  .h0_tablet {
    font-size: 48px;
    letter-spacing: -0.02em;
    line-height: 1;
  }
  .h1_tablet {
    font-size: 40px;
    letter-spacing: -0.02em;
    line-height: 1;
  }
  .h2_tablet {
    font-size: 32px;
    letter-spacing: -0.02em;
    line-height: 1.16;
  }
  .h3_tablet {
    font-size: 28px;
    line-height: 1.14;
    letter-spacing: normal;
  }
  .h4_tablet, .h4_article_tablet {
    font-size: 24px;
    line-height: 1.16;
    letter-spacing: normal;
  }
  .h5_tablet {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: normal;
  }
  .h6_tablet {
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: normal;
  }
}
@media (max-width: 767px) {
  .h0_mobile {
    font-size: 34px;
    letter-spacing: -0.02em;
    line-height: 1;
  }
  .h1_mobile {
    font-size: 32px;
    letter-spacing: -0.02em;
    line-height: 1;
  }
  .h2_mobile {
    font-size: 24px;
    line-height: 1.16;
    letter-spacing: normal;
  }
  .h3_mobile, .h4_article_mobile {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: normal;
  }
  .h4_mobile, .h5_mobile, .h6_mobile {
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: normal;
  }
}
.ha0, .ha0_desktop, .ha0_tablet, .ha0_mobile, .ha1, .ha1_desktop, .ha1_tablet, .ha1_mobile, .ha2, .ha2_desktop, .ha2_tablet, .ha2_mobile, .ha3, .ha3_desktop, .ha3_tablet, .ha3_mobile, .ha4, .ha4_desktop, .ha4_tablet, .ha4_mobile, .ha4_article, .ha4_article_desktop, .ha4_article_tablet, .ha4_article_mobile, .ha5, .ha5_desktop, .ha5_tablet, .ha5_mobile, .ha6, .ha6_desktop, .ha6_tablet, .ha6_mobile {
  font-family: "Villula", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  margin-top: 0;
}

.ha0 {
  font-size: 80px;
  line-height: 1;
}

.ha1 {
  font-size: 60px;
  line-height: 1;
}

.ha2 {
  font-size: 48px;
  line-height: 1.1;
}

.ha3 {
  font-size: 40px;
  line-height: 1.1;
}

.ha4, .ha4_article {
  font-size: 34px;
  line-height: 1.2;
}

.ha5 {
  font-size: 28px;
  line-height: 1.2;
}

@media (max-width: 1023px) {
  .ha0 {
    font-size: 48px;
    line-height: 1;
  }
  .ha1 {
    font-size: 40px;
    line-height: 1;
  }
  .ha2 {
    font-size: 34px;
    line-height: 1.1;
  }
  .ha3 {
    font-size: 30px;
    line-height: 1.1;
  }
  .ha4, .ha4_article {
    font-size: 24px;
    line-height: 1.2;
  }
  .ha5 {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .ha0 {
    font-size: 34px;
    line-height: 1;
  }
  .ha1 {
    font-size: 30px;
    line-height: 1;
  }
  .ha2 {
    font-size: 24px;
    line-height: 1.1;
  }
  .ha3 {
    font-size: 20px;
    line-height: 1.1;
  }
  .ha4, .ha4_article {
    font-size: 20px;
    line-height: 1.2;
  }
  .ha5 {
    font-size: 17px;
    line-height: 1.2;
  }
}
.ha0_mobile {
  font-size: 34px;
  line-height: 1;
}

.ha1_mobile {
  font-size: 30px;
  line-height: 1;
}

.ha2_mobile {
  font-size: 24px;
  line-height: 1.1;
}

.ha3_mobile, .ha3_article_mobile {
  font-size: 20px;
  line-height: 1.1;
}

.ha4_mobile {
  font-size: 20px;
  line-height: 1;
}

.ha5_mobile {
  font-size: 17px;
  line-height: 1;
}

.ha0_tablet {
  font-size: 48px;
  line-height: 1;
}

.ha1_tablet {
  font-size: 40px;
  line-height: 1;
}

.ha2_tablet {
  font-size: 34px;
  line-height: 1.1;
}

.ha3_tablet {
  font-size: 30px;
  line-height: 1.1;
}

.ha4_tablet, .ha4_article_tablet {
  font-size: 24px;
  line-height: 1;
}

.ha5_tablet {
  font-size: 22px;
  line-height: 1;
}

.ha0_desktop {
  font-size: 80px;
  line-height: 1;
}

.ha1_desktop {
  font-size: 60px;
  line-height: 1;
}

.ha2_desktop {
  font-size: 48px;
  line-height: 1.1;
}

.ha3_desktop {
  font-size: 40px;
  line-height: 1.1;
}

.ha4_desktop, .ha4_article_desktop {
  font-size: 34px;
  line-height: 1.2;
}

.ha5_desktop {
  font-size: 28px;
  line-height: 1.2;
}

@media (max-width: 1023px) {
  .ha0_tablet {
    font-size: 48px;
    line-height: 1;
  }
  .ha1_tablet {
    font-size: 40px;
    line-height: 1;
  }
  .ha2_tablet {
    font-size: 34px;
    line-height: 1.1;
  }
  .ha3_tablet {
    font-size: 30px;
    line-height: 1.1;
  }
  .ha4_tablet, .ha4_article_tablet {
    font-size: 24px;
    line-height: 1.2;
  }
  .ha5_tablet {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .ha0_mobile {
    font-size: 34px;
    line-height: 1;
  }
  .ha1_mobile {
    font-size: 30px;
    line-height: 1;
  }
  .ha2_mobile {
    font-size: 24px;
    line-height: 1.1;
  }
  .ha3_mobile {
    font-size: 20px;
    line-height: 1.1;
  }
  .ha4_mobile {
    font-size: 20px;
    line-height: 1.2;
  }
  .ha5_mobile {
    font-size: 17px;
    line-height: 1.2;
  }
}
.subtitle {
  font-size: var(--font-size-base);
  line-height: 1.2;
}

.subtitle._desktop-lg {
  font-size: 16px;
}

.subtitle._desktop-sm {
  font-size: 13px;
}

@media (max-width: 1023px) {
  .subtitle._tablet-lg {
    font-size: var(--font-size-base);
  }
  .subtitle._tablet-sm {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .subtitle._mobile-lg {
    font-size: var(--font-size-base);
  }
  .subtitle._mobile-sm {
    font-size: 13px;
  }
}
.subtitle1_mobile,
.subtitle2_mobile {
  font-size: 13px;
  line-height: 1.2;
}

.subtitle1_tablet,
.subtitle2_tablet {
  font-size: 13px;
  line-height: 1.2;
}

.subtitle1_desktop {
  font-size: var(--font-size-base);
  line-height: 1.2;
}

.subtitle2_desktop {
  font-size: 13px;
}

@media (max-width: 1023px) {
  .subtitle1_tablet,
  .subtitle2_tablet {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .subtitle1_mobile,
  .subtitle2_mobile {
    font-size: 13px;
  }
}
.rtext {
  font-size: var(--font-size-base);
  line-height: 1.4;
}

.rtext._desktop-xlg {
  font-size: 20px;
}

.rtext._desktop-lg {
  font-size: 17px;
}

.rtext._desktop-md {
  font-size: var(--font-size-base);
}

.rtext._desktop-sm {
  font-size: 14px;
}

@media (max-width: 1023px) {
  .rtext._tablet-xlg {
    font-size: 20px;
  }
  .rtext._tablet-lg {
    font-size: 17px;
  }
  .rtext._tablet-md {
    font-size: var(--font-size-base);
  }
  .rtext._tablet-sm {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .rtext._mobile-xlg {
    font-size: 20px;
  }
  .rtext._mobile-lg {
    font-size: 17px;
  }
  .rtext._mobile-md {
    font-size: var(--font-size-base);
  }
  .rtext._mobile-sm {
    font-size: 13px;
  }
}
.caption {
  font-size: 13px;
  line-height: 1.16;
}

.caption._desktop-lg {
  font-size: 13px;
  line-height: 1.16;
}

.caption._desktop-sm {
  font-size: 12px;
  line-height: 1.2;
}

@media (max-width: 1023px) {
  .caption._tablet-lg {
    font-size: 13px;
    line-height: 1.16;
  }
  .caption._tablet-sm {
    font-size: 12px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .caption._mobile-lg {
    font-size: 13px;
    line-height: 1.16;
  }
  .caption._mobile-sm {
    font-size: 10px;
    line-height: 1.2;
  }
}
.caption1_mobile, .caption2_mobile {
  font-size: 10px;
  line-height: 1.2;
}

.caption1_tablet, .caption2_tablet {
  font-size: 10px;
  line-height: 1.2;
}

.caption1_desktop {
  font-size: 12px;
  line-height: 1.33;
}

.caption2_desktop {
  font-size: 10px;
  line-height: 1.2;
}

@media (max-width: 1023px) {
  .caption1_tablet, .caption2_tablet {
    font-size: 10px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .caption1_mobile, .caption2_mobile {
    font-size: 10px;
    line-height: 1.2;
  }
}
.fo_checkbox__label {
  display: block;
  cursor: pointer;
  margin: 0;
}
.fo_checkbox__row {
  display: flex;
  align-items: center;
  padding: 6px 0 6px;
}
.fo_checkbox__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.fo_checkbox__input:checked ~ .fo_checkbox__col .fo_checkbox__box:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(/local/templates/main-responsive/css/%23clip0_252_2856)'%3E%3Cpath d='M10.6 13.4L8.45 11.25C8.26667 11.0667 8.03333 10.975 7.75 10.975C7.46667 10.975 7.23333 11.0667 7.05 11.25C6.86667 11.4333 6.775 11.6667 6.775 11.95C6.775 12.2333 6.86667 12.4667 7.05 12.65L9.9 15.5C10.1 15.7 10.3333 15.8 10.6 15.8C10.8667 15.8 11.1 15.7 11.3 15.5L16.95 9.85C17.1333 9.66667 17.225 9.43333 17.225 9.15C17.225 8.86667 17.1333 8.63333 16.95 8.45C16.7667 8.26667 16.5333 8.175 16.25 8.175C15.9667 8.175 15.7333 8.26667 15.55 8.45L10.6 13.4ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z' fill='%2300ac22'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_252_2856'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  border-color: transparent;
}
.fo_checkbox__col._box {
  flex-shrink: 0;
  margin-right: var(--fo-indicator-gap);
}
.fo_checkbox__col._text {
  flex-grow: 1;
}
.fo_checkbox__title {
  color: var(--gray900);
}
.fo_checkbox__box {
  display: block;
  width: var(--fo-indicator-size);
  height: var(--fo-indicator-size);
  position: relative;
}
.fo_checkbox__box:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--fo-indicator-inner-size);
  height: var(--fo-indicator-inner-size);
  background-color: transparent;
  background-size: 26px 26px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: none;
  border: var(--fo-indicator-border-width) solid var(--fo-indicator-border-color);
  outline-offset: 2px;
  border-radius: 4px;
  box-sizing: border-box;
  transition: 0.3s all;
}

.VV_Checkbox._separ {
  border-bottom: 1px solid var(--gray200);
}

.VV_Checkbox._separ:last-child {
  border-bottom: none;
}

.VV_Checkbox._with-btn {
  position: relative;
  padding-right: 24px;
}

.VV_Checkbox__Label {
  display: block;
  cursor: pointer;
}

.VV_Checkbox__Row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 6px 0 6px;
}

.VV_Checkbox._separ .VV_Checkbox__Row {
  padding: 12px 0 12px;
}

.VV_Checkbox__Col._box {
  flex-shrink: 0;
  margin-right: var(--fo-indicator-gap);
}

.VV_Checkbox._boxRight .VV_Checkbox__Col._box {
  margin-left: var(--fo-indicator-gap);
  margin-right: 0;
}

.VV_Checkbox__Box {
  display: block;
  width: var(--fo-indicator-size);
  height: var(--fo-indicator-size);
  background-color: transparent;
  border: var(--fo-indicator-border-width) solid var(--gray400);
  position: relative;
  border-radius: 5px;
  transition: 0.3s all;
  background-position: center;
}

.VV_Checkbox._error .VV_Checkbox__Input:not(:checked) ~ .VV_Checkbox__Col .VV_Checkbox__Box {
  background-color: var(--redToPink2);
  opacity: 0.05;
  border: 0;
}

.VV_Checkbox._dark .VV_Checkbox__Box {
  background-color: var(--gray50);
}

.VV_Checkbox__Input:checked ~ .VV_Checkbox__Col .VV_Checkbox__Box {
  background-color: var(--fo-primary);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.46159 4.47538C1.46159 4.47538 1.02129 4.00569 0.360849 4.46699C-0.299596 4.9283 0.148566 5.7251 0.148566 5.7251L3.47437 9.17231C3.47437 9.17231 3.75742 9.48263 4.16627 9.4994C4.57511 9.51618 4.89747 9.17231 4.89747 9.17231L11.7063 2.15209C11.7063 2.15209 12.3511 1.53142 11.7299 0.835271C11.1088 0.139127 10.5191 0.743012 10.5191 0.743012L4.17413 7.23482L1.46159 4.47538Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  border: var(--fo-indicator-border-width) solid var(--fo-primary);
}

.VV_Checkbox__Input:disabled ~ ._box .VV_Checkbox__Box {
  background-color: var(--white);
  border: var(--fo-indicator-border-width) solid var(--gray200);
}

.VV_Checkbox__Input:checked:disabled ~ ._box .VV_Checkbox__Box {
  background-color: var(--gray200);
  border: var(--fo-indicator-border-width) solid var(--gray200);
}

.VV_Checkbox__Input:focus ~ ._box .VV_Checkbox__Box {
  box-shadow: 0 0 0 0.1em var(--fo-primary);
}

@-moz-document url-prefix() {
  .VV_Checkbox__Input:focus ~ ._box .VV_Checkbox__Box {
    box-shadow: 0 0 0 1px var(--fo-primary);
  }
}
.VV_Checkbox__Input:disabled ~ .VV_Checkbox__Col._text .VV_Checkbox__Title {
  color: var(--gray400);
}

.VV_Checkbox__Row:has(> .VV_Checkbox__Input:disabled) {
  cursor: default;
}

.VV_Checkbox__Col._text {
  flex-grow: 1;
}

.VV_Checkbox__Title {
  color: var(--gray900);
}

.VV_Checkbox._error .VV_Checkbox__Input:not(:checked) ~ .VV_Checkbox__Col .VV_Checkbox__Title {
  color: var(--redToPink2);
}

.VV_Checkbox__Desc {
  color: var(--gray500);
}

.VV_FormItem._checkbox .VV_Checkbox:first-child .VV_Checkbox__Row {
  padding-top: 0;
}

.VV_FormItem._checkbox .VV_Checkbox:last-child .VV_Checkbox__Row {
  padding-bottom: 0;
}

.fo_toggler {
  display: inline-block;
  vertical-align: middle;
  width: 52px;
  height: 32px;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.fo_toggler__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 18px;
  background: var(--gray100);
  transition: background-color 0.3s;
  z-index: 1;
  cursor: pointer;
}
.fo_toggler__btn {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--white);
  top: 2px;
  left: 2px;
  transition: transform 0.3s;
  z-index: 2;
  cursor: pointer;
}
.fo_toggler__input {
  display: none;
}
.fo_toggler__input:checked ~ .fo_toggler__bg {
  background: var(--fo-primary);
}
.fo_toggler__input:checked ~ .fo_toggler__btn {
  transform: translateX(20px);
}
.fo_toggler__input:disabled ~ .fo_toggler__bg {
  background: var(--gray200);
  cursor: default;
}
.fo_toggler__input:disabled ~ .fo_toggler__btn {
  background: var(--gray50);
  cursor: default;
}
.fo_toggler__input:checked:disabled ~ .fo_toggler__bg {
  background: var(--green200);
  cursor: default;
}
.fo_toggler__input:checked:disabled ~ .fo_toggler__btn {
  background: var(--white);
  cursor: default;
}
.fo_toggler-item._wrapped {
  padding: 2px 16px;
  background: var(--gray50);
  border-radius: 12px;
}
.fo_toggler-item._wrapped .fo_toggler-item__title {
  font-weight: 500;
}
.fo_toggler-item__label {
  display: block;
  cursor: pointer;
  margin: 0;
}
.fo_toggler-item__row {
  display: flex;
  align-items: center;
  padding: 6px 0 6px;
}
.fo_toggler-item__col._text {
  padding-right: 10px;
  flex-grow: 1;
}
.fo_toggler-item__title {
  color: var(--gray900);
}
.fo_toggler-item__desc {
  color: var(--gray500);
  margin: 0;
}

.VV_TogglerItem._separ {
  border-bottom: 1px solid var(--gray200);
}

.VV_TogglerItem._separ:last-child {
  border-bottom: none;
}

.VV_TogglerItem._with-btn {
  position: relative;
  padding-right: 24px;
}

.VV_TogglerItem__Label {
  display: block;
  cursor: pointer;
}

.VV_TogglerItem__Input {
  display: none;
}

.VV_TogglerItem__Row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 6px 0 6px;
}

.VV_TogglerItem._separ .VV_TogglerItem__Row {
  padding: 12px 0 12px;
}

.VV_TogglerItem__Col._icon {
  flex-shrink: 0;
  margin-right: 10px;
}

.VV_TogglerItem__Col._text {
  padding-right: 10px;
  flex-grow: 1;
}

.VV_TogglerItem__Title {
  color: var(--gray900);
}

.VV_TogglerItem__Desc {
  color: var(--gray500);
}

.VV_FormItem._toggler .VV_TogglerItem:first-child .VV_TogglerItem__Row {
  padding-top: 0;
}

.VV_FormItem._toggler .VV_TogglerItem:last-child .VV_TogglerItem__Row {
  padding-bottom: 0;
}

.fo_map-controls {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 6;
}
@media (width > 767.98px) {
  .fo_map-controls {
    right: 32px;
    bottom: 32px;
  }
}
.fo_map-controls__control {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--white);
  color: var(--gray900);
  margin: 0 0 10px;
  border: 0;
  cursor: pointer;
  touch-action: manipulation;
}
.fo_map-controls__control:last-child {
  margin: 0;
}
.fo_map-controls__control-img {
  flex-shrink: 0;
  fill: currentColor;
  transition: none;
}
.fo_map-controls__btn {
  display: block;
  background: var(--white);
  border-radius: 8px;
  position: relative;
  width: 44px;
  height: 44px;
  margin: 0 0 12px;
}
.fo_map-controls__btn-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gm-style .gmnoscreen, .gmnoscreen, .gmnoprint {
  display: none;
}

.where-buy {
  width: 100%;
}
.where-buy__container {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
}
@media (width > 767.98px) {
  .where-buy__container {
    flex-direction: row;
  }
}
.where-buy__points {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: 45%;
  padding: 16px;
}
@media (width > 767.98px) {
  .where-buy__points {
    gap: 16px;
    width: 33.333%;
    min-width: 346px;
    height: 100%;
    padding: 24px 24px 16px;
  }
}
.where-buy__map {
  position: relative;
  width: 100%;
  height: 55%;
}
@media (width > 767.98px) {
  .where-buy__map {
    width: 66.666%;
    height: auto;
  }
}

.point-list {
  display: flex;
  flex-direction: column;
  padding-right: 6px;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.point-list::-webkit-scrollbar {
  width: 4px;
}
.point-list::-webkit-scrollbar-thumb {
  background: var(--gray400);
  border-radius: 8px;
}
.point-list::-webkit-scrollbar-track {
  background: var(--gray100);
  border-radius: 8px;
}

.point-item {
  position: relative;
  padding-bottom: 12px;
  margin-top: 12px;
  border-bottom: 1px solid var(--gray200);
  letter-spacing: -0.03em;
  cursor: pointer;
}
.point-item:first-child {
  margin-top: 0;
}
.point-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.point-item__top {
  padding-left: 28px;
  line-height: 1.5;
}
.point-item__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.point-item__title::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid var(--gray300);
  border-radius: 50%;
}
.point-item__title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background: transparent;
  border-radius: 50%;
}
.point-item.point-active .point-item__title::before {
  border: 2px solid transparent;
}
.point-item.point-active .point-item__title::after {
  box-shadow: inset 0 0 0 5px var(--fo-primary);
  background: transparent;
}
.point-item__desc {
  font-weight: 500;
}
.point-item__info {
  padding-left: 28px;
  color: var(--gray500);
}
.point-item__info-window-content {
  letter-spacing: -0.03em;
  font-size: var(--font-size-base);
}
.point-item__info-title {
  margin-bottom: 12px;
  padding-right: 28px;
}
.point-item__info-desc {
  margin-bottom: 6px;
}
.point-item__info-status {
  margin-bottom: 16px;
  color: var(--gray500);
}
.point-item__direction {
  padding-left: 28px;
  margin-top: 6px;
}
.point-item__direction .fo_button {
  font-size: var(--font-size-base);
}

.point-status__icon {
  position: relative;
  width: 12px;
  height: 9px;
  transition: transform 0.4s ease;
  color: var(--gray500);
}

.open-status {
  color: var(--fo-primary);
}

.closed-status {
  color: #dc362e;
}

.point-phone {
  color: var(--gray500);
}

#where-buy-map {
  height: 100%;
}

.fo_button._route {
  width: 100%;
}

.fo_radio {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fo_radio__label {
  display: block;
  position: relative;
  cursor: pointer;
}
.fo_radio__row {
  display: flex;
  align-items: center;
  padding: 6px 0 6px;
}
.fo_radio__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.fo_radio__col._circle {
  flex-shrink: 0;
  margin-right: var(--fo-indicator-gap);
}
.fo_radio__col._text {
  flex-grow: 1;
}
.fo_radio__circle {
  display: block;
  width: var(--fo-indicator-size);
  height: var(--fo-indicator-size);
  position: relative;
  border-radius: 50%;
}
.fo_radio__circle:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: var(--fo-indicator-inner-size);
  height: var(--fo-indicator-inner-size);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: var(--fo-indicator-size) var(--fo-indicator-size);
  background-position: 50% 50%;
  background-color: transparent;
  background-image: none;
  outline: 1px solid transparent !important;
  outline-offset: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 0 0 var(--fo-indicator-border-width) var(--fo-indicator-border-color);
  box-shadow: inset 0 0 0 var(--fo-indicator-border-width) var(--fo-indicator-border-color);
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.fo_radio__circle:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  z-index: 2;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.fo_radio__title {
  color: var(--gray900);
}

.fo_radio__input:checked ~ .fo_radio__col .fo_radio__circle:before {
  box-shadow: inset 0 0 0 var(--fo-indicator-checked-ring) var(--fo-primary);
  background: transparent;
}

.segmented-controls {
  display: flex;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, color 0.3s ease;
  border-radius: var(--fo-control-radius);
  background: #f5f5f5;
  height: var(--fo-control-height-sm);
  padding: 0.125rem;
}
.segmented-controls._lightgray {
  background: var(--gray50);
}
.segmented-controls input {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.segmented-controls label {
  grid-row: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  flex: 1 1 0px;
  position: relative;
  z-index: 2;
  transition: inherit;
  margin: 0;
  font-size: var(--fo-control-font-size);
  font-weight: 500;
  line-height: 1;
  color: var(--gray500);
}
.segmented-controls label:last-of-type {
  z-index: 1;
}
.segmented-controls label {
  /* Paddle */
}
.segmented-controls label:last-of-type::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  background-color: black;
  transition: inherit;
}
.segmented-controls._withdivdr label:not(:first-of-type)::before {
  content: "";
  position: absolute;
  z-index: -3;
  top: 0.5rem;
  left: 0;
  bottom: 0.5rem;
  width: 1px;
  background: rgba(0, 0, 0, 0.15);
  transition: inherit;
}
.segmented-controls._withdivdr input:checked + label::before,
.segmented-controls._withdivdr input:checked + label + input + label::before {
  opacity: 0;
}

/*
 * Move paddle depending on which option is selected
 */
.segmented-controls input:nth-last-of-type(2):checked ~ label:last-of-type::after {
  transform: translateX(-100%);
}

.segmented-controls input:nth-last-of-type(3):checked ~ label:last-of-type::after {
  transform: translateX(-200%);
}

.segmented-controls input:nth-last-of-type(4):checked ~ label:last-of-type::after {
  transform: translateX(-300%);
}

.segmented-controls input:nth-last-of-type(5):checked ~ label:last-of-type::after {
  transform: translateX(-400%);
}

.segmented-controls input:nth-last-of-type(6):checked ~ label:last-of-type::after {
  transform: translateX(-500%);
}

.segmented-controls input:nth-last-of-type(7):checked ~ label:last-of-type::after {
  transform: translateX(-600%);
}

.segmented-controls input:nth-last-of-type(8):checked ~ label:last-of-type::after {
  transform: translateX(-700%);
}

.segmented-controls input:nth-last-of-type(9):checked ~ label:last-of-type::after {
  transform: translateX(-800%);
}

.segmented-controls input:nth-last-of-type(10):checked ~ label:last-of-type::after {
  transform: translateX(-900%);
}

/*
 * Selected option 
 */
.segmented-controls input:checked + label {
  color: var(--gray900);
}

/*
 * Focus style for keyboard navigation
 */
/*
 * Paddle
 */
.segmented-controls label:last-of-type::after {
  background: var(--white);
  border-radius: var(--fo-round-m);
  border: 0.5px solid rgba(0, 0, 0, 0.02);
  box-shadow: 0 0 4px 0 rgba(26, 26, 26, 0.01), 0 0 30px 0 rgba(26, 26, 26, 0.05);
}

.fo-tabs {
  width: 100%;
}

.fo-tabs__list {
  display: flex;
  align-items: stretch;
  gap: var(--fo-space-xs);
  width: 100%;
  margin: 0;
  padding: 0;
}

.fo-tabs__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--fo-space-xs);
  min-width: 0;
  margin: 0;
  border: 0;
  appearance: none;
  --btn-bgcolor: transparent;
  --btn-bgcolor-hover: transparent;
  --btn-color-hover: currentColor;
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  color: var(--gray600);
  font-size: var(--fo-control-font-size);
  font-weight: 600;
  line-height: var(--fo-control-line-height);
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
}

.fo-tabs__trigger:is(.is-active, [aria-selected=true]) {
  color: var(--fo-primary);
}

.fo-tabs__trigger:focus-visible {
  --wd-otl-width: var(--fo-indicator-border-width);
  --wd-otl-style: solid;
  --wd-otl-color: var(--fo-primary);
  --wd-otl-offset: var(--fo-round-xs);
  outline: var(--fo-indicator-border-width) solid var(--fo-primary);
  outline-offset: var(--fo-round-xs);
}

.fo-tabs__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--fo-control-height-xs);
  min-height: var(--fo-control-height-xs);
  padding: 0 var(--fo-space-xs);
  border-radius: var(--fo-round-5xl);
  background: var(--fo-primary-a10);
  color: var(--fo-primary);
  font-size: var(--font-size-sm);
  font-weight: 700;
  line-height: 1;
}

.fo-tabs--line .fo-tabs__list {
  display: grid;
  grid-template-columns: repeat(var(--fo-tabs-count, 2), minmax(0, 1fr));
  gap: 0;
  border-bottom: var(--fo-indicator-border-width) solid var(--gray100);
}

.fo-tabs--line .fo-tabs__trigger {
  position: relative;
  min-height: var(--fo-control-height);
  padding: 0 var(--fo-control-padding-x);
  color: var(--gray700);
}
@media (any-hover: hover) {
  .fo-tabs--line .fo-tabs__trigger:hover {
    --btn-bgcolor: transparent;
    --btn-bgcolor-hover: transparent;
    --btn-color-hover: currentColor;
    background: transparent;
    background-color: transparent;
    box-shadow: none;
    color: var(--gray900);
  }
}

.fo-tabs--line .fo-tabs__trigger:is(:focus, :active) {
  --btn-bgcolor: transparent;
  --btn-bgcolor-hover: transparent;
  --btn-color-hover: currentColor;
  background: transparent;
  background-color: transparent;
  box-shadow: none;
}

.fo-tabs--line .fo-tabs__trigger:is(.is-active, [aria-selected=true]) {
  --btn-bgcolor: transparent;
  --btn-bgcolor-hover: transparent;
  --btn-color-hover: currentColor;
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  color: var(--fo-primary);
}

.fo-tabs--line .fo-tabs__trigger::after {
  position: absolute;
  inset-inline: var(--fo-space-s);
  inset-block-end: calc(var(--fo-indicator-border-width) / -2);
  height: var(--fo-indicator-border-width);
  border-radius: var(--fo-round-m);
  background: var(--fo-primary);
  content: "";
  opacity: 0;
  transform: scaleX(0.45);
}

.fo-tabs--line .fo-tabs__trigger:is(.is-active, [aria-selected=true])::after {
  opacity: 1;
  transform: scaleX(1);
}

.fo-tabs--pill .fo-tabs__list {
  gap: var(--fo-space-xs);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.fo-tabs--pill .fo-tabs__trigger {
  min-height: var(--fo-control-height-sm);
  padding: 0 var(--fo-control-padding-x);
  border-radius: var(--fo-round-5xl);
  --btn-bgcolor: var(--gray100);
  --btn-bgcolor-hover: var(--gray100);
  --btn-color-hover: currentColor;
  background: var(--gray100);
  background-color: var(--gray100);
  box-shadow: none;
  color: var(--gray900);
}
@media (any-hover: hover) {
  .fo-tabs--pill .fo-tabs__trigger:hover {
    --btn-bgcolor: var(--gray100);
    --btn-bgcolor-hover: var(--gray100);
    --btn-color-hover: currentColor;
    background: var(--gray100);
    background-color: var(--gray100);
    box-shadow: none;
  }
}

.fo-tabs--pill .fo-tabs__trigger:is(:focus, :active) {
  --btn-bgcolor: var(--gray100);
  --btn-bgcolor-hover: var(--gray100);
  --btn-color-hover: currentColor;
  background: var(--gray100);
  background-color: var(--gray100);
  box-shadow: none;
}

.fo-tabs--pill .fo-tabs__trigger:is(.is-active, [aria-selected=true]) {
  --btn-bgcolor: var(--fo-primary);
  --btn-bgcolor-hover: var(--fo-primary);
  --btn-color-hover: currentColor;
  background: var(--fo-primary);
  background-color: var(--fo-primary);
  box-shadow: none;
  color: var(--white);
  cursor: default;
}

.fo-tabs--pill .fo-tabs__trigger:is(.is-active, [aria-selected=true]) .fo-tabs__count {
  background: var(--white);
}

@media (prefers-reduced-motion: no-preference) {
  .fo-tabs__trigger,
  .fo-tabs__count,
  .fo-tabs--line .fo-tabs__trigger::after {
    transition: color 0.2s var(--fo-ttf-m), background-color 0.2s var(--fo-ttf-m), opacity 0.2s var(--fo-ttf-m), transform 0.2s var(--fo-ttf-m);
  }
}
.saved-places ul:has(li) {
  margin-bottom: var(--fo-space-s);
}
.saved-places__container {
  position: relative;
}
.saved-places__items {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--fo-space-s);
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.saved-places__item {
  display: flex;
  align-items: flex-start;
  flex: 0 0 auto;
  background: var(--fo-control-bg);
  border-radius: var(--fo-control-radius);
  padding: var(--fo-space-s) var(--fo-control-padding-x);
  margin: 0;
  max-width: 320px;
  min-width: 290px;
  scroll-snap-align: start;
}
.saved-places__item-text {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  font-size: var(--fo-control-font-size);
}
.saved-places__item-text--top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.saved-places__item-icon {
  display: flex;
  align-self: center;
  padding-right: var(--fo-space-s);
}
.saved-places__default-label {
  background: var(--fo-primary-a10);
  color: var(--fo-primary);
  padding-inline: 4px;
  border-radius: 4px;
  font-size: 14px;
}
.saved-places__actions {
  margin-right: -6px;
}

.link--green {
  color: var(--fo-primary);
}

.SvgIcon {
  display: inline-block;
  color: inherit;
}
.SvgIcon__symbol {
  width: 100%;
  height: 100%;
  fill: currentColor;
  vertical-align: top;
}

.ui-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background: var(--white);
  background: rgba(255, 255, 255, 0.5);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overscroll-behavior: auto;
  pointer-events: none;
  touch-action: auto;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
  transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
}

.ui-spinner.abs {
  position: absolute;
}

.ui-spinner--state_opened {
  overscroll-behavior: none;
  pointer-events: auto;
  touch-action: none;
  opacity: 1;
  visibility: visible;
}

.ui-spinner__svg {
  color: var(--fo-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.Spinner:after {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  transition: opacity 0.2s ease, visibility 0s linear;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 2px solid transparent;
  border-left-color: currentColor;
  border-bottom-color: currentColor;
  border-radius: 50%;
  vertical-align: middle;
}

._loading .Spinner:after {
  visibility: visible;
  opacity: 1;
  animation: wd-rotate 500ms infinite linear;
}

.fo_button {
  width: auto;
  margin: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
  appearance: none;
  outline: 0;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  user-select: none;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  line-height: 1.2;
  border-radius: var(--fo-control-radius);
  padding: 1px var(--fo-control-padding-x);
  height: var(--fo-control-height);
  font-size: var(--fo-control-action-font-size);
  font-weight: 600;
  background-color: var(--fo-primary);
  color: var(--white);
  letter-spacing: 0;
}
.fo_button__img {
  fill: currentColor;
  stroke: currentColor;
  flex-shrink: 0;
}
.fo_button__img + .fo_button__text {
  margin-left: 6px;
}
.fo_button__text + .fo_button__img {
  margin-left: 6px;
}
.fo_button._process {
  background-color: var(--fo-primary);
  color: var(--white);
}
.fo_button._white, .fo_button._white._process {
  background-color: var(--white);
  color: var(--gray900);
}
.fo_button._secondary {
  background-color: var(--green50);
  color: var(--fo-primary);
}
.fo_button._secondary._process {
  background-color: var(--green50);
  color: var(--fo-primary);
}
@media (any-hover: hover) {
  .fo_button._secondary:hover {
    background-color: var(--fo-primary-hover);
    color: var(--white);
  }
}
@media (any-hover: none) {
  .fo_button._secondary:active {
    background-color: var(--fo-primary-hover);
    color: var(--white);
  }
}
.fo_button._tertiary, .fo_button._tertiary._process {
  background-color: var(--gray100);
  color: var(--gray900);
}
.fo_button._light-tertiary, .fo_button._light-tertiary._process {
  background-color: var(--gray50);
  color: var(--gray900);
}
.fo_button._berry1, .fo_button._berry1._process {
  background-color: var(--berry1);
  color: var(--white);
}
.fo_button._block {
  width: 100%;
}
.fo_button:disabled, .fo_button._disabled {
  background-color: var(--gray100) !important;
  color: var(--gray400) !important;
  cursor: default;
}
@media (width > 1023.98px) {
  .fo_button._desktop-block {
    width: 100%;
  }
  .fo_button._desktop-lg {
    font-size: 16px;
    border-radius: var(--fo-control-radius-lg);
    padding-left: 20px;
    padding-right: 20px;
    height: var(--fo-control-height);
  }
  .fo_button._desktop-md {
    font-size: var(--fo-control-font-size);
    height: var(--fo-control-height-sm);
  }
  .fo_button._desktop-sm {
    font-size: 13px;
    font-weight: 500;
    height: var(--fo-control-height-xs);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .fo_button._tablet-block {
    width: 100%;
  }
  .fo_button._tablet-lg {
    font-size: 16px;
    border-radius: var(--fo-control-radius-lg);
    padding-left: 20px;
    padding-right: 20px;
    height: var(--fo-control-height);
  }
  .fo_button._tablet-md {
    font-size: var(--fo-control-font-size);
    height: var(--fo-control-height-sm);
  }
  .fo_button._tablet-sm {
    font-size: 13px;
    font-weight: 500;
    height: var(--fo-control-height-xs);
  }
}
@media (max-width: 767px) {
  .fo_button._mobile-block {
    width: 100%;
  }
  .fo_button._mobile-lg {
    font-size: 16px;
    border-radius: var(--fo-control-radius-lg);
    padding-left: 20px;
    padding-right: 20px;
    height: var(--fo-control-height);
  }
  .fo_button._mobile-md {
    font-size: var(--fo-control-font-size);
    height: var(--fo-control-height-sm);
  }
  .fo_button._mobile-sm {
    font-size: 13px;
    font-weight: 500;
    height: var(--fo-control-height-xs);
  }
}

.fo_dismiss {
  --fo-dismiss-size: var(--fo-dismiss-size-40);
  --fo-dismiss-icon-size: var(--fo-dismiss-icon-40);
  width: var(--fo-dismiss-size);
  height: var(--fo-dismiss-size);
  min-width: var(--fo-dismiss-size);
  min-height: var(--fo-dismiss-size);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--gray100);
  color: var(--gray500);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  appearance: none;
  transition: opacity 0.3s, color 0.19s var(--fo-ttf-m), background 0.19s var(--fo-ttf-m);
}
.fo_dismiss:focus-visible {
  outline: 2px solid var(--fo-primary);
  outline-offset: 2px;
}
.fo_dismiss__icon {
  flex-shrink: 0;
  width: var(--fo-dismiss-icon-size);
  height: var(--fo-dismiss-icon-size);
  fill: currentColor;
  stroke: none;
  display: block;
  transition: opacity 0.3s;
}
.fo_dismiss._s24 {
  --fo-dismiss-size: var(--fo-dismiss-size-24);
  --fo-dismiss-icon-size: var(--fo-dismiss-icon-24);
}
.fo_dismiss._s32 {
  --fo-dismiss-size: var(--fo-dismiss-size-32);
  --fo-dismiss-icon-size: var(--fo-dismiss-icon-32);
}
.fo_dismiss._s36 {
  --fo-dismiss-size: var(--fo-dismiss-size-36);
  --fo-dismiss-icon-size: var(--fo-dismiss-icon-36);
}
.fo_dismiss._s40 {
  --fo-dismiss-size: var(--fo-dismiss-size-40);
  --fo-dismiss-icon-size: var(--fo-dismiss-icon-40);
}
.fo_dismiss._white {
  background: var(--white);
  color: var(--gray500);
  box-shadow: 0 0 7px 0 rgba(26, 26, 26, 0.08);
}
.fo_dismiss._ghost {
  background: transparent;
  color: var(--gray900);
  box-shadow: none;
}
.fo_dismiss._colored {
  background: rgba(255, 255, 255, 0.3);
  color: var(--white);
}
@media (any-hover: hover) {
  .fo_dismiss._colored:hover {
    background: rgba(255, 255, 255, 0.5);
    color: var(--white);
  }
}
.fo_dismiss._dark {
  background: var(--gray700);
  color: var(--white);
}
.fo_dismiss._info-window {
  --fo-dismiss-size: var(--fo-dismiss-size-28);
  --fo-dismiss-icon-size: var(--fo-dismiss-icon-28);
  background: #efeff0;
  color: #848488;
  position: absolute;
  top: 12px;
  right: 12px;
}
@media (any-hover: hover) {
  .fo_dismiss:not(._ghost):not(._colored):not(._dark):not(._info-window):hover__icon {
    opacity: 0.8;
  }
}
@media (any-hover: none) {
  .fo_dismiss:active .fo_dismiss__icon {
    opacity: 0.8;
  }
}

@media (width <= 767.98px) {
  .fo_dismiss__icon {
    stroke-width: 0.8px;
  }
}
.modal-content > .fo_dismiss {
  position: absolute;
  top: var(--fo-space-xl);
  right: var(--fo-space-xl);
  z-index: 2;
}

@media (width <= 767.98px) {
  .modal-content > .fo_dismiss {
    top: var(--fo-space-m);
    right: var(--fo-space-m);
  }
}
.FormItem__container {
  position: relative;
}

.FormItem__error {
  visibility: hidden;
  opacity: 0;
}

.bx-no-touch .FormItem__error {
  -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
  transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
}

.FormItem__error-input .FormItem__error {
  visibility: visible;
  opacity: 1;
  text-align: left;
}

.FormItem__error-input.TextInput--static-error .FormItem__error {
  position: static;
}

.FormItem__error span {
  font-size: 11px;
  color: var(--redToPink2);
  display: none;
}

.FormItem__error-input .FormItem__error span {
  display: inline;
}

.bx-no-touch .FormItem__container {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.FormItem__error-input {
  background-color: var(--gray100);
  border-radius: 6px;
}

.fo_form-item {
  margin-bottom: 8px;
}
.fo_form-item._checkbox, .fo_form-item._radio {
  margin-top: 24px;
  margin-bottom: 24px;
}
.fo_form-item._submit {
  margin-top: 24px;
  margin-bottom: 0;
}
.fo_form-item._upload {
  margin-top: 16px;
  margin-bottom: 16px;
}
.fo_form-item._last {
  margin-bottom: 0;
}
.fo_form-item._checkbox .fo_checkbox:last-child .fo_checkbox__row {
  padding-bottom: 0;
}
.fo_form-item._checkbox .fo_checkbox:first-child .fo_checkbox__row {
  padding-top: 0;
}

.fo_form-file__files-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.fo_form-file__files-col {
  margin: 0 5px 10px 5px;
}
.fo_form-file__control {
  display: none;
}
.fo_form-file__file {
  position: relative;
  padding-right: 25px;
  min-height: 60px;
  width: 110px;
}
.fo_form-file__file-inner {
  width: 85px;
  height: 60px;
  border-radius: 6px;
  background-color: var(--gray300);
  background-size: cover;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 20px;
  justify-content: center;
}
.fo_form-file__text {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.fo_form-file__text.disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.fo_form-file__text svg {
  margin-right: 4px;
  flex-shrink: 0;
}
.fo_form-file__text svg path {
  fill: var(--fo-primary);
}
.fo_form-file__text:not(.disabled):hover .rtext {
  color: var(--green300);
}
.fo_form-file__text:not(.disabled):hover svg path {
  fill: var(--green300);
}
.fo_form-file__file-remove {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: hsl(228, 5%, 82%);
  transition: all 0.3s !important;
}
.fo_form-file__file-remove:hover {
  background-color: hsl(228, 5%, 70%);
}
.fo_form-file__file-remove:before, .fo_form-file__file-remove:after {
  content: "";
  width: 10px;
  height: 2px;
  background-color: var(--white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fo_form-file__file-remove:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.fo_form-file__file-remove:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.fo_form-file._error .fo_input__error {
  visibility: visible;
  opacity: 1;
}
.fo_form-file._white .fo_form-file__text svg path {
  fill: white;
}
.fo_form-file._white .fo_form-file__text:not(.disabled):hover svg path,
.fo_form-file._white .fo_form-file__text:not(.disabled):hover .rtext {
  fill: var(--gray300);
  color: var(--gray300);
}

.fo_input {
  --fo-input-font-size: var(--fo-control-font-size);
  --fo-input-font-weight: var(--fo-control-font-weight);
  --fo-input-line-height: var(--fo-control-line-height);
  --fo-input-padding: var(--fo-field-padding);
  --fo-input-without-clear-padding-right: var(--fo-field-padding-inline-end-compact);
  --fo-input-label-top: var(--fo-field-label-top);
  --fo-input-label-left: var(--fo-field-label-left);
  --fo-input-label-font-size: var(--fo-field-label-font-size);
  --fo-input-label-max-width: calc(100% - (var(--fo-control-padding-x) * 2));
  --fo-input-clear-top: var(--fo-field-clear-top);
  --fo-input-clear-right: var(--fo-field-clear-right);
  --fo-input-mask-padding: var(--fo-field-mask-padding);
  --fo-input-mask-font-size: var(--fo-field-mask-font-size);
  position: relative;
  background: var(--fo-control-bg);
  border-radius: var(--fo-control-radius);
  overflow: hidden;
  display: flex;
}
.fo_input__main {
  flex-grow: 1;
  position: relative;
  width: 100%;
}
.fo_input__main > .fo_input__input {
  display: block;
  appearance: none;
  caret-color: var(--fo-primary);
  width: 100%;
  font-size: var(--fo-input-font-size);
  font-weight: var(--fo-input-font-weight);
  line-height: var(--fo-input-line-height);
  position: relative;
  z-index: 1;
  padding: var(--fo-input-padding);
  background: transparent;
  outline: none;
  border: 0;
  height: auto;
}
.fo_input__main > .fo_input__input:-webkit-autofill {
  box-shadow: none;
  border: 0;
  background: transparent;
}
.fo_input__main > ._without_clear .fo_input__input {
  padding-right: var(--fo-input-without-clear-padding-right);
}
.fo_input__label {
  position: absolute;
  top: var(--fo-input-label-top);
  left: var(--fo-input-label-left);
  font-size: var(--fo-input-label-font-size);
  color: var(--fo-control-muted);
  margin: 0;
  overflow: hidden;
  max-width: var(--fo-input-label-max-width);
  line-height: 140%;
  transform: translateZ(0) scale(1) translateY(0);
  transform-origin: left;
  transition: transform 0.25s var(--cbz-1);
  user-select: none;
  pointer-events: none;
  white-space: nowrap;
  backface-visibility: hidden;
  text-overflow: ellipsis;
  z-index: 2;
}
.fo_input .fo_input__input::placeholder {
  color: transparent;
}
.fo_input ._error .fo_input__input::placeholder,
.fo_input .fo_input._focused .fo_input__input::placeholder {
  color: var(--gray400);
}
.fo_input__inner + .fo_input__error {
  margin-top: 4px;
  position: static;
}
.fo_input .fo_input__clear {
  width: var(--fo-field-clear-size);
  height: var(--fo-field-clear-size);
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM11.2725 5.81705C11.5738 5.51576 11.5738 5.02727 11.2725 4.72597C10.9712 4.42468 10.4827 4.42468 10.1814 4.72597L7.99837 6.90899L5.81721 4.72784C5.51592 4.42654 5.02742 4.42654 4.72613 4.72784C4.42483 5.02913 4.42483 5.51762 4.72613 5.81892L6.90729 8.00008L4.72597 10.1814C4.42468 10.4827 4.42468 10.9712 4.72597 11.2725C5.02727 11.5738 5.51576 11.5738 5.81705 11.2725L7.99837 9.09116L10.1815 11.2743C10.4828 11.5756 10.9713 11.5756 11.2726 11.2743C11.5739 10.973 11.5739 10.4846 11.2726 10.1833L9.08945 8.00008L11.2725 5.81705Z' fill='%23B4B4B4'/%3E%3C/svg%3E");
  position: absolute;
  top: var(--fo-input-clear-top);
  right: var(--fo-input-clear-right);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.25s ease, opacity 0.25s ease;
  appearance: none;
  border: 0;
  cursor: pointer;
  z-index: 2;
  min-height: unset;
  padding: inherit;
}
@media (any-hover: hover) {
  .fo_input .fo_input__clear:hover {
    background-color: transparent;
  }
}
@media (any-hover: none) {
  .fo_input .fo_input__clear:active {
    background-color: transparent;
  }
}
.fo_input__mask {
  position: absolute;
  left: 0;
  top: 0;
  padding: var(--fo-input-mask-padding);
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  font-size: var(--fo-input-mask-font-size);
  color: #777;
  line-height: 1.4;
  opacity: 0;
}
.fo_input__error {
  color: var(--fo-control-error);
  font-size: 13px;
  line-height: 120%;
  transition: none;
  position: absolute;
  top: 7px;
  left: var(--fo-input-label-left);
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  pointer-events: all;
}
.fo_input:not(.fo_textarea)._not-empty .fo_input__mask, .fo_input:not(.fo_textarea)._focused .fo_input__mask {
  opacity: 1;
}
.fo_input._error-bottom-place {
  display: block;
  border-radius: 0;
  background: transparent !important;
}
.fo_input._error-bottom-place .fo_input__inner {
  position: relative;
  background: var(--fo-control-bg);
  border-radius: var(--fo-control-radius);
  overflow: hidden;
  display: flex;
  flex-grow: 1;
  width: 100%;
}
.fo_input._error-bottom-place ._error {
  background: transparent;
}
.fo_input._error-bottom-place ._error .fo_input__inner {
  background: var(--fo-control-error-bg) !important;
}
.fo_input._error-bottom-place ._error .fo_input__label {
  color: var(--fo-control-error);
  display: block;
}
.fo_input._error-bottom-place._without_clear .fo_input__input {
  padding-right: var(--fo-field-padding-inline-end-compact);
}
.fo_input__icon {
  flex-shrink: 0;
  width: var(--fo-control-icon-slot-width);
  border-left: 1px solid var(--fo-control-border);
  margin: var(--fo-space-xs) 0;
  position: relative;
}
.fo_input__icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.fo_input._search {
  padding-left: 28px;
}
.fo_input._search:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 6.59083C1.5 8.12735 1.99462 9.31081 2.95516 10.2576C3.93192 11.2044 5.11157 11.6817 6.59084 11.6817C8.06884 11.6817 9.24843 11.2014 10.2265 10.2453C11.186 9.30741 11.6817 8.12921 11.6817 6.59083C11.6817 5.0554 11.1842 3.87818 10.2181 2.93959C9.23082 1.9805 8.0454 1.5 6.5673 1.5C5.1088 1.5 3.93587 1.97773 2.95515 2.93637C1.99565 3.87426 1.5 5.05246 1.5 6.59083ZM1.90663 11.3303C0.635539 10.0796 0 8.4998 0 6.59083C0 4.68187 0.635539 3.10617 1.90663 1.8637C3.17773 0.621227 4.73127 0 6.5673 0C8.41902 0 9.98433 0.621227 11.2633 1.8637C12.5422 3.10617 13.1817 4.68187 13.1817 6.59083C13.1817 8.16736 12.7482 9.51658 11.8813 10.6385L15.3786 14.1358C15.7218 14.479 15.7218 15.0354 15.3786 15.3786C15.0354 15.7218 14.479 15.7218 14.1358 15.3786L10.632 11.8748C9.4885 12.746 8.14147 13.1817 6.59084 13.1817C4.73912 13.1817 3.17773 12.5646 1.90663 11.3303Z' fill='%23B4B4B4'/%3E%3C/svg%3E%0A");
  position: absolute;
  left: var(--fo-control-padding-x);
  top: 18px;
  transition: all 0.3s;
}
.fo_input._search._focused:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 6.59083C1.5 8.12735 1.99462 9.31081 2.95516 10.2576C3.93192 11.2044 5.11157 11.6817 6.59084 11.6817C8.06884 11.6817 9.24843 11.2014 10.2265 10.2453C11.186 9.30741 11.6817 8.12921 11.6817 6.59083C11.6817 5.0554 11.1842 3.87818 10.2181 2.93959C9.23082 1.9805 8.0454 1.5 6.5673 1.5C5.1088 1.5 3.93587 1.97773 2.95515 2.93637C1.99565 3.87426 1.5 5.05246 1.5 6.59083ZM1.90663 11.3303C0.635539 10.0796 0 8.4998 0 6.59083C0 4.68187 0.635539 3.10617 1.90663 1.8637C3.17773 0.621227 4.73127 0 6.5673 0C8.41902 0 9.98433 0.621227 11.2633 1.8637C12.5422 3.10617 13.1817 4.68187 13.1817 6.59083C13.1817 8.16736 12.7482 9.51658 11.8813 10.6385L15.3786 14.1358C15.7218 14.479 15.7218 15.0354 15.3786 15.3786C15.0354 15.7218 14.479 15.7218 14.1358 15.3786L10.632 11.8748C9.4885 12.746 8.14147 13.1817 6.59084 13.1817C4.73912 13.1817 3.17773 12.5646 1.90663 11.3303Z' fill='%2300ac22'/%3E%3C/svg%3E%0A");
}
.fo_input__btnwrp {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px 0 var(--fo-space-s);
  flex-shrink: 0;
}
.fo_input__btn {
  display: block;
  font-size: 13px;
  line-height: 1.2;
  color: var(--white);
  border: 0;
  appearance: none;
  padding: 8px 16px;
  background: var(--fo-primary);
  border-radius: var(--fo-round-m);
  cursor: pointer;
  transition: color 0.3s, background 0.3s;
  position: relative;
  flex-shrink: 0;
}
.fo_input__btn[disabled] {
  background: var(--fo-control-bg-disabled);
  color: var(--gray400);
  cursor: default;
}
.fo_input__btn._progress {
  color: var(--fo-primary);
}
.fo_input__btn._progress:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/local/templates/main-responsive/css/img/spinner.png);
  animation: rotateBtnSpinner 0.4s infinite linear;
  transform-origin: left;
}
.fo_input._action._focused._not-empty .fo_input__main:before {
  content: "";
  width: 1px;
  height: 20px;
  background: var(--fo-control-border);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.fo_input._disabled {
  background: var(--fo-control-bg-disabled);
}
.fo_input._disabled .fo_input__input {
  color: var(--gray500);
}
.fo_input._disabled .fo_input__label {
  color: var(--gray400);
}
.fo_input._error, .fo_input.woocommerce-invalid {
  background: var(--fo-control-error-bg) !important;
  transition: background-color 0.3s ease;
}
.fo_input._error .fo_input__error, .fo_input.woocommerce-invalid .fo_input__error {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fo_input._error .fo_input__label, .fo_input.woocommerce-invalid .fo_input__label {
  display: none;
}

.bx-no-touch .fo_input__btn:hover {
  background: var(--green300);
}

.fo_input:not(.fo_textarea)._not-empty .fo_input__label,
.fo_input:not(.fo_textarea)._focused .fo_input__label {
  transform: translateZ(0) scale(0.88) translateY(-13px);
}

.fo_textarea._not-empty .fo_input__label,
.fo_textarea._focused .fo_input__label {
  transform: translateZ(0) scale(0.88);
}

.fo_input._show-clear._focused._not-empty .fo_input__clear,
.fo_input._focused._not-empty .fo_input__clear {
  visibility: visible;
  opacity: 1;
}

.fo_input._show-clear._not-empty:not(._focused) .fo_input__clear {
  visibility: hidden;
  opacity: 0;
}

.fo_textarea._error:before {
  background: var(--fo-control-error-bg) !important;
  right: 2px;
  width: auto;
}

.fo_textarea .fo_input__input, .fo_textarea._focused .fo_input__input {
  height: 90px;
  min-height: unset;
  max-height: 128px;
  font-size: var(--fo-control-font-size);
  line-height: 140%;
  padding: 28px calc(var(--fo-control-padding-x) + var(--fo-field-clear-size) - 4px) 5px var(--fo-control-padding-x);
  resize: none;
  z-index: 0;
  scroll-padding-top: 28px;
}

.fo_textarea .fo_input__input._callback, .fo_textarea._focused .fo_input__input._callback {
  height: 130px;
  max-height: 156px;
}

.fo_textarea .fo_input__input::-webkit-input-placeholder {
  color: var(--fo-control-muted);
}

.fo_textarea .fo_input__input:-moz-placeholder {
  color: var(--fo-control-muted);
}

.fo_textarea .fo_input__input::-moz-placeholder {
  color: var(--fo-control-muted);
}

.fo_textarea .fo_input__input:-ms-input-placeholder {
  color: var(--fo-control-muted);
}

.fo_textarea .fo_input__input::-webkit-scrollbar {
  width: 2px;
}

.fo_textarea .fo_input__input::-webkit-scrollbar-track {
  background: var(--gray100);
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.fo_textarea .fo_input__input::-webkit-scrollbar-thumb {
  background: var(--gray400);
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.fo_textarea .fo_input__label, .fo_textarea._focused .fo_input__label, .fo_textarea._not-empty .fo_input__label {
  line-height: 120%;
  top: var(--fo-space-s);
}

.fo_textarea._readonly {
  background: var(--fo-control-bg-disabled);
}

.fo_textarea._readonly .fo_input__input {
  color: var(--fo-control-muted);
}

.fo_textarea._big .fo_input__input, .fo_textarea._focused._big .fo_input__input {
  height: 128px;
}

.fo_textarea:before {
  background: var(--fo-control-bg);
  content: "";
  display: block;
  width: 100%;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  width: calc(100% - 2px);
}

.fo_textarea._disabled:before {
  background: var(--fo-control-bg-disabled);
}

.fo_textarea._readonly:before {
  background: var(--fo-control-bg-disabled);
}

.fo_textarea._woLabel._small .fo_input__input, .fo_textarea._woLabel._focused._small .fo_input__input {
  height: 60px;
}

.fo_textarea._woLabel .fo_input__input, .fo_textarea._woLabel._focused .fo_input__input {
  padding-top: var(--fo-space-s);
}

.fo_textarea._woLabel._error .fo_input__input, .fo_textarea._woLabel._focused._error .fo_input__input {
  padding-top: 28px;
}

.fo_textarea._woLabel:before {
  display: none;
}

.fo_textarea._woLabel._error:before {
  display: block;
}

.fo_textarea._woLabel._error .fo_input__input::-webkit-input-placeholder {
  opacity: 0;
}

.fo_textarea._woLabel._error .fo_input__input:-moz-placeholder {
  opacity: 0;
}

.fo_textarea._woLabel._error .fo_input__input::-moz-placeholder {
  opacity: 0;
}

.fo_textarea._woLabel._error .fo_input__input:-ms-input-placeholder {
  opacity: 0;
}

.fo_textarea .fo_input__error {
  top: var(--fo-space-s);
}

.modal {
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1023px) {
  .modal {
    bottom: 52px;
  }
  .iOs .modal {
    bottom: 62px;
  }
}
@media (max-width: 767px) {
  .modal.MobileBottom0 {
    bottom: 0;
    z-index: 1052;
  }
  .iOs .modal.MobileBottom0 .modal-content {
    padding-bottom: var(--fo-space-m);
  }
}
.collapsing,
html.modal-open,
html.fo-scroll-lock {
  overflow: hidden;
}

html.fo-scroll-lock {
  --fo-scrollbar-compensation: 0px;
  --fo-scroll-lock-root-padding-inline-end: 0px;
  position: fixed;
  width: 100%;
  overflow-y: scroll;
  overscroll-behavior: none;
}

html.fo-scroll-lock.fo-scroll-lock--compensated {
  padding-inline-end: calc(var(--fo-scroll-lock-root-padding-inline-end, 0px) + var(--fo-scrollbar-compensation, 0px));
}

html.fo-scroll-lock.fo-scroll-lock--compensated .fixed-top,
html.fo-scroll-lock.fo-scroll-lock--compensated .fixed-bottom,
html.fo-scroll-lock.fo-scroll-lock--compensated .is-fixed,
html.fo-scroll-lock.fo-scroll-lock--compensated .sticky-top,
html.fo-scroll-lock.fo-scroll-lock--compensated .whb-sticked,
html.fo-scroll-lock.fo-scroll-lock--compensated .whb-sticky-row,
html.fo-scroll-lock.fo-scroll-lock--compensated #wpadminbar {
  padding-inline-end: calc(var(--fo-scroll-lock-padding-inline-end, 0px) + var(--fo-scrollbar-compensation, 0px));
}

.fade:not(.show),
.modal-backdrop.fade {
  opacity: 0;
}

.modal-close {
  appearance: none;
}

.modal-close,
a {
  cursor: pointer;
}

.collapse:not(.show),
.modal {
  display: none;
}

.fade {
  transition: opacity 0.2s ease-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  overflow: hidden;
  outline: 0;
}

.modal-content,
.modal-dialog-centered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}

.modal-dialog {
  position: relative;
  margin: 0.5rem;
  pointer-events: none;
  z-index: 2;
}

@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: var(--white);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--gray900);
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

@media (max-width: 767px) {
  ._phone_device .modal-backdrop {
    position: fixed;
  }
  .iOs .modal-backdrop {
    touch-action: none;
  }
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem 0;
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
}
.modal.fade .modal-dialog {
  transform: translate(0, -10px);
  transition: transform 0.2s ease-out;
}

@media (max-width: 767px) {
  .modal.fade .modal-dialog {
    transform: translate(0, 10px);
  }
}
.modal.show .modal-dialog {
  transform: translate(0, 0);
}

.modal-layout {
  width: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.modal-layout > .modal-close {
  padding: 0.625rem;
  position: fixed;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 1;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--white);
}

.modal-dialog {
  width: calc(100% - 30px);
  flex: 1 0 auto;
}

.modal-content {
  border: 0;
  border-radius: 1rem;
}

.modal-close {
  width: auto;
  padding: 0.9375rem;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  background: 0;
  appearance: none;
  outline: 0;
}

.Modal__close {
  appearance: none;
  outline: 0;
  cursor: pointer;
  top: 0;
  right: 0;
}

.Modal__head {
  text-align: center;
}

.Footer__contactsPhone,
.Modal__tabs {
  font-weight: 700;
}

.Modal__close {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: 0;
  -moz-appearance: none;
  appearance: none;
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--gray500);
  transition: color 0.2s ease;
}

.Footer__hr,
.Modal__divider {
  border-top: 1px solid var(--gray200);
}

.Modal__close .SvgIcon--cross {
  width: 0.875rem;
  height: 0.875rem;
}

.Modal__close .SvgIcon--cross-circle {
  width: 30px;
  height: 30px;
  margin: 16px 16px 0 0;
  background: var(--gray100);
  border-radius: 50%;
}

.Modal__close .SvgIcon--cross-circle svg {
  width: 10px;
  height: 10px;
  color: var(--gray500);
}

.Modal__close:hover {
  color: var(--gray600);
}

.Modal__tab,
.Modal__text--gray {
  color: var(--gray500);
}

.Modal__inner {
  padding: 2.5rem 1.25rem;
  overscroll-behavior: none;
}

.Modal__header {
  margin-bottom: 1.5rem;
}

.Modal__title {
  margin: 0 0 0.625rem;
}

.Modal__text {
  margin: 0 0 0.625rem;
}

.Modal__text--sm {
  font-size: 0.8125rem;
  line-height: 1.1875rem;
}

.Modal__tabs {
  margin-bottom: 1.875rem;
}

.Modal__tab {
  margin: 0 0.3125rem;
}

.Modal__tab:hover {
  color: var(--gray600);
}

.Modal__tab--active {
  color: var(--gray900);
}

.Modal__tabPane--hidden {
  display: none;
}

.Modal__divider {
  margin: 1.875rem -1.25rem;
  position: relative;
  font-size: 0;
}

.Modal__social .Modal__text {
  margin-bottom: 1.25rem;
}

.Modal__social .Social {
  margin-bottom: -0.9375rem;
}

.Modal__message {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.Modal__tabs,
.Modal__title--bold {
  font-weight: 700;
}

/* lk-Modal */
.lk-modal__closer_out .fo_dismiss {
  color: var(--white);
  top: -45px;
  right: -7px;
}
@media (any-hover: hover) {
  .lk-modal__closer_out .fo_dismiss:hover {
    color: var(--gray100);
  }
}

.lk-modal__closer_out .modal-dialog {
  margin-top: 2.75rem !important;
}

.lk-modal__closer_out .modal-dialog-centered {
  min-height: calc(100% - 4.5rem);
}

.lk-modal__closer_out .modal-dialog-centered::before {
  height: calc(100vh - 4.5rem);
}

@media (max-width: 1023px) {
  .lk-modal__closer_out .modal-dialog-centered::before {
    height: calc(100vh - 8rem);
  }
}
.modal.lk-modal-alert {
  z-index: 99999;
  bottom: 0;
}

.lk-modal-alert .modal-dialog {
  max-width: 410px;
}

.lk-modal-alert._wide .modal-dialog {
  max-width: 588px;
}

.lk-modal-alert .Modal__inner {
  padding: 24px;
}

.lk-modal-alert__title {
  font-size: 20px;
  line-height: 120%;
  font-weight: 600;
  margin-bottom: 24px;
  padding-right: 40px;
  color: var(--gray900);
}

.lk-modal-alert__title._woCloser {
  padding-right: 0;
}

.lk-modal-alert__text {
  font-size: 16px;
  line-height: 140%;
  color: var(--gray900);
  margin-bottom: 24px;
}

.lk-modal-alert__text._wo-btns {
  margin-bottom: 0;
}

.lk-modal-alert .modal-content > .fo_dismiss {
  top: 20px;
  right: 20px;
  z-index: 3;
}

.lk-modal-alert .modal-content {
  border-radius: 16px;
}

.lk-modal-alert__icon img {
  margin-right: 8px;
  width: 50px;
  max-width: 50px;
}

@media (max-width: 1023px) {
  .lk-modal-alert__title {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .lk-modal-alert.mobile-full-width .modal-dialog {
    max-width: 100%;
  }
  .lk-modal-alert .Modal__inner {
    padding: 20px 10px 16px;
  }
  .lk-modal-alert .modal-content {
    border-radius: 16px 16px 0 0;
  }
  .lk-modal-alert .modal-layout {
    align-items: flex-end;
  }
  .lk-modal-alert .modal-content > .fo_dismiss {
    top: 10px;
    right: 10px;
  }
  .lk-modal-alert .modal-dialog {
    margin: 0;
  }
  .iOs .modal.lk-modal-alert .modal-content {
    padding-bottom: var(--fo-space-m);
  }
  .lk-modal-alert__title,
  .lk-modal-alert__text {
    margin-bottom: 20px;
  }
  .lk-modal-alert__text._wo-btns {
    margin-bottom: 0;
  }
}
.lk-modal-confirm__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -3px;
}

.lk-modal-confirm__btns > div {
  padding: 0 3px;
  width: 50%;
}

.lk-modal-confirm__btns._col {
  display: block;
  margin: 0;
}

.lk-modal-confirm__btns._col > div {
  padding: 0;
  width: 100%;
  margin-top: 6px;
}

.lk-modal-confirm__btns._row._row1 > div {
  width: 100%;
}

.lk-modal-confirm__btns._row._row2 > div {
  width: 50%;
}

.lk-modal-confirm__btns._row._row3 > div {
  width: 33.3%;
}

.lk-modal-confirm__btns._col > div:first-child {
  margin-top: 0;
}

.lk-modal-18year .modal-dialog {
  max-width: 356px;
}

.lk-modal-18year .Modal__inner {
  padding: 2rem 1.25rem 1.5rem;
}

.lk-modal-18year__title {
  font-size: 24px;
  font-weight: 900;
  margin-bottom: var(--fo-space-m);
}

.lk-modal-18year__text {
  margin-bottom: 25px;
}

.lk-modal-18year__btns {
  text-align: center;
}

.lk-modal-18year__btn {
  text-align: center;
  width: 140px;
  margin: 0 3px;
  color: var(--gray900);
  font-weight: bold;
}

@media (max-width: 380px) {
  .lk-modal-18year__btn {
    width: 130px;
  }
}
@media (max-width: 650px) {
  .modal.modalMobileSlide {
    bottom: 0;
    z-index: 1052;
  }
  .iOs .modal.modalMobileSlide .modal-content {
    padding-bottom: var(--fo-space-m);
  }
  .modalMobileSlide .modal-layout {
    align-items: flex-end;
  }
  .modalMobileSlide .modal-content {
    width: 650px;
    max-width: 100%;
    margin: 0 auto;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .modalMobileSlide .modal-dialog {
    margin: 0.5rem 0 0;
  }
}
.lk-modal-list-lists__mobile-close {
  margin-top: -20px;
  margin-bottom: 10px;
}

.lk-modal-list-lists__mobile-close .SvgIcon {
  width: 30px;
  height: 30px;
  opacity: 0.3;
}

.lk-modal-list-lists__mobile-close .SvgIcon__symbol {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.lk-modal-list-lists .Modal__inner {
  padding: 0;
  overflow-y: auto;
}

.lk-modal-list-lists .Modal__title {
  padding: 2rem 1.25rem 0 1.25rem;
  font-size: 27px;
  font-weight: 900;
  text-align: left;
}

.lk-modal-list-lists__list_item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--gray300);
}

.lk-modal-list-lists__list_item:last-child {
  border: none;
}

.lk-modal-list-lists__list_item-img {
  width: 95px;
  padding-right: var(--fo-space-m);
  text-align: center;
  flex-shrink: 0;
}

.lk-modal-list-lists__list_item-img img {
  max-width: 100%;
  border-radius: 6px;
}

.lk-modal-list-lists__list_item-title {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 115px;
  width: calc(100% - 95px);
}

.lk-modal-list-lists__list_item-title-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.lk-modal-list-lists__list_item-title-new {
  padding-right: 0;
}

.lk-modal-list-lists__list_item-curQ {
  font-size: 13px;
  color: var(--gray700);
}

.lk-modal-list-lists__list_item-title .CartButton {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
}

.lk-modal-list-lists__list {
  padding: 0 1.25rem 30px 1.25rem;
}

.lk-modal-list-lists__save {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  display: none;
}

.lk-modal-list-lists__save a {
  width: auto;
  min-width: 130px;
  box-shadow: 0 0 0 1px rgb(255, 255, 255);
  flex-wrap: wrap;
  white-space: normal;
  word-break: break-word;
  overflow: hidden;
}

.lk-modal-list-lists__list_item-new-title-input-container {
  display: none;
  margin-right: 120px;
}

.lk-modal-list-lists__list_item-new-title-input {
  outline: none;
  border: 1px solid var(--gray500);
  padding: 10px 10px;
  display: block;
  width: 100%;
  outline: none;
}

.lk-modal-list-lists__list_item.active .lk-modal-list-lists__list_item-new-title-input-container {
  display: block;
}

.lk-modal-list-lists__list_item.active .lk-modal-list-lists__list_item-new-title {
  display: none;
}

@media (min-width: 768px) {
  .lk-modal-list-lists__mobile-close {
    display: none;
  }
}
@media (max-width: 767px) {
  .lk-modal-list-lists .modal-dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-top: 0;
    margin: 0 !important;
    max-width: 999px;
  }
  .lk-modal-list-lists .modal-content {
    border-radius: 0;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 60px;
  }
  .lk-modal-list-lists .Modal__title {
    padding: 0;
  }
  .lk-modal-list-lists .Modal__head {
    text-align: left;
    padding: 2rem 1.25rem 0 1.25rem;
  }
  .lk-modal-list-lists__save {
    bottom: 60px;
  }
  .lk-modal-list-lists .Modal__inner {
    padding-bottom: 60px;
  }
  .lk-modal-list-lists__list {
    padding-bottom: 0;
  }
  .lk-modal-list-lists__list_item:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 360px) {
  .lk-modal-list-lists__list_item-img {
    width: 50px;
    padding-right: 10px;
  }
  .lk-modal-list-lists__list_item-title {
    width: calc(100% - 50px);
  }
}
.modal-layout:after {
  content: " " !important;
  min-height: inherit !important;
  font-size: 0 !important;
  display: flex !important;
}

.VV_Modal .Modal__inner {
  padding: 24px;
}

.VV_ModalContent {
  border-radius: 16px;
}

.VV_ModalHeading {
  margin-bottom: 24px;
  font-size: 17px;
  line-height: 120%;
  font-weight: 900;
  padding-right: 40px;
  color: var(--gray900);
}

.VV_ModalHeading .VV_ModalSubtitle {
  font-weight: 500;
}

@media (max-width: 767px) {
  .modal.VV_Modal {
    z-index: 1080;
  }
  .VV_Modal .Modal__inner {
    padding: 20px 10px 16px 10px;
  }
  .VV_Modal .modal-layout {
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
  .VV_Modal .modal-dialog {
    margin: 0;
  }
  .modal-content.VV_ModalContent {
    border-radius: 16px 16px 0 0;
  }
}
.loop-quantity {
  opacity: 1;
  transition: opacity 0.2s ease !important;
}

.CartButton {
  --btn-height: 2.625rem;
  --btn-font-size: 1rem;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 2.5rem;
  height: var(--btn-height, 2.5rem);
  margin: 0;
  border-radius: var(--btn-accented-brd-radius);
  background-color: var(--fo-primary);
  color: var(--white);
  white-space: nowrap;
  user-select: none;
}
@media (width > 1023.98px) {
  .CartButton {
    --btn-height: 3rem;
    --btn-font-size: 1.125rem;
  }
}
.CartButton button {
  text-transform: none;
}
.CartButton__quantity {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.CartButton__quantity-button, .CartButton__quantity-button:hover {
  --btn-color: var(--white);
  color: currentColor;
  background: none;
  transition: none;
  box-shadow: none;
}
.CartButton__quantity .plus {
  width: 100%;
}
.CartButton__quantity .minus,
.CartButton__quantity .loop-quantity.qty.input-text {
  display: none;
}
.CartButton__inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: var(--fo-space-xs);
}
.CartButton .SvgIcon--plus,
.CartButton .SvgIcon--minus {
  width: 0.875rem;
  height: 1rem;
}
.CartButton .SvgIcon--plus {
  display: none;
}
.CartButton .SvgIcon--cart {
  margin-left: -0.3125rem;
  width: 0.875rem;
  height: 0.875rem;
}
.CartButton .SvgIcon--delete {
  width: 0.875rem;
  height: 1rem;
}
.CartButton .SvgIcon--minus {
  color: var(--gray450);
}
.CartButton._loading .quantity {
  visibility: hidden;
}
.CartButton._loading .quantity .loop-quantity {
  opacity: 0.5;
}
.CartButton._loading._in-cart .quantity {
  visibility: visible;
}
.CartButton._disabled {
  pointer-events: none;
}
.CartButton._in-cart {
  background-color: #F3F4F8;
  color: var(--fo-primary);
}
.CartButton._in-cart .Spinner::after {
  width: 1.75rem;
  height: 1.75rem;
}
.CartButton._in-cart .SvgIcon--plus,
.CartButton._in-cart .CartButton__quantity .minus,
.CartButton._in-cart .CartButton__quantity .loop-quantity.input-text {
  display: inherit;
}
.CartButton._in-cart .CartButton__quantity .plus {
  width: auto;
}
.CartButton._in-cart .SvgIcon--cart,
.CartButton._in-cart .start_add_inner {
  display: none;
}
.CartButton__quantity-button.minus._delete .SvgIcon--minus, .CartButton__quantity-button.minus:not(._delete) .SvgIcon--delete {
  display: none;
}

.addtocart-wishlist-container .CartButton {
  --btn-height: 2.625rem;
  flex-grow: 1;
  width: 11.875rem;
}
@media (width > 767.98px) {
  .addtocart-wishlist-container .CartButton {
    flex-grow: unset;
  }
}

.loop-quantity.qty.input-text {
  text-align: center;
  color: var(--gray900);
  background: none;
  width: 100%;
  font-size: 1.125rem;
  height: var(--btn-height);
  border: none;
}

:is(.cart-widget-side, .woocommerce.widget_shopping_cart) .widget_shopping_cart_content :is(.fo-mini-cart-header, .my-mini-cart-header) {
  --fo-mini-cart-header-padding-x: var(--fo-space-m);
  --fo-mini-cart-header-padding-y: var(--fo-space-s);
  --fo-mini-cart-header-border: var(--gray200);
  --fo-mini-cart-header-count-color: var(--gray500);
  --fo-mini-cart-clear-color: var(--gray500);
  --fo-mini-cart-clear-hover-color: var(--gray700);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--fo-space-m);
  padding: var(--fo-mini-cart-header-padding-y) var(--fo-mini-cart-header-padding-x);
  border-bottom: 1px solid var(--fo-mini-cart-header-border);
}
:is(.cart-widget-side, .woocommerce.widget_shopping_cart) .widget_shopping_cart_content :is(.fo-mini-cart-header__count, .my-mini-cart-header > span) {
  color: var(--fo-mini-cart-header-count-color);
  font-size: var(--font-size-md);
  font-weight: 400;
  line-height: 1.35;
}
:is(.cart-widget-side, .woocommerce.widget_shopping_cart) .widget_shopping_cart_content :is(button.fo-mini-cart-header__clear, .my-mini-cart-header .Delivery__Order__BasketHeaderClear) {
  appearance: none;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  width: auto !important;
  min-width: 0;
  max-width: max-content;
  min-height: 32px;
  height: auto;
  margin: 0;
  margin-left: auto;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--fo-mini-cart-clear-color);
  font: inherit;
  font-size: var(--font-size-md);
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  text-align: right;
  text-decoration: none;
  text-transform: none !important;
  white-space: nowrap;
  cursor: pointer;
}
:is(.cart-widget-side, .woocommerce.widget_shopping_cart) .widget_shopping_cart_content :is(button.fo-mini-cart-header__clear, .my-mini-cart-header .Delivery__Order__BasketHeaderClear):is(:hover, :focus-visible) {
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--fo-mini-cart-clear-hover-color);
  text-decoration: none;
}
:is(.cart-widget-side, .woocommerce.widget_shopping_cart) .widget_shopping_cart_content :is(button.fo-mini-cart-header__clear, .my-mini-cart-header .Delivery__Order__BasketHeaderClear):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
:is(.cart-widget-side, .woocommerce.widget_shopping_cart) .widget_shopping_cart_content :is(.fo-mini-cart-header__clear-text, .Delivery__Order__BasketHeaderClearText) {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: none !important;
}
:is(.cart-widget-side, .woocommerce.widget_shopping_cart) .widget_shopping_cart_content :is(.fo-mini-cart-header__clear-icon, .Delivery__Order__BasketHeaderClearImg) {
  display: none;
}

.socials-item {
  width: 2.1875rem;
  height: 2.1875rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: var(--gray50);
  color: var(--gray500);
  vertical-align: top;
}

.fo_subscribe {
  background: var(--white);
  margin-bottom: 46px;
  color: var(--white);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 46px;
  padding-bottom: var(--fo-space-m);
}
.fo_subscribe__inner {
  position: relative;
  z-index: 2;
}
.fo_subscribe__row {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 -10px;
  min-height: 120px;
  overflow: hidden;
  padding: 48px 36px;
  margin: 0;
}
.fo_subscribe._winter .fo_subscribe__row {
  align-items: flex-start;
  background: var(--blue4);
  border-radius: 32px;
  border-bottom-left-radius: 0;
}
@media (width <= 767.98px) {
  .fo_subscribe._winter .fo_subscribe__row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    min-height: unset;
    padding: 32px 20px 32px 20px;
    border-radius: 24px;
    border-bottom-left-radius: 0;
  }
}
.fo_subscribe._winter .fo_subscribe-form__note {
  margin: 8px 0 -2px 8px;
}
@media (width > 1180.98px) {
  .fo_subscribe._winter .fo_subscribe-form__note {
    margin: 8px 0 0 0;
  }
}
.fo_subscribe__col {
  position: relative;
  z-index: 4;
  padding: 0;
}
.fo_subscribe__col._text-wrapper {
  flex-grow: 1;
}
@media (width <= 767.98px) {
  .fo_subscribe__col._text-wrapper .fo_subscribe__col._text {
    margin: 0 0 18px;
    padding-right: 0;
  }
}
@media (width > 767.98px) {
  .fo_subscribe__col._text-wrapper .fo_subscribe__col._text {
    padding-right: 16px;
    margin: 0;
  }
}
.fo_subscribe__col._text {
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
}
.fo_subscribe__col._text._error {
  display: none;
  margin-top: 0;
}
.fo_subscribe__col._text._success {
  display: none;
  margin: 0;
}
.fo_subscribe__col._form {
  flex-shrink: 0;
  max-width: 50%;
}
@media (width <= 767.98px) {
  .fo_subscribe__col._form {
    width: 100%;
    max-width: 100%;
  }
}
.fo_subscribe__title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
}
@media (width > 767.98px) {
  .fo_subscribe__title br {
    display: none;
  }
}
@media (width > 767.98px) {
  .fo_subscribe__title {
    font-size: 24px;
  }
}
@media (width > 1023.98px) {
  .fo_subscribe__title {
    font-size: 26px;
  }
}
@media (width > 1180.98px) {
  .fo_subscribe__title {
    font-size: 28px;
  }
}
.fo_subscribe__desc {
  max-width: 452px;
  margin: 8px 0 0;
  font-size: var(--font-size-base);
  line-height: 1.4;
}
@media (width > 767.98px) {
  .fo_subscribe__desc {
    max-width: 452px;
    margin: 8px 0 0;
    font-size: 16px;
    line-height: 1.5;
  }
}
.fo_subscribe-form__row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 908px) {
  .fo_subscribe-form__row {
    flex-direction: row;
  }
}
@media (width > 1023.98px) {
  .fo_subscribe-form__row {
    gap: 12px;
  }
}
.fo_subscribe-form__col._input {
  flex-grow: 1;
}
.fo_subscribe-form__note {
  font-size: 12px;
  line-height: 1.16;
}
.fo_subscribe .fo_input__input {
  margin: 0;
}
.fo_subscribe__bg-img {
  position: absolute;
  left: 0;
  top: 4px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
  display: none;
}
@media (max-width: 767px) {
  .fo_subscribe__bg-img._bg-mobile {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .fo_subscribe__bg-img._bg-tablet {
    display: block;
  }
}
@media (min-width: 1024px) {
  .fo_subscribe__bg-img._bg-desktop {
    display: block;
  }
}
.fo_subscribe__el-img {
  position: absolute;
  left: auto;
  right: 16px;
  bottom: -10px;
}
@media (width > 767.98px) {
  .fo_subscribe__el-img {
    left: 500px;
    right: auto;
  }
}

.fo_subscribe .fo_button {
  width: 100%;
}
@media (width > 767.98px) {
  .fo_subscribe .fo_button {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.fo_subscribe .fo_subscribe__inner .svg-appendix {
  overflow: hidden;
  position: absolute;
  bottom: -0.0625rem;
  width: 0.5625rem;
  height: 1.125rem;
  font-size: 1rem !important;
  left: -0.562rem;
}
.fo_subscribe .fo_subscribe__inner .svg-appendix .corner {
  fill: var(--blue4);
}
@media (max-width: 650px) {
  .fo_subscribe .fo_subscribe__inner .svg-appendix .corner {
    fill: #b3deff;
  }
}
@media (min-width: 651px) and (max-width: 980px) {
  .fo_subscribe .fo_subscribe__inner .svg-appendix .corner {
    fill: #8bcbff;
  }
}

@media (width <= 767.98px) {
  .accordion-expanded {
    display: none;
  }
}

.footer {
  background-color: var(--gray50);
  letter-spacing: -0.015em;
}
.footer__main {
  display: flex;
}
@media (width <= 767.98px) {
  .footer__main {
    flex-direction: column;
    padding-block: 24px;
    padding-top: 32px;
  }
}
@media (width > 767.98px) {
  .footer__main {
    padding-block: 72px;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    gap: 40px;
  }
}
@media (width > 1023.98px) {
  .footer__main {
    padding-block: 80px;
  }
}
.footer__col {
  display: flex;
  flex-direction: column;
  gap: 36px;
  justify-content: space-between;
}
@media (width <= 767.98px) {
  .footer__col {
    order: 2;
  }
}
.footer__col-sub {
  border-bottom: var(--border);
}
@media (width > 767.98px) {
  .footer__col-sub {
    border: none;
  }
}
.footer__col-title {
  font-weight: 600;
  font-size: 1.125rem;
  color: var(--gray900);
  line-height: 1.4;
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (width > 767.98px) {
  .footer__col-title {
    cursor: default;
    pointer-events: none;
    padding: 0 0 24px;
  }
}
@media (width > 767.98px) {
  .footer__col-title-icon {
    display: none;
  }
}
@media (width > 767.98px) {
  .footer__col-container {
    display: block !important;
  }
}
@media (width <= 767.98px) {
  .footer__col--partners-help {
    gap: 0;
  }
}
@media (width <= 767.98px) {
  .footer__col--contacts {
    order: 1;
    margin-bottom: 16px;
  }
}
@media (width <= 767.98px) {
  .footer__nav-menu {
    border: none;
    padding: 4px 0 24px 0;
  }
}
.footer__nav-menu li {
  margin-bottom: 16px;
  color: var(--gray900);
}
@media (width > 767.98px) {
  .footer__nav-menu li {
    margin-bottom: 24px;
  }
}
.footer__nav-menu li:last-child {
  margin-bottom: 0;
}
.footer__nav-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footer__nav-link {
  color: currentColor;
  font-size: 1.125rem;
}
@media (any-hover: hover) {
  .footer__nav-link:hover {
    color: var(--green700);
  }
}
@media (any-hover: none) {
  .footer__nav-link:active {
    color: var(--green700);
  }
}
.footer__nav-link--rules {
  font-size: 16px;
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  height: 100%;
  color: var(--gray900);
}
@media (max-width: 869px) {
  .footer__contacts {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px;
  }
}
@media (width <= 767.98px) {
  .footer__contacts {
    flex-direction: inherit;
    gap: 24px;
  }
}
.footer__contacts .footer__contacts-block a {
  line-height: 1.333;
}
@media (width > 767.98px) {
  .footer__contacts-block {
    width: auto;
  }
}
.footer__contacts-block-item {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin: 0;
}
.footer__contacts-block-note {
  font-size: 1.125rem;
  color: var(--gray500);
}
.footer__contacts-block--phone a {
  font-size: 1.333rem;
  font-weight: 500;
  font-size: 1.5rem;
}
@media (width <= 767.98px) {
  .footer__contacts-block--wherebuy {
    order: 2;
  }
}
@media (max-width: 869px) {
  .footer__contacts-block--adresses {
    order: 3;
    width: 100%;
  }
  .footer__contacts-block--adresses br {
    display: none;
  }
}
@media (width <= 767.98px) {
  .footer__contacts-block--adresses br {
    display: inherit;
  }
}
.footer__contacts-block--wherebuy a {
  font-size: 1.25rem;
  font-weight: 500;
}
.footer__contacts-block--rating {
  font-size: var(--font-size-base);
}
.footer__socials .socials {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
  gap: 8px;
}
.footer__socials .socials-item {
  background-color: var(--white);
  color: var(--fo-primary);
  fill: var(--fo-primary);
  width: 40px;
  height: 40px;
  border-radius: 12px;
  margin: 0;
}
@media (any-hover: hover) {
  .footer__socials .socials-item:hover {
    background-color: var(--green100);
    color: var(--fo-primary);
  }
}
@media (any-hover: none) {
  .footer__socials .socials-item:active {
    background-color: var(--green100);
    color: var(--fo-primary);
  }
}
.footer__socials .socials-item .SvgIcon {
  width: 22px;
  height: 22px;
}
.footer__hr {
  width: 100%;
  border-top: 1px solid var(--gray200);
  font-size: 0;
}
@media (width <= 767.98px) {
  .footer__hr {
    display: none;
  }
}
.footer__bottom {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding-block: 24px;
}
@media (width <= 767.98px) {
  .footer__bottom {
    padding-top: 8px;
    padding-bottom: 24px;
  }
}
.footer__copyright {
  display: inline-flex;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
  gap: 32px;
  color: var(--gray500);
}
@media (width <= 767.98px) {
  .footer__copyright {
    gap: 8px 16px;
    flex-direction: column;
  }
}
@media (width <= 480.98px) {
  .footer__copyright {
    gap: 8px 8px;
    flex-direction: column-reverse;
  }
}

.fo_button.footer__contacts-back-link {
  padding-left: 24px;
  padding-right: 24px;
}

.footer__col-title-icon.SvgIcon {
  position: relative;
  width: 12px;
  height: 9px;
  transition: transform 0.4s ease;
  color: var(--gray500);
}

.active .footer__col-title-icon {
  transform: rotate(180deg);
}

:root {
  --fo-header-top: 0px;
  --fo-header-height: 68px;
  --fo-scrollspy-height: 36px;
  --fo-scrollspy-top: calc(var(--fo-header-top) + var(--fo-header-height));
  --fo-scroll-target-offset: calc(var(--fo-header-height) + var(--fo-scrollspy-height) + var(--fo-space-m, 16px));
}

body.admin-bar {
  --fo-header-top: var(--wp-admin--admin-bar--height, 32px);
  --fo-scrollspy-top: calc(var(--fo-header-top) + var(--fo-header-height));
}

@media screen and (max-width: 600px) {
  body.admin-bar {
    --fo-header-top: 0px;
    --fo-scrollspy-top: var(--fo-header-height);
  }
}
@media (width > 767.98px) {
  :root {
    --fo-header-height: 76px;
    --fo-scrollspy-height: 42px;
  }
}
.fo-site-header {
  --wd-header-el-font: inherit;
  --wd-header-el-font-size: 16px;
  --wd-header-el-font-style: normal;
  --wd-header-el-font-weight: 500;
  --wd-header-el-transform: none;
  position: sticky !important;
  top: var(--fo-header-top);
  z-index: 390;
  height: var(--fo-header-height);
  background: var(--white);
  transform: none !important;
}
.fo-site-header__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(44px, 1fr) auto minmax(88px, 1fr);
  align-items: center;
  gap: 12px;
  height: 100%;
}
.fo-site-header__mobile, .fo-site-header__actions {
  position: relative;
  display: inline-flex;
  align-items: center;
  z-index: 2;
  min-width: 0;
  pointer-events: none;
}
.fo-site-header__mobile {
  grid-column: 1;
  justify-content: flex-start;
}
.fo-site-header__brand {
  position: absolute;
  left: 50%;
  z-index: 1;
  max-width: min(48vw, 192px);
  margin: 0;
  justify-content: center;
  transform: translateX(-50%);
}
.fo-site-header__actions {
  grid-column: 3;
  justify-content: flex-end;
  gap: 6px;
}
.fo-site-header__navigation {
  display: none;
}
.fo-site-header__logo, .fo-site-header__logo .site-logo, .fo-site-header__logo .wd-logo, .fo-site-header__logo-link {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  color: var(--light-on-brand1-surface, var(--green600));
  text-decoration: none;
}
.fo-site-header__logo .site-logo {
  line-height: 0;
}
.fo-site-header__logo img, .fo-site-header__logo-img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: calc(var(--fo-header-height) - 24px);
  object-fit: contain;
}
.fo-site-header__logo-text {
  overflow: hidden;
  color: var(--light-on-brand1-surface, var(--green600));
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fo-site-header__mobile-nav, .fo-site-header__account, .fo-site-header__cart-slot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
.fo-site-header .wd-tools-element {
  flex: 0 0 auto;
  margin-inline: 0;
}
.fo-site-header .wd-tools-element > a {
  color: var(--gray900);
  text-decoration: none;
}
.fo-site-header .wd-tools-element > a:hover,
.fo-site-header .wd-tools-element > a:focus-visible {
  color: var(--gray900);
}
.fo-site-header .wc-otp-account-menu {
  color: var(--gray900);
}
.fo-site-header__cart-slot .wd-tools-text-cart,
.fo-site-header__cart-slot .wd-cart-subtotal,
.fo-site-header__cart-slot .subtotal-divider {
  display: none;
}
.fo-site-header__cart-slot .wd-header-cart > a {
  gap: 4px;
  padding-inline: 6px 2px;
}
.fo-site-header__cart-slot .wd-tools-text {
  display: inline-flex;
  align-items: center;
  color: var(--gray900);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

@media (width > 767.98px) {
  .fo-site-header__brand {
    max-width: 192px;
  }
  .fo-site-header__logo img, .fo-site-header__logo-img {
    width: 192px;
    max-width: 192px !important;
    height: auto;
    max-height: calc(var(--fo-header-height) - 12px);
  }
}
.wc-otp-account-menu {
  --wc-otp-account-text: var(--gray900);
  --wc-otp-account-muted: var(--gray500);
  --wc-otp-account-border: var(--gray200);
  --wc-otp-account-bg: var(--light-surface1, var(--white));
  --wc-otp-account-hover: var(--light-brand1-container-fill, var(--green50));
  --wc-otp-account-accent: var(--green600);
}

.fo-account-side-panel.wd-side-hidden:not(.wd-opened) {
  pointer-events: none;
}

.fo-account-side-panel.wd-side-hidden {
  --wd-side-hidden-w: min(calc(100vw - 32px), 400px);
  position: fixed;
  inset-block: var(--fo-header-top) 0;
  inset-inline: auto 0;
  top: var(--fo-header-top);
  right: 0;
  bottom: 0;
  left: auto;
  z-index: 500;
  display: flex;
  width: min(var(--wd-side-hidden-w), 100vw);
  min-width: 0;
  max-width: 100vw;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: var(--light-surface1, var(--white));
  box-shadow: -24px 0 46px rgba(17, 24, 39, 0.14);
  transform: translate3d(100%, 0, 0);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.fo-account-side-panel.wd-opened {
  transform: none;
}

.fo-account-side-panel .wc-otp-account-menu__panel.wd-scroll-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
  min-height: 100%;
  padding: 28px 20px 24px;
  overflow: hidden;
  overflow-y: auto;
}

.fo-account-side-panel .wc-otp-account-menu__panel-header {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 40px;
  align-items: start;
  gap: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--gray200);
}

.fo-account-side-panel .wc-otp-account-menu__panel-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--gray100);
  box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.06);
}

.fo-account-side-panel .wc-otp-account-menu__panel-avatar-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fo-account-side-panel .wc-otp-account-menu__panel-user {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding-top: 4px;
}

.fo-account-side-panel .wc-otp-account-menu__panel-name,
.fo-account-side-panel .wc-otp-account-menu__panel-loyalty,
.fo-account-side-panel .fo_user-promocode__copy-btn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fo-account-side-panel .wc-otp-account-menu__panel-name {
  color: var(--gray900);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.fo-account-side-panel .wc-otp-account-menu__panel-meta {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.fo-account-side-panel .wal-account-status {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  margin: 0;
  min-width: 0;
  color: var(--fo-primary);
  font-size: 14px;
  line-height: 1.2;
}

.fo-account-side-panel .wal-account-status__value {
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  background: none;
  border-radius: 0;
  color: var(--fo-primary);
}

.fo-account-side-panel .wal-account-status__tooltip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--gray500);
  cursor: pointer;
}

.fo-account-side-panel .wal-account-status__tooltip:hover,
.fo-account-side-panel .wal-account-status__tooltip:focus-visible {
  color: var(--fo-primary);
  background: transparent;
  box-shadow: none;
  outline: none;
}

.fo-account-side-panel .wal-account-status__icon {
  width: 20px;
  height: 20px;
}

.fo-account-side-panel .wc-otp-account-menu__panel-promocode {
  display: flex;
  min-width: 0;
  margin: 0;
}

.fo-account-side-panel .wc-otp-account-menu__panel-promocode .fo_user-promocode__copy-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  min-height: 20px;
  padding: 0;
  color: var(--gray900);
  font-size: 14px;
  line-height: 1.2;
  background: transparent;
  text-transform: inherit;
}

.fo-account-side-panel .wc-otp-account-menu__panel-promocode .fo_user-promocode__copy-btn:hover,
.fo-account-side-panel .wc-otp-account-menu__panel-promocode .fo_user-promocode__copy-btn:focus-visible {
  color: var(--fo-primary);
  background: transparent;
  box-shadow: none;
  outline: none;
}

.fo-account-side-panel .wc-otp-account-menu__panel-promocode .fo_user-promocode__title {
  color: var(--gray500);
  font-size: 14px;
  font-weight: 400;
}

.fo-account-side-panel .wc-otp-account-menu__panel-promocode .fo_user-promocode__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}

.fo-account-side-panel .wc-otp-account-menu__panel-header .fo_dismiss {
  margin: -4px -6px 0 0;
  background: rgba(245, 247, 250, 0.78);
  box-shadow: none;
}
@media (any-hover: hover) {
  .fo-account-side-panel .wc-otp-account-menu__panel-header .fo_dismiss:hover {
    color: var(--gray900);
    background: #eef2f7;
  }
}
.fo-account-side-panel .wc-otp-account-menu__panel-header .fo_dismiss:focus-visible {
  color: var(--gray900);
  background: #eef2f7;
}

.fo-account-side-panel .wc-otp-account-menu__list.wd-nav {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 20px 0 0;
}

.fo-account-side-panel .wc-otp-account-menu__item {
  margin: 0;
}

.fo-account-side-panel .wc-otp-account-menu__item--customer-logout {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--gray200);
}

.fo-account-side-panel .wc-otp-account-menu__link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 6px 10px 6px 8px;
  border-radius: 12px;
  color: var(--gray900);
  font-size: var(--fo-control-font-size);
  font-weight: 500;
  line-height: 1.25;
  text-transform: none;
  transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
.fo-account-side-panel .wc-otp-account-menu__link:focus-visible {
  background: var(--gray100);
  color: var(--gray900);
  box-shadow: inset 0 0 0 2px rgba(0, 160, 52, 0.28);
  outline: none;
}

@media (any-hover: hover) {
  .fo-account-side-panel .wc-otp-account-menu__item:not(.is-active) .wc-otp-account-menu__link:hover {
    background: var(--gray100);
    color: var(--gray900);
    box-shadow: none;
  }
}

.fo-account-side-panel .wc-otp-account-menu__list.wd-nav > li > .wc-otp-account-menu__link {
  text-transform: none;
}

.fo-account-side-panel .wc-otp-account-menu__item.is-active .wc-otp-account-menu__link {
  background: var(--light-brand1-container-fill, var(--green50));
  color: var(--fo-primary);
  cursor: default;
}

.fo-account-side-panel .wc-otp-account-menu__link .wc-otp-account-menu__nav-icon.SvgIcon {
  display: inline-flex;
  flex: 0 0 36px;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--gray100);
  transition: background-color 0.18s ease;
}
.fo-account-side-panel .wc-otp-account-menu__link .wc-otp-account-menu__nav-icon.SvgIcon .SvgIcon__symbol {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
}
.fo-account-side-panel .wc-otp-account-menu__link .wc-otp-account-menu__nav-icon.SvgIcon .SvgIcon__symbol path[fill=currentColor] {
  fill: currentColor;
  stroke: none;
}

.fo-account-side-panel .wc-otp-account-menu__item:not(.is-active) .wc-otp-account-menu__link:hover .wc-otp-account-menu__nav-icon.SvgIcon,
.fo-account-side-panel .wc-otp-account-menu__item:not(.is-active) .wc-otp-account-menu__link:focus-visible .wc-otp-account-menu__nav-icon.SvgIcon {
  background: var(--white);
}

.fo-account-side-panel .wc-otp-account-menu__item.is-active .wc-otp-account-menu__nav-icon.SvgIcon {
  background: var(--white);
}

.fo-account-side-panel .wc-otp-account-menu__item--customer-logout .wc-otp-account-menu__link {
  color: var(--gray700);
  font-weight: 500;
}

.fo-account-side-panel .wc-otp-account-menu__item--customer-logout .wc-otp-account-menu__nav-icon.SvgIcon {
  background: transparent;
}

.fo-account-side-panel .wc-otp-account-menu__item--customer-logout .wc-otp-account-menu__link:hover,
.fo-account-side-panel .wc-otp-account-menu__item--customer-logout .wc-otp-account-menu__link:focus-visible {
  background: var(--gray100);
  color: var(--gray900);
}

.fo-account-side-panel .wc-otp-account-menu__item--customer-logout .wc-otp-account-menu__link:hover .wc-otp-account-menu__nav-icon.SvgIcon,
.fo-account-side-panel .wc-otp-account-menu__item--customer-logout .wc-otp-account-menu__link:focus-visible .wc-otp-account-menu__nav-icon.SvgIcon {
  background: transparent;
}

.fo-site-mobile-drawer {
  --wd-side-hidden-w: min(88vw, 380px);
  color: var(--gray900);
  background: var(--light-surface1, var(--white));
}
.fo-site-mobile-drawer__inner {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 24px 24px 28px;
}
.fo-site-mobile-drawer__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}
.fo-site-mobile-drawer__brand {
  display: inline-flex;
  color: var(--light-on-brand1-surface, var(--green600));
  font-size: 29px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-transform: lowercase;
}
.fo-site-mobile-drawer__header .fo_dismiss {
  margin: -10px -10px 0 0;
  flex: 0 0 auto;
}
.fo-site-mobile-drawer__summary-icon, .fo-site-mobile-drawer__social-icon {
  display: block;
  fill: currentColor;
}
.fo-site-mobile-drawer__nav {
  display: grid;
  margin-bottom: 28px;
}
.fo-site-mobile-drawer__section {
  border-bottom: 1px solid var(--gray200);
}
.fo-site-mobile-drawer__section:first-child {
  border-top: 1px solid var(--gray200);
}
.fo-site-mobile-drawer__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  color: var(--gray900);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  list-style: none;
  cursor: pointer;
}
.fo-site-mobile-drawer__summary::-webkit-details-marker {
  display: none;
}
.fo-site-mobile-drawer__summary-icon {
  flex: 0 0 16px;
  color: var(--gray600);
  transition: transform 0.18s var(--fo-ttf-m);
}
.fo-site-mobile-drawer__section[open] .fo-site-mobile-drawer__summary-icon {
  transform: rotate(180deg);
}
.fo-site-mobile-drawer__list {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0 0 12px;
  list-style: none;
}
.fo-site-mobile-drawer__link {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 8px;
  border-radius: var(--fo-round-m);
  color: var(--gray700);
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
}
.fo-site-mobile-drawer__link:hover, .fo-site-mobile-drawer__link:focus-visible {
  color: var(--green600);
  background: var(--light-brand1-container-fill, var(--green50));
}
.fo-site-mobile-drawer__contacts {
  display: grid;
  gap: 14px;
  margin-top: auto;
  padding-top: 4px;
}
.fo-site-mobile-drawer__contact-block {
  display: grid;
  gap: 4px;
}
.fo-site-mobile-drawer__contact-note {
  color: var(--gray500);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
}
.fo-site-mobile-drawer__phone, .fo-site-mobile-drawer__email, .fo-site-mobile-drawer__address {
  color: var(--gray900);
  text-decoration: none;
}
.fo-site-mobile-drawer__phone {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.fo-site-mobile-drawer__email, .fo-site-mobile-drawer__address {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
}
.fo-site-mobile-drawer__address {
  color: var(--gray700);
}
.fo-site-mobile-drawer__action {
  justify-self: flex-start;
  margin-top: 2px;
}
.fo-site-mobile-drawer__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.fo-site-mobile-drawer__social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: var(--green600);
  background: var(--light-brand1-container-fill, var(--green50));
  text-decoration: none;
}
.fo-site-mobile-drawer__social:hover, .fo-site-mobile-drawer__social:focus-visible {
  color: var(--light-on-brand1-primary, var(--white));
  background: var(--green600);
}

.fo_dropdown {
  position: relative;
  height: var(--fo-control-height);
  background: var(--fo-control-bg);
  border-radius: var(--fo-control-radius);
}
.fo_dropdown__label {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.16;
  color: var(--gray500);
  position: absolute;
  z-index: 1;
  top: 6px;
  left: var(--fo-control-padding-x);
  max-width: calc(100% - var(--fo-control-padding-x) * 2);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
}
.fo_dropdown__select {
  display: none;
}
.fo_dropdown__select._gadget {
  display: block;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.fo_dropdown__container {
  position: relative;
  padding: var(--fo-space-m) calc(var(--fo-control-padding-x) + 36px) var(--fo-space-m) var(--fo-control-padding-x);
  cursor: pointer;
}
.fo_dropdown__container:before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 7px;
  top: 23px;
  right: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1611 0.310934L5.99463 4.43546L1.82819 0.310934C1.4094 -0.103645 0.732886 -0.103645 0.314094 0.310934C-0.104698 0.725513 -0.104698 1.39522 0.314094 1.80979L5.24295 6.68907C5.66175 7.10364 6.33826 7.10364 6.75705 6.68907L11.6859 1.80979C12.1047 1.39522 12.1047 0.725513 11.6859 0.310934C11.2671 -0.0930144 10.5799 -0.103645 10.1611 0.310934Z' fill='%23B4B4B4'/%3E%3C/svg%3E");
}
.fo_dropdown._with_label .fo_dropdown__container {
  padding: 23px calc(var(--fo-control-padding-x) + 36px) 9px var(--fo-control-padding-x);
}
.fo_dropdown._open .fo_dropdown__container:before {
  transform: rotate(180deg);
  top: 22px;
}
.fo_dropdown__dropdown {
  display: none;
  position: absolute;
  top: var(--fo-control-height);
  left: 0;
  height: auto;
  width: 100%;
  padding-right: 4px;
  background: var(--white);
  box-shadow: 0px 0px 30px rgba(26, 26, 26, 0.05);
  border-radius: var(--fo-control-radius);
  z-index: 99;
}
.fo_dropdown__dropdown ._top {
  bottom: var(--fo-control-height);
  top: auto;
}
.fo_dropdown._open .fo_dropdown__dropdown {
  display: block;
}
.fo_dropdown__inner {
  padding: 0 12px 0 16px;
  overflow-y: auto;
  max-height: 208px;
}
.fo_dropdown__inner::-webkit-scrollbar {
  width: 2px;
}
.fo_dropdown__inner::-webkit-scrollbar-track {
  background: var(--gray100);
  border-radius: 8px;
}
.fo_dropdown__inner::-webkit-scrollbar-thumb {
  background: var(--gray400);
  border-radius: 8px;
}
.fo_dropdown__header {
  font-size: var(--fo-control-font-size);
  line-height: 140%;
  color: var(--gray500);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.fo_dropdown._filled .fo_dropdown__header {
  color: var(--gray900);
}
.fo_dropdown._error {
  background: var(--berry8);
}
.fo_dropdown._error .fo_dropdown__header {
  color: var(--redToPink2);
}
.fo_dropdown._error .fo_dropdown__container:before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1611 0.310934L5.99463 4.43546L1.82819 0.310934C1.4094 -0.103645 0.732886 -0.103645 0.314094 0.310934C-0.104698 0.725513 -0.104698 1.39522 0.314094 1.80979L5.24295 6.68907C5.66175 7.10364 6.33826 7.10364 6.75705 6.68907L11.6859 1.80979C12.1047 1.39522 12.1047 0.725513 11.6859 0.310934C11.2671 -0.0930144 10.5799 -0.103645 10.1611 0.310934Z' fill='%23FF3C3C'/%3E%3C/svg%3E");
}
.fo_dropdown__option {
  font-size: var(--fo-control-font-size);
  line-height: 140%;
  transition: color 0.3s;
  padding: var(--fo-space-m) 0;
  border-bottom: 1px solid var(--gray100);
  position: relative;
}
.fo_dropdown__option:last-of-type {
  border-bottom: 0;
}
.fo_dropdown__option:hover, .fo_dropdown__option._selected {
  color: var(--fo-primary);
}
.fo_dropdown._disabled, .fo_dropdown._readonly {
  background: var(--gray100);
}
.fo_dropdown._disabled .fo_dropdown__header {
  color: var(--gray400);
}
.fo_dropdown._disabled .fo_dropdown__container, .fo_dropdown._readonly .fo_dropdown__container {
  cursor: default;
}
.fo_dropdown._readonly .fo_dropdown__header {
  color: var(--gray500);
}
.fo_dropdown__icon {
  width: 44px;
  margin-right: 12px;
}
.fo_dropdown._checker {
  width: 231px;
}
.fo_dropdown._checker .fo_dropdown__container {
  height: 40px;
  padding: 10px calc(var(--fo-control-padding-x) + 36px) 10px var(--fo-control-padding-x);
}
.fo_dropdown._checker .fo_dropdown__dropdown {
  top: 40px;
  height: auto;
}
.fo_dropdown._checker .fo_dropdown__inner {
  height: auto;
}
.fo_dropdown._checker .fo_dropdown__option {
  padding: 10px 0 9px 32px;
}
.fo_dropdown._checker .fo_dropdown__option:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: var(--gray100);
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.fo_dropdown._checker .fo_dropdown__option._selected:before {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23F9F9F9' stroke='%2300ac22' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='7' fill='%2300ac22'/%3E%3C/svg%3E");
}
.fo_dropdown._checker .fo_dropdown__container:before, .fo_dropdown._checker._open .fo_dropdown__container:before {
  top: 17px;
}

.short-desc-tabs {
  margin: 0 auto 10px;
  position: relative;
}

#short-tabs-header {
  margin-bottom: 16px;
}

#short-tabs-header > ul {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  margin: -5px -16px -8px 0;
  padding: 0 16px 8px 0;
  --li-mb: 0;
  overflow-x: auto;
}

.short-tab-trigger {
  position: relative;
  white-space: nowrap;
}

.short-tab-trigger > a {
  display: block;
  font-weight: 600;
  color: var(--gray500);
}

.short-tab-trigger > a:hover {
  color: var(--fo-primary);
}

.short-tab-trigger.active > a {
  color: var(--wd-link-color);
}

.short-tab-trigger:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  border-bottom: 3px solid var(--fo-primary);
  width: 0;
  transition: width 0.3s;
}

.short-tab-trigger.active:after {
  width: 100%;
}

.tab-short.active {
  display: block;
}

.fo-breadcrumbs {
  padding: 0;
  font-size: 0.875rem;
}

.fo-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.fo-breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}

.fo-breadcrumbs__link {
  color: var(--color-text-secondary, #666);
  text-decoration: none;
  transition: color 0.2s ease;
}

.fo-breadcrumbs__link:hover {
  color: var(--fo-primary);
  text-decoration: underline;
}

.fo-breadcrumbs__separator {
  color: var(--color-text-muted, #999);
}

.fo-breadcrumbs__current {
  color: var(--color-text-primary, #333);
  font-weight: 500;
}

.fo_accordion,
.product-accordion {
  --accordion-duration: 0.35s;
  --accordion-easing: cubic-bezier(0.4, 0, 0.2, 1);
}

:is(.fo_accordion__content, .product-accordion__content) {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--accordion-duration) var(--accordion-easing);
}

:is(.fo_accordion__item, .product-accordion__item):is([data-state=open], .is-open) > :is(.fo_accordion__content, .product-accordion__content) {
  grid-template-rows: 1fr;
}

:is(.fo_accordion__body, .product-accordion__body) {
  overflow: hidden;
}

:is(.fo_accordion__inner, .product-accordion__inner) {
  opacity: 0;
  transform: translateX(10px);
  transition: opacity var(--accordion-duration) var(--accordion-easing), transform var(--accordion-duration) var(--accordion-easing);
}

:is(.fo_accordion__item, .product-accordion__item):is([data-state=open], .is-open) :is(.fo_accordion__inner, .product-accordion__inner) {
  opacity: 1;
  transform: translateX(0);
}

:is(.fo_accordion__chevron, .product-accordion__chevron) {
  transition: transform var(--accordion-duration) var(--accordion-easing);
}

:is(.fo_accordion__item, .product-accordion__item):is([data-state=open], .is-open) > :is(.fo_accordion__header, .product-accordion__header) :is(.fo_accordion__chevron, .product-accordion__chevron) {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  :is(.fo_accordion__content, .product-accordion__content),
  :is(.fo_accordion__inner, .product-accordion__inner),
  :is(.fo_accordion__chevron, .product-accordion__chevron) {
    transition: none;
  }
}
.fo_accordion {
  width: 100%;
}
.fo_accordion._surface, .fo_accordion--surface {
  overflow: hidden;
  border: 1px solid var(--gray200);
  border-radius: var(--fo-round-xl);
  background: var(--white);
}
.fo_accordion._plain {
  border: 0;
  border-radius: 0;
  background: transparent;
}
.fo_accordion._compact .fo_accordion__header {
  min-height: 52px;
  padding-block: var(--fo-space-s);
}
.fo_accordion__item {
  border-bottom: 1px solid var(--gray200);
}
.fo_accordion__item:last-child {
  border-bottom: 0;
}
.fo_accordion__header {
  --btn-transform: none;
  display: flex;
  align-items: center;
  gap: var(--fo-space-m);
  width: 100%;
  min-height: 64px;
  padding: 18px 0;
  border: 0;
  background: transparent;
  color: var(--gray900);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.fo_accordion__header:hover {
  background: transparent;
}
.fo_accordion__header:focus-visible {
  outline: 2px solid var(--fo-primary);
  outline-offset: -2px;
}
@media (width <= 767.98px) {
  .fo_accordion__header {
    gap: var(--fo-space-s);
    min-height: 60px;
    padding-block: var(--fo-space-m);
  }
}
.fo_accordion._surface .fo_accordion__header, .fo_accordion--surface .fo_accordion__header {
  padding-inline: var(--fo-space-m);
}
.fo_accordion__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--fo-primary-a10);
  color: var(--fo-primary);
}
.fo_accordion__icon-symbol {
  width: 18px;
  height: 18px;
}
.fo_accordion__title {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.fo_accordion__question {
  color: var(--gray900);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
@media (width <= 1023.98px) {
  .fo_accordion__question {
    font-size: 17px;
  }
}
@media (width <= 767.98px) {
  .fo_accordion__question {
    font-size: var(--font-size-base);
    line-height: 1.25;
  }
}
.fo_accordion__subtitle {
  color: var(--gray500);
  font-size: var(--font-size-sm);
  font-weight: 400;
  line-height: 1.35;
}
.fo_accordion__chevron {
  flex: 0 0 auto;
  width: 13px;
  height: 9px;
  color: var(--gray900);
}
.fo_accordion__body {
  color: var(--gray700);
  font-size: 17px;
  line-height: 1.5;
}
@media (width <= 1023.98px) {
  .fo_accordion__body {
    font-size: 17px;
  }
}
@media (width <= 767.98px) {
  .fo_accordion__body {
    font-size: var(--font-size-base);
  }
}
.fo_accordion__body a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.fo_accordion__inner {
  padding-bottom: 20px;
}
.fo_accordion__inner > :first-child {
  margin-top: 0;
}
.fo_accordion__inner > :last-child {
  margin-bottom: 0;
}
.fo_accordion._surface .fo_accordion__body, .fo_accordion--surface .fo_accordion__body {
  padding-inline: var(--fo-space-m);
}

.nutrition-card__title {
  margin: 0 0 16px 0;
  font-size: 16px;
  color: #333333;
}
.nutrition-card__list {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 480px) {
  .nutrition-card__list {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.nutrition-card__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 82px;
  width: calc(25% - 8px);
  padding: 8px;
  border: 1px solid var(--light-outline);
  text-align: center;
  background: var(--white);
  border-radius: 16px;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .nutrition-card__item {
    flex: 1 1 calc(50% - 8px);
  }
}
.nutrition-card__value {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  line-height: 1.2;
}
@media (max-width: 480px) {
  .nutrition-card__value {
    font-size: 20px;
  }
}
.nutrition-card__label {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #888888;
  line-height: 1.4;
}
.nutrition-card__unit {
  font-size: 75%;
  font-weight: 400;
  color: #666;
  margin-left: 4px;
}

.product-accordion {
  margin: 0;
  border-radius: 16px;
}
.product-accordion__item {
  border-bottom: 1px solid #e5e5e5;
}
.product-accordion__item:last-child {
  border-bottom: none;
}
.product-accordion__header {
  --btn-transform: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  text-align: left;
}
.product-accordion__header:hover {
  background-color: transparent;
}
.product-accordion__title {
  display: flex;
  align-items: center;
  gap: 4px;
}
.product-accordion__subtitle {
  opacity: 0;
  font-size: 16px;
  font-weight: 400;
  color: var(--gray500);
  transition: opacity 0.3s ease;
}
.product-accordion__chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #232323;
}
.product-accordion__body {
  padding: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #232323;
}
.product-accordion__inner {
  padding-bottom: 24px;
}
.product-accordion__inner p {
  margin: 0 0 12px;
}
.product-accordion__inner p:last-child {
  margin-bottom: 0;
}
.product-accordion__inner ul,
.product-accordion__inner ol {
  margin: 0 0 12px;
}
.product-accordion__inner li {
  margin-bottom: 6px;
}

.general-info__custom {
  margin-bottom: 16px;
}
.general-info__attributes {
  list-style: none;
  margin: 0;
  padding: 0;
}
.general-info__item {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
}
.general-info__item:last-child {
  border-bottom: none;
}
.general-info__value {
  font-weight: 500;
  text-align: right;
}

/* База: звичайна сітка (не в каруселі) */
.wd-product.product.product-grid-item .wd-entities-title {
  font-size: 16px;
}
@media (width > 767.98px) {
  .wd-product.product.product-grid-item .wd-entities-title {
    font-size: 18px;
  }
}
.wd-product.product.product-grid-item .wrap-price {
  font-size: 18px;
  padding-bottom: 4px;
  flex-wrap: wrap-reverse;
  line-height: 1;
}
@media (width > 767.98px) {
  .wd-product.product.product-grid-item .wrap-price {
    font-size: 20px;
  }
}
.wd-product.product.product-grid-item .wrap-price .price .amount {
  color: var(--gray900);
}
.wd-carousel-item .wd-product.product.product-grid-item .wd-entities-title {
  font-size: inherit;
}
.wd-carousel-item .wd-product.product.product-grid-item .wrap-price {
  font-size: 16px;
}

.wd-products.grid-columns-3 {
  --gap-lg: 12px;
  gap: var(--gap-lg);
}
@media (width > 767.98px) {
  .wd-products.grid-columns-3 {
    --gap-lg: 24px;
  }
}
@media (width > 1023.98px) {
  .wd-products.grid-columns-3 {
    --gap-lg: 36px;
  }
}

.wd-products .wd-product .product-wrapper {
  --fo-product-wrapper-gap: 12px;
  gap: var(--fo-product-wrapper-gap);
}
@media (width > 767.98px) {
  .wd-products .wd-product .product-wrapper {
    --fo-product-wrapper-gap: 16px;
  }
}

.category-observer-js {
  scroll-margin-top: var(--fo-scroll-target-offset, calc(var(--fo-header-height, 68px) + var(--fo-scrollspy-height, 36px) + var(--fo-space-m, 16px)));
}

.fo-shop-category-sections {
  padding-top: var(--fo-space-m, 16px);
}

.fo-shop-category-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
}
@media (width > 767.98px) {
  .fo-shop-category-section {
    gap: 32px;
    margin-bottom: 64px;
  }
}

.product-rating {
  display: inline-flex;
  gap: 12px;
  font-size: 16px;
  color: var(--gray900);
  line-height: 1;
}
@media (width > 767.98px) {
  .product-rating {
    gap: 16px;
    font-size: 18px;
  }
}
.product-rating__reviews-link {
  display: inline-flex;
  gap: 20px;
}
.product-rating__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.product-rating__review-icon.comment_icon {
  color: #7fd590;
}
.product-rating--single {
  font-size: 1.125rem;
}
.product-rating--archive {
  position: absolute;
  top: calc(var(--fo-product-wrapper-gap, var(--wd-prod-gap)) * -1);
  left: 0;
  transform: translateY(calc(-100% + 1px));
  padding: 6px 8px 3px 2px;
  background: var(--white);
  font-size: 16px;
  gap: 10px;
  border-radius: 0 10px 0 0;
  z-index: 3;
}
.product-rating--archive .product-rating__item {
  gap: 6px;
}
.product-rating--archive .product-rating__review-icon {
  width: 14px;
}
.product-rating--archive .product-rating__value-icon {
  width: 14px;
}
.product-rating--archive:before {
  left: 0;
  bottom: 100%;
  margin-bottom: -1px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C4.02686e-09 4.41828 3.58172 8 8 8H0V0Z' fill='white'/%3E%3C/svg%3E%0A");
  border-bottom: 1px solid var(--white);
}
.product-rating--archive:after {
  left: 100%;
  bottom: 0;
  margin-left: -1px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C4.02686e-09 4.41828 3.58172 8 8 8H0V0Z' fill='white'/%3E%3C/svg%3E%0A");
  border-left: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
}
.product-rating--archive:before, .product-rating--archive:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.product-rating__stars {
  position: relative;
  display: inline-flex;
  line-height: 1;
}
.product-rating__stars-empty {
  display: flex;
  gap: 2px;
  color: #ddd;
  /* колір порожніх зірок */
}
.product-rating__stars-filled {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  gap: 2px;
  overflow: hidden;
  color: #f5a623;
  /* колір заповнених зірок */
}
.product-rating__stars svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  fill: currentColor;
}

.single-rating-container,
.woocommerce-review-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.left-first-rev-text {
  border-bottom: 1px dotted var(--fo-primary);
}

.star_icon {
  position: relative;
  top: -1px;
  fill: var(--color-rating-orange);
}

.rating-container {
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px;
  background-color: var(--color-white);
  border-radius: var(--fo-round-3xl);
  z-index: 1;
}

.wd-product .product-element-bottom {
  --wd-prod-gap: 12px;
  position: relative;
  overflow: visible;
}

/* =============================================
   woo-mod-loop-prod-hover-fade.css?ver=8.5.0
   ============================================= */
.wd-product-card-bg {
  position: absolute;
  display: block;
  visibility: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  opacity: 0;
  transform: scale(0.98);
}

.wd-product-card-hover {
  position: absolute;
  top: 100%;
  inset-inline: 0;
  visibility: hidden;
  opacity: 0;
}

.wd-hover-with-fade.hover-ready.state-hover .wd-product-wrapper {
  z-index: 20;
  transform: translateY(-5px) translateZ(0);
}

.wd-hover-with-fade.hover-ready.state-hover .wd-product-card-bg {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0s ease, transform 0.3s ease;
  transform: scale(1);
}

.wd-hover-with-fade.hover-ready.state-hover .wd-product-card-hover {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0s ease;
}

@media (hover: hover) {
  .wd-hover-with-fade.hover-ready:hover .wd-product-wrapper {
    z-index: 20;
    transform: translateY(-5px) translateZ(0);
  }
  .wd-hover-with-fade.hover-ready:hover .wd-product-card-bg {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease, visibility 0s ease, transform 0.3s ease;
    transform: scale(1);
  }
  .wd-hover-with-fade.hover-ready:hover .wd-product-card-hover {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease, visibility 0s ease;
  }
}
@media (max-width: 1024px) {
  .wd-hover-with-fade.hover-ready:not(.state-hover) .wd-product-wrapper {
    transform: none;
  }
  .wd-hover-with-fade.hover-ready:not(.state-hover) .wd-product-card-bg,
  .wd-hover-with-fade.hover-ready:not(.state-hover) .wd-product-card-hover {
    visibility: hidden;
    opacity: 0;
  }
}
/* =============================================
   woo-mod-loop-prod-hover-fade-predefined.css?ver=8.5.0
   ============================================= */
:where(.wd-loop-builder-off) .wd-hover-with-fade .wd-product-wrapper {
  position: relative;
  transition: transform 0.3s ease;
}

:where(.wd-loop-builder-off) .wd-hover-with-fade .product-element-bottom {
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

:where(.wd-loop-builder-off) .wd-hover-with-fade .wd-product-card-bg {
  inset: calc(-1 * var(--fo-space-m)) calc(-1 * var(--fo-space-m)) -2px calc(-1 * var(--fo-space-m));
  border: inherit;
  border-radius: var(--wd-brd-radius);
  background-color: var(--wd-prod-bg, var(--bgcolor-white));
}

:where(.wd-loop-builder-off) .wd-hover-with-fade .wd-product-card-hover {
  display: flex;
  flex-direction: column;
  gap: var(--wd-prod-gap);
}

:is(.products-bordered-grid-ins, .wd-products-with-bg:not(.products-bordered-grid), .wd-products-with-shadow:not(.products-bordered-grid)) .wd-hover-with-fade .wd-product-card-bg {
  top: -1px;
  inset-inline: -1px;
}

:is(.products-bordered-grid-ins, .wd-products-with-bg:not(.products-bordered-grid), .wd-products-with-shadow:not(.products-bordered-grid)) .wd-hover-with-fade .wd-product-card-hover {
  padding-bottom: 0;
}

[class*=products-bordered-grid]:not(.wd-products-with-shadow) .wd-hover-with-fade .wd-product-card-bg {
  box-shadow: none;
}

:where(.wd-loop-builder-off).products-bordered-grid .wd-hover-with-fade .wd-product-wrapper {
  transform: none !important;
}

:where(.wd-loop-builder-off).products-bordered-grid .wd-hover-with-fade .wd-product-card-bg {
  inset: calc(var(--wd-gap) / 2 * -1 - 1px) calc(var(--wd-gap) / 2 * -1 - 1px) 0;
  border: 1px solid var(--wd-bordered-brd, var(--brdcolor-gray-300));
  border-radius: 0;
  transform: none;
}

.wd-hover-with-fade div.quick-shop-close {
  top: -5px;
}

.wd-hover-with-fade.quick-shop-shown .add-to-cart-loop {
  opacity: 0.3;
  pointer-events: none;
}

.wd-hover-with-fade.wd-fade-off :is(.wd-product-card-bg, [class*=hover-content]) {
  display: none;
}

.wd-hover-with-fade.wd-fade-off .quick-shop-close {
  top: 5px;
  inset-inline-end: 10px;
}

.wd-hover-with-fade.wd-fade-off .product-element-bottom {
  position: static;
}

.wd-hover-with-fade.wd-fade-off .wd-product-card-hover {
  position: static;
  gap: 0;
  margin-top: calc(var(--wd-prod-gap) * -1);
  padding: 0 !important;
  border: none;
  opacity: 1;
  visibility: visible;
}

.wd-hover-with-fade.wd-fade-off .wd-product-card-hover > :is(.wd-progress-bar, .wd-countdown-timer) {
  margin-top: var(--wd-prod-gap);
}

.wd-hover-with-fade.state-hover .wd-more-desc-btn {
  transform: none;
}

@media (max-width: 1024px) {
  :where(.wd-loop-builder-off) .wd-hover-with-fade .wd-product-card-bg {
    top: -10px;
    inset-inline: -10px;
  }
}
@media (max-width: 768.98px) {
  .wd-hover-with-fade .quick-shop-close {
    top: -5px;
    inset-inline-end: -5px;
  }
}
.wd-content-layout {
  padding-block: 16px;
}

:is(.post-type-archive-product, .tax-product_cat) #main-content.wd-content-layout {
  padding-top: 0;
}

.fo-shop-category-section__intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fo-shop-category-section__title {
  margin: 0;
  font-size: 52px;
  line-height: 1.2;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .fo-shop-category-section__title {
    font-size: 32px;
  }
}
@media (max-width: 768.98px) {
  .fo-shop-category-section__title {
    font-size: 24px;
  }
}

.fo-shop-category-section__description {
  margin: 0;
  max-width: 520px;
  color: var(--gray600);
}

.wd-tools-element .wd-tools-icon:before {
  --wd-tools-icon-base-width: 24px;
}

.wd-header-cart.wd-tools-element .wd-tools-text .subtotal-divider,
.wd-header-cart .wd-cart-subtotal {
  display: none;
}

.wd-product-stock {
  display: none;
}

.wd-products .wd-product .wd-buttons {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  visibility: visible;
}

.wd-products .wd-product.product :is(.price, .wrap-price, .product-rating-price) {
  margin: 0;
}

.wd-product .wd-buttons {
  box-shadow: none;
}

.product-accordion__item.is-open .product-accordion__subtitle {
  opacity: 1;
}

.futures-subtitle {
  margin-top: -12px;
}