/* Add custom CSS styles below */
:root {
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --border-color-light: rgb(229 231 235 / 32%);
/*  --product-card-color: rgb(251, 248, 239);
  --color-primary: #f96e2a;
  --color-primary-dark: #bf4104;
  --color-primary-light: #fb915d;
  --color-primary-reverse: #790202;
  */
}

.top-nav.has-custom-colors, .main-nav {
  background-color: white !important;
}
.product-entry--vertical .product-entry__content {
  background-color: var(--product-card-color) !important;
}

body:not(.has-floating-contacts-list) .progress-wrap:where([dir="rtl"], [dir="rtl"] *) {
    right: 1.8rem;
}
body:not(.has-floating-contacts-list) .progress-wrap {
    bottom: 5.5rem;
}