:root {
  --yellow-label: #F4C430;
  --bg-color: #FDF4ED;
  --catalog-col-gap: 20px;
  --accent-color: rgb(180, 98, 107);
  --accent-color-hover: rgb(188, 101, 130);
  --text-color: #333;
  --text-color-gray: rgb(79, 67, 68);

  --title-font: "Oswald", Arial, Helvetica, sans-serif;
  --text-font: "Manrope", Arial, Helvetica, sans-serif;

  --title-font-weight: 500;

  --container-w: 1380px;
  --container-pad: 15px;

  --heart-line-icon: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\<path d='m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/>\</svg>");
  --account-icon: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'>\<path d='M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z' fill='transparent' stroke='%23171717' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/>\<path d='M11.9999 14.5C6.98991 14.5 2.90991 17.86 2.90991 22' fill='none' stroke='%23171717' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/>\<path d='M11.9999 14.5C17.0099 14.5 21.0899 17.86 21.0899 22' fill='none' stroke='%23171717' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/>\</svg>");
  --burger-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'><path d='M3 4.5H15M3 9H15M3 13.5H15' stroke='black' stroke-width='1.8' stroke-linecap='round'/></svg>");
  --chevron-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'><path d='M2 3.5L5 6.5L8 3.5' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  --search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='7' stroke='black' stroke-width='2.2'/%3E%3Cpath d='M16.5 16.5L21 21' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
  --cart-line-icon: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'>\<path d='M4 5H8L11.2 20H24.8L28 10H12.2' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/>\<circle cx='13' cy='25' r='2.2' fill='currentColor'/>\<circle cx='22.5' cy='25' r='2.2' fill='currentColor'/>\</svg>");
  --form-chevron: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==");
  --sorting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%232b2b2b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 36V14'/%3E%3Cpath d='M12 20l6-6 6 6'/%3E%3Cpath d='M38 20v22'/%3E%3Cpath d='M32 36l6 6 6-6'/%3E%3C/g%3E%3C/svg%3E");


  --wd-text-font-weight: 300;
  --wd-text-font-size: 16px;
  --wd-text-line-height: 1.6;

  --wd-brd-radius: 10px;

  /* --wd-form-placeholder-color: inherit; */
  --wd-form-bg: transparent;
  --wd-form-brd-color: rgba(0, 0, 0, 0.1);
  --wd-form-brd-color-focus: rgba(0, 0, 0, 0.15);
  --wd-form-brd-width: 1px;
  --wd-form-brd-radius: 35px;
  --wd-form-height: 42px;

  --btn-height: 42px;
  --btn-transform: uppercase;
  --btn-font-weight: 600;
  --btn-brd-radius: 35px;

  --color-gray-200: #f1f1f1;
  --color-gray-300: #bbb;
  --color-gray-400: #a5a5a5;
  --color-gray-500: #777;
  --color-gray-600: #666;
  --color-gray-700: #555;
  --color-gray-800: #333;
  --color-gray-900: #242424;

  --bgcolor-black-rgb: 0, 0, 0;
  --bgcolor-white: #fff;
  --bgcolor-gray-100: #f7f7f7;

  --brdcolor-gray-200: rgba(0, 0, 0, 0.075);
  --brdcolor-gray-300: rgba(0, 0, 0, 0.105);

  --wd-entities-title-transform: none;

  --btn-accented-color: #fff;
  --btn-accented-color-hover: #fff;
  --btn-accented-box-shadow: none;
  --btn-accented-box-shadow-hover: none;

  --notices-success-bg: #459647;
  --notices-success-color: #fff;
  --notices-warning-bg: #E0B252;
  --notices-warning-color: #fff;
}
/* 
* {
  outline: 1px red solid;
} */