@charset "UTF-8";
/*

CSS defaults to webkit-engine (Chrome, Safari) with IE/Gecko(Firefox) modifications inline.

*/
/* Base #########################################################*/
@font-face {
  font-family: "VCGooper";
  src: url("../fonts/VCGooper-Medium.924fe13ddf33.woff2?lc-1680523460") format("woff2");
  font-weight: 500;
}
@font-face {
  font-family: "VCGooper";
  src: url("../fonts/VCGooper-Bold.f1b8f3a2c3f5.woff2?lc-1680523460") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: "VCGooper-Semicond";
  src: url("../fonts/VCGooperSemiCondensed-Black.32d67c77d501.woff2?lc-1680523460") format("woff");
  font-weight: 900;
}
/* Colors #######################################################*/
/* Elements #####################################################*/
/* Base #########################################################*/
/*!

FO.UI

*/
/* Colors #######################################################*/
/* Elements #####################################################*/
/*
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/* normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/*mark {
  background: #ff0;
  color: #000;
}*/
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*csslint important:false*/
/* ==========================================================================
   Pure Base Extras
   ========================================================================== */
/**
 * Extra rules that Pure adds on top of Normalize.css
 */
/**
 * Always hide an element when it has the `hidden` HTML attribute.
 */
.hidden,
[hidden] {
  display: none !important;
}

/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */
.pure-img {
  max-width: 100%;
  height: auto;
  display: block;
}

/*
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
.pure-g {
  letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
  *letter-spacing: normal; /* reset IE < 8 */
  *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
  text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
  /*
     Sets the font stack to fonts known to work properly with the above letter
     and word spacings. See: https://github.com/yahoo/pure/issues/41/

     The following font stack makes Pure Grids work on all known environments.

     * FreeSans: Ships with many Linux distros, including Ubuntu

     * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
       Arial to get picked up by the browser, even though neither is available
       in Chrome OS.

     * Droid Sans: Ships with all versions of Android.

     * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
     */
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  /*
     Use flexbox when possible to avoid `letter-spacing` side-effects.

     NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
     `-moz-` prefix version is omitted.
     */
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  /* IE10 uses display: flexbox */
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  /* Prevents distributing space between rows */
  -ms-align-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
  word-spacing: -0.43em;
}

.pure-u {
  display: inline-block;
  *display: inline; /* IE < 8: fake inline-block */
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class*=pure-u] {
  font-family: sans-serif;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-6,
.pure-u-2-6,
.pure-u-3-6,
.pure-u-4-6,
.pure-u-5-6,
.pure-u-6-6,
.pure-u-3-8,
.pure-u-5-8 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

.pure-u-1-6 {
  width: 16.6666%;
  *width: 16.6357%;
}

.pure-u-1-4 {
  width: 25%;
  *width: 25%;
}

.pure-u-1-3,
.pure-u-2-6 {
  width: 33.3333%;
  *width: 33.3023%;
}

.pure-u-3-8 {
  width: 37.5%;
  *width: 37.469%;
}

.pure-u-1-2,
.pure-u-3-6 {
  width: 50%;
  *width: 49.969%;
}

.pure-u-5-8 {
  width: 62.5%;
  *width: 62.469%;
}

.pure-u-2-3,
.pure-u-4-6 {
  width: 66.6666%;
  *width: 66.6357%;
}

.pure-u-3-4 {
  width: 75%;
  *width: 75%;
}

.pure-u-5-6 {
  width: 83.3333%;
  *width: 83.3023%;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-6-6 {
  width: 100%;
}

@media (min-width: 568px) {
  .pure-u-sm-1,
  .pure-u-sm-1-1,
  .pure-u-sm-1-2,
  .pure-u-sm-1-3,
  .pure-u-sm-2-3,
  .pure-u-sm-1-4,
  .pure-u-sm-1-5,
  .pure-u-sm-1-6,
  .pure-u-sm-2-6,
  .pure-u-sm-3-6,
  .pure-u-sm-4-6,
  .pure-u-sm-5-6,
  .pure-u-sm-6-6,
  .pure-u-sm-1-8,
  .pure-u-sm-5-24,
  .pure-u-sm-7-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-sm-1-8 {
    width: 12.5%;
    *width: 12.5%;
  }
  .pure-u-sm-1-6 {
    width: 16.6666%;
    *width: 16.6357%;
  }
  .pure-u-sm-1-5 {
    width: 20%;
    *width: 20%;
  }
  .pure-u-sm-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
  }
  .pure-u-sm-1-4 {
    width: 25%;
    *width: 25%;
  }
  .pure-u-sm-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
  }
  .pure-u-sm-1-3,
  .pure-u-sm-2-6 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-sm-1-2,
  .pure-u-sm-3-6 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-sm-2-3,
  .pure-u-sm-4-6 {
    width: 66.6666%;
    *width: 66.6357%;
  }
  .pure-u-sm-5-6 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-sm-1,
  .pure-u-sm-1-1,
  .pure-u-sm-6-6 {
    width: 100%;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-1-2,
  .pure-u-md-1-3,
  .pure-u-md-2-3,
  .pure-u-md-1-4,
  .pure-u-md-1-6,
  .pure-u-md-2-6,
  .pure-u-md-3-6,
  .pure-u-md-4-6,
  .pure-u-md-5-6,
  .pure-u-md-6-6,
  .pure-u-md-2-8 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-md-1-6 {
    width: 16.6666%;
    *width: 16.6357%;
  }
  .pure-u-md-1-4,
  .pure-u-md-2-8 {
    width: 25%;
    *width: 24.969%;
  }
  .pure-u-md-1-3,
  .pure-u-md-2-6 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-md-1-2,
  .pure-u-md-3-6 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-md-2-3,
  .pure-u-md-4-6 {
    width: 66.6666%;
    *width: 66.6357%;
  }
  .pure-u-md-5-6 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-6-6 {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-1-2,
  .pure-u-lg-1-3,
  .pure-u-lg-2-3,
  .pure-u-lg-1-6,
  .pure-u-lg-2-6,
  .pure-u-lg-3-6,
  .pure-u-lg-4-6,
  .pure-u-lg-5-6,
  .pure-u-lg-6-6 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-lg-1-6 {
    width: 16.6666%;
    *width: 16.6357%;
  }
  .pure-u-lg-1-3,
  .pure-u-lg-2-6 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-lg-1-2,
  .pure-u-lg-3-6 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-lg-2-3,
  .pure-u-lg-4-6 {
    width: 66.6666%;
    *width: 66.6357%;
  }
  .pure-u-lg-5-6 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-6-6 {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-1-2,
  .pure-u-xl-1-3,
  .pure-u-xl-2-3,
  .pure-u-xl-1-6,
  .pure-u-xl-2-6,
  .pure-u-xl-3-6,
  .pure-u-xl-4-6,
  .pure-u-xl-5-6,
  .pure-u-xl-6-6 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-xl-1-6 {
    width: 16.6666%;
    *width: 16.6357%;
  }
  .pure-u-xl-1-3,
  .pure-u-xl-2-6 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-xl-1-2,
  .pure-u-xl-3-6 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-xl-2-3,
  .pure-u-xl-4-6 {
    width: 66.6666%;
    *width: 66.6357%;
  }
  .pure-u-xl-5-6 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-6-6 {
    width: 100%;
  }
}
/*csslint box-model:false*/
/*
Box-model set to false because we're setting a height on select elements, which
also have border and padding. This is done because some browsers don't render
the padding. We explicitly set the box-model for select elements to border-box,
so we can ignore the csslint warning.
*/
.pure-form input[type=text],
.pure-form input[type=password],
.pure-form input[type=email],
.pure-form input[type=url],
.pure-form input[type=date],
.pure-form input[type=month],
.pure-form input[type=time],
.pure-form input[type=datetime],
.pure-form input[type=datetime-local],
.pure-form input[type=week],
.pure-form input[type=number],
.pure-form input[type=search],
.pure-form input[type=tel],
.pure-form input[type=color],
.pure-form input[type=file]:before,
.pure-form select,
.pure-form textarea {
  padding: 0.938rem 0.75rem 0.813rem 0.75rem;
  display: inline-block;
  font: 400 1.063rem / 1.875rem "VCGooper", sans-serif;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  color: #4e3629;
  border: 1px solid #ecdac7;
  background-color: #ecdac7;
  caret-color: #4e3629;
  border-radius: 5px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
}
.pure-form input[type=text]:-ms-input-placeholder,
.pure-form input[type=password]:-ms-input-placeholder,
.pure-form input[type=email]:-ms-input-placeholder,
.pure-form input[type=url]:-ms-input-placeholder,
.pure-form input[type=date]:-ms-input-placeholder,
.pure-form input[type=month]:-ms-input-placeholder,
.pure-form input[type=time]:-ms-input-placeholder,
.pure-form input[type=datetime]:-ms-input-placeholder,
.pure-form input[type=datetime-local]:-ms-input-placeholder,
.pure-form input[type=week]:-ms-input-placeholder,
.pure-form input[type=number]:-ms-input-placeholder,
.pure-form input[type=search]:-ms-input-placeholder,
.pure-form input[type=tel]:-ms-input-placeholder,
.pure-form input[type=color]:-ms-input-placeholder,
.pure-form input[type=file]:before:-ms-input-placeholder,
.pure-form select:-ms-input-placeholder,
.pure-form textarea:-ms-input-placeholder {
  color: #ecdac7 !important;
}

.pure-form input[type=file] {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
}
.pure-form input[type=file]::file-selector-button {
  opacity: 0;
}
.pure-form input[type=file]:before {
  content: attr(data-filename);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3.75rem;
  padding-right: 3.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pure-form input[type=file] + button.remove {
  display: none;
}

/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
/* May be able to remove this tweak as color inputs become more standardized across browsers. */
.pure-form input[type=color] {
  padding: 0.2em 0.5em;
}

.pure-form input[type=text]:focus,
.pure-form input[type=password]:focus,
.pure-form input[type=email]:focus,
.pure-form input[type=url]:focus,
.pure-form input[type=date]:focus,
.pure-form input[type=month]:focus,
.pure-form input[type=time]:focus,
.pure-form input[type=datetime]:focus,
.pure-form input[type=datetime-local]:focus,
.pure-form input[type=week]:focus,
.pure-form input[type=number]:focus,
.pure-form input[type=search]:focus,
.pure-form input[type=tel]:focus,
.pure-form input[type=color]:focus,
.pure-form input[type=file]:focus,
.pure-form input[type=file]:focus:before,
.pure-form select:focus,
.pure-form textarea:focus {
  outline: 2px solid #038b62;
  border-color: #038b62;
}
.pure-form input[type=text]:focus.error,
.pure-form input[type=password]:focus.error,
.pure-form input[type=email]:focus.error,
.pure-form input[type=url]:focus.error,
.pure-form input[type=date]:focus.error,
.pure-form input[type=month]:focus.error,
.pure-form input[type=time]:focus.error,
.pure-form input[type=datetime]:focus.error,
.pure-form input[type=datetime-local]:focus.error,
.pure-form input[type=week]:focus.error,
.pure-form input[type=number]:focus.error,
.pure-form input[type=search]:focus.error,
.pure-form input[type=tel]:focus.error,
.pure-form input[type=color]:focus.error,
.pure-form input[type=file]:focus.error,
.pure-form input[type=file]:focus:before.error,
.pure-form select:focus.error,
.pure-form textarea:focus.error {
  outline-color: #e40425;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
/*.pure-form input:not([type]):focus {
    outline: 0;
    border-color: $color-input-active;
}

.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
    outline: thin solid #43a047;
    outline: 1px auto #43a047;
}
.pure-form .pure-checkbox,
.pure-form .pure-radio {
    margin: 0.5em 0;
    display: block;
}*/
.pure-form input[type=text][disabled],
.pure-form input[type=password][disabled],
.pure-form input[type=email][disabled],
.pure-form input[type=url][disabled],
.pure-form input[type=date][disabled],
.pure-form input[type=month][disabled],
.pure-form input[type=time][disabled],
.pure-form input[type=datetime][disabled],
.pure-form input[type=datetime-local][disabled],
.pure-form input[type=week][disabled],
.pure-form input[type=number][disabled],
.pure-form input[type=search][disabled],
.pure-form input[type=tel][disabled],
.pure-form input[type=color][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
  opacity: 1;
  cursor: not-allowed;
  background-color: #ecdac7;
  color: #777;
  border-color: #ecdac7;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type])[disabled] {
  cursor: not-allowed;
  color: #777;
}

.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
  background-color: #eee; /* menu hover bg color */
  color: #777; /* menu text color */
  border-color: #bdbdbd;
}

.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
  color: #e40425;
}

.pure-form select {
  /* Normalizes the height; padding is not sufficient. */
  height: 2.25em;
}

.pure-form select[multiple] {
  height: auto;
}

.pure-form label {
  margin: 0.125rem 0 0.5rem 0.25rem;
}
.pure-form label.disabled, .pure-form label.disabled span {
  color: #777 !important;
}

.pure-form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.pure-form legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0.3em;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}

.pure-form .pure-input-1 {
  width: 100%;
}

.pure-form .pure-input-2-3 {
  width: 66%;
}

.pure-form .pure-input-1-2 {
  width: 50%;
}

.pure-form .pure-input-1-3 {
  width: 33%;
}

.pure-form .pure-input-1-4 {
  width: 25%;
}

:root {
  color-scheme: light !important;
}

html {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-content-zooming: none;
  -ms-touch-action: none;
  touch-action: manipulation;
  -ms-touch-select: none;
  font-size: 16px;
  --safe-area-top: 0px;
  --safe-area-bottom: 0px;
  --win-min-height: 100svh;
  --color-border: #ecdac7;
  --lpu-color-border: #eee2d8;
  --header-order-pos: calc(100vh - 6.25rem);
  --nav-filter-disp: 55vw;
  --spinner-angle: 0deg;
  --spinner-transtime: 2s;
  --nav-xpos: 0;
  --basket-ypos: 0;
}
html.ioswebview {
  --safe-area-top: 20px;
  --safe-area-top: env(safe-area-inset-top, 0) !important;
}
@media (orientation: landscape) {
  html {
    --safe-area-top: 0px !important;
  }
}
html .kiosk {
  --color-border: #ecdac7;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html.orientation_portrait .kiosk {
  --color-border: #ecdac7;
}
html.hairline {
  --color-border: #decbb7;
  --lpu-color-border: #d0c2b4;
}
@media (min-width: 400px) {
  html {
    --nav-filter-disp: 200px;
  }
}
@media (max-width: 1400px) {
  html {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}
@media (min-width: 1280px) {
  html.hairline {
    --color-border: #dfccb9;
    --lpu-color-border: #d0c2b4;
  }
}

@property --spinner-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}
*:focus {
  outline: none;
}

[data-whatinput=keyboard] *:focus {
  outline: 3px solid #000;
  outline-offset: -3px;
  box-shadow: inset 0 0 0 4px #fff;
}
@media (max-width: 567px) {
  [data-whatinput=keyboard] *:focus {
    outline-offset: 0px;
  }
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
[data-whatinput] textarea:focus {
  outline: none;
  box-shadow: none;
}

body {
  --theme-color: #f6f4e8;
  font-size: 0.938rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  font-weight: 400;
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  background-color: #f6f4e8;
  -ms-overflow-style: none;
  -webkit-font-smoothing: antialiased;
}
body.tint, body.box_active, body.searchbox_active, body.basket_closing {
  --theme-color: #b3b3b3;
}
body.pop_active {
  --theme-color: #f6f4e8;
  overflow: hidden !important;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  body.pop_active {
    position: absolute;
  }
}
html[data-whatinput=touch] body.pop_active {
  position: absolute;
}
body.dashboard {
  --theme-color: #f6f4e8;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  body.dashboard:before, body.dashboard:after {
    content: "";
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0px;
    height: 25rem;
    background-color: rgba(var(--theme-color-rgb), 1);
  }
  body.dashboard:after {
    top: auto;
    bottom: 0;
    background-color: #f6f4e8;
  }
}
.android body {
  overscroll-behavior: contain;
}
html:not(.mobile) body:not(.kiosk) {
  overflow-y: scroll !important;
}
body.scroll_lock, body.adyen, body.planet, body.consent_active {
  overflow: hidden !important;
  /*		@include minw('md') {
  	@include maxw('1600px') {
  		html[data-whatinput='touch'] & {
  			// Only touch devices, prevent page scroll
  			position: absolute; // Also larger touch devices like iPad
  		}
  	}
  }*/
  /*		.ioswebview & {
  	position:absolute !important; // Fixes bug in iOS15 webview where nav, .popup, footer doesn't expand full height
  }*/
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 1023px) and (max-height: 480px) and (orientation: portrait) {
  body.scroll_lock, body.adyen, body.planet, body.consent_active {
    position: absolute;
  }
}
body.kiosk {
  overflow: hidden !important;
}
body.prev_event * {
  pointer-events: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  body.dashboard {
    overflow-x: hidden !important;
    margin: 0;
  }
  body.tint {
    --theme-color: #f6f4e8;
  }
  body.pop_active, body.box_active {
    --theme-color: #b3b3b3;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  body {
    max-width: 1080px;
  }
  body.basket_expand {
    overflow: hidden !important;
    --theme-color: #b3b3b3;
  }
}

@media (orientation: portrait) {
  body.kiosk,
  .kiosk header {
    max-width: none !important;
  }
}

html,
body,
button,
input,
select,
textarea,
.pure-g [class*=pure-u] {
  font-family: "VCGooper", sans-serif;
  color: #4e3629;
  letter-spacing: 0rem;
  word-spacing: 0rem;
}

h1,
h2,
h3,
h4 {
  font-weight: 400;
}

h1.green {
  color: #037c58;
  background-color: transparent !important;
}

img {
  -webkit-user-drag: none;
  user-drag: none;
}

a {
  color: #037c58;
  text-decoration: none;
  cursor: pointer;
}

.body-text a,
.underlined-link {
  text-decoration: underline;
}

#log {
  position: fixed;
  left: 20px;
  top: env(safe-area-inset-top, 0);
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  z-index: 9999999;
}

#safearea {
  top: var(--safe-area-top);
  bottom: env(safe-area-inset-bottom, 0);
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  #safearea {
    display: none;
  }
}

#safearea,
#winheight {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

#winheight {
  height: 100vh;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  body.dashboard main {
    width: 100vw;
  }
  body.dashboard main > div {
    max-width: none;
  }
}

main {
  position: relative;
  float: left;
  width: 100%;
}
@media (orientation: portrait) {
  body:not(.tint) main.stickyprod, body:not(.tint) main.customise {
    overflow: initial;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  main {
    /*		body.dashboard & {
    	overflow:visible;
    }*/
  }
  body:not(.tint) main {
    overflow: hidden;
  }
}
main side-bar {
  position: fixed;
  z-index: 200004;
  left: 0;
  right: 0;
  height: 100%;
  bottom: 0;
  pointer-events: none;
  border-color: #ecdac7;
  border-color: var(--color-border);
}
.box_active main side-bar {
  z-index: 700000;
  transition: none !important;
}
.hairline main side-bar {
  border-width: 0.5px !important;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  main.trans_active side-bar {
    transition: background-color 0.2s linear;
  }
  main.basket_show side-bar {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  main {
    transition: top 1s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .kiosk main {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    float: none;
    width: auto;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .kiosk:not(.dashboard) main:not(.checkout) {
    margin-left: 17.143rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  body:not(.kiosk) main {
    top: 1.188rem;
  }
  body.kiosk.accessible main {
    top: 40rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  main > div {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  main > div {
    max-width: 1080px;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .kiosk main > div {
    height: 100%;
    max-width: inherit;
  }
  main side-bar {
    max-width: 1600px;
    box-sizing: border-box;
    z-index: 100000;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  main.categories:not(.basket_active) side-bar {
    z-index: 200004;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  body:not(.kiosk) main side-bar {
    left: calc((100% - 1600px) / 2);
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .kiosk main side-bar {
    max-width: inherit;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  main side-bar {
    max-width: inherit;
    bottom: 0;
    transition: background-color 0.6s linear, z-index 0s linear 1s;
  }
  main side-bar.expand {
    z-index: 700000;
    background-color: rgba(0, 0, 0, 0.3);
    pointer-events: all;
    transition: background-color 0.6s linear;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .body:not(.kiosk) main.checkout side-bar {
    display: none;
  }
}

h1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 1.5rem;
  font: 300 1.625rem / 2.5rem "VCGooper-Semicond", sans-serif;
  color: #4e3629;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  padding: 0 3.25rem 0.625rem 3.25rem;
  padding-top: var(--safe-area-top);
  margin: 0;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: all;
  display: block;
}
.dashboard h1 {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  text-align: left;
  padding: 6.125rem 0.25rem 0.438rem 0.25rem;
}
h1:not(.running-dots) > em {
  display: block;
  font: 300 0.875rem / 1.438rem "VCGooper", sans-serif;
  color: #037c58;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: italic;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .customise h1 {
    padding-right: 6rem;
  }
  h1 > em {
    margin: 0 -2.5rem 0 -2.5rem;
  }
  .prodlist h1 {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  h1 {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    float: left;
    width: 41.75rem;
    font-size: 2.75rem;
    line-height: 3.375rem;
    text-align: left;
    padding: 0 0 0 1.554rem;
    margin-top: 1.25rem;
    box-sizing: content-box;
  }
  h1.center {
    position: absolute;
    top: 16vh;
    left: 0;
    text-align: center;
    width: 100%;
    padding-left: 0;
  }
  .head.withqty h1 {
    width: 38.75rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .head.withqty h1 {
    width: 39.107rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .tabs.search + h1 {
    width: 34.313rem;
  }
  h1:not(.running-dots) > em {
    display: inline;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding-left: 0.625rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .kiosk .categories h1, .kiosk .prodlist h1, .kiosk .deal h1 {
    padding-left: 2.25rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .kiosk .cross_sell h1 {
    width: 38.75rem;
  }
  .kiosk .categories .head h1, .kiosk .prodlist .head h1 {
    display: none;
  }
}

section > h2:first-child,
section > div.list-container:first-child > h2,
section > p + div.list-container > h2,
body > h2 {
  font: 700 1.188rem / 1.625rem "VCGooper", sans-serif;
  color: #4e3629;
  text-align: left;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  margin: -0.313rem -0.625rem 0 -0.625rem;
  padding: 0 0.875rem 1.125rem 0.875rem;
  /*	@at-root section > div.list-container:first-child > h2, section > p + div.list-container > h2 {
  	padding-bottom:get-rem(18px);
  }*/
}
section > h2:first-child.alert,
section > div.list-container:first-child > h2.alert,
section > p + div.list-container > h2.alert,
body > h2.alert {
  color: #e40425;
}
section > h2:first-child + p,
section > div.list-container:first-child > h2 + p,
section > p + div.list-container > h2 + p,
body > h2 + p {
  margin: -1.25rem 0 1.5rem 0;
}
section > h2:first-child .preventlink,
section > div.list-container:first-child > h2 .preventlink,
section > p + div.list-container > h2 .preventlink,
body > h2 .preventlink {
  color: #037c58 !important;
  pointer-events: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .prodlist section > h2:first-child,
  .prodlist section > div.list-container:first-child > h2,
  .prodlist section > p + div.list-container > h2,
  .prodlist body > h2 {
    margin-top: 0;
    padding-top: 0.625rem;
    text-align: center;
  }
  section > h2:first-child.line span,
  section > div.list-container:first-child > h2.line span,
  section > p + div.list-container > h2.line span,
  body > h2.line span {
    display: block;
    font-size: 0.938rem;
    line-height: 1.5rem;
    font-weight: 400;
    padding-top: 0.313rem;
  }
  section > h2:first-child.line span em,
  section > div.list-container:first-child > h2.line span em,
  section > p + div.list-container > h2.line span em,
  body > h2.line span em {
    display: none;
  }
  section > h2:first-child.line span.amount,
  section > div.list-container:first-child > h2.line span.amount,
  section > p + div.list-container > h2.line span.amount,
  body > h2.line span.amount {
    display: inline;
    white-space: nowrap;
  }
  section > h2:first-child.line span.amount > div,
  section > div.list-container:first-child > h2.line span.amount > div,
  section > p + div.list-container > h2.line span.amount > div,
  body > h2.line span.amount > div {
    display: inline;
  }
  section > h2:first-child.line span.amount > div span,
  section > h2:first-child.line span.amount > span,
  section > div.list-container:first-child > h2.line span.amount > div span,
  section > div.list-container:first-child > h2.line span.amount > span,
  section > p + div.list-container > h2.line span.amount > div span,
  section > p + div.list-container > h2.line span.amount > span,
  body > h2.line span.amount > div span,
  body > h2.line span.amount > span {
    display: inline;
    font-size: 1.188rem !important;
    line-height: 1.625rem !important;
    font-weight: 700 !important;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  section > h2:first-child,
  section > div.list-container:first-child > h2,
  section > p + div.list-container > h2,
  body > h2 {
    font-size: 1.313rem;
    line-height: 1.875rem;
    margin: -1.019rem 0 0 0;
    padding: 1.813rem 1.25rem 1rem 1.25rem;
  }
  section > h2:first-child + p,
  section > div.list-container:first-child > h2 + p,
  section > p + div.list-container > h2 + p,
  body > h2 + p {
    margin: -0.688rem 0 1.5rem 0;
  }
  section > h2:first-child.line, section > h2:first-child.space,
  section > div.list-container:first-child > h2.line,
  section > div.list-container:first-child > h2.space,
  section > p + div.list-container > h2.line,
  section > p + div.list-container > h2.space,
  body > h2.line,
  body > h2.space {
    padding-bottom: 1rem;
    margin-bottom: 1.875rem;
  }
  section > h2:first-child.line span, section > h2:first-child.space span,
  section > div.list-container:first-child > h2.line span,
  section > div.list-container:first-child > h2.space span,
  section > p + div.list-container > h2.line span,
  section > p + div.list-container > h2.space span,
  body > h2.line span,
  body > h2.space span {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  section > h2:first-child.line span em, section > h2:first-child.space span em,
  section > div.list-container:first-child > h2.line span em,
  section > div.list-container:first-child > h2.space span em,
  section > p + div.list-container > h2.line span em,
  section > p + div.list-container > h2.space span em,
  body > h2.line span em,
  body > h2.space span em {
    font-style: normal;
  }
  section > h2:first-child.line span.amount > div, section > h2:first-child.space span.amount > div,
  section > div.list-container:first-child > h2.line span.amount > div,
  section > div.list-container:first-child > h2.space span.amount > div,
  section > p + div.list-container > h2.line span.amount > div,
  section > p + div.list-container > h2.space span.amount > div,
  body > h2.line span.amount > div,
  body > h2.space span.amount > div {
    display: inline;
  }
  section > h2:first-child.line span.amount > div span,
  section > h2:first-child.line span.amount > span, section > h2:first-child.space span.amount > div span,
  section > h2:first-child.space span.amount > span,
  section > div.list-container:first-child > h2.line span.amount > div span,
  section > div.list-container:first-child > h2.line span.amount > span,
  section > div.list-container:first-child > h2.space span.amount > div span,
  section > div.list-container:first-child > h2.space span.amount > span,
  section > p + div.list-container > h2.line span.amount > div span,
  section > p + div.list-container > h2.line span.amount > span,
  section > p + div.list-container > h2.space span.amount > div span,
  section > p + div.list-container > h2.space span.amount > span,
  body > h2.line span.amount > div span,
  body > h2.line span.amount > span,
  body > h2.space span.amount > div span,
  body > h2.space span.amount > span {
    display: inline;
    font-size: 1.313rem !important;
    line-height: 1.875rem !important;
  }
  section > h2:first-child.line,
  section > div.list-container:first-child > h2.line,
  section > p + div.list-container > h2.line,
  body > h2.line {
    padding-bottom: 0.938rem;
    margin-bottom: 2.5rem;
    border-bottom: 2px solid #4e3629;
  }
  section > h2:first-child.intro,
  section > div.list-container:first-child > h2.intro,
  section > p + div.list-container > h2.intro,
  body > h2.intro {
    width: 66.67%;
    padding-bottom: 3.125rem;
  }
}

h2,
h3,
h4 {
  font: 700 1.188rem / 1.625rem "VCGooper", sans-serif;
  color: #4e3629;
  text-align: left;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  padding: 1.25rem 0.25rem 0.75rem 0.25rem;
  margin: 0;
}
h2.center,
h3.center,
h4.center {
  text-align: center;
}
h2.cancelled,
h3.cancelled,
h4.cancelled {
  text-decoration: line-through;
}
h2 + p,
h3 + p,
h4 + p {
  margin-top: -0.313rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  h2,
  h3,
  h4 {
    font-size: 1.313rem;
    line-height: 1.875rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  form h2,
  form h3,
  form h4 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}

h3.listhead-sub {
  display: flex;
  align-items: end;
  box-sizing: border-box;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  h3.listhead-sub {
    font-size: 1.063rem;
    line-height: 1.625rem;
    min-height: 5.25rem;
  }
}

h4 {
  font: 700 1.063rem / 1.625rem "VCGooper", sans-serif;
  color: #4e3629;
  text-align: left;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  padding-top: 0.625rem;
  padding-bottom: 0.5rem;
}
h4.strike {
  display: flex;
  justify-content: center;
  border-top: 2px solid #ecdac7;
  border-color: var(--color-border);
  padding-top: 0;
}
h4.strike span {
  margin-top: -0.938rem;
  padding: 0 0.625rem 0 0.625rem;
  background-color: #f6f4e8;
}
h3 + h4 {
  padding-top: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  h4.strike {
    margin-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.list-compact + h2, .list-compact + div > h2, .list-container .more > div + div > h2, .list-container + h2, .list-container + .list-container > div > h2, .list-container + div > h2:first-child, .list-container + login-account div > h2:first-child, .sub-category + .sub-category h2.subcat,
.list-compact + h3,
.list-compact + div > h3,
.list-container .more > div + div > h3,
.list-container + h3,
.list-container + .list-container > div > h3,
.list-container + div > h3:first-child,
.list-container + login-account div > h3:first-child,
.sub-category + .sub-category h3.subcat {
  padding-top: 2.875rem !important;
  min-height: 5.5rem;
  box-sizing: border-box;
}

h2 {
  /*	.iframe-popup section > & {
  	background-color:transparent;
  }*/
}
section > h2 {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
h2.history {
  padding-bottom: 0.75rem !important;
}
h2.history > span {
  display: block;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: normal;
  padding-top: 0.25rem;
}

h2.subcat,
b.subcat {
  position: relative;
  font: 400 1.375rem / 1.875rem "VCGooper-Semicond", sans-serif !important;
  color: #4e3629 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: 0rem !important;
  word-spacing: 0rem !important;
  -webkit-font-smoothing: antialiased;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 4.375rem !important;
  padding-bottom: 1.125rem !important;
}
h2.subcat + p,
b.subcat + p {
  position: relative;
}
h2.subcat:after,
b.subcat:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 1rem;
  border-top: 3px solid #4e3629;
}
h2.subcat span,
b.subcat span {
  position: relative;
  display: inline-flex;
  padding: 0 0.875rem 0 0.875rem;
  background-color: #f6f4e8;
  z-index: 1;
}
.od__content h2.subcat span,
.od__content b.subcat span {
  background-color: #f6f4e8;
}
.upgrade h2.subcat span,
.upgrade b.subcat span {
  background-color: #fdf1e8;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  h2.subcat,
  b.subcat {
    font-size: 1.394rem !important;
    line-height: 1.875rem !important;
  }
  h2.subcat:after,
  b.subcat:after {
    left: 7.5rem;
    right: 7.5rem;
  }
  .tabs-left h2.subcat:after,
  .tabs-left b.subcat:after {
    left: 4.375rem;
    right: 4.375rem;
  }
  .overlay-detached h2.subcat:after,
  .overlay-detached b.subcat:after {
    left: 1.875rem;
    right: 1.875rem;
  }
}

b.subcat {
  display: block;
  padding-top: 1.375rem !important;
}

section > h2.subcat:first-child,
section > .sub-category:first-child > div > h2.subcat:first-child,
section > h2 + .sub-category > div > h2.subcat:first-child {
  padding-top: 0.625rem !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  section > h2.subcat:first-child,
  section > .sub-category:first-child > div > h2.subcat:first-child,
  section > h2 + .sub-category > div > h2.subcat:first-child {
    padding-top: 0.804rem !important;
  }
  .kiosk .tabs-left section > h2.subcat:first-child,
  .kiosk .tabs-left section > .sub-category:first-child > div > h2.subcat:first-child,
  .kiosk .tabs-left section > h2 + .sub-category > div > h2.subcat:first-child {
    padding-top: 1.875rem !important;
  }
}

h2.subcat + p {
  margin: -1.063rem -0.625rem 0 -0.625rem !important;
  padding: 0 0.875rem 1.25rem 0.875rem;
  text-align: center !important;
  background-color: #f6f4e8;
}
h2.listhead.line {
  border-bottom: 2px solid #038b62;
  margin-bottom: 0;
  padding-bottom: 1rem;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  h2.listhead {
    display: inline-flex;
    justify-content: space-between;
    align-items: baseline;
  }
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 1023px) and (max-height: 480px) and (orientation: portrait) {
  h2.listhead {
    width: 100vw;
    margin: -1.625rem -0.625rem 0 -0.625rem;
    padding: 2.875rem 0.875rem 0.75rem 0.875rem;
    box-sizing: border-box;
    /*				.list.config + .list-container & {
    	margin-top: get-rem(-14px);		// Skapar onödigt gap mellan .list.config (singelprod) och första rubriken
    }*/
  }
  h2.listhead.listhead--second {
    margin-top: 0;
  }
  .customise .list-container + .list-container h2.listhead, .customise .list-compact + div > h2.listhead, .customise .list-container .more > div + div > h2.listhead {
    margin-top: 0 !important;
    padding-top: 2.875rem !important;
  }
  .customise:not(.stickyprod) .list-container h2.listhead {
    position: -webkit-sticky;
    position: sticky;
    top: 3.625rem;
    top: calc(3.625rem + var(--safe-area-top));
    z-index: 2;
    background: linear-gradient(to bottom, #f6f4e8 0%, #f6f4e8 40%, rgba(246, 244, 232, 0.8) 100%);
    transition: top 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
    clip-path: inset(0 0 1px 0);
  }
  .customise:not(.stickyprod).trans_active h2.listhead {
    transition: top 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .customise:not(.stickyprod) .hideme .list-container h2.listhead {
    top: -1.375rem;
    top: calc(-1.375rem + var(--safe-area-top));
  }
  .customise:not(.stickyprod) .hideme .list-container h2.listhead.sticky-observer--stuck:before {
    content: "";
    position: absolute;
    left: 0;
    top: -5rem;
    width: 100%;
    height: 5rem;
    background: #f6f4e8;
    z-index: 1;
  }
}
h2.listhead > span + span {
  font-size: 1.063rem;
  line-height: 1.5rem;
  text-align: right;
  padding-left: 0.625rem;
}
h2.listhead > span + span.alert {
  color: #e40425;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  h2 {
    padding-bottom: 0;
    margin-bottom: 1rem;
  }
  h2.history {
    margin-bottom: 0.625rem !important;
  }
  section > h2 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .list-compact + h2, .list-compact + div > h2, .list-container .more > div + div > h2, .list-container + h2, .list-container + .list-container > div > h2, .list-container + div > h2:first-child, .list-container + login-account div > h2:first-child, .sub-category + .sub-category h2.subcat {
    padding-top: 3.125rem !important;
    min-height: auto;
  }
  h2.listhead.listhead--second {
    margin: 1.607rem 0 0 0;
  }
  h2.listhead.listhead--second + .list-container__sub {
    margin-top: -1.607rem;
  }
  h2.listhead > span + span {
    font-size: 1.25rem;
    line-height: 1.813rem;
    padding: 0;
  }
}

p {
  padding: 0 0.25rem 0 0.25rem;
  margin-top: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  p {
    padding: 0 1.25rem 0 1.25rem;
  }
}
p.intro {
  font: 400 1.063rem / 1.563rem "VCGooper", sans-serif;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  margin-top: -0.063rem;
}

h1.alert,
b.alert,
p.alert {
  color: #e40425;
}

section p.alert,
section p.notice {
  font: 400 1.125rem / 1.625rem "VCGooper", sans-serif;
  border: 1px solid #eedbd9;
  border-radius: 2px;
  color: #e40425;
  text-align: left !important;
  text-transform: none !important;
  letter-spacing: 0rem !important;
  word-spacing: 0rem !important;
  margin: 0 0 1.875rem 0 !important;
  padding: 1.25rem 0.938rem !important;
  background-color: #fbedeb;
}
section p.alert:empty,
section p.notice:empty {
  display: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  section p.alert,
  section p.notice {
    text-align: left !important;
    margin: 0 calc(0px + 0.188rem) 1.875rem calc(0px + 0.313rem) !important;
    padding: 1.25rem 0.938rem !important;
  }
}

section p.notice {
  border-color: #d2e4d9;
  color: #037c58;
  background-color: #eaf5ee;
}

.breakword {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 4;
  -ms-hyphenate-limit-chars: 10 3 4;
  hyphenate-limit-chars: 10 3 4;
}

.pure-g {
  margin-top: 0;
  margin-right: -0.625rem;
  padding: 0;
}
.pure-g > li,
.pure-g > div {
  padding-right: 0.625rem;
  box-sizing: border-box;
}

.invisible {
  opacity: 0;
  pointer-events: none;
}

.scan-container,
.scan-container--tint,
.scanner-banner {
  display: none;
}

.terms-of-service {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #f6f4e8;
  z-index: 900000;
}
.terms-of-service .message h2,
.terms-of-service .pure-form label,
.terms-of-service button,
.terms-of-service .popup .content,
.terms-of-service .popup .content h2,
.terms-of-service h3 {
  font-family: Helvetica, Arial, sans-serif !important;
}

.skip-link {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  z-index: 200004;
  padding: 0.5rem 0;
  background: #4e3629;
  color: #f6f4e8;
  text-decoration: none;
  font-size: 1.188rem;
  text-align: center;
  box-sizing: border-box;
}
.skip-link:focus {
  top: 0;
  outline-offset: -3px;
}

.skip-link-target {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200003;
  outline-offset: -10px !important;
  pointer-events: none;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  html body.dashboard.doc_ready:not(.kiosk) header {
    margin-top: 6.875rem;
  }
}
html body.dashboard.doc_ready:not(.kiosk) #unsupported {
  opacity: 1;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  html.js.chrome body.dashboard header, html.js.safari body.dashboard header, html.js.gecko body.dashboard header {
    margin-top: 0;
  }
}
html.js.chrome body.dashboard #unsupported, html.js.safari body.dashboard #unsupported, html.js.gecko body.dashboard #unsupported {
  display: none;
}

#unsupported {
  position: absolute;
  left: 50%;
  top: 0;
  width: calc(100vw - 1px);
  margin-left: -50vw;
  font-family: helvetica, arial, sans-serif;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.45) 100%);
  display: block;
  z-index: 900000;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
#unsupported > div {
  max-width: 56.25rem;
  padding: 0.625rem;
  margin: 0 auto;
}
#unsupported h6 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  margin: 0;
  padding: 0.625rem 0 0.313rem 0;
  color: #000;
}
#unsupported p {
  font-size: 0.813rem;
  line-height: 1.125rem;
  margin: 0 0 0.625rem 0;
  color: #000;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  #unsupported p span {
    display: block;
  }
}
#unsupported a,
#unsupported a:active,
#unsupported a:visited,
#unsupported a:hover {
  color: #000;
  text-decoration: underline;
  margin: 0 0.125rem 0 0.125rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  #unsupported a,
  #unsupported a:active,
  #unsupported a:visited,
  #unsupported a:hover {
    margin: 0 0.25rem 0 0.25rem;
  }
}
.mac #unsupported a.edge,
.mac #unsupported a:active.edge,
.mac #unsupported a:visited.edge,
.mac #unsupported a:hover.edge {
  display: none;
}
.win #unsupported a.safari, .win #unsupported a.edge,
.win #unsupported a:active.safari,
.win #unsupported a:active.edge,
.win #unsupported a:visited.safari,
.win #unsupported a:visited.edge,
.win #unsupported a:hover.safari,
.win #unsupported a:hover.edge {
  display: none;
}
.mobile #unsupported a.safari, .mobile #unsupported a.edge,
.mobile #unsupported a:active.safari,
.mobile #unsupported a:active.edge,
.mobile #unsupported a:visited.safari,
.mobile #unsupported a:visited.edge,
.mobile #unsupported a:hover.safari,
.mobile #unsupported a:hover.edge {
  display: none;
}
.ios #unsupported a.safari,
.ios #unsupported a:active.safari,
.ios #unsupported a:visited.safari,
.ios #unsupported a:hover.safari {
  display: inline;
}
.win10:not(.mobile) #unsupported a.edge,
.win10:not(.mobile) #unsupported a:active.edge,
.win10:not(.mobile) #unsupported a:visited.edge,
.win10:not(.mobile) #unsupported a:hover.edge {
  display: inline;
}

@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .kiosk footer > div .company p {
    display: none !important;
  }
}
/* Cookies */
cookie-banner,
ioshs-banner {
  display: contents;
}

.cookies.action-required,
.notifications.action-required {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  z-index: 5000000;
  display: block;
}
.doc_once .cookies.action-required,
.doc_once .notifications.action-required {
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 0.4s linear;
}

.pre-dialog .chksmall {
  transition: margin-bottom 0.3s cubic-bezier(0.23, 1, 0.32, 1), padding-top 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform: translateZ(0);
}
.pre-dialog .chksmall.hidden {
  display: block !important;
  height: 0;
  opacity: 0;
  padding-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.pre-dialog button span {
  justify-content: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .pre-dialog > div {
    max-height: var(--win-min-height);
    padding-bottom: 16.875rem !important;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    backface-visibility: hidden;
  }
  .settings_show .pre-dialog > div {
    padding-bottom: 8.75rem !important;
  }
  .settings_show .pre-dialog > div figure,
  .settings_show .pre-dialog > div h2,
  .settings_show .pre-dialog > div p {
    display: none;
  }
  .settings_show .pre-dialog > div + div {
    padding-bottom: 0.625rem !important;
  }
  .pre-dialog > div + div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(3.125rem + var(--safe-area-bottom));
    padding: 0.625rem calc(0.625rem + env(safe-area-inset-right, 0)) 0.625rem calc(0.625rem + env(safe-area-inset-left, 0)) !important;
    background: linear-gradient(to top, #f6f4e8 80%, rgba(246, 244, 232, 0.75) 100%);
    transition: bottom 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
  }
  .pre-dialog > div + div.country-language {
    bottom: 0;
    padding-bottom: calc(1.375rem + var(--safe-area-bottom)) !important;
    background: #f6f4e8 !important;
  }
  .settings_show .pre-dialog > div + div {
    bottom: calc(0px + var(--safe-area-bottom));
  }
  .settings_show .pre-dialog > div + div button.cookie-reject, .settings_show .pre-dialog > div + div.country-language {
    display: none;
  }
  .settings_show .pre-dialog > div + div button.cookie {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) and (min-width: 568px), (max-width: 1023px) and (max-height: 480px) and (min-width: 568px) {
  .pre-dialog > div {
    padding-bottom: 8.125rem !important;
  }
}

.pre-dialog,
.ioshomescreen {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 0.625rem;
  padding-bottom: calc(0.625rem + 0.8 * env(safe-area-inset-bottom));
  background-color: #f6f4e8;
  z-index: 5000001;
  border-top: 1px solid #fafafa;
  opacity: 0;
  transform: translateY(15.625rem);
  transition: none;
  pointer-events: auto;
}

.doc_once .pre-dialog.active,
.doc_once .ioshomescreen {
  transform: none;
  opacity: 1;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.3s, opacity 0.1s linear 0.3s;
}
.doc_once .pre-dialog.active:before,
.doc_once .ioshomescreen:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -9.375rem;
  height: 9.375rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  z-index: 5000002;
}

.pre-dialog button,
.ioshomescreen button {
  padding: 0 0.875rem 0 0.875rem;
}
.pre-dialog > div,
.ioshomescreen > div {
  padding: 2.188rem 0.625rem 0 0.625rem;
  padding: 2.188rem calc(0.625rem + env(safe-area-inset-right)) 0 calc(0.625rem + env(safe-area-inset-left));
}
.pre-dialog > div + div,
.ioshomescreen > div + div {
  padding-top: 0;
}
.pre-dialog > div a,
.ioshomescreen > div a {
  white-space: nowrap;
}
.pre-dialog > div figure,
.ioshomescreen > div figure {
  display: flex;
  justify-content: center;
  margin: 0;
}
.pre-dialog > div figure img,
.ioshomescreen > div figure img {
  width: 7.5rem;
}
.pre-dialog > div h3,
.ioshomescreen > div h3 {
  padding-top: 0.375rem;
}
.pre-dialog > div h3:empty,
.ioshomescreen > div h3:empty {
  display: none;
}
@media (min-width: 568px) {
  .pre-dialog > div + div,
  .ioshomescreen > div + div {
    display: flex;
  }
  .pre-dialog > div p,
  .ioshomescreen > div p {
    padding-right: 1.25rem;
  }
  .pre-dialog > div button:not(:first-child),
  .ioshomescreen > div button:not(:first-child) {
    margin-left: 0.625rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .pre-dialog,
  .ioshomescreen {
    padding-bottom: 1.875rem;
  }
  .pre-dialog > div,
  .ioshomescreen > div {
    max-width: 72.5rem;
    margin: 0 auto;
    padding: 2.5rem 3.125rem 0 3.125rem;
    box-sizing: border-box;
  }
  .pre-dialog > div h2,
  .ioshomescreen > div h2 {
    text-align: center;
  }
  .pre-dialog > div p,
  .ioshomescreen > div p {
    font-size: 1rem;
    line-height: 1.563rem;
    padding: 0 2.679rem 1.25rem 2.679rem;
    text-align: center;
  }
  .pre-dialog > div button,
  .ioshomescreen > div button {
    font-size: 1rem;
    height: 3.75rem;
  }
  .pre-dialog > div button span > i.ico,
  .ioshomescreen > div button span > i.ico {
    top: 0.875rem;
  }
  .pre-dialog > div.country-language,
  .ioshomescreen > div.country-language {
    padding-top: 0.875rem;
  }
}

nav .manage-cookies {
  font-size: 0.688rem;
  line-height: 1.75rem;
  margin: -4.375rem 0 3.125rem 0.625rem;
}
nav .country-language + .manage-cookies {
  margin-top: -1.875rem;
}

nav .manage-cookies a {
  padding: 0.063rem 0.313rem 0.063rem 0.313rem;
  color: #fff;
  text-decoration: none;
}
[data-whatinput=keyboard] nav .manage-cookies a:focus {
  outline: 1px solid #000;
}

.standalone .ioshomescreen,
.ioswebview .ioshomescreen,
.as_safari .ioshomescreen,
html:not(.safari) .ioshomescreen {
  display: none !important;
}

.ioshomescreen {
  padding-bottom: calc(2.188rem);
}
.ioshomescreen p > i {
  width: 19px;
  height: 25px;
  margin: 3px 3px -3px 3px;
  background: url("../images/ico-ios-share.0b5f1b75168b.png?lc-1680523460") no-repeat;
  background-size: contain;
  display: inline-block;
}
.ioshomescreen button.ioshs {
  float: right;
  width: calc(50% - 6px);
}
.ioshomescreen button.ioshs span {
  -webkit-hyphens: none;
  hyphens: none;
}
.ioshomescreen button.ioshs span > i.ico {
  top: 0.563rem;
  right: 0.625rem;
}
.ioshomescreen > span {
  position: absolute;
  z-index: 1;
  left: calc(50% - 15px);
  bottom: 6px;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #f6f4e8;
}
.ioshomescreen:after {
  content: "";
  position: absolute;
  bottom: calc(0px - env(safe-area-inset-bottom));
  left: 0;
  right: 0;
  border-bottom: 20px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 568px) {
  .ioshomescreen {
    display: none !important;
  }
}

header {
  z-index: 200003;
  pointer-events: none;
}
header > s {
  display: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .pop_active header {
    display: none;
  }
  header.tint div.head,
  header.tint button,
  header.tint div.head .company {
    pointer-events: none !important;
  }
  header.tint div.head {
    background-color: rgba(246, 244, 232, 0.99);
  }
  header.tint div.head:before {
    opacity: 0.3;
    visibility: visible;
    transition: opacity 0.1s linear, visibility 0s linear;
  }
  .box_active header.tint div.head:before, .overlay-detached_active header.tint div.head:before {
    visibility: hidden;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  header {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 1600px;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .kiosk .checkout header {
    max-width: none;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  header div.head {
    pointer-events: auto;
  }
  body:not(.kiosk) main.categories header.hideme div.head,
  body:not(.kiosk) main.categories header.hideme div.order, body:not(.kiosk) main.prodlist header.hideme div.head,
  body:not(.kiosk) main.prodlist header.hideme div.order {
    transform: translate3d(0px, -9.375rem, 0px);
  }
  body:not(.kiosk).dashboard header.hideme div.head,
  body:not(.kiosk).dashboard header.hideme div.order {
    transform: translate3d(0px, -15.625rem, 0px);
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  header {
    max-width: 1080px;
  }
  header.dashboard {
    top: 0;
  }
  body:not(.kiosk) header:not(.dashboard) .head, body:not(.kiosk) header:not(.dashboard) .order {
    top: 0;
    border-top: 1.188rem solid #f6f4e8;
    height: 9rem;
    padding-top: 1.438rem;
    box-sizing: border-box;
  }
  header:not(.dashboard) .head {
    padding-left: 1.188rem;
    padding-right: 2.563rem;
  }
  .kiosk header > s {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -940px;
    height: 640px;
    background: #ddd;
    background: linear-gradient(to bottom, #dddddd 75%, #d0d0d0 100%);
    pointer-events: auto;
  }
  .kiosk header > s i.ico {
    position: absolute;
    left: calc(50% - 1rem);
    bottom: 1.875rem;
  }
  .kiosk header:not(.dashboard) > div.head {
    border-top: 0;
    height: 8.125rem;
    box-sizing: border-box;
  }
  .kiosk .tabs-left header > div.head {
    pointer-events: none;
    background: none;
  }
  .kiosk header:not(.dashboard) {
    top: 300px;
    height: calc(100% - 300px);
    transition: top 1s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .kiosk.accessible header {
    top: 58.75rem;
    height: calc(100% - 940px);
  }
}

@media (min-width: 1600px) {
  header.dashboard {
    left: calc(50% - 800px);
  }
}
.dashboard header.transp div.head {
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  header.transp div.head {
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
header.transp div.head .company > div img {
  padding: 0.938rem 1.563rem 0.938rem 1.563rem;
  margin: -0.938rem -1.563rem -0.938rem -1.563rem;
  background-color: rgba(255, 255, 255, 0.85);
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  header.transp div.head .company > div img {
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .dashboard header.transp div.head .company > div img {
    padding: 1.875rem 3.438rem 2.5rem 3.438rem;
    margin: -1.875rem -3.438rem -2.5rem -3.438rem;
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }
  .doc_ready.dashboard header.transp div.head .company > div img {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform 0.5s ease-out, opacity 0.5s linear;
  }
}

header .head {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 200002;
  height: 5rem;
  height: calc(5rem + var(--safe-area-top));
  padding-top: 0.75rem;
  padding-top: calc(0.75rem + var(--safe-area-top));
  padding-left: env(safe-area-inset-left, 0);
  padding-right: env(safe-area-inset-right, 0);
  box-sizing: border-box;
  background: linear-gradient(to bottom, #f6f4e8 0%, #f6f4e8 1.25rem, rgba(246, 244, 232, 0.85) 100%);
}
.trans_active header .head {
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  header .head {
    z-index: 200002;
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
    backface-visibility: hidden;
  }
  .categories header .head {
    height: 6rem;
    height: calc(6rem + var(--safe-area-top));
  }
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 1023px) and (max-height: 480px) and (orientation: portrait) {
  .prodlist.tabs header .head {
    height: 12.875rem;
    height: calc(12.875rem + var(--safe-area-top));
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  header.hideme .head {
    transform: translate3d(0px, -100px, 0px);
    transform: translate3d(0px, calc(-100px - var(--safe-area-top)), 0px);
  }
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 1023px) and (max-height: 480px) and (orientation: portrait) {
  .prodlist.tabs header.hideme .head {
    transform: translate3d(0px, -226px, 0px);
    transform: translate3d(0px, calc(-226px - var(--safe-area-top)), 0px);
  }
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 1023px) and (max-height: 480px) and (orientation: portrait) {
  header.hideme .head {
    border-bottom: none;
  }
  .touchmove header.hideme .head {
    transform: translate3d(calc(var(--nav-filter-disp) + var(--nav-xpos) / 1.78), calc(-100px - var(--safe-area-top)), 0px);
    transition: none;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .nav_show header.hideme .head {
    transform: translate3d(var(--nav-filter-disp), -90px, 0);
    transform: translate3d(var(--nav-filter-disp), calc(-90px - var(--safe-area-top)), 0px);
  }
  .filter_show header.hideme .head {
    transform: translate3d(-var(--nav-filter-disp), 90px, 0);
    transform: translate3d(-var(--nav-filter-disp), calc(-90px - var(--safe-area-top)), 0px);
  }
  header .head:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.12s linear, visibility 0s linear 0.15s;
    visibility: hidden;
    cursor: pointer;
    display: block;
  }
  .nav_show header .head {
    transform: translate3d(var(--nav-filter-disp), 0, 0);
  }
  .filter_show header .head {
    transform: translate3d(-var(--nav-filter-disp), 0, 0);
  }
  .touchmove header .head {
    transform: translate3d(calc(var(--nav-filter-disp) + var(--nav-xpos) / 1.78), 0, 0);
    transition: none;
  }
  body:not(.dashboard) header .head .company {
    display: none;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  header .head {
    position: absolute;
    width: 75%;
    height: 7.286rem;
    right: auto;
    padding: 1.232rem 0.857rem 0 0;
    background: linear-gradient(to bottom, #f6f4e8 0%, #f6f4e8 calc(100% - 2.5rem), rgba(246, 244, 232, 0.85) 100%);
    /*			.orientation_portrait .kiosk .customise & {
    	background: $color-body-bg;
    }*/
  }
  .dashboard header .head {
    position: fixed;
    width: 100%;
    max-width: 1600px;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  .dashboard header .head {
    left: calc(50% - 800px);
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .customise header .head {
    background: #f6f4e8;
  }
  body:not(.kiosk) header .head {
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
  }
  main.country header .head {
    height: 12.5rem;
    width: 100% !important;
  }
  main.country header .head h1 {
    display: none;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .categories:not(.basket_active) header .head {
    width: 100%;
  }
  .kiosk .checkout header .head {
    width: calc(75% + 4.286rem);
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  header .head {
    padding-top: 1.438rem;
    width: auto;
    right: 0;
  }
}

header .head .company {
  position: absolute;
  top: 0.938rem;
  top: calc(0.938rem + var(--safe-area-top));
  left: 25%;
  width: 50%;
  pointer-events: none;
}
.basket_active header > div .order + company, .basket_active header > div .order + .company {
  display: none;
}

header .head .company > div {
  display: table;
  margin: 0 auto;
}
header .head .company > div img {
  width: 100%;
  height: 3.438rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  header .head .company {
    display: none;
  }
  .dashboard header .head .company, .country header .head .company {
    top: 1.875rem;
    display: block;
  }
  .dashboard header .head .company > div img, .country header .head .company > div img {
    max-height: inherit;
    height: 7.5rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .country header .head .company {
    top: 0.688rem;
  }
}
header .head button {
  z-index: 1;
}
.deal header .head button.back + .order, .deal_grid header .head button.back + .order {
  left: 5rem;
}

.order {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200003;
  height: auto !important;
  min-height: 3.75rem;
  padding: 0.625rem;
  padding-left: calc(0.625rem + env(safe-area-inset-left, 0));
  padding-right: calc(0.625rem + env(safe-area-inset-right, 0));
  padding-bottom: calc(0.625rem + var(--safe-area-bottom));
  pointer-events: initial;
}
.maxw_md.orientation_portrait header.dashboard:not(.hideme) .order {
  position: absolute;
  bottom: auto;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  pointer-events: none;
  top: calc(var(--win-min-height) - 110px);
}
@media (min-height: 750px) {
  .maxw_md.orientation_portrait header.dashboard:not(.hideme) .order {
    top: 40rem;
  }
}

@media (min-height: 728px) {
  .maxw_md.orientation_portrait.ioswebview header.dashboard:not(.hideme) .order {
    top: 40rem;
  }
}

.minw_md header.dashboard {
  position: absolute;
}
.minw_md header.dashboard .order {
  position: absolute;
  bottom: auto;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  pointer-events: none;
  top: calc(var(--header-order-pos) - 1.25rem);
}
@media (orientation: portrait) {
  .minw_md header.dashboard {
    top: -1.188rem;
  }
}

.order > div {
  display: flex;
  width: 100%;
}
.trans_active .order {
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.order.add + .company, .order.add + .company {
  display: none;
}
.order div.qty {
  display: none;
}
@media (min-width: 320px) {
  .order.add.withqty div.qty {
    display: block;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .order {
    transition: opacity 0.2s linear;
    background: linear-gradient(to top, #f6f4e8 0%, #f6f4e8 1.25rem, rgba(246, 244, 232, 0.75) 100%);
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
  }
}
@media (max-width: 767px) and (min-width: 568px) and (min-width: 568px), (max-width: 1023px) and (max-height: 480px) and (min-width: 568px) and (min-width: 568px) {
  .order {
    padding-left: calc(20% + env(safe-area-inset-left, 0));
    padding-right: calc(20% + env(safe-area-inset-right, 0));
    padding-bottom: calc(10px + 0.8 * env(safe-area-inset-bottom, 0));
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .categories .order, .prodlist .order {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .basket_active:not(.stores) .order {
    transform: translate3d(0, 0, 0);
  }
  .nav_show .order.add {
    transform: translate3d(var(--nav-filter-disp), 0, 0);
  }
  .touchmove .order.add {
    transform: translate3d(calc(var(--nav-filter-disp) + var(--nav-xpos) / 1.78), 0, 0);
    transition: none;
  }
  .basket_active.nav_show:not(.stores) .order,
  .basket_active.filter_show .order {
    transform: translate3d(var(--nav-filter-disp), 0, 0);
  }
  .touchmove .basket_active.nav_show:not(.stores) .order,
  .touchmove .basket_active.filter_show .order {
    transform: translate3d(calc(var(--nav-filter-disp) + var(--nav-xpos) / 1.78), 0, 0);
    transition: none;
  }
  .basket_active.nav_show:not(.stores) header.hideme .order,
  .basket_active.nav_show:not(.stores) header.hideme ~ .order,
  .basket_active.filter_show header.hideme .order,
  .basket_active.filter_show header.hideme ~ .order {
    transform: translate3d(var(--nav-filter-disp), calc(90px + env(safe-area-inset-bottom, 0)), 0);
  }
  .touchmove .basket_active.nav_show:not(.stores) header.hideme .order,
  .touchmove .basket_active.nav_show:not(.stores) header.hideme ~ .order,
  .touchmove .basket_active.filter_show header.hideme .order,
  .touchmove .basket_active.filter_show header.hideme ~ .order {
    transform: translate3d(calc(var(--nav-filter-disp) + var(--nav-xpos) / 1.78), calc(90px + env(safe-area-inset-bottom, 0)), 0);
    transition: none;
  }
  .order:not(.add),
  main.pageplugin:not(.basket_active) .order,
  .categories header.hideme .order,
  .categories header.hideme ~ .order,
  .prodlist header.hideme .order,
  .prodlist header.hideme ~ .order {
    transform: translate3d(0, calc(90px + env(safe-area-inset-bottom, 0)), 0);
  }
  .nav_show .order:not(.add),
  .nav_show main.pageplugin:not(.basket_active) .order,
  .nav_show .categories header.hideme .order,
  .nav_show .categories header.hideme ~ .order,
  .nav_show .prodlist header.hideme .order,
  .nav_show .prodlist header.hideme ~ .order {
    transform: translate3d(var(--nav-filter-disp), calc(90px + env(safe-area-inset-bottom, 0)), 0);
  }
  .touchmove .nav_show .order:not(.add),
  .touchmove .nav_show main.pageplugin:not(.basket_active) .order,
  .touchmove .nav_show .categories header.hideme .order,
  .touchmove .nav_show .categories header.hideme ~ .order,
  .touchmove .nav_show .prodlist header.hideme .order,
  .touchmove .nav_show .prodlist header.hideme ~ .order {
    transform: translate3d(calc(var(--nav-filter-disp) + var(--nav-xpos) / 1.78), calc(90px + env(safe-area-inset-bottom, 0)), 0);
    transition: none;
  }
  .filter_show .order:not(.add),
  .filter_show main.pageplugin:not(.basket_active) .order,
  .filter_show .categories header.hideme .order,
  .filter_show .categories header.hideme ~ .order,
  .filter_show .prodlist header.hideme .order,
  .filter_show .prodlist header.hideme ~ .order {
    transform: translate3d(-var(--nav-filter-disp), calc(90px + env(safe-area-inset-bottom, 0)), 0);
  }
  header.tint .order,
  header.tint ~ .order {
    visibility: hidden;
    pointer-events: none;
  }
  .cross_sell .order button.checkout {
    display: none;
  }
  .customise-steps .order.page-complete button.next {
    display: block;
  }
  .customise-steps .order.page-complete button.next.column {
    display: none;
  }
  .customise-steps .order:not(.config-complete) button.add,
  .customise-steps .order:not(.config-complete) div.qty {
    display: none;
  }
}
.order button:not(.next):not(.placeorder) + button.basket {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .order button.add {
    border-radius: unset;
  }
  .checkout .order button.placeorder:not(:only-child),
  .order button.next:first-child:not(:only-child), main:not(.modify) .order button.next + button.next:not(:last-child) {
    border-top-right-radius: 0.188rem;
    border-bottom-right-radius: 0.188rem;
  }
  .order button + button.basket {
    border-top-left-radius: 0.188rem;
    border-bottom-left-radius: 0.188rem;
  }
}
.order button.add, .maxw_md .modify .order.config-complete button.next {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  main:not(.customise-steps) .order div.qty + button.next {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
  }
  .customise:not(.modify) .order div.qty + button.next {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  main:not(.modify) .order div.qty + button.next {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .order {
    box-sizing: border-box;
    left: auto;
    right: auto;
    top: 1.232rem;
    bottom: 2.063rem;
    width: 100%;
    max-width: 1600px;
    padding: 0 22.286rem 0 0;
    pointer-events: none;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .kiosk .checkout .order {
    max-width: none;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .order {
    max-width: 1080px;
    top: 2.625rem;
    bottom: 2.625rem;
    padding: 0 2.625rem 0 2.625rem;
  }
  .kiosk .order {
    top: 20.188rem;
    transition: top 1s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .kiosk.accessible .order {
    top: 60.188rem;
  }
  .kiosk .cross_sell .order.add {
    display: block;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .order.add > div {
    float: right;
    width: 12.75rem;
  }
  .cross_sell .order.add {
    display: none;
  }
  .order.add.withqty > div {
    width: 16.25rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .order.add.withqty > div {
    width: 15rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .customise-steps .order button.next {
    display: flex;
  }
  .customise-steps .order button.next.column {
    display: none;
  }
  .kiosk .customise-steps:not(.customise) .order {
    display: none;
  }
  .modify .order div.qty {
    display: none !important;
  }
}
.order button,
.order div.button {
  float: none;
  width: auto;
  flex: 1 50%;
  margin-bottom: 0;
}
.order button.qty,
.order div.button.qty {
  width: 3.25rem;
  margin-right: 0.625rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .order button.qty,
  .order div.button.qty {
    width: 3.875rem;
  }
}
.order button.basket,
.order div.button.basket {
  position: relative;
  max-width: 3.75rem;
  min-width: 3.75rem;
  margin-left: 0.625rem;
  margin-right: 0;
}
.order button.basket i.ico,
.order div.button.basket i.ico {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  width: 2rem;
  height: 2rem;
}
.order button.basket i.ico em,
.order div.button.basket i.ico em {
  position: absolute;
  right: -0.125rem;
  top: -0.625rem;
  font: 700 0.75rem / 1.25rem "VCGooper", sans-serif;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  transition: background-color 0.1s linear;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .order button.basket,
  .order div.button.basket {
    display: none;
  }
}
.order button.view.basket,
.order div.button.view.basket {
  max-width: none;
  margin-left: 0;
}
.order button.view.basket em,
.order div.button.view.basket em {
  right: 2.313rem;
}
.order button.checkout + button.basket, .order button.add + button.basket,
.order div.button.checkout + button.basket,
.order div.button.add + button.basket {
  margin-left: 0.125rem;
}
.config-complete button.basket {
  margin-left: 0.125rem !important;
}

.deal button.basket {
  margin-left: 0.625rem !important;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .order button.add, .order button.no, .order button.next,
  .order div.button.add,
  .order div.button.no,
  .order div.button.next {
    margin: 0;
    width: 100%;
  }
  .order button.add i.ico.arr, .order button.no i.ico.arr, .order button.next i.ico.arr,
  .order div.button.add i.ico.arr,
  .order div.button.no i.ico.arr,
  .order div.button.next i.ico.arr {
    display: none;
  }
}
.order.error, .order.cancel {
  opacity: 1;
  visibility: visible;
  /*			button {
  		&.no {
  			margin-right:0;
  			margin-right:get-rem(5px);
  		}
  		&.retry, &.next {
  			margin-left:get-rem(5px);
  		}
  	}*/
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .order.error, .order.cancel {
    display: block;
    top: 1.438rem;
    pointer-events: none;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .order.error, .order.cancel {
    right: 2.625rem !important;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .order.error button, .order.cancel button {
    flex: none;
    width: 12.75rem;
  }
}

header button,
header div.button {
  pointer-events: auto;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  header button.back, header button.nav,
  header div.button.back,
  header div.button.nav {
    margin-left: 1.768rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  header button.back, header button.nav,
  header div.button.back,
  header div.button.nav {
    margin-left: 1.438rem;
  }
}

header button.filter {
  position: absolute;
  right: env(safe-area-inset-right, 0);
  top: calc(12px + var(--safe-area-top));
  margin-bottom: 0;
  opacity: 1;
  transition: opacity 0.2s linear;
}
header.tint button.filter {
  pointer-events: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  header button.filter {
    right: 1rem;
    top: 1.232rem !important;
    display: block;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  header button.filter {
    top: 23px !important;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  header button.filter {
    top: 1.438rem !important;
    right: 2.5rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .kiosk header button.filter {
    display: none;
  }
}
.footer-utilities {
  display: flex;
  position: absolute;
  right: 3.125rem;
  bottom: 2.5rem;
  opacity: 0;
  transition: opacity 0.5s linear 1s;
}
.doc_ready .footer-utilities {
  opacity: 1;
}
.footer-utilities .cards {
  margin: 0.054rem 0 0 0.536rem;
}
.footer-utilities .cards img {
  float: left;
  height: 34px;
  margin-left: 16px;
}

nav:not(.tabs-menu) {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc(100vw - 1.875rem);
  z-index: 200004;
  pointer-events: inherit;
  display: none;
}
.nav_ready nav:not(.tabs-menu) {
  display: block;
}
nav:not(.tabs-menu) > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f4e8;
  box-sizing: border-box;
  pointer-events: none;
  transform: translate3d(calc(-100vw - 10px), 0, 0);
}
.trans_active nav:not(.tabs-menu) > div {
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.nav_show nav:not(.tabs-menu) > div {
  transform: translate3d(0, 0, 0);
  pointer-events: all;
}
.touchmove nav:not(.tabs-menu) > div {
  transform: translate3d(var(--nav-xpos), 0, 0);
  transition: none;
}
nav:not(.tabs-menu) > div pre {
  position: absolute;
  top: 0;
  left: 100vw;
  width: 200vw;
  height: 100vh;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 3000000;
  pointer-events: none;
  overflow: visible;
}
.box_active nav:not(.tabs-menu) > div pre {
  display: none;
}
.nav_show nav:not(.tabs-menu) > div pre {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  nav:not(.tabs-menu) > div pre {
    transform: translate3d(-30px, 0, 0);
    opacity: 0;
  }
  .trans_active nav:not(.tabs-menu) > div pre {
    transition: opacity 0.2s linear;
  }
  .nav_show nav:not(.tabs-menu) > div pre:before {
    content: "";
    position: absolute;
    left: -2.5rem;
    top: 0;
    bottom: 0;
    width: 4.375rem;
    pointer-events: all;
  }
}
@media (max-width: 767px) and (min-width: 400px), (max-width: 1023px) and (max-height: 480px) and (min-width: 400px) {
  nav:not(.tabs-menu) {
    width: calc(370px + env(safe-area-inset-left, 0));
  }
  nav:not(.tabs-menu) > div {
    transform: translate3d(calc(-370px - env(safe-area-inset-left, 0)), 0, 0);
  }
  nav:not(.tabs-menu) > div pre {
    transform: translate3d(calc(-100vw + 370px + env(safe-area-inset-left, 0)), 0, 0);
  }
}
nav:not(.tabs-menu) .nav-content {
  position: absolute;
  left: 0;
  right: -100vw;
  top: 0;
  bottom: 0;
  padding-right: 100vw;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  backface-visibility: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background: linear-gradient(to right, #4e3629 calc(100% - 100vw), rgba(78, 54, 41, 0) calc(100% - 100vw), rgba(78, 54, 41, 0) 100%);
  z-index: 1;
  transition: top 0s linear 0.5s, filter 0.35s linear;
  filter: brightness(0.8);
}
nav:not(.tabs-menu) .nav-content::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.nav_show nav:not(.tabs-menu) .nav-content {
  top: -25rem;
  filter: brightness(1);
  overflow-y: scroll;
}
.ios.maxw_md.touchmove .nav_show nav:not(.tabs-menu) .nav-content {
  overflow-y: hidden;
}
nav:not(.tabs-menu) .list {
  margin: 0;
}
nav:not(.tabs-menu) .list.list-lines > li:last-child > div {
  border-color: transparent;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  nav:not(.tabs-menu) .list.list-lines.list-compact > li:first-child {
    border-top: 1px solid #ecdac7 !important;
    border-color: var(--color-border) !important;
  }
}
nav:not(.tabs-menu) .list.list-compact .item figure.ico {
  width: 4.625rem;
}
nav:not(.tabs-menu) .list.list-compact .item figure.ico i.iconav {
  left: 0.938rem;
}
nav:not(.tabs-menu) .nav-placetime {
  padding-left: env(safe-area-inset-left, 0);
  padding-top: 0.75rem;
  padding-top: calc(0.75rem + var(--safe-area-top));
  background-color: #f6f4e8;
  transition: padding-top 0s linear 0.5s;
}
.nav_show nav:not(.tabs-menu) .nav-placetime {
  padding-top: 25.75rem;
  padding-top: calc(25.75rem + var(--safe-area-top));
}
nav:not(.tabs-menu) .nav-placetime h2 {
  margin: 0 0.625rem 0 0.625rem;
  padding-bottom: 1.125rem;
}
nav:not(.tabs-menu) .member {
  padding: 0 0.625rem;
}
nav:not(.tabs-menu) .member h2 {
  font: 400 1.625rem / 1.438rem "VCGooper", sans-serif;
  color: #fff;
  text-transform: none;
}
nav:not(.tabs-menu) .member h2 span {
  font: 400 0.75rem / 1.5rem "VCGooper", sans-serif;
  display: block;
}
nav:not(.tabs-menu) .member h2 span:last-child {
  padding-top: 0.25rem;
}
nav:not(.tabs-menu) .nav-placetime > div,
nav:not(.tabs-menu) .nav-user {
  transition: transform 0.35s ease-out;
  transform: scale(0.9);
  transform-origin: bottom right;
}
.nav_show nav:not(.tabs-menu) .nav-placetime > div,
.nav_show nav:not(.tabs-menu) .nav-user {
  transform: scale(1);
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  nav:not(.tabs-menu) .nav-placetime > div,
  nav:not(.tabs-menu) .nav-user {
    transition: transform 0.22s ease-out;
  }
}
nav:not(.tabs-menu) .nav-user {
  transform-origin: top right;
  padding-left: env(safe-area-inset-left, 0);
}
nav:not(.tabs-menu) .nav-user .list {
  margin: 1.25rem 0 6.25rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.hairline nav:not(.tabs-menu) .nav-user .list {
  border-width: 0.5px !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}
nav:not(.tabs-menu) .nav-user .list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font: 400 0.938rem / 1.5rem "VCGooper", sans-serif;
  color: #fff;
  text-transform: none;
  letter-spacing: 0px;
  word-spacing: 0px;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 3.688rem;
  padding: 0 1.25rem 0 0.125rem;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.hairline nav:not(.tabs-menu) .nav-user .list a {
  border-width: 0.5px !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}
nav:not(.tabs-menu) .nav-user .list a em {
  font-style: normal;
  padding-top: 0rem;
}
nav:not(.tabs-menu) .nav-user .list a > span {
  display: flex;
  align-items: center;
  height: 100%;
}
nav:not(.tabs-menu) .nav-user .list a > em {
  white-space: nowrap;
}
nav:not(.tabs-menu) .nav-user .list a i.iconav {
  transform: scale(0.5);
  background-position-y: -27rem;
}
nav:not(.tabs-menu) .nav-user .list a .ordernumber {
  transform: scale(0.5);
}
nav:not(.tabs-menu) .nav-user .list .disabled a > span,
nav:not(.tabs-menu) .nav-user .list .disabled a > em {
  opacity: 0.4;
}
nav:not(.tabs-menu) .nav-user .plugins-container:not(:empty) + .list {
  margin-top: 0 !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  nav:not(.tabs-menu) {
    bottom: auto;
    height: 100vh;
  }
  nav:not(.tabs-menu):before {
    content: "";
    position: absolute;
    top: 0;
    left: -24.063rem;
    width: 24.063rem;
    height: 100vh;
    background: linear-gradient(to right, #f6f4e8 0%, #f6f4e8 50%, rgba(246, 244, 232, 0) 100%);
    z-index: 5;
    opacity: 0;
    visibility: hidden;
  }
  .nav_show nav:not(.tabs-menu):before {
    opacity: 1;
    visibility: visible;
  }
  .nav_show.trans_active nav:not(.tabs-menu):before {
    transition: opacity 0.2s linear, visibility 0s linear 0s;
  }
  nav:not(.tabs-menu) > div {
    position: relative;
    float: left;
    left: auto;
    top: auto;
    width: 22.5rem;
    overflow: unset;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-24.063rem, 0, 0);
  }
  .trans_active nav:not(.tabs-menu) > div {
    transition: opacity 0.2s linear, transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s linear 0.3s;
  }
  .nav_show nav:not(.tabs-menu) > div {
    opacity: 1;
    visibility: visible;
  }
  .nav_show.trans_active nav:not(.tabs-menu) > div {
    transition: opacity 0.2s linear, transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s linear 0s;
  }
  nav:not(.tabs-menu) > div:before {
    content: "";
    position: absolute;
    top: 0;
    right: -9.375rem;
    width: 9.375rem;
    height: 100vh;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    z-index: 7;
  }
  nav:not(.tabs-menu) > div:after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(-25vw + 1px);
    width: 25vw;
    height: 100vh;
    background-color: #f6f4e8;
    z-index: 7;
  }
  nav:not(.tabs-menu) > div pre {
    left: 0;
  }
  nav:not(.tabs-menu) .nav-content {
    right: 0;
    padding: 0;
    background: #4e3629;
    z-index: 3000002;
  }
  nav:not(.tabs-menu) .nav-user li.taptic:not(.disabled):active {
    background-color: rgb(73.5920521927, 49.8826010787, 36.9995241769) !important;
  }
  nav:not(.tabs-menu) .nav-placetime h2,
  nav:not(.tabs-menu) .member h2 {
    padding-left: 0.313rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  nav:not(.tabs-menu) > div {
    width: 23.75rem;
  }
  nav:not(.tabs-menu) .nav-placetime,
  nav:not(.tabs-menu) .nav-user {
    padding-left: 1.438rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1367px), (min-width: 1024px) and (min-width: 1367px) {
  nav:not(.tabs-menu) .nav-user .list a i.iconav {
    background-position-y: -432px;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  nav:not(.tabs-menu) > div {
    width: 26.5vw;
  }
  nav:not(.tabs-menu) .nav-placetime,
  nav:not(.tabs-menu) .nav-user {
    padding-left: calc(26.5vw - 24.063rem);
  }
}

nav-companion {
  position: absolute;
}
.orders nav-companion, .checkout nav-companion {
  display: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  nav-companion {
    left: env(safe-area-inset-left, 0);
    top: -5.5rem;
    transition: opacity 0.1s linear;
    opacity: 1;
    transform: translate3d(0, calc(0px - env(safe-area-inset-bottom, 0)), 0);
  }
  .nav_show nav-companion {
    opacity: 0;
  }
  .basket_active:not(.stores) nav-companion, .order.add nav-companion {
    transform: translate3d(0, 14px, 0);
  }
  .categories.basket_active header.hideme nav-companion, .prodlist.basket_active header.hideme nav-companion {
    transform: translate3d(0, calc(0px - env(safe-area-inset-bottom, 0)), 0);
  }
  .dashboard header:not(.hideme) nav-companion {
    transform: translate3d(0, calc(-100px - env(safe-area-inset-bottom, 0)), 0);
  }
}
@media (max-width: 767px) and (min-height: 600px) and (max-height: 700px), (max-width: 1023px) and (max-height: 480px) and (min-height: 600px) and (max-height: 700px) {
  .ioswebview .dashboard header:not(.hideme) nav-companion {
    transform: translate3d(0, calc(-120px - env(safe-area-inset-bottom, 0)), 0);
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .dashboard.hideme nav-companion {
    transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.1s linear;
  }
}
@media (max-width: 767px) and (min-width: 568px), (max-width: 1023px) and (max-height: 480px) and (min-width: 568px) {
  .basket_active nav-companion {
    top: -0.75rem;
    transform: translate3d(0, 0, 0);
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.1s linear;
  }
  .basket_active .hideme nav-companion {
    transform: translate3d(0, -90px, 0);
  }
  .categories.basket_active header.hideme nav-companion, .prodlist.basket_active header.hideme nav-companion {
    transform: translate3d(0, calc(-76px - env(safe-area-inset-bottom, 0)), 0);
  }
  .dashboard nav-companion {
    transform: translate3d(0, calc(0px - env(safe-area-inset-bottom, 0)), 0) !important;
  }
}
nav-companion button.nav {
  position: absolute;
  z-index: 2;
}
nav-companion .notifier {
  position: absolute;
  left: 2.438rem;
  top: 0;
  height: 4.875rem;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
nav-companion .notifier > div {
  display: flex;
  align-items: center;
  height: 2.875rem;
  margin: 1rem 0.313rem 1rem 0;
  background-color: #fff;
  border-radius: 0.188rem;
  pointer-events: all;
  opacity: 0;
  filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.1));
  transform: translate3d(-6.25rem, 0, 0);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s linear;
}
nav-companion .notifier > div span {
  max-width: calc(100vw - 12.5rem);
  overflow: hidden;
}
nav-companion .notifier > div .greeting {
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #4e3629;
  white-space: nowrap;
  padding: 0 0 0 2.375rem;
  margin-right: 0.625rem;
  /* 				.mobile main.basket_active &,	Varför dessa?
  .order.add &, */
}
nav-companion .notifier > div .greeting em {
  display: block;
  font-size: 0.625rem;
  line-height: 0.75rem;
  font-style: normal;
}
nav-companion .notifier > div .ordernumber {
  padding: 0 0.313rem 0 2.5rem;
}
header:not(.hideme) nav-companion .notifier.show > div {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 1s;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  nav-companion {
    left: 0;
    bottom: 5rem;
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .kiosk nav-companion {
    display: none;
  }
  body:not(.kiosk) main.categories .hideme nav-companion, body:not(.kiosk) main.prodlist .hideme nav-companion, body:not(.kiosk) main.deal_grid .hideme nav-companion {
    transform: translate3d(0px, 9.375rem, 0px);
  }
  body:not(.kiosk).dashboard .hideme nav-companion {
    transform: translate3d(0px, 15.625rem, 0px);
  }
  nav-companion .notifier {
    left: 4.313rem;
    height: 5rem;
  }
  nav-companion .notifier > div {
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
  }
  nav-companion .notifier > div span {
    max-width: 15.625rem;
  }
  nav-companion .notifier > div .greeting,
  nav-companion .notifier > div .ordernumber {
    padding-left: 3.125rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  nav-companion {
    left: 1.25rem;
  }
  .basket_active nav-companion {
    transform: translate3d(0, -21.25rem, 0);
  }
  nav-companion .notifier {
    left: 4.063rem;
  }
}

div.filter {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  z-index: 200004;
  pointer-events: inherit;
  display: none;
}
.filter_ready div.filter {
  display: block;
}
div.filter > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: var(--safe-area-top);
  background-color: #f6f4e8;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden;
  transform: translate3d(101vw, 0, 0);
}
.trans_active div.filter > div {
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  overflow: visible;
}
.filter_show div.filter > div {
  transform: translate3d(0, 0, 0);
  pointer-events: all;
}
div.filter > div pre {
  content: "";
  position: absolute;
  top: 0;
  right: 100vw;
  width: 100vw;
  height: 100vh;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 3000000;
  pointer-events: none;
}
.filter_show div.filter > div pre {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  div.filter > div pre {
    opacity: 0;
  }
  .trans_active div.filter > div pre {
    transition: opacity 0.3s linear;
  }
}
div.filter .filter-head,
div.filter .filter-foot {
  position: absolute;
  left: 0;
  left: env(safe-area-inset-left);
  right: 0;
  right: env(safe-area-inset-right);
  z-index: 2;
  transform: translate3d(0, 0, 0);
}
div.filter .filter-head {
  top: 0;
  height: 5.063rem;
  height: calc(5.063rem + var(--safe-area-top));
  background: linear-gradient(to bottom, #f6f4e8 0%, #f6f4e8 1.25rem, rgba(246, 244, 232, 0.7) 100%);
  pointer-events: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  div.filter .filter-head {
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
  }
}
div.filter .filter-head button.filterclose {
  position: absolute;
  right: 0;
  bottom: -0.063rem;
}
div.filter .filter-head h2 {
  position: relative;
  width: 100%;
  height: 5.063rem;
  height: calc(5.063rem + var(--safe-area-top));
  font: 300 1.625rem / 2.5rem "VCGooper-Semicond", sans-serif;
  color: #4e3629;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  padding: 1.5rem 3.75rem 0 3.75rem;
  padding-top: calc(1.5rem + var(--safe-area-top));
  margin: 0;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: block;
  box-sizing: border-box;
  pointer-events: none;
}
div.filter .filter-head h2 i.iconav.filter {
  display: none;
}
div.filter .filter-foot {
  bottom: 0;
  height: 4.375rem;
  height: calc(4.375rem + var(--safe-area-bottom));
  padding: 0.625rem 0 0 0.625rem;
  background: linear-gradient(to top, #f6f4e8 0%, #f6f4e8 1.25rem, rgba(246, 244, 232, 0.7) 100%);
  display: flex;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  div.filter .filter-foot {
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
  }
}
div.filter .filter-foot button {
  margin-right: 0.625rem;
}
@media (orientation: landscape) {
  div.filter .filter-foot {
    padding-left: 20%;
    padding-right: 20%;
  }
}
div.filter .filter-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 5.063rem 0.625rem 7.5rem 0.625rem;
  padding: calc(5.063rem + var(--safe-area-top)) calc(0.625rem + env(safe-area-inset-right)) 7.5rem calc(0.625rem + env(safe-area-inset-left));
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  backface-visibility: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  z-index: 1;
}
div.filter .filter-content::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
div.filter .filter-content > div {
  float: left;
  width: 100%;
  min-height: calc(100% + 3px);
  padding-bottom: 3.125rem;
  box-sizing: border-box;
}
div.filter .filter-content div.more {
  height: 0;
  overflow: hidden;
  display: block;
}
div.filter .filter-content .list.list-compact {
  padding-bottom: 0;
}
div.filter .filter-content .list-container {
  float: left;
  pointer-events: none;
}
div.filter .filter-content .list-container:after {
  content: none;
}
div.filter .filter-content .list-container ul {
  pointer-events: all;
}
div.filter .filter-content div.button-container {
  margin-bottom: -1.25rem;
  background: transparent;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  div.filter {
    position: absolute;
    left: auto;
    right: 0;
    height: auto !important;
  }
  .box_active div.filter {
    display: none;
  }
  div.filter > div {
    position: relative;
    float: right;
    left: auto;
    top: auto;
    width: 20.625rem;
    overflow: unset;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(20.625rem, 0, 0);
  }
  .trans_active div.filter > div {
    transition: opacity 0.2s linear, transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s linear 0.3s;
  }
  .filter_show div.filter > div {
    opacity: 1;
    visibility: visible;
  }
  .filter_show.trans_active div.filter > div {
    transition: opacity 0.2s linear, transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s linear 0s;
  }
  div.filter > div:before {
    content: "";
    position: absolute;
    top: 0;
    left: -9.375rem;
    width: 9.375rem;
    height: 100vh;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    z-index: 7;
  }
  div.filter > div:after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(-25vw + 1px);
    width: 25vw;
    height: 100vh;
    background-color: #f6f4e8;
    z-index: 7;
  }
  div.filter > div pre {
    right: 20.625rem;
  }
  div.filter .filter-head {
    left: 0;
    right: 1.188rem;
    height: 5.938rem;
    padding-left: 1rem;
    padding-top: 1.625rem;
  }
  div.filter .filter-head h2 {
    height: auto;
    font: 700 1.313rem / 1.875rem "VCGooper", sans-serif;
    color: #000 #4e3629;
    text-align: left;
    text-transform: none;
    letter-spacing: 0rem;
    word-spacing: 0rem;
    padding: 1.875rem 0 1.375rem 0.938rem;
  }
  div.filter .filter-head h2 i.iconav.filter {
    position: absolute;
    left: auto;
    right: 0.75rem;
    bottom: 0.75rem;
    display: block;
  }
  div.filter .filter-head button.filterclose {
    display: none;
  }
  div.filter .filter-content {
    right: -1.25rem;
    bottom: 5rem;
    padding: 6.25rem 2.5rem 3.125rem 0.938rem;
  }
  div.filter .filter-content h2 {
    padding-left: 0.938rem !important;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  div.filter .filter-content h2 {
    font-size: 1rem;
    line-height: 1.563rem;
    padding-top: 2.5rem !important;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  div.filter .filter-foot {
    bottom: 0.813rem;
    padding: 0.938rem 0.563rem 0 1rem;
    height: 6.25rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .kiosk div.filter .filter-foot {
    bottom: 0;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  div.filter > div {
    width: 23.313rem;
  }
  div.filter > div pre {
    right: 23.313rem;
  }
  div.filter .filter-head {
    right: 2.625rem;
    padding-top: 2.813rem;
  }
  div.filter .filter-content {
    padding-top: 9rem;
    padding-right: 3.938rem;
    bottom: 6.438rem;
  }
  div.filter .filter-foot {
    padding-right: 2rem;
    bottom: 1.375rem;
  }
  .orientation_portrait .kiosk div.filter {
    top: -18.75rem;
  }
  .orientation_portrait .kiosk div.filter .filter-head,
  .orientation_portrait .kiosk div.filter .filter-content {
    top: 16.875rem;
  }
  .orientation_portrait .kiosk:not(.accessible) div.filter .filter-content {
    bottom: 28.813rem;
  }
  .orientation_portrait .kiosk:not(.accessible) div.filter .filter-foot {
    bottom: 23.75rem;
  }
}

section {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: var(--win-min-height);
  padding: 5rem 0.625rem 0 0.625rem;
  padding: calc(5rem + var(--safe-area-top)) calc(0.625rem + env(safe-area-inset-right)) 0 calc(0.625rem + env(safe-area-inset-left));
  box-sizing: border-box;
}
.dashboard section {
  padding-top: 0;
}
.kiosk section {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  float: none;
  width: auto;
  height: auto;
  min-height: auto !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
  backface-visibility: hidden;
}
@media (orientation: landscape) {
  .kiosk .checkout section {
    left: 8.036rem;
    padding-left: 0;
    padding-right: calc(25% + 14px - 4.286rem);
  }
}
.kiosk .scroll_lock section, .kiosk.box_active section, .kiosk.pop_active section, .kiosk.boxtint section {
  overflow-y: hidden !important;
}
.deal section, .deal_grid section, .cross_sell section {
  transform: translate3d(0, var(--win-min-height), 0);
  opacity: 0;
}
.doc_ready .deal section, .doc_ready .deal_grid section, .doc_ready .cross_sell section {
  transform: none;
  opacity: 1;
  transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.15s linear;
}
section::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
section > pre,
section > div.pre {
  margin: 0 -0.625rem 0 -0.625rem;
  padding-top: 9.375rem;
}
.stores section > pre, .prodlist section > pre, .deal_grid section > pre,
.stores section > div.pre,
.prodlist section > div.pre,
.deal_grid section > div.pre {
  padding-top: 15.625rem;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  section {
    -webkit-backface-visibility: hidden;
    background-color: #f6f4e8;
  }
  .trans_active section {
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
  }
  .categories section {
    padding-top: calc(6rem + var(--safe-area-top));
  }
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 1023px) and (max-height: 480px) and (orientation: portrait) {
  .prodlist.tabs section {
    padding-top: calc(12.875rem + var(--safe-area-top));
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .nav_show section {
    transform: translate3d(var(--nav-filter-disp), 0, 0);
  }
  .filter_show section {
    transform: translate3d(-var(--nav-filter-disp), 0, 0);
  }
  .touchmove section {
    transform: translate3d(calc(var(--nav-filter-disp) + var(--nav-xpos) / 1.78), 0, 0);
    transition: none;
  }
  .customise.stickyprod section ul.upgrade .pointer, .customise-steps.stickyprod section ul.upgrade .pointer {
    transform: translate3d(0, 50px, 0);
    opacity: 0;
  }
  .customise.stickyprod section .upgrade-container, .customise-steps.stickyprod section .upgrade-container {
    transform: translate3d(0, calc(var(--win-min-height) / 2), 0);
    opacity: 0;
  }
  .doc_ready .customise.stickyprod section ul.upgrade .pointer,
  .doc_ready .customise.stickyprod section .upgrade-container, .doc_ready .customise-steps.stickyprod section ul.upgrade .pointer,
  .doc_ready .customise-steps.stickyprod section .upgrade-container {
    transform: none;
    opacity: 1;
    transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.12s linear;
  }
  .doc_ready .customise.stickyprod section ul.upgrade .pointer, .doc_ready .customise-steps.stickyprod section ul.upgrade .pointer {
    transition-delay: 0.4s;
  }
  .country section > h2 {
    display: none;
  }
  section .tafter,
  section .tbefore,
  section .tside {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0;
    margin: 0;
    z-index: 9000;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.13s linear, visibility 0s linear 0.15s;
    visibility: hidden;
    cursor: pointer;
    display: block;
  }
  section .tbefore {
    padding-bottom: 1px;
  }
  .hairline section .tafter {
    margin-top: -0.5px;
  }
  main:not(.overlay-detached_active) section.tint .tafter,
  main:not(.overlay-detached_active) section.tint .tbefore {
    opacity: 0.3;
    visibility: visible;
    transition: opacity 0.1s linear, visibility 0s linear;
  }
  .pop_active main:not(.overlay-detached_active) section.tint .tafter, .box_active main:not(.overlay-detached_active) section.tint .tafter,
  .pop_active main:not(.overlay-detached_active) section.tint .tbefore,
  .box_active main:not(.overlay-detached_active) section.tint .tbefore {
    visibility: hidden;
  }
}
@media (max-width: 767px) and (min-width: 568px), (max-width: 1023px) and (max-height: 480px) and (min-width: 568px) {
  main:not(.overlay-detached_active) section.tint .tside {
    opacity: 0.3;
    visibility: visible;
    transition: opacity 0.1s linear, visibility 0s linear;
    right: auto;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  section {
    overflow: initial;
    padding: 7.286rem calc(25% + 0.643rem) 0 1.125rem;
    /*		&.dashboard {
    	> pre {
    		padding-top:0;
    		padding-bottom:0;
    	}
    }*/
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .categories:not(.basket_active) section {
    padding-right: 1.232rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  section {
    padding: 136px calc(25% + 12px) 0 21px;
  }
  .touchpoint section {
    padding-left: 341px;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px) and (orientation: landscape), (min-width: 1024px) and (min-width: 1600px) and (orientation: landscape) {
  .categories:not(.basket_active) section {
    padding-right: 23px;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .doc_ready .deal section, .doc_ready .deal_grid section, .doc_ready .cross_sell section {
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  }
  section.dashboard, .country section {
    position: relative;
    overflow: visible;
    width: 100%;
    padding: 0;
  }
  .kiosk section.dashboard, .kiosk .country section {
    position: absolute;
    width: auto;
    overflow: hidden !important;
  }
  .country section {
    padding: 12.5rem 18.75rem 0 18.75rem;
  }
  .country section > h2 {
    text-align: center;
  }
  .orientation_portrait .kiosk .customise:not(.stickyprod) section {
    padding-top: 31.563rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  section {
    padding-top: 8.125rem;
    min-height: calc(var(--win-min-height) - 1.188rem);
    padding-left: 2.313rem;
    padding-right: 2.375rem;
  }
  .country section {
    padding-left: 9.375rem;
    padding-right: 9.375rem;
  }
  section > pre {
    padding-bottom: 10.25rem;
  }
  .basket_active section > pre, .scanner-banner_active section > pre {
    padding-bottom: 20.375rem;
  }
  .kiosk section:not(.dashboard) {
    top: 18.75rem;
  }
  .kiosk .tabs-left section {
    padding-top: 1.063rem;
    padding-left: 17.375rem;
  }
  .kiosk main.categories:not(.tabs) section {
    padding-top: 1.063rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  section > pre,
  section > div.pre {
    margin: 0;
    width: 100%;
  }
  main.customise.stickyprod section, main.customise-steps.stickyprod section, main.modify.stickyprod section {
    padding-top: 25.625rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  main.customise.stickyprod section, main.customise-steps.stickyprod section, main.modify.stickyprod section {
    padding-top: 27.813rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .orientation_portrait .kiosk.accessible main.customise section,
  section .orientation_portrait .kiosk.accessible main.customise-steps,
  section .orientation_portrait .kiosk.accessible main.modify {
    padding-top: 25rem;
  }
}
section.center {
  padding-left: 0;
}
section.center .message {
  left: 37.5%;
}

.start_order {
  position: relative;
  margin-bottom: 0.875rem;
  box-sizing: border-box;
}
.overlay .start_order {
  margin-bottom: 0;
}
.start_order > div {
  display: flex;
  width: 100%;
  max-width: 31.25rem;
  margin: 0 auto;
}
.orientation_portrait .kiosk .start_order > div {
  max-width: 58.75rem;
}
.start_order button,
.start_order a.button {
  flex: 1;
}
.start_order button:first-child:not(:only-child),
.start_order a.button:first-child:not(:only-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-right: 2px;
}
.kiosk section .start_order button:first-child:not(:only-child),
.kiosk section .start_order a.button:first-child:not(:only-child) {
  margin-right: 4px;
}
.start_order button:last-child:not(:only-child),
.start_order a.button:last-child:not(:only-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.start_order button:nth-child(2):not(:last-child),
.start_order a.button:nth-child(2):not(:last-child) {
  border-radius: 0 !important;
  margin-right: 2px;
}
.kiosk section .start_order button:nth-child(2):not(:last-child),
.kiosk section .start_order a.button:nth-child(2):not(:last-child) {
  margin-right: 4px;
}
.start_order button:last-child,
.start_order a.button:last-child {
  margin-right: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .dashboard-start .start_order > div {
    margin-top: -3.75rem;
  }
  .popup .start_order {
    margin-right: 1.563rem;
  }
}

.dashboard-start {
  position: relative;
  margin: 0 -0.625rem 0 -0.625rem;
  margin: 0 calc(-0.625rem - env(safe-area-inset-right)) 0 calc(-0.625rem - env(safe-area-inset-left));
}
.dashboard-start .disclaimer {
  display: none;
}
.dashboard-start .start_order {
  padding: 0.625rem calc(0.625rem + env(safe-area-inset-right)) 0 calc(0.625rem + env(safe-area-inset-left));
  margin: -1.25rem 0 0 0;
  background-color: #f6f4e8;
  z-index: 1;
}
.dashboard-start .start_order a.button:not(:only-child) {
  --button-anim-distance: 1.5rem;
  opacity: 0;
  transform: translate3d(0px, calc(var(--button-anim-distance) / 3), 0px);
}
.dashboard-start .start_order a.button:not(:only-child):first-child {
  transform: translate3d(calc(var(--button-anim-distance) * -1), 0px, 0px);
}
.dashboard-start .start_order a.button:not(:only-child):last-child {
  transform: translate3d(var(--button-anim-distance), 0px, 0px);
}
.doc_ready .dashboard-start .start_order a.button:not(:only-child) {
  animation: reveal 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.2s forwards;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .dashboard-start .start_order:before {
    content: "";
    position: absolute;
    top: -0.625rem;
    left: calc(50% - 0.813rem);
    width: 0;
    height: 0;
    border-right: 0.813rem solid transparent;
    border-left: 0.813rem solid transparent;
    border-bottom: 0.688rem solid #f6f4e8;
  }
}
.kiosk .dashboard-start .noticebox {
  opacity: 0;
}
.kiosk.doc_ready .dashboard-start .noticebox {
  animation: reveal 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.2s forwards;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .dashboard-start {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    margin-left: 0;
    width: 100%;
  }
  .orientation_portrait .kiosk .dashboard-start .start_order {
    padding: 0.938rem 0 0 0;
    margin: -0.938rem 0 0 0;
  }
  .dashboard-start .start_order {
    margin-top: -1.071rem;
  }
  .kiosk .dashboard-start .start_order a.button:not(:only-child) {
    --button-anim-distance: 2.5rem;
  }
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  body.dashboard header h1,
  body.dashboard footer {
    display: none !important;
  }
}
.noticebox-container {
  display: flex;
}

.noticebox {
  position: relative;
  width: 100%;
  font: 400 0.938rem / 1.5rem "VCGooper", sans-serif;
  color: #4e3629;
  text-align: center;
  border: none;
  letter-spacing: 0rem;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  border: none;
  padding: 0.625rem 0.625rem 0 0.625rem;
  padding-left: calc(0.625rem + env(safe-area-inset-left));
  padding-right: calc(0.625rem + env(safe-area-inset-right));
  margin: 0 0.625rem 0.625rem 0.625rem;
  box-sizing: border-box;
  background: #f6f4e8;
  z-index: 1;
}
.noticebox p {
  padding: 0 1.25rem 0 1.25rem;
  margin-bottom: 0.75rem;
}
.noticebox a {
  color: #000;
  text-decoration: underline;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  h2 + .noticebox {
    margin-top: -0.125rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .noticebox {
    width: 58.75rem;
    margin: 0.625rem auto 1.25rem auto;
  }
  .kiosk .noticebox {
    font-size: 1.5rem;
    line-height: 2.125rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .kiosk .noticebox {
    font-size: 1.181rem;
    line-height: 1.713rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .orientation_portrait .kiosk .noticebox {
    margin-top: 1rem;
  }
  .noticebox p {
    padding: 0.625rem 2.5rem;
  }
}

.iframe-payment {
  width: 100%;
  border: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  html:not(.ios12) body.payment-iframe {
    position: absolute;
    overflow: hidden !important;
  }
}

.iframe-payment:not(.iframe-3dsecure):not(.iframe-klarna):not(.iframe-klarna-paynow):not(.iframe-klarna-paylater):not(.iframe-mobilepay):not(.iframe-planet-mobilepay):not(.iframe-planet-vipps) {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  padding: 0;
  padding-top: var(--safe-area-top);
  box-sizing: border-box;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .iframe-payment.iframe-3dsecure, .iframe-payment.iframe-klarna, .iframe-payment.iframe-klarna-paynow, .iframe-payment.iframe-klarna-paylater, .iframe-payment.iframe-mobilepay, .iframe-payment.iframe-planet-mobilepay, .iframe-payment.iframe-planet-vipps {
    width: 100vw;
    margin: 0 -0.625rem;
  }
  html:not(.ios12) .iframe-payment.iframe-3dsecure, html:not(.ios12) .iframe-payment.iframe-klarna, html:not(.ios12) .iframe-payment.iframe-klarna-paynow, html:not(.ios12) .iframe-payment.iframe-klarna-paylater, html:not(.ios12) .iframe-payment.iframe-mobilepay, html:not(.ios12) .iframe-payment.iframe-planet-mobilepay, html:not(.ios12) .iframe-payment.iframe-planet-vipps {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: calc(5rem + var(--safe-area-top)) 0 0 0;
    margin: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .iframe-payment.iframe-3dsecure, .iframe-payment.iframe-klarna, .iframe-payment.iframe-klarna-paynow, .iframe-payment.iframe-klarna-paylater, .iframe-payment.iframe-mobilepay, .iframe-payment.iframe-planet-mobilepay, .iframe-payment.iframe-planet-vipps {
    min-height: calc(100vh - 8.125rem);
  }
}
.iframe-payment.iframe-3dsecure {
  background: #fff;
}

.sr-only,
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

.heropromo {
  position: relative;
  margin-top: -18.75rem;
  padding-top: 18.75rem;
  overflow: hidden;
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 1023px) and (max-height: 480px) and (orientation: portrait) {
  .heropromo {
    height: calc(var(--win-min-height) - 6.25rem);
    max-height: 40.625rem !important;
  }
}
@media (max-width: 767px) and (orientation: portrait) and (min-height: 600px) and (max-height: 700px), (max-width: 1023px) and (max-height: 480px) and (orientation: portrait) and (min-height: 600px) and (max-height: 700px) {
  .ioswebview .heropromo {
    height: calc(var(--win-min-height) - 7.5rem);
  }
}
@media (orientation: landscape) and (min-width: 768px) and (min-height: 481px), (orientation: landscape) and (min-width: 1024px) {
  body:not(.kiosk) .heropromo {
    max-height: calc(100vh - 9.375rem);
  }
}
@media (orientation: landscape) and (min-width: 1920px) {
  .heropromo {
    max-height: 56.25rem;
  }
}
.heropromo__indicator-container {
  position: absolute;
  right: 0.75rem;
  bottom: 1.875rem;
  display: flex;
  justify-content: flex-end;
  height: 3.125rem;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 1600px) {
  .heropromo__indicator-container {
    max-width: 1600px;
    left: calc(50% - 800px);
  }
  .kiosk .heropromo__indicator-container {
    max-width: 1700px;
  }
}
.orientation_portrait .kiosk .heropromo__indicator-container {
  bottom: 6.25rem;
  right: 5rem;
  box-sizing: border-box;
}
.heropromo__indicator-container > div {
  position: relative;
  display: inline-flex;
  justify-content: flex-end;
  pointer-events: auto;
}
.heropromo__indicator-container > div .hero-promo__indicator-button {
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  margin: 1.438rem 0.188rem;
  border-radius: 0.313rem;
  background-color: #4e3629;
  z-index: 2;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.heropromo__indicator-container > div .hero-promo__indicator-button.current {
  width: 2.5rem;
  overflow: hidden;
  background-color: #ff5100;
}
.heropromo__indicator-container > div .hero-promo__indicator-button.current:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
  transform-origin: right;
  animation: progress-bar var(--animation-duration, 0s) linear forwards;
}
.box_active .heropromo__indicator-container > div .hero-promo__indicator-button.current:before {
  animation-play-state: paused;
}
.heropromo__indicator-container > div i {
  position: absolute;
  top: 1.25rem;
  width: 100%;
  height: 0.875rem;
  border-radius: 0.5rem;
  background-color: #f6f4e8;
  display: inline-block;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .heropromo__indicator-container {
    height: 50px;
  }
  .heropromo__indicator-container div i {
    top: 16px;
    height: 18px;
    border-radius: 8px;
  }
  .heropromo__indicator-container div .hero-promo__indicator-button {
    width: 10px;
    height: 10px;
    margin: 20px 4px;
    border-radius: 5px;
  }
  .heropromo__indicator-container div .hero-promo__indicator-button.current {
    width: 50px;
  }
}
.heropromo__playpause {
  width: 2rem;
  height: 2rem !important;
  background-color: transparent;
  margin: 0.688rem -0.438rem 0 0.063rem;
  border-radius: 50%;
  border: none;
}
.heropromo__playpause > i.ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  top: 0;
}
.heropromo__playpause > i.ico:after {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  background-color: #f6f4e8;
  z-index: -1;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .heropromo__playpause {
    width: 32px;
    height: 32px !important;
    margin: 9px -7px 0 3px;
  }
  .heropromo__playpause > i.ico {
    width: 32px;
    height: 32px;
    background-size: 1008px 960px;
  }
  .heropromo__playpause > i.ico.pause {
    background-position: -440px -488px;
  }
  .heropromo__playpause > i.ico.play {
    background-position: -440px -536px;
  }
  .heropromo__playpause > i.ico:after {
    width: 20px;
    height: 20px;
  }
}

.heropromo__viewport {
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center 80%;
  transform: translate3d(0, 0, 0);
  height: calc(var(--win-min-height) - 6.25rem);
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .heropromo__viewport {
    max-height: 40.625rem !important;
  }
}
@media (max-width: 767px) and (orientation: landscape), (max-width: 1023px) and (max-height: 480px) and (orientation: landscape) {
  .heropromo__viewport {
    min-height: calc(100vh + 1.25rem) !important;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .heropromo__viewport {
    height: calc(var(--win-min-height) - 8.125rem);
  }
  .orientation_portrait .kiosk .heropromo__viewport {
    max-height: calc(100vh - 22.375rem) !important;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .heropromo__viewport {
    height: 0;
    padding-top: 46.875%;
  }
}
@media (min-width: 1920px) and (orientation: landscape) {
  body:not(.kiosk) .heropromo__viewport {
    padding-top: 48.214rem;
  }
}
body:not(.kiosk) .heropromo__viewport > i {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 23.75rem;
  margin: -18.75rem 0 -5rem 0;
  background: linear-gradient(to bottom, rgba(var(--theme-color-rgb), 1) 0, rgba(var(--theme-color-rgb), 1) 18.75rem, rgba(var(--theme-color-rgb), 0) 100%);
  z-index: 1;
  display: inline;
}
@media (max-width: 767px) and (orientation: landscape), (max-width: 1023px) and (max-height: 480px) and (orientation: landscape) {
  body:not(.kiosk) .heropromo__viewport > i {
    display: none;
  }
}
.heropromo__viewport > div {
  display: flex;
  flex-flow: row nowrap;
  gap: 2px;
  overflow: none;
  overflow-x: scroll;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow-y: hidden;
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .heropromo__viewport > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  html:not(.chrome).orientation_portrait .kiosk .heropromo__viewport > div {
    overflow: hidden;
  }
}
.heropromo__viewport > div .frame {
  width: 100vw;
  -ms-scroll-snap-align: center;
  scroll-snap-align: center;
  -ms-scroll-snap-stop: always;
  scroll-snap-stop: always;
  flex: none;
  background-color: rgba(var(--theme-color-rgb), 1);
}
.orientation_portrait .kiosk .heropromo__viewport picture {
  display: block;
}
.heropromo__viewport img,
.heropromo__viewport video {
  width: 100vw;
  height: calc(100% - 1.25rem);
  object-fit: cover;
  object-position: 50% 60%;
}
@media (max-height: 560px) {
  .heropromo__viewport img,
  .heropromo__viewport video {
    object-position: 50% 40%;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .heropromo__viewport img,
  .heropromo__viewport video {
    height: 100%;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .heropromo__viewport img,
  .heropromo__viewport video {
    object-position: 50% 50%;
  }
}
@media (min-height: 1920px) and (orientation: portrait) {
  .heropromo__viewport img,
  .heropromo__viewport video {
    height: 109.375rem;
    margin-top: -11.75rem;
  }
}
@media (min-width: 1920px) {
  .heropromo__viewport img,
  .heropromo__viewport video {
    object-fit: none;
  }
}

.heropromo .hero-promo__indicator-button {
  border: none !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
[data-whatinput=keyboard] .hero-promo__indicator-button:focus,
[data-whatinput=keyboard] .heropromo__playpause:focus {
  box-shadow: 0 0 0 3px magenta, 0 0 0 5px black !important;
  outline: none !important;
}

.heropromo__viewport > div {
  outline: none;
}
[data-whatinput=keyboard] .heropromo__viewport > div:focus {
  outline: 3px solid magenta !important;
  outline-offset: -30px;
}
.heropromo__viewport > div .frame a,
.heropromo__viewport > div .frame div {
  display: block;
  height: 100%;
  outline: none;
}
[data-whatinput=keyboard] .heropromo__viewport > div .frame a:focus,
[data-whatinput=keyboard] .heropromo__viewport > div .frame div:focus {
  outline: 3px solid magenta !important;
  outline-offset: -30px !important;
}

.bannerpromo {
  display: none;
  position: absolute;
  left: 0;
  top: -300px;
  width: 100vw;
  height: 18.75rem;
}
.orientation_portrait .kiosk .bannerpromo {
  display: block;
}
.categories .bannerpromo a, .prodlist .bannerpromo a, .customise .bannerpromo a, .deal_grid .bannerpromo a {
  pointer-events: all;
}

/* Receipt */
footer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  backface-visibility: hidden;
}
footer button.expand {
  display: none;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  footer {
    overflow: clip;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  footer {
    z-index: 200002;
    opacity: 0;
    transition: opacity 0s linear 0.6s;
  }
  .basket_show footer {
    opacity: 1;
    transition: opacity 0s linear;
  }
  footer > div {
    transform: translate3d(0, 105vh, 0);
    -webkit-backface-visibility: hidden;
  }
  .trans_active footer > div {
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .basket_show footer > div {
    transform: translate3d(0, 0, 0);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .touchmove footer > div {
    transform: translate3d(0, var(--basket-ypos), 0);
    transition: none;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .country footer {
    display: none;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .kiosk footer {
    margin-left: 17.143rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  footer {
    top: auto;
    height: 10.25rem;
    transition: height 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s linear 0.3s, bottom 0s linear 1s;
    transform: translateZ(0);
  }
  .trans_active footer {
    transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1), height 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s linear 0.3s, bottom 0s linear 1s;
  }
  body:not(.kiosk) main.categories side-bar:not(.expand) footer.hideme, body:not(.kiosk) main.prodlist side-bar:not(.expand) footer.hideme, body:not(.kiosk) main.deal_grid side-bar:not(.expand) footer.hideme, body:not(.kiosk) main.customise side-bar:not(.expand) footer.hideme {
    transform: translate3d(0px, 22.5rem, 0px);
  }
  body:not(.kiosk) main.categories side-bar:not(.expand) footer.hideme:before, body:not(.kiosk) main.prodlist side-bar:not(.expand) footer.hideme:before, body:not(.kiosk) main.deal_grid side-bar:not(.expand) footer.hideme:before, body:not(.kiosk) main.customise side-bar:not(.expand) footer.hideme:before {
    opacity: 0;
  }
  .basket_active footer, body:not(.accessible) .scanner-banner_active footer {
    height: 22.375rem;
    border-top: 1px solid #fafafa;
    background: linear-gradient(to bottom, rgba(250, 250, 250, 0.85) 0%, #f6f4e8 2.5rem, #f6f4e8 100%);
    pointer-events: auto;
  }
  body:not(.kiosk) .basket_active footer, body:not(.kiosk) body:not(.accessible) .scanner-banner_active footer {
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
  }
  .basket_active footer:before, body:not(.accessible) .scanner-banner_active footer:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -9.375rem;
    height: 9.375rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
  }
  .kiosk .basket_active footer:before, .kiosk body:not(.accessible) .scanner-banner_active footer:before {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .basket_active footer button.expand {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -6.25rem;
    z-index: 2;
  }
  .basket_active .expand footer {
    height: 77.3vh;
  }
  .basket_active .expand footer button.expand i.ico {
    transform: rotate(180deg);
  }
  .kiosk.accessible .basket_active footer {
    height: 13rem;
  }
  .kiosk.accessible .basket_active .expand footer {
    height: 52.75rem;
  }
  .doc_ready .hide_receipt footer {
    opacity: 0;
    bottom: -600px;
  }
  .dummy_receipt_hidden footer, .datetime footer, .stores footer {
    display: none;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .orientation_portrait .kiosk .basket_active.checkout footer {
    height: 34.75rem;
    border-top: none;
    background: none;
    backdrop-filter: none;
  }
  .orientation_portrait .kiosk .basket_active.checkout footer:before {
    content: none;
  }
  .orientation_portrait .kiosk .basket_active.checkout footer button.expand {
    display: none;
  }
  .orientation_portrait .kiosk.accessible .basket_active.checkout footer {
    height: 21.25rem;
  }
}
footer > div {
  position: relative;
  float: right;
  width: 100%;
  height: 100%;
  pointer-events: auto !important;
}
.touchmove footer > div {
  height: calc(100% - var(--safe-area-top));
  margin-top: var(--safe-area-top);
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  footer > div {
    background-color: #f6f4e8;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  footer > div {
    width: calc(25% + 0.75rem);
    transition: transform 1s ease-in-out 0.3s, opacity 1s linear 0.3s;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .categories:not(.basket_active) footer > div {
    pointer-events: none !important;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  footer > div {
    width: calc(25% + 14px);
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  footer > div {
    float: none;
    width: 100%;
    max-width: 67.5rem;
    margin: 0 auto;
    background: none;
    pointer-events: none !important;
  }
  footer > div .corner {
    display: none;
  }
  .basket_active footer > div {
    pointer-events: auto !important;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .doc_ready.kiosk .hide_receipt footer > div {
    opacity: 0;
    transform: translate3d(21.875rem, 0, 0);
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .dummy_receipt_hidden footer > div {
    display: none;
  }
  footer > div .corner {
    display: none;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  footer:not(.toggled) {
    display: none;
  }
}

footer > div div.order_head {
  position: absolute;
  left: 0;
  right: 0;
  height: 3.75rem;
  background: #f6f4e8;
  z-index: 200004;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  footer > div div.order_head {
    bottom: 0;
    padding: 0.625rem 0 0 0.625rem;
    padding: 0.625rem calc(0.625rem + env(safe-area-inset-left)) 0.625rem calc(0.625rem + env(safe-area-inset-left));
    padding-bottom: calc(0.625rem + var(--safe-area-bottom));
  }
}
@media (max-width: 767px) and (min-width: 568px), (max-width: 1023px) and (max-height: 480px) and (min-width: 568px) {
  footer > div div.order_head {
    padding-left: calc(20% + env(safe-area-inset-left));
    padding-right: calc(20% + env(safe-area-inset-right));
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  footer > div div.order_head > div {
    display: block;
    opacity: 1;
    transition: opacity 0s linear 1s;
    background: #f6f4e8;
  }
  footer > div div.order_head > div button {
    float: none;
    margin-bottom: 0;
  }
  footer > div div.order_head > div button.cancel {
    max-width: 3.75rem;
    margin-left: 0.625rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  footer > div div.order_head {
    left: 1.661rem;
    top: 1.232rem;
    right: 1.821rem;
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding: 0;
    background: none;
    display: none;
  }
  .basket_active footer > div div.order_head {
    display: block;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  footer > div div.order_head {
    top: 23px;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  footer > div div.order_head {
    left: auto;
    right: 2.625rem;
    top: 6.438rem;
    width: 16.25rem;
  }
  footer > div div.order_head button {
    margin: 0;
  }
  .kiosk.accessible .basket_active footer > div div.order_head {
    background: #f6f4e8;
    top: 5.313rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  footer > div div.order_head button.back, footer > div div.order_head button.cancel {
    display: none;
  }
  footer > div div.order_head button.checkout {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    float: left;
  }
  .placing_order footer > div div.order_head button.checkout {
    display: none;
  }
}

footer > div div.sidebar-content,
footer > div .tp-loyalty {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
  box-sizing: border-box;
  pointer-events: initial !important;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  backface-visibility: hidden;
  -ms-overflow-style: none;
  z-index: 200002;
}
footer > div div.sidebar-content::-webkit-scrollbar,
footer > div .tp-loyalty::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.dragging footer > div div.sidebar-content, .pop_active footer > div div.sidebar-content, .touchmove footer > div div.sidebar-content,
.dragging footer > div .tp-loyalty,
.pop_active footer > div .tp-loyalty,
.touchmove footer > div .tp-loyalty {
  overflow-y: hidden;
}
footer > div div.sidebar-content > div,
footer > div .tp-loyalty > div {
  float: left;
  width: 100%;
  min-height: calc(100% + 3px);
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  footer > div div.sidebar-content,
  footer > div .tp-loyalty {
    position: absolute;
    left: 0.75rem;
    padding: 1.232rem 1.821rem 1.232rem 0.857rem;
    background: none;
    overflow: visible;
    /*				@include minw('1600px') {
    	left: 14px;
    	padding: 23px 34px 23px 16px;
    }*/
  }
  footer > div div.sidebar-content > div,
  footer > div .tp-loyalty > div {
    float: none;
    width: auto;
    min-height: inherit;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  footer > div div.sidebar-content,
  footer > div .tp-loyalty {
    visibility: hidden;
  }
  .basket_active footer > div div.sidebar-content,
  .basket_active footer > div .tp-loyalty {
    left: 0;
    bottom: 0;
    border: none;
    padding: 0 2.625rem 0 2.625rem;
    background: none;
    visibility: visible;
  }
  .kiosk .checkout footer > div div.sidebar-content,
  .kiosk .checkout footer > div .tp-loyalty {
    left: 14.5rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .hairline footer > div div.sidebar-content,
  .hairline footer > div .tp-loyalty {
    border-width: 0.5px;
  }
}
footer > div .tp-loyalty {
  z-index: 200005;
  overflow: hidden;
  pointer-events: none !important;
}
footer > div .tp-loyalty > button {
  position: absolute;
  right: -1.286rem;
  top: calc(50% - 2.357rem);
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  footer > div div.sidebar-content {
    padding-bottom: 15.625rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  footer > div div.sidebar-content {
    border-left: 1px solid #ecdac7;
    border-color: var(--color-border);
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .categories:not(.basket_active) footer > div div.sidebar-content {
    display: none;
  }
}
footer > div div.sidebar-content h2 {
  position: relative;
  width: 100%;
  height: 6.125rem;
  height: calc(6.125rem + var(--safe-area-top));
  font: 300 1.625rem / 2.5rem "VCGooper-Semicond", sans-serif;
  color: #4e3629;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  padding: 1.563rem 3.625rem 0 3.625rem;
  padding-top: calc(1.563rem + var(--safe-area-top));
  margin: 0;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
[data-whatinput=keyboard] footer > div div.sidebar-content h2:focus {
  outline: none;
  box-shadow: none;
}
[data-whatinput=keyboard] footer > div div.sidebar-content h2:focus .sidebar__title--outline-target {
  outline: 3px solid #000;
  outline-offset: 2px;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  footer > div div.sidebar-content h2 {
    border-bottom: 1px solid #ecdac7;
    border-color: var(--color-border);
  }
  .hairline footer > div div.sidebar-content h2 {
    border-width: 0.5px !important;
  }
}
.touchmove footer > div div.sidebar-content h2 {
  height: 6.125rem;
}
footer > div div.sidebar-content h2 i.iconav.cart {
  position: absolute;
  left: 0.75rem;
  bottom: 2.063rem;
}
footer > div div.sidebar-content h2 i.iconav.cart em {
  position: absolute;
  right: 0.125rem;
  top: 0.313rem;
  font: 700 0.75rem / 0 "VCGooper", sans-serif;
  color: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  footer > div div.sidebar-content h2 {
    height: auto;
    font: 700 1.313rem / 1.875rem "VCGooper", sans-serif;
    color: #000 #4e3629;
    text-transform: none;
    letter-spacing: 0rem;
    word-spacing: 0rem;
    text-align: left;
    padding: 6.856rem 0.804rem 0.964rem 0.938rem;
    margin: 0;
    display: none;
    pointer-events: none;
    border-bottom: 2px solid #4e3629;
  }
  footer > div div.sidebar-content h2 i.iconav.cart {
    left: auto;
    right: 0.75rem;
    bottom: 0.75rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  footer > div div.sidebar-content h2 i.iconav.cart {
    display: none;
  }
  html[lang=en-gb] footer > div div.sidebar-content h2 i.iconav.cart, html[lang=en-us] footer > div div.sidebar-content h2 i.iconav.cart {
    display: block;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  footer > div div.sidebar-content h2 {
    width: 41.875rem;
    max-height: 6.563rem;
    padding-top: 3.625rem;
    padding-left: 5.5rem;
    margin: 0 -0.25rem 0 -0.25rem;
  }
  footer > div div.sidebar-content h2 > span {
    float: left;
  }
  footer > div div.sidebar-content h2 i.iconav.cart {
    right: auto;
    left: 1.25rem;
  }
  .kiosk .checkout footer > div div.sidebar-content h2 {
    width: 33.75rem;
  }
  .orientation_portrait .kiosk.accessible footer > div div.sidebar-content h2 {
    padding-top: 2.5rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .basket_active footer > div div.sidebar-content h2 {
    display: block;
  }
}
footer > div .company {
  display: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  footer > div .company {
    position: absolute;
    top: 0;
    right: 1.375rem;
    display: block;
    width: 17.5rem;
    text-align: center;
    z-index: 200003;
    pointer-events: none;
  }
  .basket_active footer > div .company {
    display: none;
  }
  .categories footer.hideme > div .company {
    transform: translate3d(0px, -9.375rem, 0px);
  }
  .categories.trans_active footer > div .company {
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  footer > div .company {
    display: none;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  footer > div .company img {
    width: 86%;
    margin: 0 auto;
  }
  footer > div .company p {
    display: none;
  }
  main.prodlist footer > div .company p, main.customise footer > div .company p {
    display: block;
    clear: both;
    padding: 3.125rem 0 0 0;
    font-size: 0.938rem;
    line-height: 1.625rem;
  }
  footer > div .company span.demo {
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    padding: 0.875rem 0 0.875rem 0;
    display: inline-block;
  }
}
footer > div .buttonbar {
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: 5rem;
  bottom: calc(5rem + var(--safe-area-bottom));
  padding: 0.625rem 0 0 1.188rem;
  padding-right: env(safe-area-inset-right);
  height: auto;
  border: none;
  background: linear-gradient(to top, #f6f4e8 0%, #f6f4e8 1.25rem, rgba(246, 244, 232, 0.85) 100%);
  z-index: 200006;
  /*			.checkout & {
  	display: none; // Va? Den gör att "stäng"-ikonen i varukorgen i mobil inte syns på checkout
  }*/
}
footer > div .buttonbar > div {
  display: flex;
  justify-content: flex-end;
}
footer > div .buttonbar button {
  margin: 0 0.625rem 0 0;
  opacity: 1;
  transition: opacity 0.3s linear 0s;
}
footer > div .buttonbar button.filter {
  display: none;
}
footer > div .buttonbar > em,
footer > div .buttonbar > div > em {
  display: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  footer > div .buttonbar {
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
  }
  footer > div .buttonbar button.cancel {
    display: none;
  }
  footer > div .buttonbar button.back {
    transform: translate3d(0, 50px, 0);
  }
  footer > div .buttonbar button.back span > i.ico {
    opacity: 0;
    transform: rotate(-180deg);
  }
  .basket_show footer > div .buttonbar button.back {
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s ease-out 0.3s;
  }
  .basket_show footer > div .buttonbar button.back span > i.ico {
    opacity: 1;
    transform: rotate(0deg);
    transition: transform 0.9s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, opacity 0.5s linear 0.3s;
  }
}
@media (max-width: 767px) and (orientation: landscape), (max-width: 1023px) and (max-height: 480px) and (orientation: landscape) {
  footer > div .buttonbar {
    padding-left: calc(20% + env(safe-area-inset-left) - 0.625rem);
    padding-right: calc(20% + env(safe-area-inset-right) - 0.625rem);
  }
}
@media (max-width: 767px) and (min-width: 320px), (max-width: 1023px) and (max-height: 480px) and (min-width: 320px) {
  footer > div .buttonbar button.back {
    position: absolute;
    float: none;
    margin: 0;
    left: calc(50% - 1.875rem);
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  footer > div .buttonbar {
    left: 1.188rem;
    bottom: 0.813rem;
    padding: 1.875rem 1.179rem 0 0;
    min-height: 6.25rem;
  }
  html:not(.orientation_portrait) footer > div .buttonbar {
    background: linear-gradient(to top, #f6f4e8 80%, #f6f4e8 85%, rgba(246, 244, 232, 0) 100%);
  }
  footer > div .buttonbar button {
    opacity: 0;
    pointer-events: none;
  }
  .kiosk main.prodlist footer > div .buttonbar button.filter {
    opacity: 1;
    pointer-events: all;
    display: block;
  }
  footer > div .buttonbar button.fav {
    display: none;
  }
  body:not(.kiosk) main.categories.basket_active footer > div .buttonbar button.fav, body:not(.kiosk) main.prodlist.basket_active footer > div .buttonbar button.fav, body:not(.kiosk) main.favourites.basket_active footer > div .buttonbar button.fav {
    opacity: 1;
    pointer-events: all;
    display: block;
  }
  main.categories footer > div .buttonbar button.cancel, main.prodlist footer > div .buttonbar button.cancel, main.favourites footer > div .buttonbar button.cancel {
    opacity: 1;
    pointer-events: all;
  }
  main.favourites:not(.basket_active) footer > div .buttonbar button.cancel {
    opacity: 0;
    pointer-events: none;
  }
  .rof footer > div .buttonbar button.cancel {
    pointer-events: none;
    opacity: 0;
  }
  .rof .basket_active footer > div .buttonbar button.cancel {
    pointer-events: all;
    opacity: 1;
    transition: opacity 0.3s linear 0.5s;
  }
  footer > div .buttonbar button.back {
    display: none;
  }
  .kiosk main.categories footer > div .buttonbar button.scan, .kiosk main.prodlist footer > div .buttonbar button.scan {
    opacity: 1;
    pointer-events: all;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .kiosk footer > div .buttonbar {
    bottom: 0;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .orientation_portrait footer > div .buttonbar, .orientation_landscape .categories:not(.basket_active) footer > div .buttonbar {
    left: 0;
    bottom: 0;
    padding: 0;
    height: 2.625rem;
    min-height: inherit;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .orientation_landscape .categories:not(.basket_active) footer > div .buttonbar {
    background: none;
  }
  .orientation_landscape .categories:not(.basket_active) footer > div .buttonbar > div {
    position: absolute;
    right: 1.179rem;
    bottom: 1.714rem;
    padding: 0.536rem 0 0.536rem 0.536rem;
    background-color: #f6f4e8;
  }
  .orientation_landscape .kiosk .categories:not(.basket_active) footer > div .buttonbar > div {
    bottom: 0.911rem;
  }
  .orientation_portrait main:not(.basket_active) footer > div .buttonbar {
    background: none;
  }
  .orientation_portrait .customise footer > div .buttonbar,
  .orientation_portrait .checkout footer > div .buttonbar {
    display: none;
  }
  .orientation_portrait footer > div .buttonbar > div {
    position: absolute;
    right: 1.375rem;
    bottom: 2.063rem;
    padding: 0.625rem;
    background-color: #f6f4e8;
  }
  .orientation_portrait footer > div .buttonbar > button.cancel,
  .orientation_portrait footer > div .buttonbar > button.fav,
  .orientation_portrait footer > div .buttonbar > button.access,
  .orientation_portrait footer > div .buttonbar > button.filter,
  .orientation_portrait footer > div .buttonbar > button.scan {
    position: absolute;
    right: 2.625rem;
    bottom: 2.625rem;
    margin: 0;
  }
  .orientation_portrait footer > div .buttonbar > button.fav,
  .orientation_portrait footer > div .buttonbar > button.access {
    right: 8.25rem;
  }
  .orientation_portrait footer > div .buttonbar > button.filter,
  .orientation_portrait footer > div .buttonbar > button.scan {
    right: 13.875rem;
  }
  .orientation_portrait footer > div .buttonbar > em {
    display: none;
  }
  .basket_active .orientation_portrait footer > div .buttonbar {
    background: linear-gradient(to top, #f6f4e8 50%, rgba(246, 244, 232, 0) 100%);
    display: block;
  }
  main.stores.map .orientation_portrait footer > div .buttonbar {
    display: none;
  }
  .orientation_portrait .kiosk main.categories footer > div .buttonbar button.access,
  .orientation_portrait .kiosk main.prodlist footer > div .buttonbar button.access {
    opacity: 1;
    pointer-events: all;
  }
}
.minw_md footer .receipt-container.checkout ul li > div h3,
.minw_md footer .receipt-container.checkout ul li > div h4,
.minw_md footer .receipt-container.checkout ul li > div > span,
footer .minw_md .receipt-total ul li > div h3,
footer .minw_md .receipt-total ul li > div h4,
footer .minw_md .receipt-total ul li > div > span {
  font-size: 0.813rem !important;
  line-height: 1.375rem !important;
}
footer .receipt-container {
  visibility: hidden;
  overflow: hidden;
  padding-bottom: 6.25rem;
}
footer .receipt-container.checkout {
  padding-bottom: 0;
}
.basket_active footer .receipt-container {
  visibility: visible;
}
footer .receipt-container .orderdetails {
  padding: 0.5rem 0.625rem 0 0.625rem;
  border-bottom: 1px solid #ecdac7;
  border-color: var(--color-border);
  font-size: 1rem;
  line-height: 1.25rem;
}
.hairline footer .receipt-container .orderdetails {
  border-width: 0.5px;
}
footer .receipt-container .orderdetails > div {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.customise footer .receipt-container .orderdetails, .deal footer .receipt-container .orderdetails, .deal_grid footer .receipt-container .orderdetails {
  display: none;
}
footer .receipt-container > ul + em {
  display: none;
  /*			position:absolute;
  left:0;
  width:100%;
  margin-top:get-rem(-230px);
  font-size:get-rem(13px);
  line-height:get-rem(20px);
  text-align:center;
  color:$color-txt-grey-dark;*/
}
footer .receipt-container.checkout > ul + em {
  display: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  footer .receipt-container {
    position: absolute;
    left: 0;
    right: -1.071rem;
    top: 11.088rem;
    bottom: 5rem;
    padding-right: 2.893rem;
    padding-bottom: 3.125rem;
    min-height: inherit;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    z-index: 1;
  }
  footer .receipt-container::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
  }
  footer .receipt-container .orderdetails {
    padding: 0.438rem 0 0 0;
    margin-left: 1rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  footer .receipt-container > ul + em {
    padding-right: 1.625rem;
    box-sizing: border-box;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  footer .receipt-container > ul + em {
    display: none;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .whatinput-types-mouse.scroll_lock footer .receipt-container {
    overflow-y: hidden;
  }
  footer .receipt-container.notrans ul > li > div,
  footer .receipt-container.notrans ul > li aside {
    transition: none !important;
  }
  .minw_md footer .receipt-container.checkout {
    top: 12.106rem;
  }
  .minw_md footer .receipt-container.checkout ul {
    padding: 0 0 1rem 1rem;
  }
  .minw_md footer .receipt-container.checkout ul li > div {
    display: table;
  }
  .minw_md.orientation_landscape footer .receipt-container.checkout {
    position: relative;
    left: -1rem;
    right: auto;
    top: 0.938rem;
    bottom: auto;
    width: 19.714rem;
    height: fit-content;
    max-height: calc(100vh - 19.286rem);
    padding-bottom: 0;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .kiosk main:not(.checkout) footer .receipt-container {
    padding-bottom: 13.393rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  footer .receipt-container {
    left: 2.375rem;
    right: auto;
    top: 0;
    bottom: 0;
    width: 41.875rem;
    padding-right: 1.438rem;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .minw_md footer .receipt-container.checkout {
    position: relative;
    left: -0.25rem;
    top: 0;
    width: 41.875rem;
    max-height: 8.5rem;
    transition: max-height 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .minw_md footer .receipt-container.checkout ul {
    padding: 0.813rem 0 0 0;
  }
  .minw_md .expand footer .receipt-container.checkout {
    max-height: calc(100% - 15.625rem);
  }
  .basket_active:not(.checkout) footer .receipt-container {
    top: 6.563rem;
  }
  .kiosk.accessible .basket_active:not(.checkout) footer .receipt-container {
    top: 5.438rem;
  }
  .kiosk .basket_active.checkout footer .receipt-container {
    width: 33.75rem;
    padding-bottom: 0;
  }
  .kiosk footer .receipt-container.checkout {
    max-height: 21.25rem;
  }
  .kiosk.accessible footer .receipt-container.checkout {
    max-height: 7.75rem;
  }
}
footer .receipt-total {
  border-top: 1px solid #ecdac7;
  border-color: var(--color-border);
  padding-top: 1rem;
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  footer .receipt-container .receipt-total {
    margin-left: 0.857rem;
  }
}

.hairline footer .receipt-total {
  border-width: 0.5px !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  footer .receipt-container + .receipt-total {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0.938rem;
    right: 1.188rem;
    background: #f6f4e8;
    z-index: 2;
    display: block;
  }
  .orientation_landscape .checkout footer .receipt-container + .receipt-total {
    position: relative;
    left: 0;
    right: 0;
    bottom: auto;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  footer .receipt-container + .receipt-total {
    position: relative;
    width: 41.875rem;
    left: -0.25rem;
    right: auto;
    background: inherit;
  }
  .checkout footer .receipt-container + .receipt-total {
    width: 41.875rem;
  }
  .kiosk .checkout footer .receipt-container + .receipt-total {
    width: 33.75rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .hairline footer .receipt-container + .receipt-total {
    border-width: 0.5px;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .receipt-container.checkout {
    padding-top: 1rem;
    min-height: auto;
  }
}

.receipt-container.checkout ul,
.receipt-total ul {
  width: 100%;
  min-height: inherit;
  pointer-events: none;
  padding: 0;
  margin: 0 0 1.125rem 0;
}
.receipt-container.checkout ul li,
.receipt-total ul li {
  border-bottom: none;
  padding: 0 0.875rem 0 0.875rem;
  box-sizing: border-box;
  margin: 0 !important;
  overflow: hidden;
}
.receipt-container.checkout ul li > div,
.receipt-total ul li > div {
  display: table;
  width: 100%;
}
.receipt-container.checkout ul li > div figure,
.receipt-total ul li > div figure {
  display: none;
}
.receipt-container.checkout ul li > div h3,
.receipt-container.checkout ul li > div h4,
.receipt-container.checkout ul li > div > span,
.receipt-total ul li > div h3,
.receipt-total ul li > div h4,
.receipt-total ul li > div > span {
  position: relative;
  flex: 1;
  height: auto;
  font-size: 0.938rem;
  line-height: 1.5rem;
  font-weight: 400;
  padding: 0 !important;
  margin: 0 !important;
}
.receipt-container.checkout ul li > div h3 span,
.receipt-container.checkout ul li > div h4 span,
.receipt-container.checkout ul li > div > span span,
.receipt-total ul li > div h3 span,
.receipt-total ul li > div h4 span,
.receipt-total ul li > div > span span {
  height: auto;
  padding: 0;
  right: 0 !important;
  bottom: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-container.checkout ul li > div h3,
  .receipt-container.checkout ul li > div h4,
  .receipt-container.checkout ul li > div > span,
  .receipt-total ul li > div h3,
  .receipt-total ul li > div h4,
  .receipt-total ul li > div > span {
    font-size: 0.813rem;
    line-height: 1.375rem;
  }
}
.receipt-container.checkout ul li > div.custom:last-child h4,
.receipt-total ul li > div.custom:last-child h4 {
  padding-bottom: 0;
}
.receipt-container.checkout ul li > div > span,
.receipt-total ul li > div > span {
  text-align: right;
  white-space: nowrap;
  padding: 0 0 0 0.313rem;
}
.receipt-container.checkout ul li > div.modify,
.receipt-total ul li > div.modify {
  transform: translate3d(0, 0, 0);
}
.receipt-container.checkout ul li > div.modify figure,
.receipt-total ul li > div.modify figure {
  opacity: 1;
}
.receipt-container.checkout ul li > div.modify + aside,
.receipt-total ul li > div.modify + aside {
  display: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-container.checkout ul li,
  .receipt-total ul li {
    padding: 0 0.75rem 0 0.75rem;
  }
}
.receipt-container.checkout ul li aside,
.receipt-total ul li aside {
  display: none;
}

.receipt-total ul li {
  display: block;
}
.receipt-total ul li > div {
  display: table;
}
.receipt-total ul li > div h3,
.receipt-total ul li > div > span {
  display: table-cell;
  padding: 0 !important;
  font: 400 0.938rem / 1.5rem "VCGooper", sans-serif;
  color: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
}
.receipt-total ul li > div h3 b,
.receipt-total ul li > div > span b {
  font-weight: 400;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-total ul li > div h3,
  .receipt-total ul li > div > span {
    font-size: 0.813rem;
    line-height: 1.375rem;
  }
  .receipt-history + .receipt-total ul li > div h3,
  .receipt-history + .receipt-total ul li > div > span {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-history + .receipt-total ul li {
    padding-left: 1.188rem;
  }
}
.receipt-total.giftcard {
  margin-top: 1.25rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-total.giftcard ul li {
    padding: 0 0.625rem 0 1.25rem;
  }
  .receipt-total.giftcard ul li > div h3,
  .receipt-total.giftcard ul li > div > span {
    font-size: 20px;
    line-height: 30px;
  }
}

.orderref {
  font-family: "Courier New", Courier, monospace;
  -webkit-user-select: all !important;
  -ms-user-select: all !important;
  user-select: all !important;
}

.receipt-info {
  width: 100%;
  border: 1px solid #ecdac7;
  border-color: var(--color-border);
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: inherit;
  margin-bottom: 0.875rem;
}
.hairline .receipt-info {
  border-width: 0.5px !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-info {
    width: 99%;
    margin-top: 1px;
  }
}
.receipt-info tr:last-child td {
  border: none;
}
.receipt-info td {
  position: relative;
  padding: 0 0.313rem 0 0.625rem;
  height: 2.875rem;
  border-bottom: 1px dotted #ecdac7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.receipt-info td:first-child {
  width: 5.625rem;
}
.receipt-info figure {
  position: absolute;
  left: 0.625rem;
  top: 0.5rem;
  width: 3rem;
  margin: 0;
}
.receipt-info figure + span {
  padding-left: 3.625rem;
}

.receipt-history {
  border-top: 1px solid #ecdac7;
  border-color: var(--color-border);
  margin: 0 -0.625rem 0 -0.625rem;
  display: block;
}
.hairline .receipt-history {
  border-width: 0.5px !important;
}
.receipt-history ul {
  min-height: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}
.receipt-history ul li > div:first-child {
  cursor: auto !important;
}
.receipt-history ul li:last-child {
  margin-bottom: 1.375rem !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-history {
    margin: 1px 0 0 1px !important;
  }
  .receipt-history ul {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
  }
  .receipt-history ul li {
    box-sizing: border-box;
  }
  .receipt-history ul li > div h3,
  .receipt-history ul li > div h4 {
    font-size: 1.25rem !important;
    line-height: 1.875rem !important;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .receipt-history ul li > div h3,
  .receipt-history ul li > div h4 {
    padding-right: 0.875rem !important;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-history ul li > div h4 {
    height: 1.875rem !important;
    padding-left: 1.188rem !important;
  }
  .receipt-history ul li > div h4 span {
    height: 1.875rem !important;
    top: 0 !important;
  }
}

/* Promos in basket */
.receipt-container > ul.promocode li:first-child {
  border-top: 1px solid #ecdac7;
  border-color: var(--color-border);
}
.receipt-container > ul.promocode li.addcode {
  pointer-events: all;
}
.receipt-container > ul.promocode li.addcode h3,
.receipt-container > ul.promocode li.addcode h3 span {
  height: auto;
}
.receipt-container > ul.promocode li.addcode h3 {
  padding-top: 1.063rem !important;
  padding-bottom: 1.063rem;
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .receipt-container > ul.promocode li.addcode h3 {
    padding-right: 0.875rem;
  }
}

.receipt-container.checkout > ul.promocode li:not(.addcode) h3 {
  padding-top: 1.063rem !important;
  padding-bottom: 0.938rem !important;
}
.receipt-container.checkout > ul.promocode li:not(.addcode) aside {
  display: block;
  right: 0.625rem;
  top: 0;
  padding-top: 0;
  opacity: 1;
}
.receipt-container.checkout > ul.promocode li:not(.addcode) aside button {
  pointer-events: all;
  margin: 0;
}
.receipt-container.checkout > ul.promocode li:not(.addcode) aside button:active {
  box-shadow: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-container.checkout > ul.promocode li:not(.addcode) aside {
    top: 0.5rem;
  }
}

.receipt-container > ul:first-child li:nth-child(1) {
  z-index: 40;
}
.receipt-container > ul:first-child li:nth-child(2) {
  z-index: 39;
}
.receipt-container > ul:first-child li:nth-child(3) {
  z-index: 38;
}
.receipt-container > ul:first-child li:nth-child(4) {
  z-index: 37;
}
.receipt-container > ul:first-child li:nth-child(5) {
  z-index: 36;
}
.receipt-container > ul:first-child li:nth-child(6) {
  z-index: 35;
}
.receipt-container > ul:first-child li:nth-child(7) {
  z-index: 34;
}
.receipt-container > ul:first-child li:nth-child(8) {
  z-index: 33;
}
.receipt-container > ul:first-child li:nth-child(9) {
  z-index: 32;
}
.receipt-container > ul:first-child li:nth-child(10) {
  z-index: 31;
}
.receipt-container > ul:first-child li:nth-child(11) {
  z-index: 30;
}
.receipt-container > ul:first-child li:nth-child(12) {
  z-index: 29;
}
.receipt-container > ul:first-child li:nth-child(13) {
  z-index: 28;
}
.receipt-container > ul:first-child li:nth-child(14) {
  z-index: 27;
}
.receipt-container > ul:first-child li:nth-child(15) {
  z-index: 26;
}
.receipt-container > ul:first-child li:nth-child(16) {
  z-index: 25;
}
.receipt-container > ul:first-child li:nth-child(17) {
  z-index: 24;
}
.receipt-container > ul:first-child li:nth-child(18) {
  z-index: 23;
}
.receipt-container > ul:first-child li:nth-child(19) {
  z-index: 22;
}
.receipt-container > ul:first-child li:nth-child(20) {
  z-index: 21;
}
.receipt-container > ul:first-child li:nth-child(21) {
  z-index: 20;
}
.receipt-container > ul:first-child li:nth-child(22) {
  z-index: 19;
}
.receipt-container > ul:first-child li:nth-child(23) {
  z-index: 18;
}
.receipt-container > ul:first-child li:nth-child(24) {
  z-index: 17;
}
.receipt-container > ul:first-child li:nth-child(25) {
  z-index: 16;
}
.receipt-container > ul:first-child li:nth-child(26) {
  z-index: 15;
}
.receipt-container > ul:first-child li:nth-child(27) {
  z-index: 14;
}
.receipt-container > ul:first-child li:nth-child(28) {
  z-index: 13;
}
.receipt-container > ul:first-child li:nth-child(29) {
  z-index: 12;
}
.receipt-container > ul:first-child li:nth-child(30) {
  z-index: 11;
}
.receipt-container > ul:first-child li:nth-child(31) {
  z-index: 10;
}
.receipt-container > ul:first-child li:nth-child(32) {
  z-index: 9;
}
.receipt-container > ul:first-child li:nth-child(33) {
  z-index: 8;
}
.receipt-container > ul:first-child li:nth-child(34) {
  z-index: 7;
}
.receipt-container > ul:first-child li:nth-child(35) {
  z-index: 6;
}
.receipt-container > ul:first-child li:nth-child(36) {
  z-index: 5;
}
.receipt-container > ul:first-child li:nth-child(37) {
  z-index: 4;
}
.receipt-container > ul:first-child li:nth-child(38) {
  z-index: 3;
}
.receipt-container > ul:first-child li:nth-child(39) {
  z-index: 2;
}
.receipt-container > ul:first-child li:nth-child(40) {
  z-index: 1;
}

.receipt-container > ul,
.receipt-history ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.receipt-container > ul.adding,
.receipt-history ul.adding {
  border-top: 1px solid #ecdac7;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-container > ul,
  .receipt-history ul {
    padding-left: 0.857rem;
  }
  .receipt-container > ul:first-child,
  .receipt-history ul:first-child {
    min-height: 2.679rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .receipt-container > ul,
  .receipt-history ul {
    padding-left: 0;
    overflow: visible;
  }
}
.receipt-container > ul li,
.receipt-history ul li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ecdac7;
  border-color: var(--color-border);
  cursor: pointer;
}
.receipt-container > ul li.item-move,
.receipt-history ul li.item-move {
  transition: transform 300ms ease-in-out;
}
.receipt-container > ul li:last-child {
  border-bottom: none;
}

.receipt-container > ul li.new,
.receipt-history ul li.new {
  display: none;
  overflow: hidden;
}
.receipt-container > ul li.deliveryfee, .receipt-container > ul li.offer,
.receipt-history ul li.deliveryfee,
.receipt-history ul li.offer {
  pointer-events: none;
}
.receipt-container > ul li.deliveryfee figure:before, .receipt-container > ul li.offer figure:before,
.receipt-history ul li.deliveryfee figure:before,
.receipt-history ul li.offer figure:before {
  content: " ";
  position: absolute;
  left: 1.875rem;
  top: 1.188rem;
  width: 3.438rem;
  height: 3.438rem;
  display: block;
  background-image: url("../images/ico-sheet.9ac39a80af53.svg?lc-1680523460");
  background-size: 72.188rem 68.75rem;
  background-position: -58.438rem -24.063rem;
  z-index: 1;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-container > ul li.deliveryfee figure:before, .receipt-container > ul li.offer figure:before,
  .receipt-history ul li.deliveryfee figure:before,
  .receipt-history ul li.offer figure:before {
    left: 1.125rem;
    top: 0.75rem;
    width: 3rem;
    height: 3rem;
    background-size: 63rem 60rem;
    background-position: -51rem -21rem;
  }
}
.receipt-container > ul li.deliveryfee aside, .receipt-container > ul li.offer aside,
.receipt-history ul li.deliveryfee aside,
.receipt-history ul li.offer aside {
  display: none;
}
.receipt-container > ul li.offer figure:before,
.receipt-history ul li.offer figure:before {
  background-position-x: -10.313rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-container > ul li.offer figure:before,
  .receipt-history ul li.offer figure:before {
    background-position-x: -9rem;
  }
}
.receipt-container > ul li.offer figure:not(:empty):before,
.receipt-history ul li.offer figure:not(:empty):before {
  display: none;
}
.receipt-container > ul li.offer h3,
.receipt-history ul li.offer h3 {
  color: #e40425;
}
.hairline .receipt-container > ul li,
.hairline .receipt-history ul li {
  border-width: 0.5px !important;
}
.receipt-container > ul li > div,
.receipt-history ul li > div {
  width: 100%;
  display: block;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.canceltrans .receipt-container > ul li > div,
.canceltrans .receipt-history ul li > div {
  transition: none !important;
}
.receipt-container > ul li > div figure,
.receipt-history ul li > div figure {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 6.625rem;
  height: 6.188rem;
  margin: 0;
  padding-bottom: 0.063rem;
  overflow: hidden;
  transition: opacity 0.15s linear;
}
.receipt-container > ul li > div figure img.pure-img,
.receipt-history ul li > div figure img.pure-img {
  max-width: inherit;
  height: 6.5rem;
  padding-left: 0.313rem;
}
.receipt-container > ul li > div figure + h3,
.receipt-history ul li > div figure + h3 {
  padding-left: 7.25rem;
}
.receipt-container > ul li > div > div,
.receipt-history ul li > div > div {
  width: 100%;
  display: table;
  padding-left: 0.875rem;
  box-sizing: border-box;
}
.receipt-container > ul li > div h3,
.receipt-history ul li > div h3 {
  position: relative;
  display: table;
  width: 100%;
  font: 400 0.938rem / 1.5rem "VCGooper", sans-serif;
  color: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  height: 6.25rem;
  padding: 0rem 0.875rem 0 0.875rem;
  vertical-align: middle;
  box-sizing: border-box;
  text-wrap: balance;
}
.receipt-container > ul li > div h3 em,
.receipt-container > ul li > div h4 em,
.receipt-history ul li > div h3 em,
.receipt-history ul li > div h4 em {
  font-style: normal;
}
.receipt-container > ul li > div h3 i,
.receipt-container > ul li > div h4 i,
.receipt-history ul li > div h3 i,
.receipt-history ul li > div h4 i {
  font-style: normal;
}
.receipt-container > ul li > div h3 span,
.receipt-container > ul li > div h4 span,
.receipt-history ul li > div h3 span,
.receipt-history ul li > div h4 span {
  display: table-cell;
  vertical-align: middle;
  padding-top: 0rem;
  height: 6.25rem;
}
.receipt-container > ul li > div h3 span + span,
.receipt-container > ul li > div h4 span + span,
.receipt-history ul li > div h3 span + span,
.receipt-history ul li > div h4 span + span {
  white-space: nowrap;
  text-align: right;
  padding-left: 0.313rem;
}
.receipt-container > ul li > div h3 span + span.reduced-price,
.receipt-container > ul li > div h4 span + span.reduced-price,
.receipt-history ul li > div h3 span + span.reduced-price,
.receipt-history ul li > div h4 span + span.reduced-price {
  color: #e40425;
}
.receipt-container > ul li > div h3 span + span.reduced-price em,
.receipt-container > ul li > div h4 span + span.reduced-price em,
.receipt-history ul li > div h3 span + span.reduced-price em,
.receipt-history ul li > div h4 span + span.reduced-price em {
  color: #4e3629;
  text-decoration: line-through;
  display: block;
}
.receipt-container > ul li > div h4,
.receipt-history ul li > div h4 {
  position: relative;
  display: table;
  width: 100%;
  font: 400 0.813rem / 1.375rem "VCGooper", sans-serif;
  color: #000;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  height: 1.375rem;
  -webkit-font-smoothing: antialiased;
  padding: 0 0.938rem 0 0.938rem;
  vertical-align: middle;
  box-sizing: border-box;
}
.receipt-container > ul li > div h4 em,
.receipt-history ul li > div h4 em {
  width: 0.625rem;
  text-align: center;
  display: inline-block;
}
.receipt-container > ul li > div h4 span,
.receipt-history ul li > div h4 span {
  height: 1.375rem;
  padding-top: 0;
  top: 0;
}
.receipt-container > ul li > div h4 span + span.reduced-price em,
.receipt-history ul li > div h4 span + span.reduced-price em {
  display: inline;
  padding-right: 0.313rem;
}
.custom.offer h4,
.custom.offer > span {
  color: #e40425;
}

.receipt-container > ul li > div:nth-child(3) > h4:last-child,
.receipt-container > ul li > div:nth-child(3) > div:last-child > h4,
.receipt-history ul li > div:nth-child(3) > h4:last-child,
.receipt-history ul li > div:nth-child(3) > div:last-child > h4 {
  padding-top: 0rem;
}
.minw_md .receipt-container > ul li > div:nth-child(3) > h4:last-child,
.minw_md .receipt-container > ul li > div:nth-child(3) > div:last-child > h4,
.minw_md .receipt-history ul li > div:nth-child(3) > h4:last-child,
.minw_md .receipt-history ul li > div:nth-child(3) > div:last-child > h4 {
  padding-top: 0;
}
.receipt-container > ul li > div.custom:nth-last-child(2) > h4:last-child,
.receipt-container > ul li > div.custom:nth-last-child(2) > div:last-child > h4 {
  padding-bottom: 1rem;
}

.receipt-history ul li > div.custom:last-child > h4:last-child,
.receipt-history ul li > div.custom:last-child > div:last-child > h4 {
  padding-bottom: 1rem;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-container > ul li > div figure,
  .receipt-history ul li > div figure {
    width: 4.75rem;
    height: 4.75rem;
    margin-top: 0.438rem;
  }
  .receipt-container > ul li > div figure img.pure-img,
  .receipt-history ul li > div figure img.pure-img {
    height: 4.625rem;
    padding-left: 0.25rem;
  }
  .receipt-container > ul li > div figure + h3,
  .receipt-history ul li > div figure + h3 {
    padding-left: 5.375rem;
  }
  .receipt-container > ul li > div h3,
  .receipt-history ul li > div h3 {
    font-size: 0.813rem;
    line-height: 1.375rem;
    height: 5.563rem;
    padding: 0rem 0.75rem 0 0.75rem;
  }
  .receipt-container > ul li > div h3 span,
  .receipt-history ul li > div h3 span {
    top: 0;
    padding-top: 0rem;
    height: 5.375rem;
  }
  .receipt-container > ul li > div h4,
  .receipt-history ul li > div h4 {
    font-size: 0.75rem;
    line-height: 1.313rem;
    height: 1.313rem;
    line-height: 1.313rem;
    padding: 0 0.875rem 0 0.875rem;
  }
  .receipt-container > ul li > div h4 span,
  .receipt-history ul li > div h4 span {
    top: 0;
    padding-top: 0;
    height: 1.313rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .receipt-container > ul li > div figure,
  .receipt-history ul li > div figure {
    margin-left: 0.25rem;
  }
  .receipt-container > ul li > div figure + h3,
  .receipt-history ul li > div figure + h3 {
    padding-left: 5.625rem;
  }
  .receipt-container > ul li > div h3,
  .receipt-container > ul li > div h4,
  .receipt-history ul li > div h3,
  .receipt-history ul li > div h4 {
    padding-right: 10.625rem;
  }
  .receipt-container > ul li > div h3,
  .receipt-history ul li > div h3 {
    padding-left: 0.875rem;
  }
  .receipt-container > ul li > div h4,
  .receipt-history ul li > div h4 {
    padding-left: 1.188rem;
  }
}
.receipt-container > ul li aside,
.receipt-history ul li aside {
  position: absolute;
  display: flex;
  right: -8.625rem;
  top: 1.25rem;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.1s linear, visibility 0s 0.4s;
  pointer-events: none;
  background: linear-gradient(to right, rgba(246, 244, 232, 0) 0%, #f6f4e8 3%, #f6f4e8 100%);
  z-index: 1;
}
.canceltrans .receipt-container > ul li aside,
.canceltrans .receipt-history ul li aside {
  transition: none !important;
}
.receipt-container > ul li aside button,
.receipt-history ul li aside button {
  pointer-events: none;
  margin-left: 0.625rem;
}
.receipt-container > ul li > div.modify,
.receipt-history ul li > div.modify {
  transform: translate3d(-6.375rem, 0, 0);
}
.receipt-container > ul li > div.modify figure,
.receipt-container > ul li > div.modify h3 span + span,
.receipt-history ul li > div.modify figure,
.receipt-history ul li > div.modify h3 span + span {
  opacity: 0;
}
.receipt-container > ul li > div.modify + aside,
.receipt-history ul li > div.modify + aside {
  opacity: 1;
  visibility: visible;
  transform: translate3d(-9.25rem, 0, 0);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.1s linear, visibility 0s 0s;
}
.receipt-container > ul li > div.modify + aside button,
.receipt-history ul li > div.modify + aside button {
  pointer-events: auto !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-container > ul li aside,
  .receipt-history ul li aside {
    position: absolute;
    right: -6.625rem;
    top: 1.5rem;
  }
  .receipt-container > ul li aside button,
  .receipt-history ul li aside button {
    margin-left: 0.5rem;
  }
  .receipt-container > ul li > div.modify,
  .receipt-history ul li > div.modify {
    transform: translate3d(-4.607rem, 0, 0);
  }
  .receipt-container > ul li > div.modify + aside,
  .receipt-history ul li > div.modify + aside {
    transform: translate3d(-6.643rem, 0, 0);
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .receipt-container > ul li aside,
  .receipt-history ul li aside {
    right: 0;
    top: 0;
    opacity: 1;
    padding-top: 1.5rem;
    pointer-events: auto;
    background: none;
    visibility: visible;
  }
  .receipt-container > ul li aside button,
  .receipt-history ul li aside button {
    pointer-events: auto;
  }
  .receipt-container > ul li > div.modify,
  .receipt-history ul li > div.modify {
    transform: none;
  }
  .receipt-container > ul li > div.modify figure,
  .receipt-container > ul li > div.modify h3 span + span,
  .receipt-history ul li > div.modify figure,
  .receipt-history ul li > div.modify h3 span + span {
    opacity: 1;
  }
  .receipt-container > ul li > div.modify + aside,
  .receipt-history ul li > div.modify + aside {
    transform: none;
  }
  .receipt-container > ul li .receipt-item__focus-trigger,
  .receipt-history ul li .receipt-item__focus-trigger {
    display: none;
  }
}
.receipt-container > ul li.item-dragging > div,
.receipt-container > ul li.item-dragging > div figure,
.receipt-container > ul li.item-dragging > div + aside,
.receipt-history ul li.item-dragging > div,
.receipt-history ul li.item-dragging > div figure,
.receipt-history ul li.item-dragging > div + aside {
  transition: none;
}
.receipt-container > ul li.item-dragging > aside,
.receipt-history ul li.item-dragging > aside {
  visibility: visible;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  main:not(.categories):not(.favourites):not(.prodlist):not(.cross_sell):not(.pageplugin) button.checkout {
    background-color: transparent !important;
    pointer-events: none;
  }
  main:not(.categories):not(.favourites):not(.prodlist):not(.cross_sell):not(.pageplugin) button.checkout span {
    display: none;
  }
  main:not(.categories):not(.favourites):not(.prodlist):not(.cross_sell):not(.pageplugin) button.checkout span.alt {
    display: flex;
    font: 400 1rem / 1.5rem "VCGooper", sans-serif;
    color: #4e3629;
    text-transform: none !important;
    letter-spacing: 0px;
    word-spacing: 0px;
    -webkit-font-smoothing: antialiased;
    padding-top: 0;
    padding-right: 0;
    margin-top: 0.313rem;
  }
  main:not(.categories):not(.favourites):not(.prodlist):not(.cross_sell):not(.pageplugin) button.checkout em {
    color: #4e3629;
    background-color: transparent !important;
  }
}
main.deal .receipt-container li.current div.qty,
main.deal_grid .receipt-container li.current div.qty,
main.modify .receipt-container li.current div.qty {
  pointer-events: none !important;
}
main.deal .receipt-container li.current button.qty,
main.deal .receipt-container li.current button.change,
main.deal .receipt-container li.current button.remove,
main.deal_grid .receipt-container li.current button.qty,
main.deal_grid .receipt-container li.current button.change,
main.deal_grid .receipt-container li.current button.remove,
main.modify .receipt-container li.current button.qty,
main.modify .receipt-container li.current button.change,
main.modify .receipt-container li.current button.remove {
  opacity: 0.35;
  pointer-events: none !important;
  cursor: default;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  main.deal .receipt-container li.current > div:first-child:before,
  main.deal_grid .receipt-container li.current > div:first-child:before,
  main.modify .receipt-container li.current > div:first-child:before {
    content: "";
    position: absolute;
    left: -1.563rem;
    top: 2.125rem;
    width: 1.125rem;
    height: 1.125rem;
    background: #f6f4e8;
    border-top: 1px solid #ecdac7;
    border-right: 1px solid #ecdac7;
    border-color: var(--color-border);
    transform: rotate(45deg);
  }
  .hairline main.deal .receipt-container li.current > div:first-child:before,
  .hairline main.deal_grid .receipt-container li.current > div:first-child:before,
  .hairline main.modify .receipt-container li.current > div:first-child:before {
    border-width: 0.5px;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  main.deal .receipt-container li.current > div:first-child:before,
  main.deal_grid .receipt-container li.current > div:first-child:before,
  main.modify .receipt-container li.current > div:first-child:before {
    display: none;
  }
}
main.deal main.modify .receipt-container li.current > div:first-child:before,
main.deal_grid main.modify .receipt-container li.current > div:first-child:before,
main.modify main.modify .receipt-container li.current > div:first-child:before {
  left: 2.813rem;
}
main.deal main.modify .receipt-container li.current figure,
main.deal_grid main.modify .receipt-container li.current figure,
main.modify main.modify .receipt-container li.current figure {
  display: none;
}

.list-container {
  position: relative;
  display: block;
  width: 100%;
}
.mobile.orientation_landscape body:not(.kiosk) .list-container:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  z-index: 1;
  background-color: #f6f4e8;
}
.mobile.orientation_landscape body:not(.kiosk) .list-container:before {
  right: -0.75rem;
}
.ie11 .upgrade-container > div:nth-child(-n+2) .list-container:before {
  content: none;
}
.stores section .list-container:after, .stores-delivery section .list-container:after, .prodlist section .list-container:after, .deal_grid section .list-container:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: -0.625rem;
  right: -0.625rem;
  border-bottom: 2px solid #f6f4e8;
  z-index: 1;
  display: inline-block;
}
.list-container.create-account {
  transition: margin-top 0.2s linear;
  margin-bottom: 1.688rem !important;
}
.list-container.create-account:after {
  content: none;
}
@media (max-width: 567px) {
  .list-container.create-account ul.usp {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: min-content;
  }
  .list-container.create-account ul.usp > li {
    position: relative;
    padding: 0 1.25rem 0 3.5rem;
    line-height: 2.75rem;
    white-space: nowrap;
  }
  .list-container.create-account ul.usp > li i {
    position: absolute;
    left: 0;
    top: -0.313rem;
    transform: scale(0.75);
  }
  .list-container.create-account ul.usp > li i.creditcard {
    top: -0.438rem;
  }
}
@media (min-width: 568px) {
  .list-container.create-account h3 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .list-container.create-account ul.usp {
    display: flex;
    justify-content: center;
  }
  .list-container.create-account ul.usp > li {
    width: 33.3333%;
    text-align: center;
    margin-bottom: 1.25rem;
  }
  .list-container.create-account ul.usp > li i {
    margin: 0 auto 0.375rem auto;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list-container.create-account h3 {
    padding: 1.875rem 0 1.875rem 0;
  }
  .list-container.create-account ul.usp {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 568px) {
  .list-container.create-account, .list.history + .list-container.md-buttons {
    margin-left: auto;
    margin-right: auto;
  }
  .list-container.create-account > ul:first-child li, .list.history + .list-container.md-buttons > ul:first-child li {
    margin: 0 auto;
  }
}
.list.history + .list-container.md-buttons:not(.create-account) {
  padding-top: 1.25rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.history + .list-container.md-buttons:not(.create-account) {
    padding-top: 3.125rem;
  }
}
.list-container p.listnote {
  margin: 0.75rem 0 0 0;
  font-size: 0.813rem;
  line-height: 1.375rem;
}
.list-container p.listnote:empty {
  display: none;
}
.list-container .list-splitcontent {
  margin: 0;
}
.list-container .list-splitcontent > div {
  padding: 0;
}
.list-container .list-splitcontent > div:nth-child(2) .list.list-compact.list-reveal li:first-child:only-child {
  pointer-events: auto;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list-container .list-splitcontent > div:nth-child(2) .list.list-compact.list-lines:not(.more),
  .list-container .list-splitcontent > div:nth-child(2) .list.list-compact.list-lines > li:first-child {
    border-top: none;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list-container .list-splitcontent > div:first-child .list.list-lines:before {
    content: none;
  }
  .list-container .list-splitcontent > div:nth-child(2) .list.list-lines > li > div,
  .list-container .list-splitcontent > div:nth-child(2) .list.list-lines .list-compact__group > li > div {
    border-left: 1px solid #ecdac7;
    border-color: var(--color-border);
    margin-left: -1px;
  }
  .hairline .list-container .list-splitcontent > div:nth-child(2) .list.list-lines > li > div,
  .hairline .list-container .list-splitcontent > div:nth-child(2) .list.list-lines .list-compact__group > li > div {
    border-width: 0.5px !important;
    margin-left: -0.5px;
  }
}
.list-container .list-splitcontent.list-reveal {
  /*			> div:last-child ul {
  	border-top: none !important;
  }*/
}
.list-container .list-splitcontent.list-reveal.payopt h3.ellipsis span a {
  pointer-events: all;
  color: #037c58;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list-container .list-splitcontent.list-reveal.payopt + .md-buttons {
    margin-top: 0;
  }
}
.list-container .list-splitcontent.list-reveal.payopt + .md-buttons button {
  opacity: 0;
  transition: height 0.3s ease-in-out, opacity 0.3s linear 0.3s;
}
.list-container .list-splitcontent.list-reveal.payopt:not(.active) + .md-buttons button {
  height: 0;
}
.list-container .list-splitcontent.list-reveal.payopt.active + .md-buttons {
  margin-top: 1.25rem;
}
.list-container .list-splitcontent.list-reveal.payopt.active + .md-buttons button {
  opacity: 1;
}
.list-container .list-splitcontent.list-reveal:not(.active) > div:first-child ul:nth-child(2), .list-container .list-splitcontent.list-reveal:not(.active) > div:nth-child(2) ul {
  display: none;
}
.list-container .list-splitcontent.list-reveal > div:first-child ul:first-child + ul {
  border-top: none;
}
.list-container .list-splitcontent.list-reveal > div:first-child ul:first-child + ul li:first-child {
  border-top: none;
}
.list-container .list-splitcontent.list-reveal > div:first-child ul:first-child .rdo,
.list-container .list-splitcontent.list-reveal > div:first-child ul:first-child .chk {
  opacity: 0;
  transition: opacity 0.5s linear;
}
.list-container .list-splitcontent.list-reveal > div:first-child ul:first-child i.ico.down {
  position: absolute;
  right: 0.938rem;
  top: 1.75rem;
}
.list-container .list-splitcontent.list-reveal.active > div:first-child ul:first-child .rdo,
.list-container .list-splitcontent.list-reveal.active > div:first-child ul:first-child .chk {
  opacity: 1;
}
.list-container .list-splitcontent.list-reveal.active > div:first-child ul:first-child i.ico.down {
  display: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list-container .list-splitcontent.list-reveal {
    margin-left: 1px;
  }
  .list-container .list-splitcontent.list-reveal:not(.list-topline) {
    border-top: 1px solid #ecdac7;
    border-color: var(--color-border);
  }
  .hairline .list-container .list-splitcontent.list-reveal:not(.list-topline) {
    border-width: 0.5px !important;
  }
  .list-container .list-splitcontent.list-reveal.list-topline {
    border-top: 2px solid #4e3629 !important;
  }
  .list-container .list-splitcontent.list-reveal ul {
    margin-top: 0;
  }
  .list-container .list-splitcontent.list-reveal > div:first-child ul {
    margin-left: 0;
  }
  .list-container .list-splitcontent.list-reveal > div ul:first-child {
    border-top: none !important;
  }
}
.list-container__fineprint {
  font-size: 0.813rem;
  line-height: 1.25rem;
}

product-list,
product,
product-title,
product-introduction {
  display: block;
}

.sub-category {
  display: block;
  float: left;
  width: 100%;
}

product-title-with-price {
  width: 100%;
  display: inherit;
}

.product-config-meal-configurator {
  display: inline;
  display: contents;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .product-config-meal-configurator {
    display: table;
    width: 100%;
    height: 100%;
  }
}
.upgrade-container {
  display: inline-block;
  margin: 0;
  width: 100%;
}
.upgrade-container .dimmed {
  pointer-events: none;
}
.upgrade-container .dimmed h2 {
  color: #cab9a5;
}
.upgrade-container .dimmed ul li,
.upgrade-container .dimmed div.button-container {
  display: none;
}
.upgrade-container > div {
  padding: 0;
}
.upgrade-container .list-container .list.list-compact {
  padding-bottom: 0;
}
.upgrade-container .list-container > h2 {
  position: relative;
}
.upgrade-container .list-container > pre {
  display: none;
}
.upgrade-container .list-container:after {
  display: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .upgrade-container > div {
    display: none;
  }
  .upgrade-container > div.active {
    display: block;
  }
  .upgrade-container .list.list-compact {
    display: block;
  }
  .upgrade-container .list.list-compact.more {
    margin-top: 0;
  }
  .upgrade-container .list.list-compact.more > li:first-child {
    border-top: none;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .upgrade-container {
    width: calc(100% + 0.188rem);
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .upgrade-container {
    width: calc(100% + 0.161rem);
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .upgrade-container .list-container > h2 span {
    right: 0.875rem;
  }
  .upgrade-container .list-container > pre {
    display: block;
  }
  .upgrade-container > div:first-child .list.list-lines {
    margin-left: 1px;
  }
  .upgrade-container > div .list.list-lines {
    margin-top: 0;
  }
  .upgrade-container > div h2 {
    margin-bottom: 0;
    padding-bottom: 1rem;
  }
  .upgrade-container > div:not(:first-child) h2,
  .upgrade-container > div:not(:first-child) ul.list,
  .upgrade-container > div:not(:first-child) div.button-container {
    border-left: 1px solid #ecdac7;
    border-color: var(--color-border);
  }
  .hairline .upgrade-container > div:not(:first-child) h2,
  .hairline .upgrade-container > div:not(:first-child) ul.list,
  .hairline .upgrade-container > div:not(:first-child) div.button-container {
    border-left-width: 1px !important;
    border-left-color: #ecdac7;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  .hairline .upgrade-container > div:not(:first-child) h2,
  .hairline .upgrade-container > div:not(:first-child) ul.list,
  .hairline .upgrade-container > div:not(:first-child) div.button-container {
    border-left: none;
    position: relative;
  }
  .hairline .upgrade-container > div:not(:first-child) h2:after,
  .hairline .upgrade-container > div:not(:first-child) ul.list:after,
  .hairline .upgrade-container > div:not(:first-child) div.button-container:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 0;
    bottom: 0;
    border-left: solid 1px #decbb7;
    transform: scaleX(0.5) translateX(0);
    transform-origin: 0 0;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .upgrade-container > div:not(:nth-child(3)) {
    margin-right: -1px;
  }
  .upgrade-container > div:not(:nth-child(3)) h2,
  .upgrade-container > div:not(:nth-child(3)) ul.list,
  .upgrade-container > div:not(:nth-child(3)) div.button-container {
    border-right: 1px solid #ecdac7;
    border-color: var(--color-border);
  }
  .hairline .upgrade-container > div:not(:nth-child(3)) h2,
  .hairline .upgrade-container > div:not(:nth-child(3)) ul.list,
  .hairline .upgrade-container > div:not(:nth-child(3)) div.button-container {
    border-width: 0.5px !important;
    margin-right: -0.5px;
    /*						border-right-width: 1px !important;
    border-right-color: $color-border;
    margin-right: 0.5px;
    @include minw('max') {
    	border-right: none;
    	margin-right: 0;
    	position: relative;
    	&:before {
    		content: '';
    		position: absolute;
    		right: 0;
    		top: 0;
    		bottom: 0;
    		border-left: solid 1px $color-border-hairline;
    		transform: scaleX(0.5) translateX(1px);
    		transform-origin: 0 0;
    	}
    }*/
  }
  .upgrade-container div.more {
    height: 0;
    overflow: hidden;
    display: block;
  }
  .upgrade-container div.more > div {
    display: contents;
  }
  .upgrade-container .more-active div.more {
    overflow: visible;
  }
  .kiosk .customise.scroll_lock section,
  .kiosk .customise-steps.scroll_lock section {
    overflow-y: hidden;
  }
  .kiosk .customise .upgrade-container,
  .kiosk .customise-steps .upgrade-container {
    height: 100%;
  }
  .kiosk .customise .upgrade-container > div,
  .kiosk .customise-steps .upgrade-container > div {
    position: relative;
    height: 100%;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .kiosk .customise .upgrade-container > div:before, .kiosk .customise .upgrade-container > div:after,
  .kiosk .customise-steps .upgrade-container > div:before,
  .kiosk .customise-steps .upgrade-container > div:after {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    top: 0;
    height: 1.375rem;
    background: linear-gradient(to bottom, #f6f4e8 0%, rgba(246, 244, 232, 0.95) 50%, rgba(246, 244, 232, 0.6) 100%);
    z-index: 2;
    pointer-events: none;
  }
  .kiosk .customise .upgrade-container > div:after,
  .kiosk .customise-steps .upgrade-container > div:after {
    top: auto;
    bottom: 0;
    background: linear-gradient(to top, #f6f4e8 0%, rgba(246, 244, 232, 0.95) 50%, rgba(246, 244, 232, 0.6) 100%);
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .kiosk .customise .upgrade-container > div:not(.dimmed) .list-container,
  .kiosk .customise-steps .upgrade-container > div:not(.dimmed) .list-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    backface-visibility: hidden;
    z-index: 1;
  }
  .kiosk .customise .upgrade-container > div:not(.dimmed) .list-container::-webkit-scrollbar,
  .kiosk .customise-steps .upgrade-container > div:not(.dimmed) .list-container::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
  }
  .kiosk .customise .upgrade-container .list-container .list.list-lines,
  .kiosk .customise-steps .upgrade-container .list-container .list.list-lines {
    margin-top: 0;
  }
  .kiosk .customise .upgrade-container .list-container > div:last-child:not(.more):not(div.button-container),
  .kiosk .customise-steps .upgrade-container .list-container > div:last-child:not(.more):not(div.button-container) {
    margin-bottom: 6.25rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .kiosk .customise .upgrade-container h2,
  .kiosk .customise-steps .upgrade-container h2 {
    position: sticky;
    top: 0;
    border-bottom: 1px solid #ecdac7;
    border-color: var(--color-border);
    margin-bottom: -1px;
    background: linear-gradient(to bottom, #f6f4e8 0%, #f6f4e8 80%, rgba(246, 244, 232, 0.8) 100%);
    z-index: 1;
  }
  .kiosk .customise .upgrade-container .more-active .more,
  .kiosk .customise-steps .upgrade-container .more-active .more {
    overflow: visible;
  }
  .kiosk .customise .upgrade-container .more-active .more h2,
  .kiosk .customise-steps .upgrade-container .more-active .more h2 {
    top: -1.875rem;
    background: linear-gradient(to bottom, rgba(246, 244, 232, 0) 0%, #f6f4e8 30%, #f6f4e8 84%, rgba(246, 244, 232, 0) 84%, rgba(246, 244, 232, 0) 100%);
  }
}
.upgrade-container div.button-container {
  display: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .upgrade-container div.button-container:not(:empty) {
    position: relative;
    float: none;
    width: auto;
    margin: -1px 0 1.813rem 0;
    padding-top: 0.625rem;
    min-height: 3.125rem;
    box-sizing: border-box;
    display: block;
  }
}

.list {
  list-style-type: none;
  padding: 0;
  margin: 0 -0.625rem 0 -0.625rem;
}
.list > li {
  padding-right: 0;
  cursor: pointer;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list {
    margin: 0;
  }
  .list > li.dimmed {
    opacity: 0.3;
  }
  .list.products:not(.fav), .list.store {
    position: relative;
  }
  .more-active .list.products:not(.fav):first-child:after, .more-active .list.store:first-child:after {
    display: none;
  }
  .list.category div.item, .list.products div.item, .list.contents div.item, .list.generic div.item {
    cursor: pointer;
  }
}
.list.contents li.current {
  background-color: #f6f4e8;
  z-index: 10;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.contents li.current {
    z-index: auto;
  }
  .list.contents.more {
    height: 0;
    overflow: hidden;
    display: block;
  }
  .more-active .list.contents.more {
    overflow: visible;
  }
}
.list.products, .list.store, .list.history {
  margin-bottom: 0;
}
.list.products > li:first-child, .list.store > li:first-child, .list.history > li:first-child {
  border-top: 1px solid #ecdac7;
  border-color: var(--color-border);
}
.hairline .list.products > li:first-child, .hairline .list.store > li:first-child, .hairline .list.history > li:first-child {
  border-width: 0.5px !important;
}
.list.products.more li:first-child {
  border-top: none;
}

@media (min-width: 568px) {
  .list.products > li.pure-u-sm-1-2:nth-child(2), .list.store > li.pure-u-sm-1-2:nth-child(2), .list.history > li.pure-u-sm-1-2:nth-child(2) {
    border-top: 1px solid #ecdac7;
    border-color: var(--color-border);
  }
  .hairline .list.products > li.pure-u-sm-1-2:nth-child(2), .hairline .list.store > li.pure-u-sm-1-2:nth-child(2), .hairline .list.history > li.pure-u-sm-1-2:nth-child(2) {
    border-width: 0.5px !important;
  }
  .list.products > li.brandbox + .pure-u-sm-1-2:nth-child(2), .list.store > li.brandbox + .pure-u-sm-1-2:nth-child(2), .list.history > li.brandbox + .pure-u-sm-1-2:nth-child(2) {
    border-top: none;
  }
}
.list.products div.item, .list.store div.item, .list.history div.item {
  display: table;
  width: 100%;
}
[data-whatinput=keyboard] .list.products div.item:focus, [data-whatinput=keyboard] .list.store div.item:focus, [data-whatinput=keyboard] .list.history div.item:focus {
  outline: 3px solid #000;
  outline-offset: -10px;
}
.list.products div.item h2, .list.store div.item h2, .list.history div.item h2 {
  position: relative;
  display: table-cell;
  left: auto;
  right: auto;
  bottom: auto;
  height: 6.25rem;
  padding: 0 0.875rem 0 7.25rem;
  vertical-align: middle;
  box-sizing: border-box;
}
.list.products div.item h2 i.ico.pin, .list.store div.item h2 i.ico.pin, .list.history div.item h2 i.ico.pin {
  float: left;
  transform: scale(0.7);
  margin: -0.188rem 0 -0.25rem -0.25rem;
}
.list.products div.item h2 span, .list.store div.item h2 span, .list.history div.item h2 span {
  display: flex;
  align-items: center;
  height: 6.25rem;
  right: 0.875rem;
  top: 0;
  padding-top: 0rem;
  box-sizing: border-box;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.products:not(.fav) li, .list.store:not(.fav) li, .list.history:not(.fav) li {
    border-top: none !important;
  }
  .list.products:not(.fav) div.item h2, .list.store:not(.fav) div.item h2, .list.history:not(.fav) div.item h2 {
    height: auto;
  }
  .list.products:not(.fav) div.item h2 span, .list.store:not(.fav) div.item h2 span, .list.history:not(.fav) div.item h2 span {
    height: auto;
  }
}
.list.products > li.disabled div.item,
.list.products > li.disabled a.item,
.list.products > li.stockout div.item,
.list.products > li.stockout a.item, .list.list-compact > li.disabled div.item,
.list.list-compact > li.disabled a.item,
.list.list-compact > li.stockout div.item,
.list.list-compact > li.stockout a.item {
  pointer-events: none;
}
.list.products > li.disabled div.item figure > img,
.list.products > li.disabled a.item figure > img,
.list.products > li.stockout div.item figure > img,
.list.products > li.stockout a.item figure > img, .list.list-compact > li.disabled div.item figure > img,
.list.list-compact > li.disabled a.item figure > img,
.list.list-compact > li.stockout div.item figure > img,
.list.list-compact > li.stockout a.item figure > img {
  opacity: 0.5;
  -webkit-filter: saturate(20%);
  filter: saturate(20%);
}
.list.products > li.disabled div.item .support,
.list.products > li.disabled a.item .support,
.list.products > li.stockout div.item .support,
.list.products > li.stockout a.item .support, .list.list-compact > li.disabled div.item .support,
.list.list-compact > li.disabled a.item .support,
.list.list-compact > li.stockout div.item .support,
.list.list-compact > li.stockout a.item .support {
  display: none;
}
.list.products > li.stockout .item h2,
.list.products > li.stockout .item h2 span,
.list.products > li.stockout .item h3,
.list.products > li.stockout .item em.stockout,
.list.products > li.stockout .item .from-price__text-container,
.list.products > li.stockout .item p,
.list.products > li.disabled .item h2,
.list.products > li.disabled .item h2 span,
.list.products > li.disabled .item h3,
.list.products > li.disabled .item em.stockout,
.list.products > li.disabled .item .from-price__text-container,
.list.products > li.disabled .item p, .list.list-compact > li.stockout .item h2,
.list.list-compact > li.stockout .item h2 span,
.list.list-compact > li.stockout .item h3,
.list.list-compact > li.stockout .item em.stockout,
.list.list-compact > li.stockout .item .from-price__text-container,
.list.list-compact > li.stockout .item p,
.list.list-compact > li.disabled .item h2,
.list.list-compact > li.disabled .item h2 span,
.list.list-compact > li.disabled .item h3,
.list.list-compact > li.disabled .item em.stockout,
.list.list-compact > li.disabled .item .from-price__text-container,
.list.list-compact > li.disabled .item p {
  color: #4e3629 !important;
}
.list.products > li.stockout .alert, .list.list-compact > li.stockout .alert {
  color: #e40425 !important;
}
.list.products > li.disabled .item h3 span, .list.list-compact > li.disabled .item h3 span {
  color: #4e3629 !important;
}
.list.list-compact > li.stockout .price {
  display: none !important;
}
.list.products em.stockout {
  display: block;
  font-size: 0.75rem;
  margin-top: 0rem;
}
.list.products > li.big.stockout em.stockout {
  position: absolute;
  margin-top: -1.625rem;
}
.list.products.more {
  height: 7.5rem;
  overflow: hidden;
  display: flex;
}
.list.products.more:after {
  content: "";
  position: absolute;
  left: -0.625rem;
  right: -0.625rem;
  bottom: 0;
  height: 7.5rem;
  opacity: 1;
  background: linear-gradient(to bottom, rgba(246, 244, 232, 0) 20%, rgba(246, 244, 232, 0.2) 50%, #f6f4e8 100%);
  transition: opacity 0.2s linear;
  z-index: 10;
}
.more-active .list.products.more {
  overflow: inherit;
}
.more-active .list.products.more:after {
  opacity: 0;
  pointer-events: none;
}
.tp-hl:before {
  content: "";
  position: absolute;
  left: 0.321rem;
  right: 0.321rem;
  top: 0.321rem;
  bottom: 0.321rem;
  border: 0.214rem solid #038b62;
  border-radius: 0.536rem;
  background-color: rgba(3, 139, 98, 0.07);
  animation: pulse-small 1s ease-in-out;
  animation-iteration-count: infinite;
}
.category .tp-hl:before {
  z-index: 1;
  background-color: unset;
}
.adding .tp-hl:before {
  content: none;
}

.list.products div.item h2 {
  display: table;
  width: 100%;
  padding-right: 0.875rem;
  text-wrap: balance;
}
.list.products div.item h2 span {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  right: auto;
}
.list.products div.item h2 span:first-child {
  width: 100%;
}
.list.products div.item h2 span:nth-child(2) {
  position: relative;
  white-space: nowrap;
  text-align: right;
  padding-left: 0.313rem;
}
.list.products div.item h2 span i.ico {
  margin: 0 -0.813rem 0 -0.313rem;
}
.list.products div.item span.from-price em,
.list.products div.item span.reduced-price em {
  position: absolute;
  right: 0;
  margin-top: -1.25rem;
  font-size: 0.688rem;
  color: #4e3629;
}
.list.products div.item span.reduced-price {
  color: #e40425;
}
.list.products div.item span.reduced-price em {
  text-decoration: line-through;
}
.list.products .products__item .add1clk {
  position: absolute;
  right: 0.688rem;
  top: 0.375rem;
  z-index: 1;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.products {
    padding-bottom: 2px;
    /*			@at-root .list-container + .list-container,	// varför denna, gömmer sista linjen på listan innan?
    	.list-container + login-account > .list-container {
    	margin-top: -2px;
    }*/
    /*			@include minw('sm') {
    	margin-right: get-rem(-11px); // Hide li border-right with -1px Varför?
    	.overlay-detached & {
    		margin-right: get-rem(-10px);
    	}
    }*/
  }
  .list.products + .list.products {
    margin-top: -2px !important;
  }
  .sub-category + .sub-category > div .list-container:only-child .list.products {
    margin-top: -0.125rem;
  }
  .sub-category + .sub-category > div .list-container:only-child .list.products > li:first-child {
    border-top: none;
  }
  .list.products li:not(.big) div.functions {
    background-color: #f6f4e8;
  }
  .list.products.more {
    margin-top: -2px !important;
    height: 3.5rem;
  }
  .list.products.more:after {
    height: 3.5rem;
  }
  .list.products.more.big {
    height: 7.5rem;
  }
  .list.products.more.big:after {
    height: 7.5rem;
  }
}
.list.products li {
  /*			&.brandgroup {
  	&:first-child {
  		border-top:none;
  		> div:first-child {
  			border-top-style:solid;
  			border-top-color:$color-border;
  			border-top-width:get-rem(4px) !important;
  		}
  	}
  	@include minw("md") {
  		> div:first-child, div.brandmess + div {
  			border-top-style:solid;
  			border-top-color:$color-border;
  			border-top-width:get-rem(4px) !important;
  			.hairline & {
  				border-top-width:get-rem(4px) !important;
  			}
  			> div {
  				padding-top:0;
  			}
  		}
  	}
  }*/
}
.list.products li.big.current:not(.adding) div.item {
  /*				h2 {	// Decap
  //					opacity:0;
  //					text-indent:-3000px;			// Funkar ej
  					color:rgba($lph2-color-big-md, 0.6);	// För att kunna ha kvar bakgrundsfärg på t.ex Letz.
  				}*/
}
.list.products li.big.current:not(.adding) div.item p {
  color: rgba(78, 54, 41, 0.2);
}
.list.products li.current div.item span + span {
  visibility: hidden;
}
.list.products li.current button.add1clk {
  visibility: hidden;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .overlay-detached_active .overlay-detached div.selected .list.products li div.item span + span {
    visibility: hidden;
  }
}
.list.products li > div {
  min-height: 6.25rem;
}
.list.products li div.item > div {
  position: relative;
  display: table;
  width: 100%;
}
.list.products li div.item figure {
  position: absolute;
  width: 7.5rem;
  height: 6.188rem;
  margin: 0;
  padding-bottom: 0.063rem;
}
.list.products li div.item h2 {
  text-align: left;
}
.list.products li div.item h2 i,
.list.products li div.item h2 em {
  font-style: normal;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.products li div.item h2 i,
  .list.products li div.item h2 em {
    white-space: nowrap;
  }
}
.list.products li div.item.big h2 {
  text-align: left;
}
.list.products li div.item.big h2 i {
  white-space: nowrap;
}
.list.products li div.item p {
  display: none;
  position: relative;
  font: 400 0.813rem/1.25rem "VCGooper", sans-serif;
  color: #4e3629;
  text-align: left;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  padding: 0.188rem 0.875rem 1.125rem 0.875rem;
  margin: -1.063rem 0 0 0;
}
.list.products li div.item.desc.big p {
  display: block;
}
.list.products li div.item > img {
  position: absolute;
  image-rendering: -webkit-crisp-edges;
}
.list.products li.adding div.item h2,
.list.products li.adding div.item p,
.list.products li.adding div.item .support {
  visibility: hidden;
}
.list.products li.adding button.add1clk {
  visibility: hidden;
}
.list.products li .brandmess {
  display: table;
  width: 100%;
  min-height: auto;
  box-sizing: border-box;
  border-right: none !important;
}
.list.products li .brandmess > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0.625rem 0.625rem 1rem 0.625rem;
  border-top: 0 !important;
  background: #e9e9e9;
  background-size: cover;
}
.list.products li .brandmess figure {
  margin: 0 auto;
  padding: 0 1.25rem;
  max-width: 21.25rem;
}
.list.products li .brandmess h2 {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  text-shadow: none;
  font: 400 1.875rem/2.375rem "VCGooper", sans-serif;
  color: #038b62;
  text-align: center;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 0.625rem;
}
.list.products li .brandmess p {
  font: 400 1.125rem/1.625rem "VCGooper", sans-serif;
  color: #000;
  text-align: center;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
}
.list.products li .brandmess p a {
  font: 400 1.125rem/1.625rem "VCGooper", sans-serif;
  color: #f6c54d;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  margin-top: 0.25rem;
  display: block;
}
.list.products li .campaign {
  position: absolute;
  right: -2.375rem;
  top: -1.563rem;
  width: 8.75rem;
  height: 5.625rem;
  z-index: 1;
  transform: scale(0.46);
  overflow: hidden;
}
.hairline .list.products li .campaign {
  top: -1.531rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.products li .campaign {
    right: 0;
    top: 0 !important;
    transform: inherit;
    z-index: inherit;
  }
}
.list.products li .campaign em {
  position: absolute;
  top: 1.313rem;
  left: 2.563rem;
  width: 6.875rem;
  color: #fff;
  font-style: normal;
  transform: rotate(33deg);
  text-align: center;
}
.list.products li div.item.big .campaign {
  right: 0;
  top: 0 !important;
  transform: inherit;
  z-index: inherit;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.products li div.item figure {
    display: flex;
    justify-content: center;
    width: 6.625rem;
    overflow: hidden;
  }
  .list.products li div.item figure > img {
    max-width: inherit;
    height: 6.5rem;
    padding-left: 0.313rem;
  }
  .list.products li div.item.big {
    position: relative;
    display: block;
    min-height: 16.5rem;
  }
  .list.products li div.item.big figure {
    position: relative;
    width: 100vw;
    width: calc(100vw - env(safe-area-inset-left));
    height: auto;
    min-height: 6.25rem;
    padding-bottom: 0;
  }
  .list.products li div.item.big figure > img {
    height: 93.0909090909vw;
    height: calc(93.0909090909vw - env(safe-area-inset-left));
    padding-left: 0;
  }
  .list.products li div.item.big h2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.125rem 0.875rem 1.063rem 0.875rem;
    height: auto;
  }
  .list.products li div.item.big h2 span {
    height: auto;
    vertical-align: bottom;
  }
  .list.products li div.item.big h2 span i.ico {
    margin-bottom: -0.125rem;
  }
  .list.products li button.add1clk ~ .item:not(.big) h2 {
    width: calc(100% - 4rem);
  }
  .list.products li .big button.add1clk {
    top: 50%;
  }
}
@media (max-width: 767px) and (min-width: 568px), (max-width: 1023px) and (max-height: 480px) and (min-width: 568px) {
  .list.products li {
    /*				&:first-child.double + li {
    	border-top:none;
    }*/
    /*				&.brandbox {
    	&.pure-u-sm-1-2.big {
    		width:100%;
    		.brandmess {
    			float:left;
    			width:50%;
    			height:100%;
    			h2 {
    				text-align:$prh2-text-align-md;
    			}
    			p {
    				text-align:$prp-text-align-md;
    			}
    			& + div {
    				float:left;
    				width:50%;
    				box-sizing:border-box;
    			}
    		}
    		div.item.big figure {
    			width:50vw;
    		}
    	}
    }*/
  }
  .list.products li.pure-u-1:not(.pure-u-sm-1-2) .overlay, .list.products li.pure-u-md-2-3 .overlay, .list.products li.fauxdouble .overlay {
    padding-left: 22%;
    padding-right: 22%;
  }
  .overlay-detached .list.products li.pure-u-1:not(.pure-u-sm-1-2) .overlay, .overlay-detached .list.products li.pure-u-md-2-3 .overlay, .overlay-detached .list.products li.fauxdouble .overlay {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .list.products li.big div.item figure > img {
    max-height: 46.5454545455vw;
    max-height: calc(46.5454545455vw - env(safe-area-inset-left));
    margin: 0 auto;
  }
  .list.products li.fauxdouble {
    width: 100%;
  }
  .list.products li.fauxdouble.big div.item h2, .list.products li.pure-u-md-2-3.big div.item h2 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .list.products li.fauxdouble.big div.item h2 span, .list.products li.pure-u-md-2-3.big div.item h2 span {
    position: relative;
    display: inline;
    padding-left: 1rem;
    bottom: auto;
  }
  .list.products li.fauxdouble.big div.item p, .list.products li.pure-u-md-2-3.big div.item p {
    text-align: center;
  }
  .list.products li.pure-u-sm-1-2.big:not(.fauxdouble) div.item figure {
    width: 50vw;
    width: calc(50vw - env(safe-area-inset-left));
  }
  .list.products li.pure-u-sm-1-2.big:not(.fauxdouble) .upgrade div.item figure {
    width: 6.625rem;
  }
  .list.products li.pure-u-sm-1-2.big:not(.fauxdouble) > div {
    border-right: 1px solid #ecdac7;
    border-color: var(--color-border);
  }
  .hairline .list.products li.pure-u-sm-1-2.big:not(.fauxdouble) > div {
    border-width: 0.5px !important;
  }
  .list.products li div.item h2 span {
    padding-right: 0.063rem;
  }
}
@media (min-width: 568px) {
  .list.products:not(.fav) li > div {
    width: 100%;
    height: 100%;
  }
  .list.products:not(.fav) li > div > div {
    height: 100%;
    box-sizing: border-box;
  }
  .list.products:not(.fav) li .products__item {
    height: 100%;
    overflow: hidden;
  }
  .list.products:not(.fav) li div.item.big {
    height: 100%;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.products {
    /*			@media (orientation: landscape) {
    	margin-right: get-rem-md(-4px) !important;
    }*/
  }
  .sub-category + .sub-category > div .list-container:only-child .list.products {
    margin-top: 1.875rem;
  }
  .list.products:not(.fav) .overlay {
    left: 0.313rem;
    right: 0.188rem;
    margin-bottom: 0.25rem;
    padding-left: 0.688rem;
    padding-right: 0.688rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  .list.products {
    /*				@media (orientation: landscape) {
    	margin-right: -4px !important;
    }*/
  }
  .list.products:not(.fav) .overlay {
    left: 0.268rem;
    right: 0.161rem;
    margin-bottom: 0.214rem;
    padding-left: 0.696rem;
    padding-right: 0.696rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.products.fav {
    border-top: 2px solid #4e3629;
  }
  .list.products.fav > li:first-child {
    border-top: none;
  }
  .list.products:not(.fav) li {
    /*				div.overlay button.customise + div.qty {	// Görs med js
    	display: none;
    }*/
    /*				@include minw('1600px') {
    	div.item,
    	div.item figure {
    		.edge &,
    		.ie & {
    			width: 326px; // Fix for Edge two decimal problem (blurry images)
    			height: 295px;
    		}
    	}
    	div.item figure > img {
    		.edge &,
    		.ie & {
    			width: 326px;
    			height: 303px;
    		}
    	}
    }*/
  }
  .list.products:not(.fav) li > div {
    min-height: 17.5rem;
  }
  .list.products:not(.fav) li .brandmess {
    float: left;
    width: calc(100% + 0.125rem);
    height: 100%;
    padding: 0.625rem 0.313rem 0.625rem 0.313rem;
    margin-left: -0.063rem;
    margin-right: -0.063rem;
    background-color: #f6f4e8;
    /*					@at-root li.brandbox {
    	&.pure-u-md-1-3 {
    		width:66.6666%;
    		.brandmess {
    			width:50%;
    		}
    	}
    	&.pure-u-md-2-3 {
    		width:100%;
    	}
    }*/
  }
  .list.products:not(.fav) li .brandmess > div {
    height: 100%;
    padding-right: 0.75rem;
  }
  .list.products:not(.fav) li .brandmess figure {
    padding: 0;
  }
  .list.products:not(.fav) li .brandmess h2 {
    text-align: left;
  }
  .list.products:not(.fav) li .brandmess p {
    text-align: left;
  }
  .list.products:not(.fav) li div.item {
    height: 18.438rem;
  }
  .list.products:not(.fav) li div.item figure {
    position: relative;
    width: 20.375rem;
    height: 18.438rem;
    overflow: hidden;
    padding: 0;
  }
  .list.products:not(.fav) li div.item figure > img {
    position: relative;
    width: 100%;
  }
  .kiosk .tabs-left .list.products:not(.fav) li div.item {
    height: 21.125rem;
  }
  .kiosk .tabs-left .list.products:not(.fav) li div.item figure {
    width: 23.313rem;
    height: 21.125rem;
  }
  .list.products:not(.fav) li div.item h2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.125rem 1.188rem 1.063rem 1.188rem;
    text-align: left;
  }
  .list.products:not(.fav) li div.item h2 span {
    vertical-align: bottom;
  }
  .list.products:not(.fav) li div.item h2 i.ico {
    margin-right: -0.938rem;
    margin-bottom: -0.125rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1500px), (min-width: 1024px) and (min-width: 1500px) {
  .list.products:not(.fav) li div.item h2 i.ico {
    margin-right: -0.857rem;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.products:not(.fav) li div.item > div h2 {
    padding: 1.125rem 0.938rem 0.813rem 0.938rem;
  }
  .list.products:not(.fav) li div.item p {
    display: block;
    padding: 0.188rem 0.938rem 0.875rem 0.938rem;
    margin-top: -0.813rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .list.products:not(.fav) li div.item p:empty {
    display: none;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .list.products:not(.fav) li div.item {
    width: 20.357rem;
    height: 18.429rem;
  }
  .list.products:not(.fav) li div.item figure {
    width: 20.357rem;
    height: 18.429rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.products:not(.fav) li button.add1clk {
    right: 0.875rem;
    top: 10rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .list.list-md-landscape-4.products:not(.fav) li button.add1clk {
    top: 5.571rem;
  }
  .list.list-md-landscape-4.products:not(.fav) li div.overlay div.qty {
    display: none;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1080px) and (orientation: portrait), (min-width: 1024px) and (min-width: 1080px) and (orientation: portrait) {
  .edge .list.products:not(.fav) li div.item, .ie .list.products:not(.fav) li div.item,
  .edge .list.products:not(.fav) li div.item figure,
  .ie .list.products:not(.fav) li div.item figure {
    width: 326px;
    height: 295px;
  }
  .edge .list.products:not(.fav) li div.item figure > img, .ie .list.products:not(.fav) li div.item figure > img {
    width: 326px;
    height: 303px;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.products:not(.fav) li.pure-u-md-2-3 div.item {
    width: 41.313rem;
  }
  .list.products:not(.fav) li.pure-u-md-2-3 div.item figure {
    width: 41.313rem;
    /*							@include minw('1600px') {
    	> img {
    		.edge &,
    		.ie & {
    			width: 661px;
    		}
    	}
    }*/
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1080px) and (orientation: portrait), (min-width: 1024px) and (min-width: 1080px) and (orientation: portrait) {
  .edge .list.products:not(.fav) li.pure-u-md-2-3 div.item figure > img, .ie .list.products:not(.fav) li.pure-u-md-2-3 div.item figure > img {
    width: 661px;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.products:not(.fav) li.pure-u-md-2-3 div.item h2 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .list.products:not(.fav) li.pure-u-md-2-3 div.item h2 span {
    position: relative;
    display: inline;
    padding-left: 1.25rem;
    bottom: auto;
  }
  .list.products:not(.fav) li.pure-u-md-2-3 div.item p {
    text-align: center;
  }
  .list.products:not(.fav) li.pure-u-md-2-3 .overlay {
    padding-left: 9.375rem;
    padding-right: 9.375rem;
  }
  .list.products.list-md-center > li:only-child {
    margin: 0 auto;
  }
  .list.products.list-md-center > li:only-child > div {
    border-right-color: #f6f4e8;
  }
  .list.products.list-md-center > li:first-child:nth-last-child(2) {
    margin-left: auto;
  }
  .list.products.list-md-center > li:first-child:nth-last-child(2) ~ li {
    margin-right: auto;
  }
  .list.products.list-md-center > li:first-child:nth-last-child(2) ~ li > div {
    border-right-color: #f6f4e8;
  }
  .orientation_portrait .list.products.list-md-center > li:only-child,
  .orientation_portrait .list.products.list-md-center > li:first-child:nth-last-child(2),
  .orientation_portrait .list.products.list-md-center > li:first-child:nth-last-child(2) ~ li {
    width: 24.875rem;
  }
  .orientation_portrait .list.products.list-md-center > li:only-child div.item,
  .orientation_portrait .list.products.list-md-center > li:first-child:nth-last-child(2) div.item,
  .orientation_portrait .list.products.list-md-center > li:first-child:nth-last-child(2) ~ li div.item {
    width: 24.375rem;
    height: 22.063rem;
  }
  .orientation_portrait .list.products.list-md-center > li:only-child div.item figure,
  .orientation_portrait .list.products.list-md-center > li:first-child:nth-last-child(2) div.item figure,
  .orientation_portrait .list.products.list-md-center > li:first-child:nth-last-child(2) ~ li div.item figure {
    width: 24.375rem;
    height: 22.063rem;
  }
  .orientation_portrait .list.products.list-md-center > li:only-child div.item figure > img,
  .orientation_portrait .list.products.list-md-center > li:first-child:nth-last-child(2) div.item figure > img,
  .orientation_portrait .list.products.list-md-center > li:first-child:nth-last-child(2) ~ li div.item figure > img {
    width: 24.375rem;
    height: 22.063rem;
  }
  .orientation_landscape .list.products.list-md-landscape-4 > li, .orientation_portrait .kiosk.accessible .list.products.list-md-landscape-4 > li {
    width: 25%;
    /*						button.info {
    	display:none !important;
    }*/
    /*						button.customise + div.qty {	// Görs med js
    	display: none;
    }*/
  }
  .orientation_landscape .list.products.list-md-landscape-4 > li > div, .orientation_portrait .kiosk.accessible .list.products.list-md-landscape-4 > li > div {
    min-height: inherit;
  }
  .orientation_landscape .list.products.list-md-landscape-4 > li div.item, .orientation_portrait .kiosk.accessible .list.products.list-md-landscape-4 > li div.item {
    width: 15.125rem;
    height: 13.75rem;
  }
  .orientation_landscape .list.products.list-md-landscape-4 > li div.item figure, .orientation_portrait .kiosk.accessible .list.products.list-md-landscape-4 > li div.item figure {
    width: 15.125rem;
    height: 13.75rem;
    /*								@include minw('1600px') {
    	.edge &,
    	.ie & {
    		width: 242px;
    		height: 220px;
    		> img {
    			width: 240px; // Fix for Edge two decimal problem (blurry images)
    			height: 223px;
    		}
    	}
    }*/
  }
  .orientation_landscape .list.products.list-md-landscape-4 > li div.item figure > img, .orientation_portrait .kiosk.accessible .list.products.list-md-landscape-4 > li div.item figure > img {
    width: 15rem;
    height: 13.938rem;
    margin-left: 0.063rem;
    margin-top: -0.625rem;
  }
}
.list.products.onebig > li.big {
  border: none;
}
.list.products.onebig > li.big > div {
  border: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.products.onebig > li.big {
    width: auto;
    margin: 0 auto;
  }
  .list.products.onebig > li.big div.functions {
    right: 2.813rem;
  }
  .list.products.onebig > li.big div.item {
    width: 36.25rem;
    height: auto;
  }
  .list.products.onebig > li.big div.item figure {
    width: 36.25rem;
    height: auto;
  }
  .list.products.onebig > li.big div.item figure img {
    height: auto;
  }
  .list.products.onebig > li.big div.item h2 {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
  .list.products.onebig > li.big .overlay {
    padding-left: 2.875rem;
    padding-right: 2.875rem;
  }
  .list.products.onebig > li.big button.add1clk {
    right: 2.5rem;
    bottom: 9.375rem;
  }
}
.list.products.fav {
  padding-bottom: 2px;
}
.fav-big {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12.5rem;
}
.fav-big i {
  transform: scale(4);
  opacity: 0.2;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .fav-big {
    height: 25rem;
  }
  .fav-big i {
    transform: scale(6);
  }
}

.list.products.fav button,
.list.products.fav button em,
.list.products.fav button em:after,
.list.products.fav button em:before {
  transition: none;
}
.list.products.fav button span > i.ico.plus {
  transform: none;
}
.list.products.fav li input {
  position: absolute;
  right: 0;
  top: 1.188rem;
  width: 0;
  visibility: hidden;
}
.list.products.fav li.edit-active input {
  right: auto;
  left: 7rem;
  width: calc(100% - 12rem);
  visibility: visible;
}
.list.products.fav li.edit-active button.edit {
  display: none !important;
}
.list.products.fav li.edit-active button.save {
  display: block !important;
}
.list.products.fav li.edit-active div.item h2,
.list.products.fav li.edit-active div.item p {
  opacity: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.products.fav li.adding .overlay,
  .list.products.fav li.adding button.mini,
  .list.products.fav li.adding .item h2 > span {
    display: none !important;
  }
  .list.products.fav li.adding > div > div {
    width: 30%;
  }
  .list.products.fav li > div > div {
    padding: 0;
  }
  .list.products.fav li button.add1clk {
    display: none;
  }
  .list.products.fav li button.edit,
  .list.products.fav li button.save {
    opacity: 1 !important;
    width: 3.75rem;
    height: 3.75rem;
    right: 16.375rem;
    top: 1.25rem;
  }
  .list.products.fav li button.edit {
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
  .list.products.fav li button.edit i.ico.edit {
    transform: none;
    margin: 0.75rem;
  }
  .list.products.fav li button.save i.ico.check {
    transform: none;
    top: -0.125rem;
    margin: 0.875rem;
  }
  .list.products.fav li div.item {
    width: 40.625rem;
  }
  .list.products.fav li div.item figure {
    display: flex;
    justify-content: center;
    width: 6.625rem;
    overflow: hidden;
  }
  .list.products.fav li div.item figure > img {
    max-width: inherit;
    height: 6.5rem;
    padding-left: 0.313rem;
  }
  .list.products.fav li div.item h2 {
    font-family: "VCGooper", sans-serif;
    font-size: 0.938rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: none;
    background: none;
  }
  .list.products.fav li .overlay {
    display: block !important;
    left: auto;
    top: 0 !important;
    bottom: unset;
    min-height: unset;
    padding-top: 1.25rem;
    background: none;
  }
  .list.products.fav li .overlay .size_split {
    margin-top: 0;
  }
  .list.products.fav li .overlay button {
    margin: 0 0.438rem 0 0.188rem !important;
  }
  .list.products.fav li .overlay button.add {
    width: 10.625rem;
  }
  .list.products.fav li .overlay button.add span > i.ico {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    margin-right: 0.5rem;
  }
  .list.products.fav li.edit-active input {
    width: 28.75rem;
  }
}
.list.products .product-list-item__link {
  display: block;
}
.list.store div.item h2, .list.history div.item h2 {
  text-shadow: none;
  vertical-align: top;
}
span.details {
  font-size: 0.75rem !important;
  text-transform: none !important;
  margin: 0.125rem 0 -0.125rem 0 !important;
  min-height: 1.625rem;
}
span.details em {
  font-style: normal;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 0 0.438rem 0.063rem 0.438rem;
  margin: 0 0.313rem 0 -0.25rem;
  border-radius: 0.875rem;
}

.list.store div.item h2,
.list.store div.item p, .list.history div.item h2,
.list.history div.item p {
  font: 700 1.188rem/1.625rem "VCGooper", sans-serif;
  color: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  padding: 1.188rem 0 1.313rem 0.875rem;
  margin: 0;
  box-sizing: border-box;
}
.list.store div.item h2 span,
.list.store div.item p span, .list.history div.item h2 span,
.list.history div.item p span {
  position: relative;
  right: auto;
  top: auto;
  font: 400 0.938rem/1.625rem "VCGooper", sans-serif;
  color: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  display: block;
  height: auto;
  padding-top: 0;
  margin-top: 0rem;
}
.list.store div.item h2 span:last-child,
.list.store div.item p span:last-child, .list.history div.item h2 span:last-child,
.list.history div.item p span:last-child {
  margin-top: 0;
}
.list.store div.item h2 span.deliveryfee,
.list.store div.item p span.deliveryfee, .list.history div.item h2 span.deliveryfee,
.list.history div.item p span.deliveryfee {
  padding-left: 2.125rem;
}
.list.store div.item h2 span i.ico.van,
.list.store div.item p span i.ico.van, .list.history div.item h2 span i.ico.van,
.list.history div.item p span i.ico.van {
  position: absolute;
  left: -0.125rem;
  bottom: -0.063rem;
  transform: scale(0.75);
  visibility: visible;
}
.list.store div.item p, .list.history div.item p {
  min-width: 7.5rem;
  padding-left: 0;
  padding-right: 0.875rem;
  text-align: right;
  text-transform: none;
}
.list.store div.item p i, .list.history div.item p i {
  font-style: normal;
}
.list.store div.item p em, .list.history div.item p em {
  font: 400 0.938rem/1.625rem "VCGooper", sans-serif;
  color: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  font-style: normal;
  display: block;
}
.list.store div.item p span, .list.history div.item p span {
  text-transform: none;
}
.list.store div.item p span.preordr, .list.history div.item p span.preordr {
  color: #e50;
}
.list.store div.item p span.closed, .list.history div.item p span.closed {
  color: #e40425;
}
.list.store div.item p span em, .list.history div.item p span em {
  font-style: normal;
  color: #fff;
  padding: 0 0.25rem 0 0.25rem;
  margin: 0 -0.25rem 0 -0.25rem;
  border-radius: 4px;
  background-color: #038b62;
  display: inline-block;
}
.list.store div.item p span em.preordr, .list.history div.item p span em.preordr {
  color: #fff;
  background-color: #e50;
}
.list.store div.item p span em.closed, .list.history div.item p span em.closed {
  color: #fff;
  background-color: #e40425;
}
.list.store .overlay, .list.history .overlay {
  top: -0.125rem;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.store > li.current div.item p > i:first-child,
  .list.store > li.current div.item p span, .list.history > li.current div.item p > i:first-child,
  .list.history > li.current div.item p span {
    visibility: hidden;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.store div.item h2,
  .list.store div.item p, .list.history div.item h2,
  .list.history div.item p {
    padding-left: 0.938rem;
  }
  .list.store div.item h2, .list.history div.item h2 {
    max-width: 18.75rem;
    padding-bottom: 4.75rem;
    white-space: nowrap;
    overflow: hidden;
  }
  .list.store div.item h2 span i.ico.van, .list.history div.item h2 span i.ico.van {
    bottom: -0.125rem;
  }
  .list.store div.item h2 span.details em, .list.history div.item h2 span.details em {
    margin: 0 0.188rem 0 -0.063rem;
  }
  .list.store div.item p, .list.history div.item p {
    min-width: inherit;
  }
  .list.store div.item p span, .list.history div.item p span {
    float: left;
    display: inline;
    padding-right: 0.938rem;
    margin-top: 0;
    font-size: 0.938rem;
    line-height: 1.75rem;
  }
  .list.store div.item p span em, .list.history div.item p span em {
    padding: 0 0.5rem 0 0.5rem;
    margin: 0;
    font-size: 0.938rem;
    line-height: 1.75rem;
  }
  .list.store button.mini:not(.showmore), .list.history button.mini:not(.showmore) {
    top: 0.938rem;
  }
  .list.store .overlay, .list.history .overlay {
    padding-top: 0.688rem;
    background: #f6f4e8;
  }
}
.list.store li.current.closed .overlay > div {
  display: none;
}
.list.store + .list.store {
  margin-top: 0;
}
.list.store + .list.store li:first-child {
  border-top: none;
}
.list.store li.current > div > div {
  background-color: #f6f4e8;
}
.list.store div.functions {
  background-color: #f6f4e8;
  top: 1.125rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.store div.functions {
    top: 1rem;
  }
}
.popup div.functions {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  float: right;
  margin-top: 0.25rem;
  display: block !important;
  background-color: transparent !important;
  opacity: 1 !important;
}
div.functions > button.mini {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  margin-left: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .popup div.functions {
    margin: 1.563rem 1.875rem 0 0;
  }
  .popup div.functions + p {
    padding-top: 1.25rem;
  }
  main.stores div.functions > button.mini:last-child, main.prodlist div.functions > button.mini:last-child, main.deal_grid div.functions > button.mini:last-child {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  main.stores div.functions > button.mini:last-child, main.prodlist div.functions > button.mini:last-child, main.deal_grid div.functions > button.mini:last-child {
    margin-left: -2px;
  }
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.store li.current.closed .overlay {
    visibility: hidden;
  }
  .list.store div.item p > i:first-child {
    position: absolute;
    right: 1.188rem;
    padding-left: 1.375rem;
    background: linear-gradient(to right, rgba(246, 244, 232, 0.01) 0%, #f6f4e8 17%, #f6f4e8 100%);
    background-repeat: no-repeat;
    background-position-x: 0;
    transition: background-position-x 0s linear 0.3s;
  }
  .list.store div.item p > i:last-child {
    position: absolute;
    left: 0;
    bottom: 0.938rem;
    padding-left: 1.125rem;
    width: 100%;
    box-sizing: border-box;
  }
  .list.store li.current div.item p > i:first-child {
    display: none;
  }
  .list.store li.taptic:not(.disabled):active div.item p > i:first-child {
    background: linear-gradient(to right, rgba(236.0194915784, 234.0329447461, 222.1249849453, 0.01) 0%, rgb(236.0194915784, 234.0329447461, 222.1249849453) 17%, rgb(236.0194915784, 234.0329447461, 222.1249849453) 100%);
  }
  .list.store.trigger-overlay.trigger-click-sm li.taptic:not(.disabled):active div.item p > i:first-child {
    background: none !important;
  }
}
.list.history {
  /*		li:last-child {						varför denna, sabbar leos "mer om denn beställningen" i order status
  	div.button-container {
  		margin-bottom:get-rem(-20px);
  		& + ul {
  			margin-top:get-rem(20px);
  		}
  	}
  }*/
}
.list.history.list-compact > li > div {
  height: auto;
}
.list.history.list-compact div.item:not(.link) h3 {
  padding-left: 5.25rem;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.history.list-compact .list.list-compact > li:first-child {
    border-top: 0;
  }
  .list.history.list-compact .list.list-lines > li > div {
    border-bottom: 0;
  }
}
.list.history .list-container {
  margin-bottom: 0.25rem;
  display: inline-block;
}
.list.history .list-container:after {
  content: none;
}
.list.history div.item h3 {
  transition: opacity 0.2s linear;
}
.list.history div.item h3 > em {
  font-style: normal;
  display: block;
}
.list.history div.item h3 > em > i {
  font-style: normal;
}
@media (min-width: 568px) {
  .list.history div.item h3 > em {
    display: inline;
  }
  .list.history div.item h3 > em:before {
    content: ",";
  }
}
.list.history div.item p i {
  white-space: nowrap;
}
.list.history div.item i.ico.down {
  position: absolute;
  right: 0;
  top: 0.688rem;
  margin: 1rem;
  z-index: 1;
  transition: transform 0.3s ease-in-out;
}
.list.history li.active div.item:not(.link) h3 {
  opacity: 0;
}
.list.history li.active div.item:not(.link) + div.item-more {
  opacity: 1;
}
.ie11 .list.history li.active div.item:not(.link) + div.item-more {
  display: block !important;
}
.list.history li.active div.item:not(.link) i.ico.down {
  transform: rotate(-180deg);
}
.list.history li.active:last-child > div {
  border-bottom: none;
}
.list.history div.item-more {
  padding: 0 0.625rem;
  transform: translateY(-5.5rem);
  margin-bottom: -5.5rem;
  opacity: 0;
  transition: opacity 0.2s linear;
  display: none;
}
.list.history div.more {
  height: 0;
  overflow: hidden;
  display: block;
}
.list.history div.more div.pure-g {
  margin-top: 1.875rem;
}
.list.history div.more > ul.pure-g li {
  border: none !important;
}
.list.history div.button-container {
  float: none;
  padding-bottom: 0.625rem;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.history div.more {
    margin: 0 -0.625rem;
    padding: 0 0.625rem 0;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.history {
    border-top: 1px solid #ecdac7;
    border-color: var(--color-border);
  }
  .hairline .list.history {
    border-width: 0.5px !important;
  }
  .list.history div.item {
    cursor: pointer;
    height: 5.25rem;
  }
  .list.history div.item h2 {
    padding-bottom: 1.313rem;
  }
  .list.history div.item-more {
    padding: 0;
  }
  .list.history div.item-more .order_complete {
    margin: 0 auto;
  }
  .list.history div.item-more .order_complete .ordernumber {
    margin: 1.875rem auto 1.25rem auto;
    /*						.payment, > span {				// Strange shifting in Safari
    	transform:scale(1.22);
    }
    .payment {
    	left:get-rem(-55px);
    	top:get-rem(-15px);
    }*/
  }
  .list.history .list-container {
    margin-top: 1.875rem;
  }
  .list.history .list-container .more > ul {
    display: flex;
    justify-content: center;
  }
}
.list > li > div > div,
.list > li > .category-list-item__link > div {
  position: relative;
}
.list > li > div > div:first-child,
.list > li > .category-list-item__link > div:first-child {
  padding-top: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list > li > div > div,
  .list > li > .category-list-item__link > div {
    padding: 0.313rem 0.25rem 0.25rem 0.313rem;
    overflow: hidden;
  }
  .list > li > div > div:first-child,
  .list > li > .category-list-item__link > div:first-child {
    padding-top: 0.313rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  .list > li > div > div,
  .list > li > .category-list-item__link > div {
    padding: 5px 4px 4px 5px;
  }
  .list > li > div > div:first-child,
  .list > li > .category-list-item__link > div:first-child {
    padding-top: 5px;
  }
}
.list > li.active > div > div {
  overflow: visible;
}
.list:not(.history) > li > div > div h2, .list:not(.history) > li > .category-list-item__link > div h2 {
  position: absolute;
  left: 0.875rem;
  right: 0;
  bottom: 0.688rem;
  margin-bottom: 0;
  font: 400 0.938rem/1.5rem "VCGooper", sans-serif;
  color: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
}
.list:not(.history) > li > div > div h2 span, .list:not(.history) > li > .category-list-item__link > div h2 span {
  position: absolute;
  right: 1.25rem;
  bottom: 0;
}
.list:not(.history) > li > div > div h2.center, .list:not(.history) > li > .category-list-item__link > div h2.center {
  left: 0;
  width: 100%;
  padding-right: 0;
  text-align: center;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list:not(.history) > li > div > div h2, .list:not(.history) > li > .category-list-item__link > div h2 {
    left: 1.25rem;
    font: 400 1.281rem/1.625rem "VCGooper-Semicond", sans-serif;
    color: #4e3629;
    text-transform: uppercase;
    letter-spacing: 0rem;
    word-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
  }
}
.list:not(.history) > li > div > div .item.big h2, .list:not(.history) > li > .category-list-item__link > div .item.big h2 {
  font: 400 1.281rem/1.625rem "VCGooper-Semicond", sans-serif;
  color: #4e3629;
  text-transform: uppercase;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
}
.list.list-lines > li > div {
  border-bottom: 1px solid #ecdac7;
  border-color: var(--color-border);
}
.hairline .list.list-lines > li > div {
  border-width: 0.5px !important;
}
.hairline .payopt .list.list-lines > li > div {
  transform: translateZ(0);
}
.list.list-lines > li.anim-active > div {
  border-color: transparent !important;
}
.list.list-lines > li.loading {
  position: relative;
  min-height: 12.5rem;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.list-lines > li.current:not(.adding) > div {
    border-color: transparent;
  }
  .list.list-lines > li.current:not(.adding) > div > div:first-child {
    border-color: var(--color-border);
    /*					.hairline & {
    	border-width: 0.5px !important;
    	margin-top: -0.5px !important;
    }*/
  }
}
@media (min-width: 568px) {
  .list.list-lines > li.pure-u-sm-1-2 > div {
    border-right: 1px solid #ecdac7;
    border-color: var(--color-border);
  }
  .hairline .list.list-lines > li.pure-u-sm-1-2 > div {
    border-width: 0.5px !important;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.list-lines {
    position: relative;
    margin: 0;
  }
  .ie11 .list.list-lines:before {
    content: "";
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    width: 3px;
    z-index: 1;
    background-color: #f6f4e8;
  }
  .ie11 .upgrade-container > div:nth-child(-n+2) .list.list-lines:before {
    content: none;
  }
  html {
    --color-bg-list-lines: #f6f4e8;
  }
  .list.list-lines:before {
    content: "";
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    width: 3px;
    z-index: 2;
    background-color: var(--color-bg-list-lines);
  }
  .od__content .list.list-lines:before {
    content: none;
  }
  .shadowbox .list.list-lines:before {
    background-color: #f6f4e8;
  }
  .upgrade-container > div:nth-child(-n+2) .list.list-lines:before, .list.list-lines.filter:before {
    content: none;
  }
  .upgrade-container .list.list-lines {
    margin-right: 0;
    margin-left: 0;
  }
  .list.list-lines > li > div,
  .list.list-lines .list-compact__group > li > div {
    border-right: 1px solid #ecdac7;
    border-color: var(--color-border);
    /*				> div {		Behövs denna, skapar missynk i gridden jämfört med kategoriöversikten
    	padding: get-rem(4px);
    	@include minw('1600px') {
    		padding: 4px;
    	}
    }*/
  }
  .upgrade-container .list.list-lines > li > div,
  .upgrade-container .list.list-lines .list-compact__group > li > div {
    border-right: none;
  }
}
.list.list-lines.generic > li > div > div h2 {
  padding-right: 0;
}
.list.list-compact {
  /*		.customise & {
  	padding-bottom:0;
  }*/
}
main:not(.orders) section .list.list-compact.list-lines:not(.more) {
  border-top: 1px solid #ecdac7;
  border-color: var(--color-border);
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .hairline main:not(.orders) section .list.list-compact.list-lines:not(.more) {
    border-width: 0.5px !important;
  }
  main.orders .list.list-compact.list-lines:not(.more) > li:first-child {
    border-top: 1px solid #ecdac7 !important;
    border-color: var(--color-border) !important;
  }
  .hairline main.orders .list.list-compact.list-lines:not(.more) > li:first-child {
    border-width: 0.5px !important;
  }
  main.orders .list.list-compact.list-lines:not(.more) > li:first-child.active {
    border-color: transparent !important;
  }
  main.orders .item-more .list.list-compact.list-lines:not(.more) > li:first-child {
    border-top: none !important;
  }
}
.list.list-compact.list-lines > li:first-child {
  border-top: 1px solid #ecdac7;
  border-color: var(--color-border);
}
.hairline .list.list-compact.list-lines > li:first-child {
  border-width: 0.5px !important;
}
div.more > .list.list-compact.list-lines > li:first-child {
  border-top: none;
}
.list.list-compact.list-lines > li:first-child.active {
  border-color: transparent;
}
.list.list-compact > li, div.more > .list.list-compact:first-child {
  border-top: none !important;
}
.list.list-compact > li > div h2 {
  min-height: 5.563rem;
  padding-top: 2.625rem;
  margin: 0 0.625rem 0 0.625rem;
  box-sizing: border-box;
}
.list-compact__main-item:has(+ .list-compact__sub-item) > div,
.list-compact__sub-item:has(+ .list-compact__sub-item) > div {
  border-bottom-color: transparent !important;
}

.list-compact__sub-item > div {
  margin-top: -0.625rem;
}
.list-compact__sub-item figure:before {
  content: "";
  position: absolute;
  left: 3rem;
  top: 0.563rem;
  width: 1.813rem;
  height: 2.125rem;
  border-left: 2px solid #4e3629;
  border-bottom: 2px solid #4e3629;
  border-bottom-left-radius: 0.438rem;
}
.list-compact__sub-item:has(+ .list-compact__sub-item) figure:before {
  border-bottom-left-radius: 0;
}
.list-compact__sub-item:has(+ .list-compact__sub-item) figure:after {
  content: "";
  position: absolute;
  left: 3rem;
  top: 2.625rem;
  bottom: 0;
  border-left: 2px solid #4e3629;
  z-index: 4;
}
.list-compact__sub-item .item img {
  display: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list-compact__sub-item.list-compact__sub-item--normal-height > div {
    margin-top: 0;
  }
}

.list.list-compact .list-compact__group-wrapper {
  display: contents;
}
.list.list-compact .list-compact__group {
  display: contents;
}
.list.list-compact .list-compact__group > li > div {
  border-bottom: 1px solid #ecdac7;
  border-color: var(--color-border);
}
.hairline .list.list-compact .list-compact__group > li > div {
  border-width: 0.5px !important;
}
.list.list-compact .list-compact__group > li > div > div {
  position: relative;
}
@media (min-width: 568px) {
  .list.list-compact > li.pure-u-sm-1-2:nth-child(2) {
    border-top: 1px solid #ecdac7;
    border-color: var(--color-border);
  }
  .hairline .list.list-compact > li.pure-u-sm-1-2:nth-child(2) {
    border-width: 0.5px !important;
  }
}
.maxw_md .list.list-compact > li.slim, .minw_md nav .list.list-compact > li.slim {
  background-color: #f6f4e8;
  margin-top: -0.625rem;
  z-index: 1;
}
.maxw_md .list.list-compact > li.slim > div, .minw_md nav .list.list-compact > li.slim > div {
  margin-top: -0.75rem;
}
.maxw_md nav .list.list-compact li.slim, .minw_md nav .list.list-compact li.slim {
  background-color: #f6f4e8;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.list-compact.pure-u-md-2-3 {
    position: relative;
    width: calc(66.6666% + 1rem);
  }
  .list.list-compact.pure-u-md-2-3:before {
    content: "";
    position: absolute;
    right: -1px;
    top: -2px;
    bottom: -2px;
    border-right: 2px solid #f6f4e8;
  }
  .list.list-compact.list-lines:not(.more) {
    border-top: 1px solid #ecdac7;
    border-color: var(--color-border);
  }
  .hairline .list.list-compact.list-lines:not(.more):not(.list-topline) {
    border-width: 0.5px !important;
  }
  .list.list-compact.list-lines:not(.more).list-topline {
    border-top: 2px solid #4e3629 !important;
  }
  .list.list-compact.list-lines:not(.more) > li:first-child.active:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 3px;
    background-color: #f6f4e8;
  }
  .list.list-compact > li > div h2 {
    min-height: auto;
    padding-top: 3.125rem;
    margin: 0 0 0.938rem 0;
  }
}
.list.list-compact > li > div > div {
  padding: 0;
}
.list.list-compact .item {
  display: table;
  width: 100%;
  position: relative;
  min-height: 5.5rem;
  outline: none;
  padding: 0 0.25rem 0 0;
  box-sizing: border-box;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.list-compact .item {
    overflow: hidden;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.list-compact .item {
    padding-right: 0.375rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .list.list-compact .item {
    min-height: 5.25rem;
  }
}
.list.list-compact .item h3 {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  left: auto;
  bottom: auto;
  font: 400 0.938rem/1.313rem "VCGooper", sans-serif;
  color: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  text-wrap: balance;
  padding: 0rem 0 0 0.875rem;
  height: 3.625rem;
  margin: 0;
  text-shadow: none;
}
.list.list-compact .item h3 span,
.list.list-compact .item h3 em.stockout {
  display: block;
  font-size: 0.75rem;
  margin-top: 0rem;
  color: #4e3629;
}
.list.list-compact .item h3 em {
  font-style: normal;
}
.list.list-compact .item h3.rem {
  text-decoration: line-through;
  color: #cab9a5;
}
.list-container {
  --h3-ellipsis-width: 100vw;
}
.minw_md.orientation_portrait .list-container .pure-u-md-1-2 {
  --h3-ellipsis-width: calc(50vw - 7.5rem);
}
.minw_md.orientation_landscape .list-container .pure-u-md-1-2 {
  --h3-ellipsis-width: 28.125rem;
}

nav .list .pure-u-1 {
  --h3-ellipsis-width: calc(100vw - 8.125rem);
}
@media (min-width: 400px) {
  nav .list .pure-u-1 {
    --h3-ellipsis-width: 23.25rem;
  }
}

.list.list-compact .item h3.ellipsis {
  max-width: calc(var(--h3-ellipsis-width) - 5rem);
  text-wrap: unset;
}
.list.list-compact .item h3 img.card {
  float: left;
  line-height: 0;
  margin: -0.438rem 0.625rem -1.313rem -0.25rem;
  height: 2.5rem !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.list-compact .item h3 {
    padding-left: 1.25rem;
    height: inherit;
  }
}
.list.list-compact .item figure {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 6.063rem;
  margin: 0;
  overflow: hidden;
}
.list.list-compact .item figure + h3 {
  padding-left: 0.188rem;
}
.list.list-compact .item figure + h3.ellipsis {
  max-width: calc(var(--h3-ellipsis-width) - 10rem);
}
.list.list-compact .item figure > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 6.063rem;
  height: 5.625rem !important;
  object-fit: cover;
  /*					@include minw('1600px') {
  	.edge .kiosk &,
  	.ie .kiosk & {
  		width: 97px; // Fix for Edge two decimal problem
  		height: 90px !important;
  	}
  }*/
}
@media (min-width: 1080px) and (orientation: portrait) {
  .edge .kiosk .list.list-compact .item figure > img, .ie .kiosk .list.list-compact .item figure > img {
    width: 97px;
    height: 90px !important;
  }
}
.list.list-compact .item figure .support {
  right: 0.438rem;
}
.list.list-compact .item figure .support img {
  width: 1.75rem;
  height: 1.75rem;
}
.list.list-compact .item figure.card {
  width: 5.063rem;
}
.list.list-compact .item figure.card img {
  left: 0.938rem;
  top: 1.688rem;
  width: auto !important;
  height: 2.125rem !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.list-compact .item figure.card {
    width: 5.438rem;
  }
  .list.list-compact .item figure.card img {
    left: 1.313rem;
  }
}
.list.list-compact .item figure.ico {
  position: relative;
  width: 5.063rem;
}
.list.list-compact .item figure.ico i.iconav {
  left: 1.125rem;
}
.list.list-compact li.disabled .item figure.ico .iconav.clock {
  background-position-y: -33rem;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.list-compact .item figure.ico {
    width: 5.438rem;
  }
  .list.list-compact .item figure.ico i.iconav {
    left: 1.5rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1367px), (min-width: 1024px) and (min-width: 1367px) {
  .list.list-compact li.disabled .item figure.ico .iconav.clock {
    background-position-y: -528px;
  }
}
.list.list-compact .item.link {
  position: relative;
  pointer-events: all;
  z-index: 2;
}
.list.list-compact .item.link h3 {
  color: #037c58;
  text-decoration: none;
  padding-top: 1rem;
  padding-bottom: 0.875rem;
}
.list.list-compact .item.link h3.alert {
  color: #e40425;
}
.list.list-compact .item.link h3 i.ico {
  display: inline-block;
  margin: 0 0 0 1px;
  width: 1rem;
  height: 1rem;
  top: 0.125rem;
}
.list.list-compact li.disabled .item.link h3 i.ico.forward-small {
  background-position-y: -43rem;
}

.list.list-compact .item.link:nth-last-child(2) {
  background-color: #f6f4e8;
}
nav .list.list-compact .item.link:nth-last-child(2) {
  background-color: transparent;
}
.list.list-compact .item.link:nth-child(2) {
  margin-top: -1.25rem;
  z-index: 1;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.list-compact .item.link h3 {
    padding-top: 1.25rem;
    padding-bottom: 1.125rem;
  }
  section .list.list-compact .item.link:nth-child(2) {
    margin-top: 0;
    border-top: 1px solid var(--color-border);
  }
  .hairline section .list.list-compact .item.link:nth-child(2) {
    border-width: 0.5px !important;
  }
}
.list.list-compact > li.readonly div.item.link,
.list.list-compact > li div.item.link.readonly,
.list.list-compact > li.readonly a.item.link,
.list.list-compact > li a.item.link.readonly {
  pointer-events: none;
}
.list.list-compact > li.readonly div.item.link h3,
.list.list-compact > li div.item.link.readonly h3,
.list.list-compact > li.readonly a.item.link h3,
.list.list-compact > li a.item.link.readonly h3 {
  color: #4e3629;
  text-decoration: none;
}
.list.list-compact > li.readonly div.item.link i.ico,
.list.list-compact > li div.item.link.readonly i.ico,
.list.list-compact > li.readonly a.item.link i.ico,
.list.list-compact > li a.item.link.readonly i.ico {
  display: none;
}

.list.list-compact.linkanim li:nth-child(1) .item {
  transition-delay: 0.1s !important;
}
.list.list-compact.linkanim li:nth-child(1) .item + .item {
  transition-delay: 0.2s !important;
}
.list.list-compact.linkanim li:nth-child(2) .item {
  transition-delay: 0.32s !important;
}
.list.list-compact.linkanim .item {
  opacity: 0;
  transform: translate3d(1.875rem, 0, 0);
  transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.19, 1), opacity 0.4s linear !important;
}
.doc_ready .list.list-compact.linkanim .item {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.list.list-compact .item > div {
  display: table-cell;
  white-space: nowrap;
  height: 5.5rem;
}
.list.list-compact .item > div > div {
  float: right;
  display: flex;
  height: 100%;
}
.list.list-compact .item > div > div .price,
.list.list-compact .item > div > div .amount {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.list.list-compact .item > div > div .price > span,
.list.list-compact .item > div > div .amount > span {
  font: 400 0.938rem/1.313rem "VCGooper", sans-serif;
  color: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  text-align: right;
  padding: 0rem 0.25rem 0 0.313rem;
  white-space: nowrap;
}
.list.list-compact .item > div > div .price > span.from-price em, .list.list-compact .item > div > div .price > span.reduced-price em,
.list.list-compact .item > div > div .amount > span.from-price em,
.list.list-compact .item > div > div .amount > span.reduced-price em {
  position: absolute;
  right: 0.313rem;
  margin-top: -1.125rem;
  font-size: 0.688rem;
  font-style: normal;
  color: #4e3629;
}
.list.list-compact .item > div > div .price > span.reduced-price,
.list.list-compact .item > div > div .amount > span.reduced-price {
  color: #e40425;
}
.list.list-compact .item > div > div .price > span.reduced-price em,
.list.list-compact .item > div > div .amount > span.reduced-price em {
  text-decoration: line-through;
}
.list.list-compact .item > div > div .price > span .price__plus,
.list.list-compact .item > div > div .amount > span .price__plus {
  visibility: hidden;
}
.list.list-compact .item > div > div .price mark {
  background: none;
  font-size: 0.625rem;
  line-height: 0.938rem;
  color: #4e3629;
  margin-top: -0.125rem;
  display: block;
}
.list.list-compact .item > div > div .price.grey > span,
.list.list-compact .item > div > div .price.grey > span.from-price em,
.list.list-compact .item > div > div .price.grey > span.reduced-price em,
.list.list-compact .item > div > div .price.grey mark {
  color: #cab9a5;
}
.list.list-compact .item > div > div .price.grey .price__plus {
  visibility: unset;
}
.list.list-compact .item > div > div .amount > span {
  width: 1.563rem;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.list.list-compact .item > div > div button.square {
  margin: 0.875rem 0.25rem 0.875rem 0.375rem;
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .list.list-compact .item > div {
    height: 5.25rem;
  }
}
[data-whatinput=keyboard] .list.list-compact .item:focus::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid #000;
  pointer-events: none;
}
.list.list-compact.list-ordertype {
  padding: 0 0 1.25rem 0;
  border-top: none;
  display: inline-block;
}
.list.list-compact.list-ordertype > li:first-child {
  border-top: none;
}
.list.list-compact.list-ordertype div.item {
  min-height: 4.875rem;
}
.list.list-compact .overlay {
  top: -0.75rem;
}
.list.list-compact .panel {
  display: none;
}
.list.list-compact .panel .pure-form {
  padding: 0 0.625rem 0.875rem 0.625rem;
}
.list.list-compact .panel .pure-form > .pure-g {
  margin-bottom: 0;
  padding-top: 0.313rem;
  box-sizing: border-box;
}
.list.list-compact .panel .pure-form > .pure-g li {
  border: none !important;
  margin-top: 0.625rem;
  padding-bottom: 0;
}
.list.list-compact .panel .pure-form > .pure-g li + li {
  margin-top: 2.25rem;
}
.list.list-compact .panel .pure-form input {
  text-align: center;
}
.list.list-compact .panel p {
  padding: 0.25rem 0.875rem 0.625rem 0.875rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.list-compact .panel .pure-form {
    margin-left: 0.375rem;
    margin-right: 0.125rem;
  }
  .list.list-compact .panel .pure-form > .pure-g li.pure-u-sm-4-6 + li.pure-u-sm-2-6 {
    margin-top: 0.625rem;
  }
  .list.list-compact .panel p {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.list.list-compact li.adding .price,
.list.list-compact li.adding button.add {
  display: none !important;
}
.list.list-compact li.current .price {
  display: none !important;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.list-compact li.current div.item {
    position: relative;
    z-index: 3;
    background-color: #f6f4e8;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.list-compact li.current > div > div {
    overflow: visible;
  }
  .list.list-compact li.current .overlay {
    background: #f6f4e8 !important;
    border: 1px solid #ecdac7;
    border-color: var(--color-border);
    bottom: 0 !important;
    margin: 0 -0.063rem -0.5rem -0.063rem;
    padding-top: 2.125rem;
    padding-bottom: 0.5rem;
    box-shadow: 0 1.25rem 1.25rem -0.625rem rgba(0, 0, 0, 0.15);
  }
  .hairline .list.list-compact li.current .overlay {
    border-width: 0.5px !important;
  }
  .list.list-compact li.current .overlay .rdo {
    margin-bottom: 0;
    bottom: -0.188rem;
  }
}
.list.list-compact .list-dropdown div.item > div {
  vertical-align: middle;
}
.list.list-compact .list-dropdown .ico.down {
  float: right;
  margin-right: 0.964rem;
}
.list.category {
  margin-right: -0.875rem;
}
.list.category .category-list-item__link {
  display: block;
}
.list.category .category-list-item__info-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.category .category-list-item__info-container {
    left: 0.313rem;
    right: 0.25rem;
    bottom: 0.25rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  .list.category .category-list-item__info-container {
    left: 5px;
    right: 4px;
    bottom: 4px;
  }
}
.list.category .category-list-item__info-container .category-list-item__title {
  position: relative;
  bottom: auto;
  left: auto;
  font: 400 1.5rem/2.125rem "VCGooper-Semicond", sans-serif;
  color: #4e3629;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  text-shadow: none;
  padding: 1.25rem 0.875rem 0.875rem 0.875rem;
}
@media (max-width: 567px) {
  .list.category .pure-u-1-2 .category-list-item__info-container .category-list-item__title {
    font-size: 1.063rem;
    line-height: 1.5rem;
    padding-top: 0.688rem;
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.category .category-list-item__info-container .category-list-item__title {
    font-size: 1.438rem;
    line-height: 2.125rem;
    padding-top: 0.875rem;
    padding-bottom: 0.5rem;
  }
}
.list.category .category-list-item__info-container .category-list-item__description {
  font: 400 1.063rem/1.563rem "VCGooper", sans-serif;
  color: #fff;
  text-align: left;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  margin: -1rem 0 0 0;
  padding: 0 0.875rem 1.125rem 0.875rem;
}
.list.category .category-list-item__info-container .category-list-item__description:empty {
  display: none;
}
@media (max-width: 567px) {
  .list.category .category-list-item__info-container .category-list-item__description {
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding-bottom: 0.75rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.category .category-list-item__info-container .category-list-item__description {
    font-size: 1.063rem;
    line-height: 1.563rem;
  }
}
.list.category > li {
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
}
.list.category > li .item {
  overflow: hidden;
}
.list.category > li figure {
  margin: 0;
  width: 100vw;
  min-height: 16.5rem;
}
@media (min-width: 568px) {
  .list.category > li figure {
    width: 50vw;
  }
}
@media (max-width: 567px) {
  .list.category > li.pure-u-1-2 figure {
    min-height: 9.188rem;
  }
  .list.category > li.pure-u-1-2 figure > img {
    height: 46.5454545455vw;
    height: calc(46.5454545455vw - env(safe-area-inset-left));
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.category > li figure > img {
    height: 93.0909090909vw;
    height: calc(93.0909090909vw - env(safe-area-inset-left));
    padding-left: 0;
    max-width: none;
  }
}
@media (max-width: 767px) and (min-width: 568px), (max-width: 1023px) and (max-height: 480px) and (min-width: 568px) {
  .list.category > li {
    /*					&.pure-u-sm-1-2 > div > div, &.pure-u-sm-1-3 > div > div {		// Behövs ej på iPhone6+ skärmar
    	h2 {
    		font-size:get-rem($lch2-font-size-half);
    		line-height:get-rem($lch2-line-height-half);
    	}
    	p {
    		font-size:get-rem($lcp-font-size-half);
    		line-height:get-rem($lcp-line-height-half);
    	}
    }*/
  }
  .list.category > li figure {
    min-height: 9.188rem;
  }
  .list.category > li figure > img {
    height: 46.5454545455vw;
    height: calc(46.5454545455vw - env(safe-area-inset-left));
  }
  .list.category > li.pure-u-sm-1-3 figure > img, .list.category > li.pure-u-sm-2-3 figure > img {
    height: 31.030272vw;
    height: calc(31.030272vw - env(safe-area-inset-left));
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.category {
    margin-right: 0;
    /*			@media (orientation: landscape) {
    	margin-right: get-rem-md(-4px);
    	@include minw('1600px') {
    		margin-right: -4px;
    	}
    }*/
  }
  .list.category > li {
    padding-bottom: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .categories:not(.basket_active) .list.category > li.pure-u-sm-1-3 {
    width: 25%;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.category > li div.item {
    height: 18.438rem;
    overflow: hidden;
  }
  .kiosk .list.category > li div.item {
    /*						@include minw('1600px') {
    	figure > img {
    		.edge &,
    		.ie & {
    			width: 326px; // Fix for Edge two decimal problem (blurry images)
    			height: 303px;
    		}
    	}
    }*/
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1080px) and (orientation: portrait), (min-width: 1024px) and (min-width: 1080px) and (orientation: portrait) {
  .edge .kiosk .list.category > li div.item figure > img, .ie .kiosk .list.category > li div.item figure > img {
    width: 326px;
    height: 303px;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .kiosk .list.category > li div.item.protouch > img {
    width: 305px !important;
    height: 284px !important;
  }
  .list.category > li figure {
    position: relative;
    width: 100%;
    height: 18.438rem;
  }
  .list.category > li figure > img {
    position: relative;
    width: 100%;
    /*	Ej nödvändig?		.kiosk & {
    	margin-top:get-rem(-6px);	// To align with reciept bottom at 1366x768 screen
    }
    .kiosk.protouch & {
    	margin-top:0;				// To align with reciept bottom at 1280x1024 screen
    }*/
  }
  .list.category > li.pure-u-md-2-3 div.item figure {
    width: 41.313rem;
    /*						@include minw('1600px') {
    	.kiosk & {
    		> img {
    			.edge &,
    			.ie & {
    				width: 661px;
    			}
    		}
    	}
    }*/
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1080px) and (orientation: portrait), (min-width: 1024px) and (min-width: 1080px) and (orientation: portrait) {
  .edge .kiosk .list.category > li.pure-u-md-2-3 div.item figure > img, .ie .kiosk .list.category > li.pure-u-md-2-3 div.item figure > img {
    width: 661px;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .kiosk.protouch .list.category > li.pure-u-md-2-3 div.item figure > img {
    width: 619px !important;
  }
}
.list.config {
  display: flex;
  justify-content: center;
  padding: 0.313rem 0.625rem 0 0.625rem;
}
.list.config button.mini {
  display: none;
}
.list.config.adding > li > div > div .item.dimmed img {
  filter: none;
  opacity: 1;
}
.list.config.adding > li > div > div .item .pointer,
.list.config.adding > li > div > div .item .desc {
  display: none;
}
.list.config.upgrade {
  padding-bottom: 1.25rem;
}
.list.config div.item > img {
  margin: 0 auto;
}
.adding .list.config li.product-info {
  visibility: hidden;
}
.list.config li.product-info p em,
.list.config li.product-info .product-info__desc {
  text-wrap: pretty;
}
.list.config li.product-info .product-info__shortdesc {
  font-style: normal;
  font-size: 0.75rem;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.config.config-product > li.pure-u-1-2:first-child {
    max-width: 11.5rem;
  }
  .list.config > li > div {
    margin-right: 2px;
  }
  .list.config li.active div.item .desc {
    display: none;
  }
  .list.config div.item {
    max-height: 7rem;
    overflow: hidden;
  }
}
@media (max-width: 767px) and (max-width: 412px), (max-width: 1023px) and (max-height: 480px) and (max-width: 412px) {
  .list.config div.item {
    max-height: calc(33.3333333333vw - 1.5rem);
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.config div.item.config-product__item {
    width: 100%;
    aspect-ratio: 760/706;
    max-height: none;
    margin-bottom: -0.625rem;
  }
  .list.config div.item > img {
    min-width: 100%;
  }
  .list.config div.item .desc {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: -1.625rem;
    width: 100%;
  }
  .list.config div.item .desc span {
    font-size: 0.625rem;
    line-height: 0.75rem;
    color: #4e3629;
    padding: 0.375rem 0.375rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 1023px) and (max-height: 480px) and (orientation: portrait) {
  .list.config.upgrade .item {
    margin-bottom: 0.875rem;
  }
  .stickyprod .list.config.upgrade {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    top: var(--safe-area-top);
    margin-top: -5rem;
    padding-top: 5rem;
    z-index: 2;
    background: linear-gradient(to bottom, #f6f4e8 0%, #f6f4e8 40%, rgba(246, 244, 232, 0.8) 100%);
    transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
  }
  .stickyprod .hideme .list.config.upgrade {
    transform: translate3d(0px, -5rem, 0px);
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.config.upgrade:not(.adding) div.center {
    bottom: 0;
  }
  .list.config.upgrade:not(.adding) div.center button.mini.modify {
    display: block;
    width: 2.5rem;
    height: 2.125rem;
    right: 0;
  }
  .list.config.upgrade:not(.adding) div.center button.mini.modify.hidden {
    opacity: 0 !important;
    pointer-events: none;
    display: block !important;
  }
  .list.config.upgrade:not(.adding) div.center button.mini.modify span {
    width: 1.25rem;
    text-indent: -9999px;
  }
  .list.config.upgrade:not(.adding) div.center button.mini.modify i.ico {
    position: absolute;
    margin: 0;
    top: -0.125rem;
    left: 0.125rem;
  }
  .list.config.upgrade:not(.adding) .item .pointer {
    display: none;
  }
  .list.config.upgrade:not(.adding) .active .item .pointer {
    display: block;
  }
  .list.config > li.pure-u-1-3 {
    max-width: 8.125rem;
  }
}
@media (max-width: 767px) and (max-width: 412px), (max-width: 1023px) and (max-height: 480px) and (max-width: 412px) {
  .list.config > li.pure-u-1-3 {
    max-width: 33.3332%;
  }
  .list.config > li.pure-u-1-3:only-child {
    max-width: 50%;
  }
  .list.config > li.pure-u-1-3 div.item {
    max-height: calc(50vw - 1.5rem);
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.config > li.pure-u-1-3:only-child {
    width: 50%;
    max-width: 11.5rem;
  }
  .list.config > li.pure-u-1-3:only-child div.item {
    max-height: 10.625rem;
  }
  .list.config + .tabs2 {
    margin-top: 0.5rem;
  }
  .list.config li.product-info.product-info--sizeoptions h2 {
    display: none;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.config {
    padding: 0;
    margin-top: 0;
  }
  .orientation_portrait .kiosk .list.config, main.stickyprod .list.config {
    position: fixed;
    left: 50%;
    top: 7.286rem;
    width: 62.518rem;
    margin-left: -41.732rem;
    z-index: 200001;
    background: linear-gradient(to bottom, #f6f4e8 0%, #f6f4e8 calc(100% - 2.5rem), rgba(246, 244, 232, 0.85) 100%);
  }
  .orientation_landscape .kiosk main.stickyprod .list.config {
    position: absolute;
  }
  body:not(.kiosk) .stickyprod .list.config {
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
  }
  .list.config > li > div > div {
    padding-bottom: 0.625rem;
  }
  .kiosk .list.config.config-product {
    background: #f6f4e8;
  }
  .list.config.config-product > li > div > div:first-child {
    padding: 0;
  }
  .list.config li.product-info:not(.product-info--sizeoptions) {
    align-self: center;
  }
  .list.config li.product-info h2 {
    padding-top: 0.804rem;
  }
  .list.config .item {
    height: 17.5rem;
  }
  .list.config > li:only-child {
    width: 26.25rem;
  }
  .list.config > li:only-child .item {
    width: 26.25rem;
    height: 21.429rem;
    margin: 0 auto;
  }
  .list.config .item {
    min-height: auto;
    overflow: hidden;
  }
  .list.config .item .desc {
    display: none;
  }
  .list.config .item.config-product__item {
    height: 20.893rem;
  }
  .orientation_portrait .kiosk .list.config .item.config-product__item {
    margin-bottom: 1.563rem;
  }
  .list.config .item > img {
    margin: 0 auto;
    width: 20.375rem;
    height: 18.938rem;
  }
  body:not(.accessible) main:not(.stickyprod) .list.config .item > img {
    width: 26.25rem;
    height: 24.429rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .list.config {
    border-top: 2.5rem solid #f6f4e8;
  }
  main.stickyprod .list.config {
    width: 62.813rem;
    top: 8.125rem;
    margin-left: -31.4375rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .orientation_portrait .kiosk .list.config {
    width: 62.813rem;
    top: 25.75rem;
    transition: top 1s cubic-bezier(0.23, 1, 0.32, 1);
    padding: 0 1.25rem 0 1.25rem;
    margin-left: -32.6875rem;
  }
  .orientation_portrait .kiosk.accessible .list.config {
    border-width: 1.25rem;
    top: 65.75rem;
  }
  .orientation_portrait .kiosk.accessible .list.config .item {
    height: 16.25rem;
  }
  .list.config.upgrade {
    padding: 0;
    justify-content: flex-start;
    /*				li {
    	border-right: 1px solid transparent;	// Varför denna? sabbar storlek på bilder (380px) i desktop
    }*/
  }
  .list.config.upgrade .pointer {
    display: none;
  }
  .list.config.upgrade button.mini.modify {
    right: 0;
  }
  .list.config.upgrade li:not(:last-child) > div {
    position: relative;
  }
  .list.config.upgrade li:not(:last-child) > div:before {
    position: absolute;
    right: -1rem;
    top: 8.5rem;
    content: "";
    width: 2rem;
    height: 2rem;
    background: url("../images/ico-sheet.9ac39a80af53.svg?lc-1680523460") -27.5rem -6.5rem;
    background-size: 63rem 60rem;
    z-index: 1;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1367px), (min-width: 1024px) and (min-width: 1367px) {
  .list.config.upgrade li:not(:last-child) > div:before {
    right: -16px;
    width: 32px;
    height: 32px;
    background-position: -440px -104px;
    background-size: 1008px 960px;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.config.upgrade.adding li:not(:last-child) > div:before {
    content: none;
  }
}
.list.config > li > div {
  border-right: none;
  border-bottom: none;
}
.list.config > li > div > div {
  overflow: visible;
}
[data-whatinput=keyboard] .list.config > li > div > div:focus {
  outline: 3px solid #000;
}
.list.config > li > div > div .item {
  min-height: 6.125rem;
  transition: opacity 0.5s linear;
  /*						@include minw("1366px") {
  // Funkar inte med dubbelbredds prod
  //							width:158px !important;			// Fix for Edge two decimal problem (blurry images)
  							height:147px !important;
  						}
  /						.kiosk & {
  							width:auto !important;				// Fix for edge
  							height:auto !important;
  						}*/
}
.list.config > li > div > div .item .step {
  font-size: 3.125rem;
  font-weight: 300;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list.config > li > div > div .item .step i.ico {
  width: 2.5rem;
  height: 2.5rem;
  background-position: 0 0;
}
.list.config > li > div > div .item h2 {
  /*							padding:0;
  right:get-rem(14px);
  bottom:get-rem(-8px);
  font:400 1rem/1.5rem $font;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;*/
  display: none;
}
.list.config > li > div > div .item.ready h2 {
  color: #037c58;
}
.list.config > li > div > div .item.not-ready h2, .list.config > li > div > div .item.not-ready .step {
  color: #9e9e9e;
}
.list.config > li > div > div .item .pointer,
.list.config > li > div > div .item .center {
  position: absolute;
  bottom: -1.875rem;
  left: 0;
  right: 0;
}
.list.config > li > div > div .item .pointer > i.ico,
.list.config > li > div > div .item .center > i.ico {
  margin: 0 auto;
}
.list.config > li > div > div .item .center {
  bottom: 1.5rem;
}
.list.config > li > div > div .item.dimmed img {
  filter: saturate(20%);
  opacity: 0.6;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.config > li > div > div .item {
    cursor: pointer;
    min-height: 9.188rem;
  }
  .list.config > li > div > div .item .step {
    height: 9.188rem;
  }
}
.list.config > li > div > div p.proddesc {
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-left: 1.25rem;
}
.list.config > li > div > div button.mini {
  right: 0.625rem;
  top: 0;
  opacity: 1;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.config > li > div > div button.mini {
    right: 0.938rem;
    top: 0.938rem;
    display: block;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.filter > li > div {
    border-right: none;
  }
  .list.filter div.item {
    padding-right: 0;
  }
  .list.filter div.item h3 {
    padding-left: 0.938rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .list.filter div.item {
    min-height: 4rem;
  }
  .list.filter div.item > div {
    height: 4rem;
  }
  .list.filter div.item h3 {
    font: 400 0.813rem/1.375rem "VCGooper", sans-serif;
  }
  .list.filter .chk input + label,
  .list.filter .rdo input + label {
    width: 2.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .list.filter .chk input + label span,
  .list.filter .rdo input + label span {
    padding-top: 0;
  }
  .list.filter .chk input + label span:first-child,
  .list.filter .rdo input + label span:first-child {
    width: 2.5rem;
    height: 2.5rem;
  }
  .list.filter i.ico.check {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 39.375rem 37.5rem;
    background-position: -5.82rem -7.656rem;
  }
}
.overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 0.938rem 0.625rem 0.313rem 0.625rem;
  background-color: #f6f4e8;
  border-bottom: 1px solid #ecdac7;
  border-color: var(--color-border);
  z-index: 90000;
  transform: translate3d(0, 100px, 0);
  box-shadow: 0 1.25rem 1.25rem -0.625rem rgba(0, 0, 0, 0.15);
  pointer-events: auto;
  display: none;
}
.product-info .overlay {
  display: block;
  position: relative;
  transform: none;
  box-shadow: none;
  background-color: unset;
  border: none;
}
.product-info .overlay .rdo label span:after {
  content: none !important;
}
.hairline .overlay {
  border-width: 0.5px !important;
}
.overlay h3 {
  font-size: 1.125rem;
  line-height: 1.625rem;
  margin: 0 0 -0.625rem 0;
  padding: 0;
  display: none;
}
.overlay.big {
  top: inherit !important;
  bottom: -7.5rem;
  background: linear-gradient(to bottom, rgba(246, 244, 232, 0) 0%, #f6f4e8 35%, #f6f4e8 100%);
  transform: translate3d(0, 0, 0);
}
.overlay.big h3 {
  display: block;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .overlay {
    top: inherit !important;
    bottom: -7.5rem;
    padding: 0.938rem 0.938rem 0.313rem 0.938rem;
    min-height: 5.625rem;
    background: linear-gradient(to bottom, rgba(246, 244, 232, 0) 0%, #f6f4e8 35%, #f6f4e8 100%);
    border-bottom: none;
    transform: inherit;
    box-shadow: none;
  }
  .product-info .overlay {
    bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .product-info .overlay .rdo {
    justify-content: left;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .upgrade .overlay {
    background: linear-gradient(to bottom, rgba(253, 241, 232, 0) 0%, #fdf1e8 35%, #fdf1e8 100%);
  }
  .overlay.adjust-right {
    right: 0.125rem;
  }
  .overlay h3 {
    display: block;
  }
  .overlay:after, .overlay:before {
    display: none;
  }
}
.overlay .rdo {
  position: relative;
  margin: -1.25rem auto 0.25rem auto;
  display: flex;
  justify-content: center;
}
.ie11 .overlay .rdo > span {
  display: flex;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .overlay .rdo {
    margin: 0 auto 0.25rem auto;
  }
}
.overlay .rdo.right {
  margin-right: 0.125rem;
  justify-content: flex-end;
}
.overlay .rdo.price-add {
  margin-top: 0;
}
.overlay .rdo label {
  position: relative;
  pointer-events: auto;
}
.overlay .rdo label span:after {
  content: "";
  position: absolute;
  bottom: -2.25rem;
  left: 0.938rem;
  width: 0;
  height: 0;
  border-left: 0.75rem solid transparent;
  border-right: 0.75rem solid transparent;
  border-bottom: 0.75rem solid #4e3629;
  transition: bottom 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.overlay .size-ico label span:after {
  bottom: -4.5rem !important;
}
.overlay .size-ico label span:not(.outline):after {
  bottom: -3.688rem !important;
}

.overlay .rdo label span:not(.outline):after {
  bottom: -1.375rem;
}
.overlay .rdo label span.disabled:after {
  border-bottom-color: #d1c0ac;
}
.overlay .rdo label.sml span:after {
  left: 0.688rem;
}
.overlay .rdo label.lrg span:after {
  left: 1.188rem;
}
.overlay .rdo label.xl span:after {
  left: 1.438rem;
}
.overlay .rdo label span.outline:after {
  opacity: 0;
}
.overlay .rdo.only span:after {
  content: none;
}

.list.timeslots {
  margin-left: 0;
}
.list.timeslots + .timeslots {
  margin-top: 0;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .list.timeslots + div.button-container {
    padding-top: 0;
  }
}
.list.timeslots > li {
  width: 25%;
  padding-right: 0.625rem;
}
@media (max-width: 359px) {
  .list.timeslots > li {
    width: 33.32%;
  }
}
@media (min-width: 568px) {
  .list.timeslots > li {
    width: 16.6666%;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.timeslots {
    margin-left: 0.313rem;
    margin-right: -0.5rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .list.timeslots {
    margin-right: -0.313rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.timeslots > li {
    width: 12.5%;
  }
}
.list.country {
  display: block;
  margin: 0 -0.625rem 1.25rem -0.625rem;
}
main.country h1,
main.country .h1 {
  text-align: center;
}
main.country .list.country li:last-child h2 a {
  border-bottom: 1px solid #ecdac7;
  border-color: var(--color-border);
}
.hairline main.country .list.country li:last-child h2 a {
  border-width: 0.5px !important;
}
@media (min-width: 568px) {
  main.country .list.country li:nth-last-child(2) h2 a {
    border-bottom: 1px solid #ecdac7;
    border-color: var(--color-border);
  }
  .hairline main.country .list.country li:nth-last-child(2) h2 a {
    border-width: 0.5px !important;
  }
}

@media (min-width: 568px) {
  .list.country > li:nth-child(odd) {
    padding-right: 0.625rem;
  }
  .list.country > li:nth-child(even) {
    padding-left: 0.625rem;
  }
  .list.country > li:nth-child(even) h2 a {
    padding-left: 3.625rem;
  }
  .list.country > li:nth-child(even) h2 a i.icocntry {
    left: 0.625rem;
  }
}
.list.country h2 {
  font: 400 1rem/3.688rem "VCGooper", sans-serif;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  margin: 0;
  padding: 0;
}
.list.country h2 a {
  position: relative;
  display: block;
  color: #000;
  padding: 0.063rem 0.813rem 0 3.75rem;
  border-top: 1px solid #ecdac7;
  border-color: var(--color-border);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hairline .list.country h2 a {
  border-width: 0.5px !important;
}
[data-whatinput=keyboard] .list.country h2 a:focus {
  outline: 1px solid #000;
}
.list.country h2 a i.icocntry {
  position: absolute;
  left: 1.375rem;
  top: calc(50% - 0.75rem);
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.country {
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding-top: 0.625rem;
  }
  .list.country h2 {
    font-size: 1.125rem;
    line-height: 4.563rem;
  }
  .list.country h2 a {
    padding-left: 4.375rem;
  }
  .list.country h2 a i.icocntry {
    top: calc(50% - 0.875rem);
  }
}
.list div.functions,
.list button.mini.edit,
.list button.mini.save {
  position: absolute;
  right: 0.625rem;
  top: 1.75rem;
  z-index: 100000;
  display: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list div.functions,
  .list button.mini.edit,
  .list button.mini.save {
    right: 0.938rem;
    top: 0.938rem;
    opacity: 0;
  }
}
.list div.tp {
  position: absolute;
  left: 0.625rem;
  top: 0;
  z-index: 100000;
}
.list .adding div.tp {
  display: none;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list div.tp {
    left: 1.071rem;
  }
}

.overlay-detached {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  pointer-events: inherit;
}
main:not(.adding) .overlay-detached {
  z-index: 200002;
}
.overlay-detached .od__tint {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 120%;
  opacity: 0;
  transition: opacity 0.13s linear;
}
body:not(.box_active):not(.pop_active) .overlay-detached .od__tint {
  background-color: rgba(0, 0, 0, 0.3);
}
.overlay-detached .od__tint.active {
  opacity: 1;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .adding .overlay-detached .od__tint {
    background-color: transparent !important;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  main .overlay-detached {
    z-index: 200004 !important;
  }
}
.overlay-detached .od__content {
  position: absolute;
  left: 0;
  top: -0.063rem;
  padding: 0 0.625rem;
  background-color: #f6f4e8;
  box-sizing: border-box;
}
main .overlay-detached .od__content {
  z-index: 1;
}
.overlay-detached .od__content div.selected b.subcat {
  display: none;
}
.overlay-detached .od__content .list.products {
  padding-bottom: 0;
}
.overlay-detached .od__content .list.products > li:first-child,
.overlay-detached .od__content .list.list-lines > li > div {
  border-color: var(--lpu-color-border);
}
.overlay-detached .od__content li {
  position: relative;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .overlay-detached .od__content {
    right: 0;
  }
  .overlay-detached .od__content .selected .support {
    display: none;
  }
  .overlay-detached .od__content .list.list-lines > li.current:not(.adding) > div > div:first-child {
    border-color: var(--lpu-color-border);
  }
}
.overlay-detached .od__content .overlay {
  box-shadow: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .overlay-detached .od__content .overlay:not(.big) {
    position: relative;
    transform: none !important;
    border-bottom: none;
  }
}
.overlay-detached .od__content div.upgrade > div {
  padding: 0 0.625rem;
  margin: 0 -0.625rem;
  background-color: #fdf1e8;
  height: 100%;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .overlay-detached .od__content div.upgrade .overlay {
    border-bottom: none;
    background-color: #fdf1e8;
  }
  .overlay-detached .od__content div.upgrade .list.products li:not(.big) div.functions {
    background-color: #fdf1e8;
  }
  .adding .overlay-detached .od__content div.upgrade > div {
    background-color: transparent;
    height: 0;
  }
  .adding .overlay-detached .od__content div.upgrade li.current > div {
    border-color: transparent;
  }
  .adding .overlay-detached .od__content div.upgrade b.subcat,
  .adding .overlay-detached .od__content div.upgrade li:not(.current),
  .adding .overlay-detached .od__content div.upgrade li.current h2 {
    visibility: hidden;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .overlay-detached .od__content {
    display: flex;
    padding: 0 0.938rem 0.938rem 0.938rem;
    left: -0.938rem;
    top: -4.375rem;
    overflow-x: clip;
    overflow-y: visible;
    --lpu-color-border: transparent;
    border-radius: 0rem;
  }
  .orientation_portrait .overlay-detached .od__content {
    padding-left: 1.75rem;
    left: -1.75rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  .overlay-detached .od__content {
    padding: 0 0.964rem 0.964rem 0.964rem;
    left: -0.964rem;
    top: -4.393rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .overlay-detached_active .list > li > div > div {
    overflow: visible;
  }
  .adding .overlay-detached .od__content {
    overflow: visible;
  }
  .overlay-detached .od__content .list.products {
    height: calc(100% - 4.438rem);
  }
  .overlay-detached .od__content li {
    width: 20.938rem;
    height: 100%;
  }
  .overlay-detached .od__content li.current .support {
    display: none;
  }
  .kiosk .tabs-left .overlay-detached .od__content li {
    width: 23.875rem;
  }
  .overlay-detached .od__content b.subcat {
    max-height: 4.75rem;
    box-sizing: border-box;
  }
  .overlay-detached .od__content div.selected b.subcat {
    display: block;
  }
  .overlay-detached .od__content div.upgrade > div {
    position: relative;
    padding: 0 0.625rem 0.938rem 0.563rem;
    margin: 0 -0.938rem -0.938rem 0.625rem;
  }
  .overlay-detached .od__content div.upgrade b.subcat {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .overlay-detached .od__content div.upgrade ul.list {
    display: flex;
    flex-wrap: nowrap;
  }
  .overlay-detached .od__content div.upgrade ul.list:before {
    content: none;
  }
  .overlay-detached .od__content div.upgrade ul.list.list-lines > li:nth-last-child(2) > div {
    border-right-color: #eee2d8 !important;
  }
  .hairline .overlay-detached .od__content div.upgrade ul.list.list-lines > li:nth-last-child(2) > div {
    border-right-color: #d0c2b4 !important;
  }
}
.overlay-detached .od___button--close {
  position: absolute;
  z-index: 3;
  right: 0;
  top: -2.438rem;
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  background-color: #fdf1e8 !important;
  opacity: 0;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .overlay-detached .od___button--close {
    background-color: #f6f4e8 !important;
  }
}
.overlay-detached .od___button--close .ico.cancel {
  top: 0.625rem;
  right: 0.625rem;
}
[data-whatinput=keyboard] .overlay-detached .od___button--close {
  opacity: 1;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .kiosk .tabs-left .product-list,
  .kiosk .tabs-left .sub-category > div > .list-container:first-child {
    padding-top: 3.125rem;
  }
  [data-whatinput=keyboard] .kiosk .tabs-left .product-list .products > li:nth-child(-n+2) .od__content,
  [data-whatinput=keyboard] .kiosk .tabs-left .sub-category > div > .list-container:first-child .products > li:nth-child(-n+2) .od__content {
    margin-top: 2.625rem;
  }
  .kiosk .tabs-left .sub-category ~ .sub-category > div > .list-container:first-child {
    padding-top: 0;
  }
}

.config-customise {
  display: flex;
  width: 100%;
  flex-direction: column;
  /*	@at-root .config-customise__col2 {
  	padding-bottom: get-rem(250px);
  }
  @at-root .config-customise__extra {
  	background-color: #dfeee9 !important;
  	--color-bg-plusminus-compact: #dfeee9;
  }*/
}
.config-customise .alert {
  color: #e40425 !important;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .listhead--config-customise {
    position: initial !important;
  }
}

.config-customise__col1 {
  margin: 0 -0.625rem 0 -0.625rem;
  padding: 0 0.625rem 0 0.625rem;
  background-color: #d5e9e2;
  --color-bg-plusminus-compact: #d5e9e2;
  --color-bg-list-lines: #d5e9e2;
  --color-border: #b5d0c7;
}
.hairline .config-customise__col1 {
  --color-border: #94b0a6;
}
.config-customise__col1 .config-customise__heading {
  background: #d5e9e2;
}
.config-customise__col1 .list.list-compact li.current div.item {
  background-color: #d5e9e2;
}

.config-customise__heading {
  position: sticky;
  z-index: 5;
  transition: top 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .config-customise__heading {
    top: calc(8.313rem + var(--safe-area-top));
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    padding: 2.125rem 0.875rem 0.75rem 0.875rem;
    background: linear-gradient(to bottom, #f6f4e8 0%, #f6f4e8 40%, rgba(246, 244, 232, 0.8) 100%);
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
  }
  .hideme .config-customise__heading {
    top: calc(3.313rem + var(--safe-area-top));
  }
  .config-customise__heading.config-customise__heading--my-product {
    top: calc(4.375rem + var(--safe-area-top));
    background: #d5e9e2;
    z-index: 6;
  }
  .hideme .config-customise__heading.config-customise__heading--my-product {
    top: calc(-0.625rem + var(--safe-area-top));
  }
  .hideme .config-customise__heading.config-customise__heading--my-product.sticky-observer--stuck:before {
    content: "";
    position: absolute;
    left: 0;
    top: -5rem;
    width: 100%;
    height: 5rem;
    background: #d5e9e2;
    z-index: 1;
  }
  .config-customise__col1 .config-customise__heading.config-customise__heading--my-product {
    display: none;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .config-customise__heading {
    top: 7.125rem;
    background: #f6f4e8;
  }
  .orientation_portrait .config-customise__heading {
    top: 8.875rem;
  }
  .kiosk .config-customise__heading {
    top: 0;
  }
  .orientation_portrait .kiosk .config-customise__heading {
    top: 0.313rem;
  }
  .config-customise > .config-customise__heading.config-customise__heading--my-product {
    display: none;
  }
}

.config-customise__condiments-changed {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.688rem;
  height: 1.688rem;
  border-radius: 50%;
  font-size: 0.875rem;
  font-weight: 400;
  color: #f6f4e8;
  margin-left: 0.375rem;
  background-color: #4e3629;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.config-customise__condiments-changed--active {
  opacity: 1;
}

.config-customise__condiments-changed.pulse {
  animation: pulse-big 0.4s ease-in-out;
}

.config-customise__out-of-stock {
  color: #4e3629;
}

.config-customise__accord summary {
  list-style: none;
}
[data-whatinput=keyboard] .config-customise__accord summary:focus {
  outline: 3px solid #000;
}
.config-customise__accord summary::-webkit-details-marker {
  display: none;
}
.config-customise__accord .list.list-compact.list-lines:not(.more) {
  border-top: none !important;
}
.config-customise__accord-heading {
  position: relative;
  display: flex;
  justify-content: space-between;
  color: #037c58;
  border-bottom: 2px solid #4e3629;
  padding-top: 1.75rem;
  padding-bottom: 0.75rem;
  cursor: pointer;
}
.config-customise__accord-heading .ico {
  position: absolute;
  right: 0.625rem;
  bottom: 0.688rem;
  transition: transform 0.3s ease-in-out;
}
.config-customise__accord[open] .config-customise__accord-heading .ico {
  transform: rotate(-180deg);
}
.config-customise__accord-heading-option {
  padding-right: 2.813rem;
  text-align: right;
}

.config-customise__accord-heading--disabled {
  color: #cab9a5;
  border-bottom-color: #cab9a5;
}
.config-customise__accord-heading--disabled .ico {
  filter: grayscale(100%);
  opacity: 0.5;
}

.config-customise__accord-heading--first {
  padding-top: 0.625rem;
}

.config-customise__button-save {
  position: absolute;
  right: 0.625rem;
  bottom: -0.063rem;
  z-index: 1;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .config-customise {
    flex-direction: row;
  }
  .config-customise__col1 {
    width: 50%;
    margin: 0 -0.813rem 0 0;
    padding: 0 1.063rem 5.357rem 0.938rem;
  }
  .config-customise__col2 {
    width: 50%;
    padding: 0 0.938rem 0 0;
  }
  .config-customise__heading {
    padding-top: 2.946rem;
  }
  .config-customise__heading--my-product {
    padding-bottom: 0.75rem;
    margin-bottom: 2.938rem;
    /*				@include minw('max') {
    	padding-bottom: get-rem-md(69px);
    }*/
  }
  .config-customise__condiments-changed {
    margin-top: 0.125rem;
    padding-bottom: 0.054rem;
  }
  .config-customise__accord-heading {
    line-height: 2.143rem;
    padding-top: 1.607rem;
    padding-bottom: 0.482rem;
  }
  .config-customise__accord-heading .ico {
    right: 1.393rem;
    bottom: 0.696rem;
  }
  .config-customise__accord-heading--first {
    padding-top: 0.321rem;
  }
  .config-customise__accord .overlay.custom-select__overlay {
    margin-left: 0 !important;
    margin-right: 1px !important;
  }
  .config-customise__button-save {
    right: 0;
    top: 2.411rem;
  }
}
.config-customise .stocked-out img {
  filter: saturate(0.2);
  opacity: 0.5;
}

.config-item__recommended {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  margin-top: 0.125rem;
  font-size: 0.813rem;
  line-height: 1.063rem;
  color: #4e3629;
}
.config-item__recommended > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  min-width: 0;
  overflow-wrap: anywhere;
}
.config-item__recommended .ico.info {
  flex: none;
  width: 0.875rem;
  height: 0.875rem;
  margin-top: 0.094rem;
  background-size: 27.563rem 26.25rem;
  background-position: -17.281rem -17.281rem;
}
.config-item__recommended:has(> .ico) {
  margin-left: -0.125rem;
}

.list.list-compact .item h3 .config-item__recommended > span {
  display: -webkit-box;
  font-size: 0.813rem;
}

.listbox__overlay [role=option][aria-selected=true] {
  outline: 3px solid #000 !important;
}

/* Tabs (iPhone style multiselect buttons
   Needs dual html to work with iOS (iPad) devices due to z-index problem and scrolling:touch */
div.tabs {
  position: relative;
  margin: 0 -0.625rem 0 -0.625rem;
  padding: 0 0.625rem 0 0.625rem;
}
header div.tabs {
  display: none;
}
div.tabs ol {
  list-style-type: none;
  width: 100%;
  margin: 0 0 0.813rem 0;
  padding: 0;
  border: 1px solid #ecdac7;
  border-radius: 0.313rem;
  box-sizing: border-box;
  display: inline-flex;
  background-color: #ecdac7;
}
div.tabs ol li {
  flex: 1;
  margin: -1px;
}
div.tabs ol li a,
div.tabs ol li .go-search {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.75rem;
  font-size: 0.938rem;
  line-height: 1.188rem;
  font-weight: inherit;
  color: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  text-decoration: none;
  padding: 0.125rem 0.5rem 0 0.5rem;
  box-sizing: border-box;
  outline: none;
}
[data-whatinput=keyboard] div.tabs ol li a:focus,
[data-whatinput=keyboard] div.tabs ol li .go-search:focus {
  outline: 3px solid #000;
}
div.tabs ol li.current {
  flex-grow: 1.1;
  z-index: 1;
}
div.tabs ol li.current a {
  background: #4e3629;
  color: #f6f4e8;
  margin: 0.375rem;
  height: 3rem;
  box-sizing: border-box;
  border-radius: 0.188rem;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
  cursor: default;
  pointer-events: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  main.map header div.tabs {
    position: absolute;
    right: 0.625rem;
    right: calc(0.625rem + env(safe-area-inset-right));
    top: 0.625rem;
    top: calc(0.625rem + var(--safe-area-top));
    width: calc(100% - 5.625rem) !important;
    display: block;
    z-index: 1000;
  }
}
@media (max-width: 767px) and (orientation: landscape), (max-width: 1023px) and (max-height: 480px) and (orientation: landscape) {
  main.map header div.tabs {
    width: 60%;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  main.map header div.tabs ol:first-child {
    visibility: hidden;
  }
  main.map header div.tabs ol + ol {
    border-color: transparent;
    background-color: transparent;
  }
}
div.tabs.delivery {
  margin-bottom: 0.438rem;
}
div.tabs.delivery ol li:not(.current):not(:last-child) a {
  border-right: 1px solid #ecdac7;
  border-color: var(--color-border);
}
div.tabs.search {
  margin-bottom: 0.438rem;
  overflow: hidden;
  pointer-events: all;
}
div.tabs.search ol {
  width: calc(100% - 4.375rem);
}
div.tabs.search ol:first-child {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
  border-right: none;
}
div.tabs.search ol + ol {
  position: absolute;
  top: 0;
  right: 0.625rem;
  width: 3.75rem;
  border-left: none;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  z-index: 2;
}
div.tabs.search ol + ol a,
div.tabs.search ol + ol .go-search {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 0 0.875rem 0 0;
}
div.tabs.search ol + ol a i.ico,
div.tabs.search ol + ol .go-search i.ico {
  position: absolute;
}
div.tabs.search ol + ol a i.ico.set,
div.tabs.search ol + ol .go-search i.ico.set {
  background-position-y: -42.5rem;
}
@media (min-width: 1367px) {
  div.tabs.search ol + ol a i.ico.set,
  div.tabs.search ol + ol .go-search i.ico.set {
    background-position-y: -680px;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .map div.tabs.search ol + ol a,
  .map div.tabs.search ol + ol .go-search {
    padding-top: 0.25rem;
  }
}
@media (min-width: 1600px) {
  div.tabs.search ol + ol a,
  div.tabs.search ol + ol .go-search {
    padding-right: 19px;
  }
}
div.tabs.search form {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0.188rem;
  top: 0;
  width: calc(100% - 0.375rem);
  height: 100%;
  padding: 0 3.75rem 0 0;
  margin: 0;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s linear 0.4s;
}
div.tabs.search form input {
  border: none !important;
  height: 3.125rem;
  background: transparent;
}
div.tabs.search form button {
  position: absolute;
  right: -0.25rem;
  top: -1px;
  width: 3.75rem;
  height: 3.75rem;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  z-index: 1;
}
div.tabs.search form button span {
  justify-content: center;
  align-items: center;
  padding: 0;
}
div.tabs.search form button i.ico {
  top: auto;
  right: auto;
  margin: 0;
}
div.tabs.search.active ol:first-child {
  opacity: 0;
  transition: opacity 0.1s linear 0.4s;
}
div.tabs.search.active ol + ol {
  width: calc(100% - 1.313rem);
  transition: width 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 0.313rem;
}
div.tabs.search.active ol + ol li a,
div.tabs.search.active ol + ol li .go-search {
  border-radius: 0.313rem;
  background-color: #ecdac7;
}
div.tabs.search.active form {
  visibility: visible;
  opacity: 1;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  div.tabs {
    position: absolute;
    right: 0.125rem;
    top: 2.438rem;
    margin: 0;
    padding: 0;
    width: 20rem;
    z-index: 200005;
    pointer-events: auto;
  }
  header div.tabs {
    display: block;
  }
  header button.country + div.tabs {
    right: 6.063rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  div.tabs {
    right: 2.75rem;
  }
  header button.country + div.tabs {
    right: 8.688rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  section div.tabs {
    display: none;
  }
  div.tabs.delivery {
    position: relative;
    right: auto;
    top: auto;
    width: 31.25rem;
    margin: 0.625rem auto 1.25rem auto;
    z-index: 1;
    display: block;
  }
  div.tabs.search {
    right: 0.875rem;
    margin-bottom: 0;
  }
  div.tabs.search ol + ol {
    right: 0;
  }
  div.tabs.search.active ol + ol {
    width: calc(100% - 1px);
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  div.tabs.search {
    right: 2.625rem;
  }
}

/* Normal tabs */
div.tabs2 {
  margin: 0 -0.625rem 1.188rem -0.625rem;
}
div.tabs2 ul {
  width: 100%;
  list-style-type: none;
  padding: 0 0.625rem 0 0.625rem;
  margin: 0 0 0.438rem 0;
  box-sizing: border-box;
  border-bottom: 2px solid #4e3629;
  display: inline-flex;
  justify-content: inherit;
}
div.tabs2 ul li {
  position: relative;
  font: 400 0.938rem / 1.5rem "VCGooper", sans-serif;
  color: #037c58;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  border: 2px solid #4e3629;
  border-color: transparent;
  border-top-left-radius: 0.313rem;
  border-top-right-radius: 0.313rem;
  padding: 0.938rem 0.5rem 0.688rem 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  cursor: pointer;
}
[data-whatinput=keyboard] div.tabs2 ul li .tab__button:focus {
  outline: 3px solid #000 !important;
}
main.customise div.tabs2 ul li {
  font-size: 0.938rem;
  line-height: 1.5rem;
}
[data-whatinput=keyboard] div.tabs2 ul li:focus {
  outline: 3px solid #000;
}
div.tabs2 ul li.current {
  border: 2px solid #4e3629;
  border-bottom-color: #f6f4e8 !important;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin: 0 0.375rem;
  margin-bottom: -2px;
  color: #4e3629;
  cursor: hand;
  pointer-events: none;
}
div.tabs2 ul li.current:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #f6f4e8;
  width: 100%;
}
div.tabs2 ul li i.ico {
  position: absolute;
  right: 0.813rem;
  top: 1.25rem;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  background-size: 31.5rem 30rem;
  background-position: 0 -1.719rem;
}
div.tabs2 ul li i.ico.plus {
  background-position-x: -13.719rem;
}
div.tabs2 ul li i.ico.change {
  background-position: -28.688rem -15.188rem;
}
div.tabs2 ul li i.ico.cancel {
  background-position-x: -19.719rem;
}
div.tabs2.md-divider {
  margin-top: -0.125rem;
}
div.tabs2.md-divider ul li {
  padding: 0.938rem 1.188rem 0.688rem 0.875rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  div.tabs2 {
    position: absolute;
    right: 25%;
    z-index: 1;
    margin: 0.429rem 1.5rem 0 0;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  div.tabs2 {
    right: 2.375rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  div.tabs2 ul {
    width: auto;
    padding: 0;
    margin: 0;
    border-bottom-color: transparent !important;
  }
  div.tabs2 ul li {
    line-height: 1.5rem;
    padding: 1.071rem 0.536rem 1.018rem 0.536rem;
  }
  div.tabs2 ul li.current {
    padding-left: 1.071rem;
    padding-right: 1.071rem;
    margin: 0 0.536rem;
  }
  div.tabs2.md-divider {
    position: relative;
    right: auto;
    margin: 0.044rem 0 2.5rem 0;
  }
  div.tabs2.md-divider ul {
    width: 100%;
    border-bottom: 1px solid #ecdac7 !important;
    border-color: var(--color-border) !important;
  }
  div.tabs2.md-divider ul li {
    font-size: 1.625rem;
    line-height: 2.188rem;
    padding: 1.188rem 1.5rem 0.938rem 1.188rem;
  }
  .hairline div.tabs2.md-divider ul li {
    padding-bottom: 1rem;
  }
  .hairline div.tabs2.md-divider ul {
    border-width: 0.5px !important;
  }
}

.tabs-menu {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  top: 5rem;
  top: calc(5rem + var(--safe-area-top));
  height: 7.875rem;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  display: none;
}
.tabs-menu::-webkit-scrollbar {
  display: none !important;
}
@media (orientation: portrait) {
  .prodlist.tabs .tabs-menu {
    display: block;
    pointer-events: all;
  }
}
.tabs-menu > ul {
  display: inline-flex;
  list-style-type: none;
  padding: 0;
  margin: 0 0.625rem 0 0.625rem;
}
.tabs-menu > ul > li {
  position: relative;
  margin-left: 2px;
}
.tabs-menu > ul > li:first-child {
  display: none;
}
.tabs-menu > ul > li:nth-child(2) {
  margin-left: 0;
}
.tabs-menu > ul > li.current:before, .tabs-menu > ul > li.current:after {
  content: "";
  position: absolute;
  left: calc(50% - 0.5rem);
  bottom: -0.5rem;
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid transparent;
  z-index: 1;
}
.tabs-menu > ul > li.current:after {
  z-index: 2;
  bottom: -0.438rem;
  border-top-color: #4e3629;
}
.tabs-menu > ul > li.current > a {
  color: #fff;
  background: #4e3629;
  border-bottom: 1px solid transparent;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
}
.tabs-menu > ul > li.current > a figure:before,
.tabs-menu > ul > li.current > a > span:before {
  border-bottom: none;
}
.tabs-menu > ul > li.tabs-menu__2nd {
  display: none;
}
.tabs-menu > ul > li > a {
  display: block;
  width: 4.938rem;
  min-height: 6.625rem;
  padding: 0 0.313rem 0 0.313rem;
  text-align: center;
  font: 400 0.625rem / 0.75rem "VCGooper-Semicond", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.013rem;
  word-spacing: 0rem;
  box-sizing: border-box;
  color: #4e3629;
  text-decoration: none;
  background-color: none;
  cursor: pointer;
  hyphens: auto;
  -webkit-hyphenate-limit-before: 4;
  -webkit-hyphenate-limit-after: 3;
  -ms-hyphenate-limit-chars: 10 4 3;
  hyphenate-limit-chars: 10 4 3;
}
.tabs-menu > ul > li > a figure {
  position: relative;
  display: block;
  height: 3.875rem;
  margin: 0 -0.313rem 0.5rem -0.313rem;
  overflow: hidden;
}
.tabs-menu > ul > li > a figure > img {
  max-width: inherit;
  height: 4.625rem;
  margin-top: -4px;
}
.tabs-menu > ul > li > a figure:before,
.tabs-menu > ul > li > a > span:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-bottom: none;
  z-index: 1;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .tabs-menu {
    display: block;
  }
  body:not(.kiosk) .tabs-menu {
    display: none !important;
  }
  .tabs-menu > ul > li > a {
    font-size: 0.75rem;
    line-height: 0.938rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .tabs-menu {
    left: -17.143rem;
    right: auto;
    top: 0;
    width: 17.143rem;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .tabs-menu > ul {
    flex-direction: column;
    margin: 2.089rem 0 5.357rem 0;
  }
  .tabs-menu > ul > li {
    position: relative;
    margin: 0.107rem 0;
    width: 15.911rem;
    height: 3.536rem;
  }
  .tabs-menu > ul > li:first-child {
    display: flex;
    margin: 0.107rem 0 1.179rem 0;
  }
  .tabs-menu > ul > li.current:before {
    left: auto;
    right: -0.375rem;
    top: 0;
    bottom: auto;
    width: 0.75rem;
    height: 3.536rem;
    border: none;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 50%;
    background-color: #4e3629;
  }
  .tabs-menu > ul > li.current:after {
    content: none;
  }
  .tabs-menu > ul > li.current i.iconav.categories {
    background-position-y: -36rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape) and (min-width: 1600px), (min-width: 1024px) and (orientation: landscape) and (min-width: 1600px) {
  .tabs-menu > ul > li.current i.iconav.categories {
    background-position-y: -576px;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .tabs-menu > ul > li.tabs-menu__2nd {
    display: block;
    height: auto;
  }
  .tabs-menu > ul > li.tabs-menu__2nd > a {
    display: block;
    height: auto;
  }
  .tabs-menu > ul > li.tabs-menu__2nd > a ul {
    display: inline-flex;
    flex-direction: column;
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 0.625rem 0;
  }
  .tabs-menu > ul > li.tabs-menu__2nd > a ul li {
    display: flex;
    align-items: center;
    height: 2.464rem;
    color: #037c58;
  }
  .tabs-menu > ul > li > a {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0.214rem 0 0 5.357rem;
    min-height: auto;
    text-align: left;
    box-sizing: border-box;
  }
  .tabs-menu > ul > li > a figure,
  .tabs-menu > ul > li > a > span {
    position: absolute;
    top: 0;
    left: 1.018rem;
    margin: 0;
    height: 3.536rem;
  }
  .tabs-menu > ul > li > a figure:before,
  .tabs-menu > ul > li > a > span:before {
    content: none;
  }
  .tabs-menu > ul > li > a figure img,
  .tabs-menu > ul > li > a > span img {
    margin: 0.214rem 0 0 0;
    height: 3.107rem;
  }
  .tabs-menu > ul > li > a > span {
    left: 1.554rem;
    padding-top: 0.214rem;
    box-sizing: border-box;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .tabs-menu {
    left: 2.625rem;
    top: 0;
    height: 8.125rem;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .customise .tabs-menu, .deal_grid .tabs-menu, .deal .tabs-menu {
    display: none;
  }
  .tabs-menu > ul {
    float: left;
    margin: 0 2.625rem 0 0;
    width: auto;
  }
  .tabs-menu > ul > li.current i.iconav.categories {
    background-position-y: -36rem;
  }
  .tabs-menu > ul > li.tabs-menu__start {
    position: sticky;
    left: 0;
    top: 0;
    display: flex;
    z-index: 3;
    margin-left: 0;
    margin-right: 2.5rem;
  }
  .tabs-menu > ul > li.tabs-menu__start:not(.current) {
    margin-right: 0.625rem;
  }
  .tabs-menu > ul > li.tabs-menu__start:not(.current) > a {
    width: 7.75rem;
    padding-right: 2.188rem;
    background: linear-gradient(to right, #f6f4e8 5.875rem, transparent 100%);
  }
  .tabs-menu > ul > li > a {
    width: 5.875rem;
    height: 7.625rem;
  }
  .tabs-menu > ul > li > a figure,
  .tabs-menu > ul > li > a > span {
    height: 4.75rem;
  }
  .tabs-menu > ul > li > a figure > img,
  .tabs-menu > ul > li > a > span > img {
    height: 5.5rem;
  }
  .tabs-menu > ul > li > a figure i.iconav,
  .tabs-menu > ul > li > a > span i.iconav {
    margin: 1.438rem auto 0.688rem auto;
    min-height: 3.125rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .tabs-menu.tabs-menu--left {
    left: 0;
    right: auto;
    top: 1.375rem;
    width: 17.5rem;
    height: calc(100vh - 20.125rem);
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .basket_active .tabs-menu.tabs-menu--left {
    height: calc(100vh - 42.625rem);
  }
  .tabs-menu.tabs-menu--left > ul {
    flex-direction: column;
    margin: 0 0 1.25rem 0;
    width: 16.625rem;
  }
  .tabs-menu.tabs-menu--left > ul > li {
    margin: 0 0 2px 0;
  }
  .tabs-menu.tabs-menu--left > ul > li.current:before, .tabs-menu.tabs-menu--left > ul > li.current:after {
    content: "";
    position: absolute;
    left: auto;
    right: -0.5rem;
    bottom: calc(50% - 0.5rem);
    border-right: unset;
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
    border-left: 0.5rem solid transparent;
  }
  .tabs-menu.tabs-menu--left > ul > li.current a {
    border-bottom-left-radius: unset;
    border-top-right-radius: 0rem;
  }
  .tabs-menu.tabs-menu--left > ul > li.tabs-menu__start:not(.current) {
    margin-right: -0.625rem;
  }
  .tabs-menu.tabs-menu--left > ul > li.tabs-menu__start:not(.current) > a {
    width: 100%;
    padding-right: 0;
    background: #f6f4e8;
  }
  .tabs-menu.tabs-menu--left > ul > li > a {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 4.75rem;
    padding: 0.25rem 0.625rem 0 8.125rem;
    min-height: auto;
    text-align: left;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.188rem;
  }
  .tabs-menu.tabs-menu--left > ul > li > a figure,
  .tabs-menu.tabs-menu--left > ul > li > a > span {
    position: absolute;
    top: 0;
    left: 1.563rem;
    margin: 0;
  }
  .tabs-menu.tabs-menu--left > ul > li > a figure:before,
  .tabs-menu.tabs-menu--left > ul > li > a > span:before {
    content: none;
  }
  .tabs-menu.tabs-menu--left > ul > li > a > span {
    left: 3.063rem;
    box-sizing: border-box;
  }
  .tabs-menu.tabs-menu--left > ul > li > a > span i.iconav {
    margin-top: 0.5rem;
  }
  .tabs-menu.tabs-menu--left > ul > li > a figure > img {
    margin-top: -6px;
  }
}

.shadowbox {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  -webkit-box-align: center;
  align-items: center;
  z-index: 800000;
  display: flex;
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.3);
}
.orientation_portrait .kiosk.accessible .shadowbox {
  padding-top: 58.75rem;
}
.shadowbox:not(.sb_external) > div {
  border-top: 1px solid #f6f4e8;
  border-bottom: 1px solid #f6f4e8;
}
.shadowbox > div {
  width: 100%;
  padding: 2.188rem 0.625rem 1.25rem 0.625rem;
  padding: 2.188rem calc(0.625rem + env(safe-area-inset-right)) 1.25rem calc(0.625rem + env(safe-area-inset-left));
  box-shadow: 0 0 1.875rem 0.625rem rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  background-color: #f6f4e8;
  text-align: left;
  display: none;
}
.shadowbox > div::-webkit-scrollbar {
  display: none !important;
}
.shadowbox > div > h1 {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  padding: 0 0.25rem 0rem 0.25rem !important;
  margin-bottom: 0.938rem;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}
.shadowbox > div > h2 {
  margin-top: 0;
  text-align: left;
}
.shadowbox > div > p {
  font: 400 1.063rem / 1.563rem "VCGooper", sans-serif;
  color: #4e3629;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  margin-bottom: 1.563rem;
  margin-top: -0.938rem;
  padding-right: 0.25rem;
}
.shadowbox > div > p span.products {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #037c58;
}
.shadowbox > div > p span.products:first-child {
  padding-top: 0.625rem;
}
.shadowbox > div > p span.products em {
  display: block;
}
.shadowbox > div > p span.products em + em,
.shadowbox > div > p span.products em s {
  margin-left: 0.438rem;
}
.shadowbox > div > p span.products em i {
  color: #cab9a5;
}
.shadowbox > div > p.errorcode {
  font-size: 0.813rem;
  color: #cab9a5;
  margin: -0.938rem 0 1.25rem 0;
  -webkit-user-select: text;
  user-select: text;
}
.shadowbox > div > p.scaninfo__text-fineprint {
  font-size: 19px;
  line-height: 28px;
  text-align: center;
  padding: 0;
  margin-top: -0.938rem;
  text-wrap-style: balance;
}
.shadowbox > div > figure {
  margin: -2.188rem -0.625rem 1.25rem -0.625rem;
}
.shadowbox > div > figure img {
  width: 100%;
}
.shadowbox > div > figure.scanimage,
.shadowbox > div > figure.qrimage {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin: 1.875rem 0 4rem 0;
}
.shadowbox > div > figure.scanimage > div,
.shadowbox > div > figure.qrimage > div {
  position: relative;
  display: inline-block;
}
.shadowbox > div > figure.qrimage {
  margin: 0.625rem 0 1rem 0;
}
.shadowbox > div > figure.qrimage > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10.714rem;
  height: 10.714rem;
  padding: 1.071rem;
  background-color: #fff;
}
.shadowbox > div > figure.qrimage .loading-spinner {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border: 6px solid #115740;
  border-bottom-color: transparent;
  visibility: visible;
  opacity: 1;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .shadowbox > div {
    width: 33.125rem;
    padding: 1.875rem 1.563rem 1.625rem 1.563rem;
    border: none !important;
    border-radius: unset;
    margin: -3vh auto 0 auto;
  }
  .shadowbox > div#country {
    width: 40rem;
  }
  .shadowbox > div > figure {
    margin: -1.875rem -1.563rem 0.625rem -1.563rem;
  }
  .shadowbox > div > h1 {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
  .shadowbox > div > p {
    float: left;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin-top: -0.375rem;
    margin-bottom: 1.875rem;
    padding-left: 0.25rem;
    box-sizing: border-box;
  }
  .shadowbox > div .list-container {
    float: left;
    margin-bottom: 1.25rem;
  }
  .shadowbox > div .list-container > ul {
    margin: 0 -0.875rem 1.25rem -0.875rem;
  }
  .shadowbox > div .list-container > p {
    padding: 0 0.375rem;
  }
}
.shadowbox.store > div {
  position: relative;
  padding-top: 1.188rem;
  padding-bottom: 0.25rem;
  display: block;
}
.shadowbox.store > div > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shadowbox.store > div > ul li {
  display: block;
}
.shadowbox.store > div div.functions {
  position: absolute;
  right: 0.625rem;
  right: calc(0.625rem + env(safe-area-inset-right));
  z-index: 1000;
  top: 1.125rem;
  /*				> button {
  	margin-left: get-rem($lssp-functions-space-between);
  }*/
}
.shadowbox.store > div div.item {
  float: left;
  position: relative;
  width: 100%;
  display: block;
  /*				h1 {
  	-webkit-user-select:text;
  	-ms-user-select:inherit;
  	user-select:text;
  }*/
}
.shadowbox.store > div div.item h1,
.shadowbox.store > div div.item p {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  width: auto;
  font: 700 1.188rem / 1.625rem "VCGooper", sans-serif;
  color: #4e3629;
  text-align: left;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  padding: 0 5rem 0.75rem 0.25rem;
  margin: 0;
  box-sizing: border-box;
}
.shadowbox.store > div div.item h1 span,
.shadowbox.store > div div.item p span {
  font: 400 0.938rem / 1.625rem "VCGooper", sans-serif;
  color: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  display: block;
}
.shadowbox.store > div div.item p {
  position: absolute;
  right: 0;
  top: 3.375rem;
  padding: 0 0.25rem 0.75rem 0;
  font: 400 0.938rem / 1.625rem "VCGooper", sans-serif;
  color: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
}
.shadowbox.store > div .pure-g {
  display: block;
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .shadowbox.store {
    padding-right: 20rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .shadowbox.store > div {
    width: 20.938rem;
    padding: 0.938rem 0.938rem 0.313rem 0.938rem;
  }
  .shadowbox.store > div div.functions {
    top: 1rem;
    right: 0.938rem;
  }
}
.shadowbox .dialog-panel--small button.mini.close {
  width: 2rem;
  height: 2rem;
}
.shadowbox .dialog-panel--small button.mini.close i.ico.cancel {
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%) scale(0.8);
}

@keyframes reveal-qr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.reveal-qr-code__container {
  height: 100px;
}

.reveal-qr-code__button-container {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 2.125rem;
  animation: reveal-qr-fade-in 0.3s ease;
}

.reveal-qr-code__url-container {
  display: flex;
  width: 100%;
  justify-content: center;
  animation: reveal-qr-fade-in 0.3s ease;
}

.reveal-qr-code__url-container.hidden,
.reveal-qr-code__button-container.hidden {
  display: none;
}

#loader {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 100000;
}
#loader > div {
  position: absolute;
  left: 37.5%;
  top: 46%;
}
#loader > div em {
  width: 5rem;
  height: 5rem;
  margin: -2.5rem 0 0 -2.5rem;
  border: 0.25rem solid #fff;
  background-color: #000;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
  display: block;
}
section.center #loader > div {
  left: 50%;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  #accessibility_settings {
    max-height: 48.214rem;
    overflow: scroll;
  }
}
#scaninfo button.mini.close {
  display: none;
}

/* ---------------------------------------------------------------------------
   New dialog primitive transitions (data-state driven)

   Scoped to the [data-dialog-overlay] / [data-dialog-panel] markers emitted by
   <Dialog.Overlay>/<Dialog.Panel>, so legacy GSAP-driven .shadowbox and .popup
   dialogs are untouched. "opening" = pre-enter (from), "open" = entered (to); the
   primitive forces a reflow between them so the transition fires.

   ENTER ONLY, AND THE BACKDROP NEVER ANIMATES - both master parity. Two reasons
   there is no "closing" rule and no backdrop fade:

   - <Dialog> has no exit: a closed dialog settles to idle and the panel unmounts with
     it, so there is no "closing" state for CSS to match and removal cannot be animated.
     An exit would need the primitive to keep the panel mounted, not just a rule here.
   - Every tint here is suppressed while a dialog is up rather than drawn beneath one
     (`.od__tint` by `body:not(.box_active):not(.pop_active)`, `.popup` by
     `body:not(.box_active)`), and those guards clear the instant the body class
     lands - so a fade would hand over to nothing for its whole duration. A fade keyed
     on the body class itself would work, since <body> is never unmounted.
--------------------------------------------------------------------------- */
.shadowbox[data-dialog-overlay] > [data-dialog-panel] {
  display: block;
  position: relative;
  transform: translateY(0);
  transition: transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shadowbox[data-dialog-overlay] > [data-dialog-panel][data-state=opening] {
  transform: translateY(50px);
}
.shadowbox[data-dialog-overlay] > [data-dialog-panel] > button.mini.close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  right: calc(0.625rem + env(safe-area-inset-right, 0));
  z-index: 1;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .shadowbox[data-dialog-overlay] > [data-dialog-panel] > button.mini.close {
    top: 0.938rem;
    right: 0.938rem;
  }
}

.popup[data-dialog-overlay] {
  display: block;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .popup[data-dialog-overlay] > [data-dialog-panel] {
    transform: scale(1);
    transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .popup[data-dialog-overlay] > [data-dialog-panel][data-state=opening] {
    transform: scale(0.9);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-dialog-overlay],
  [data-dialog-overlay] > [data-dialog-panel] {
    transition: none !important;
  }
}
[role=dialog]:focus-visible,
[role=alertdialog]:focus-visible {
  outline: none;
}

.message {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.7s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}
.doc_ready .message {
  opacity: 1;
}
.message h1 {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  width: 100%;
  text-align: center;
  padding: 0.313rem 1.25rem 0.625rem 1.25rem;
  white-space: normal;
  text-overflow: inherit;
  overflow: inherit;
  box-sizing: border-box;
  margin: 0;
  box-sizing: border-box;
}
.message h1.running-dots em {
  margin-right: -1.25rem;
}
.message h1 span {
  font-family: "VCGooper", sans-serif;
  font-size: 0.938rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #4e3629;
  letter-spacing: normal;
  text-transform: none;
  padding-top: 1.25rem;
  display: block;
}
.kiosk .message h1 span {
  display: none;
}
.message h2, .minw_md .message.one-moment p {
  font: 700 1.188rem / 1.625rem "VCGooper", sans-serif;
  color: #4e3629;
  text-align: center;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  padding: 0 1.25rem 0.875rem 1.25rem;
}
.message p {
  text-align: center;
}
.message p span.abutton {
  position: relative;
  border: 1px solid #ecdac7;
  border-color: var(--color-border);
  padding: 0.313rem 0.5rem 0.313rem 0.5rem;
  margin: 0 0.188rem 0 0.188rem;
  border-radius: 0.25rem;
}
.message p span.abutton:before {
  content: "";
  position: absolute;
  bottom: 0.188rem;
  left: 0.313rem;
  right: 0.313rem;
  height: 0.188rem;
  border-radius: 0.188rem;
  background-color: #e40425;
}
.message ul.serving-options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.message.table-tent {
  position: relative;
  top: 0px !important;
  left: inherit !important;
  margin: 3.75rem 0 1.25rem 0;
  min-height: auto;
}
.message.table-tent img {
  margin: 0 auto;
}
.message.one-moment > div {
  width: 100%;
}
.message.one-moment .progress-animation {
  margin: 8.75rem auto 1.25rem auto;
}
.message.one-moment .progress-content {
  min-height: 18.75rem;
}
.message.one-moment h1 {
  padding: 0.313rem 1.25rem 0.313rem 1.25rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .message.one-moment h1 {
    padding: 0.313rem 0 1.25rem 0;
    margin-left: -5.357rem;
    margin-right: -5.357rem;
    width: calc(100% + 10.714rem);
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .message.one-moment {
    position: fixed;
    top: 0;
    margin-top: 0;
    height: 100dvh;
  }
  .message.one-moment .progress-content {
    min-height: 15.625rem;
  }
}
.message.init > div {
  width: 88%;
}
.message.init h2 {
  margin-bottom: 0;
}
.message.init a {
  color: #cd0a00;
}
.message.init .popup > div {
  top: 25rem;
  bottom: 25rem;
}
.message.init .popup p {
  text-align: left;
}
.message.init .pure-form:not(.form-fav) > .pure-g {
  margin-bottom: 0.625rem;
}
.message.init .pure-form .chk input + label i.ico.check {
  filter: brightness(0%);
}
.message.init .chk input + label span:first-child.green {
  border-color: #cd0a00;
}
.message.init .chksmall .chk input + label {
  line-height: 1rem;
}
.message.init button.go-demo {
  background-color: #cd0a00;
}
.message.init button.go-demo i.ico {
  background-position-y: -9.5rem;
}
.message.receipt-question, .message.receipt-question-after-payment, .message.payment-question, .message.insert-card, .message.enter-pin {
  transform: translate3d(var(--message-shift-x, 0px), 6.25rem, 0);
}
.doc_ready .message.receipt-question, .doc_ready .message.receipt-question-after-payment, .doc_ready .message.payment-question, .doc_ready .message.insert-card, .doc_ready .message.enter-pin {
  transform: translate3d(var(--message-shift-x, 0px), 0, 0);
  transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s linear;
}
.message.order-error > div {
  min-height: auto;
}
.message.order-error h1 {
  color: #e40425;
}
.message .channel-shift-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
.message .channel-shift-group.has-plugin {
  position: relative;
  border: 2px solid #4e3629;
  border-radius: 1.25rem;
  padding: 1.25rem 0 0.625rem 0;
  margin-bottom: 1.875rem;
}
.message .channel-shift-group .receipt-options-divider {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(50%);
  text-align: center;
  pointer-events: none;
}
.message .channel-shift-group .receipt-options-divider span {
  display: inline-block;
  font: 400 0.938rem / 1.5rem "VCGooper", sans-serif;
  color: #4e3629;
  background-color: #f6f4e8;
  padding: 0 0.875rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .message {
    width: 75%;
    transition: opacity 0.7s linear, transform 1s ease-in-out 0.3s;
    backface-visibility: hidden;
    perspective: 1000;
  }
  .message > div {
    min-height: 29.464rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .kiosk .checkout .message {
    width: calc(75% + 1.607rem);
  }
  .kiosk .hide_receipt .message {
    --message-shift-x: 9.5%;
  }
  .doc_ready.kiosk .hide_receipt .message {
    transform: translate3d(var(--message-shift-x, 0px), 0, 0);
  }
  .kiosk .message > h2,
  .kiosk .message > p,
  .kiosk .message > div {
    padding-left: 22%;
    padding-right: 22%;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .message {
    top: calc(50% - 120px);
    width: 100%;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .orientation_portrait .kiosk:not(.accessible) .message {
    top: -170px;
  }
  .message h1 {
    width: 100%;
  }
  .message h2 {
    font-size: 1.313rem;
    line-height: 1.875rem;
    padding-bottom: 1.607rem;
  }
  .message > h2,
  .message > p,
  .message > div {
    padding-left: 25%;
    padding-right: 25%;
    box-sizing: border-box;
  }
  .message.one-moment > div {
    display: flex;
    flex-direction: column-reverse;
    justify-content: start;
  }
  .message.one-moment .progress-animation {
    margin-top: 0;
  }
  .message.one-moment .progress-content {
    min-height: 13.393rem;
  }
  .message.receipt-question div.pure-g,
  .message.receipt-question ul.pure-g {
    display: flex;
    justify-content: center;
    margin-top: 1.875rem;
  }
  .message.payment-question > div, .message.receipt-question-after-payment > div {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
  }
  .message.payment-question p.alert, .message.receipt-question-after-payment p.alert {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .message.payment-question button,
  .message.payment-question a.button, .message.receipt-question-after-payment button,
  .message.receipt-question-after-payment a.button {
    margin-bottom: 1.071rem;
    max-width: 31.071rem;
  }
  .message .channel-shift-group.has-plugin {
    border-radius: 1.607rem;
    padding: 1.607rem 0 0.536rem 0;
    margin-bottom: 1.607rem;
  }
  .message .channel-shift-group .receipt-options-divider span {
    font-size: 1.179rem;
    line-height: 1.607rem;
    padding: 0 1.071rem;
  }
  .message.insert-card {
    flex-direction: column;
  }
  .message.insert-card img {
    width: 40.625rem;
    margin: 0 auto 1.188rem auto;
  }
  .message.enter-pin img {
    width: 20.625rem;
    margin: 0 auto 0.625rem auto;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .kiosk .message.order-complete {
    transform: translate3d(9.5%, 0, 0);
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .kiosk .message.order-complete {
    transition: inherit;
    animation: fadingIn 0.3s linear 0.1s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .doc_ready.kiosk .message.order-complete {
    transition: inherit;
    opacity: 0;
  }
  .message.order-complete h1:not(.alert) {
    color: #038b62;
  }
  .message .ordernumber {
    padding-top: 2.75rem;
    margin-bottom: 3.75rem;
  }
}

.message-kiosk-error {
  position: fixed;
  bottom: 50%;
  right: 50%;
  font-size: 0.875rem;
  color: #999;
  padding: 3.125rem;
  display: flex;
  align-items: center;
  margin: 0 -50vw -50vh 0;
  z-index: 100000000;
}
.message-kiosk-error i {
  width: 32px;
  height: 32px;
  background: url("../images/ico-kiosk-closed.c83e2f95b052.svg?lc-1680523460") no-repeat;
  background-size: cover;
  margin: 0 0.438rem 0.125rem 0;
  opacity: 0.8;
}

.fologo {
  padding: 0;
  margin: 0 auto;
  display: table;
  padding-bottom: 150px;
}
.fologo img {
  width: 180px;
  margin: 0 0 20px 0;
  display: block;
}
.fologo img + img {
  width: 175px;
  margin: 0 2px 20px 2px;
}

.messagebuttons {
  position: absolute;
  right: 1.188rem;
  bottom: 1.75rem;
  width: 14rem;
  opacity: 0;
  animation: fadingIn 0.3s linear 1s;
  animation-fill-mode: forwards;
  z-index: 1;
}
@media (orientation: portrait) {
  .messagebuttons {
    right: 2.625rem;
    bottom: 12.125rem;
  }
  .accessible .messagebuttons {
    bottom: 2rem;
  }
}

.order_complete {
  position: relative;
  overflow: hidden;
  margin: 0 -0.625rem;
  padding: 0.625rem 0.625rem 0 0.625rem;
  box-sizing: border-box;
}
.order_complete h2 {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0.438rem !important;
  min-height: auto !important;
  text-align: center;
}
.order_complete h2 span {
  white-space: nowrap;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .order_complete {
    margin-left: 0.313rem;
    width: 100%;
  }
  .order_complete h2 {
    padding-bottom: 1.25rem !important;
  }
}
.order_complete button.order-next {
  position: absolute;
  right: 0;
  top: 5.313rem;
}
@media (max-width: 374px) {
  .order_complete button.order-next {
    right: -0.625rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .order_complete button.order-next {
    right: 7.5rem;
  }
}
.order_complete button.order-prev {
  position: absolute;
  left: 0;
  top: 5.313rem;
}
@media (max-width: 374px) {
  .order_complete button.order-prev {
    left: -0.625rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .order_complete button.order-prev {
    left: 7.5rem;
  }
}

.ordernumber {
  position: relative;
  margin: 0 auto;
  display: table;
}
.list.history .item .ordernumber {
  position: absolute;
  left: 0.875rem;
  top: 1.313rem;
  height: 3.25rem;
  pointer-events: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.history .item .ordernumber {
    top: 1.063rem;
  }
}
.receipt-info .ordernumber {
  margin: 0;
  height: 3.25rem;
}
.ordernumber > span {
  position: relative;
  min-width: 11.25rem;
  max-width: 15rem;
  font-size: 4.125rem;
  line-height: 5rem;
  font-weight: 300;
  text-transform: none;
  letter-spacing: normal;
  color: #fff !important;
  text-align: center;
  padding: 0.625rem 0.625rem 0.75rem 0.625rem;
  margin: 1.25rem auto 1.563rem auto;
  border: 0.5rem solid #4e3629;
  border-right-width: 1.75rem;
  border-radius: 1px;
  display: block;
}
.ordernumber > span:before {
  content: attr(data-label);
  position: absolute;
  right: -5.25rem;
  top: 3.25rem;
  width: 8.75rem;
  font-size: 0.875rem;
  line-height: 1.75rem;
  color: #fff;
  letter-spacing: 0.063rem;
  text-transform: uppercase;
  transform: rotate(-90deg);
  white-space: nowrap;
  overflow: hidden;
}
.message .ordernumber > span {
  padding: 1.375rem 0.625rem 1.25rem 0.625rem;
  transform: scale(1.2);
}
.ordernumber > span em {
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-style: normal;
  font-weight: 400;
  display: block;
  white-space: nowrap;
}
.order_complete .ordernumber > span.running-dots em b {
  margin-right: -1.25rem;
}
.nav-user .ordernumber > span, .list.history .item .ordernumber > span, .receipt-info .ordernumber > span, nav-companion .ordernumber > span {
  min-width: 2.875rem;
  max-width: auto;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 400;
  padding: 0.25rem 0.188rem 0.313rem 0.188rem;
  margin: 0.391rem auto 0.313rem auto;
  border-width: 0.125rem;
}
.nav-user .ordernumber > span em, .list.history .item .ordernumber > span em, .receipt-info .ordernumber > span em, nav-companion .ordernumber > span em {
  font-size: 0.313rem;
  line-height: 0.438rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 2.5rem;
  margin: 0 auto;
}
nav-companion .ordernumber > span {
  margin-top: 0.328rem;
}
.nav-user .ordernumber > span {
  min-width: 2.75rem;
  margin: 0.188rem 0 -0.188rem 0;
  padding: 0.313rem 0 0.263rem 0;
  font-size: 0.813rem;
  background-color: transparent !important;
  border-color: #fff !important;
}
.nav-user .ordernumber > span em {
  font-size: 0.313rem;
  line-height: 0.25rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .ordernumber > span {
    min-width: 12.937rem;
    max-width: 17.25rem;
    font-size: 4.744rem;
    line-height: 5.75rem;
    padding: 0.719rem 0.719rem 0.862rem 0.719rem;
    border-width: 0.575rem;
    border-right-width: 2.012rem;
  }
  .ordernumber > span:before {
    right: -6.038rem;
    top: 3.738rem;
    width: 10.063rem;
    font-size: 1.006rem;
    line-height: 2.012rem;
    letter-spacing: 0.072rem;
  }
  .kiosk .ordernumber > span {
    border-right-width: 0.575rem;
  }
  .kiosk .ordernumber > span:before {
    display: none;
  }
}
.ordernumber.complete > span {
  border-color: #038b62;
  background-color: #038b62;
  color: #fff !important;
}
.ordernumber.cancelled > span {
  border-color: #e40425;
  background-color: #f6f4e8;
  color: #4e3629 !important;
}
.ordernumber.history > span {
  border-color: #038b62;
  background-color: #f6f4e8;
  color: #4e3629 !important;
}
.ordernumber .payment {
  position: absolute;
  left: -2.813rem;
  top: 0;
  z-index: 1;
}
.ordernumber .payment span {
  padding: 0.063rem;
  background-color: #fff;
  border-radius: 2.375rem;
  display: block;
}
.ordernumber .payment em {
  width: 4.625rem;
  height: 4.625rem;
  border-radius: 2.313rem;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0 0.188rem;
  box-sizing: border-box;
  font-style: normal;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #038b62;
  display: table-cell;
}
.ordernumber .payment.alert em {
  color: #fff;
  background-color: #e40425;
}
.ordernumber .payment i.ico.check {
  margin: 0 auto -0.25rem auto;
  background-position-y: -18.5rem;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.ellipsis a {
  text-decoration: none !important;
  color: inherit;
  pointer-events: none;
}

.support {
  position: absolute;
  right: 0;
  top: 0.438rem;
}
.support img {
  float: left;
  width: 2rem;
  height: 2rem;
  margin-left: 0.188rem;
}
.list-compact .support img {
  float: right;
}
.popup .support {
  right: 3.125rem;
  top: 23.75rem;
}
.popup .support img {
  width: 5rem;
  height: 5rem;
  margin-left: 0.25rem;
}
.item.big .support {
  right: 0.625rem;
  top: 0.5rem;
}
.item.big .support img {
  width: 3.75rem;
  height: 3.75rem;
  margin-left: 0.25rem;
}
.item.big .campaign + figure .support {
  right: 1.875rem;
  top: 3rem;
}
ul.products > li.current .item.big .support {
  opacity: 0 !important;
}
footer .support {
  right: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .support {
    right: 0.625rem;
    top: 0.5rem;
    opacity: 1;
  }
  .support img {
    width: 3.75rem;
    height: 3.75rem;
    margin-left: 0.25rem;
  }
  .list-compact .support, .receipt-history .support {
    right: 0;
  }
  .list-compact .support img, .receipt-history .support img {
    width: 1.75rem;
    height: 1.75rem;
  }
  .receipt-history .support {
    top: 0.125rem;
  }
  .popup .support {
    right: 3.75rem;
    top: 0;
  }
  .popup .support img {
    width: 6rem;
    height: 6rem;
    margin-left: 0.313rem;
  }
  .item.big .campaign + figure .support {
    right: 1.563rem;
    top: 2.5rem;
  }
  .config .support {
    top: 1.25rem;
  }
  footer .support {
    top: 0.125rem;
  }
  footer .support img {
    width: 1.375rem;
    height: 1.375rem;
    margin-left: 0.125rem;
  }
  ul.products > li.current .support {
    opacity: 0 !important;
  }
  ul.products > li.current .popup .support {
    opacity: 1 !important;
  }
}

ul.store-open {
  width: 100%;
  margin: 0;
  padding: 0.125rem 0.25rem 1.125rem 0.25rem;
  box-sizing: border-box;
  list-style-type: none !important;
}
ul.store-open.details, ul.store-open.navigate {
  padding-top: 0;
  margin-top: -0.25rem;
}
ul.store-open.details li, ul.store-open.navigate li {
  padding-left: 0;
  padding-right: 0;
}
ul.store-open.navigate {
  margin-bottom: 2.5rem !important;
}
ul.store-open.navigate li {
  float: left;
  margin-right: 1.25rem;
}
ul.store-open.navigate li.onlymac {
  display: none;
}
.mac ul.store-open.navigate li.onlymac, .ios ul.store-open.navigate li.onlymac {
  display: block;
}
ul.store-open.navigate a i.ico {
  display: inline-block;
  margin: 0 0 0 1px;
  width: 1rem;
  height: 1rem;
  top: 0.125rem;
}
ul.store-open li {
  position: relative;
  padding: 0.25rem 0.25rem 0.188rem 0.25rem;
  font-size: 0.938rem;
  line-height: 1.625rem;
}
ul.store-open li i:not(.ico) {
  float: right;
  font-style: normal;
}
ul.store-open li em {
  position: relative;
  float: left;
  width: 1.875rem;
  height: 1rem;
  border: 1px solid #ecdac7;
  margin: 0.25rem 0.5rem 0 -0.125rem;
  border-radius: 0.625rem;
}
ul.store-open li em i.ico {
  position: absolute;
  left: 0;
  top: -0.5rem;
  transform: scale(0.5) !important;
}
ul.store-open li.today {
  background-color: #115740;
  color: #fff;
  margin: -0.125rem -0.375rem 0.125rem -0.375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  border-radius: 0.063rem;
  border-top: none !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  ul.store-open {
    padding-right: 1.875rem;
  }
  ul.store-open li {
    padding-left: 0;
    padding-right: 0.563rem;
  }
  ul.store-open li.today {
    margin-left: -0.938rem;
    padding-left: 0.938rem;
    padding-right: 0.938rem;
  }
}

a.gopop {
  white-space: nowrap;
}

.popup {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 500000;
  display: none;
  pointer-events: inherit;
}
body:not(.box_active) .popup {
  background-color: rgba(0, 0, 0, 0.3);
}
.popup > div {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  background-color: #f6f4e8;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}
.popup > div button.mini:not(.pin) {
  position: absolute;
  right: calc(0.625rem + env(safe-area-inset-right, 0)) !important;
  top: 1.375rem !important;
  top: calc(22px + var(--safe-area-top)) !important;
  z-index: 500005 !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .popup > div {
    left: 50%;
    width: 67.875rem;
    top: 3.625rem;
    bottom: 3.625rem;
    margin-left: -39.75rem;
    box-shadow: 0 0 1.875rem 0.625rem rgba(0, 0, 0, 0.15);
    overflow: hidden;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .popup > div {
    width: 62.625rem;
    margin-left: -31.313rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .popup > div button.mini:not(.pin) {
    right: 1.25rem !important;
    top: 1.25rem !important;
  }
  .popup > div p {
    padding-left: 0.25rem !important;
  }
}
.popup iframe {
  float: left;
  width: 100%;
  height: 100%;
}
.iframe-popup section {
  padding-top: 0;
  padding-top: var(--safe-area-top);
  background-color: #f6f4e8;
}
.iframe-popup h1 {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  padding: 1.5rem 0.25rem 1rem 0.25rem;
  text-align: left;
}
.iframe-popup h1 + h2, .iframe-popup h1 + h3 {
  padding-top: 0;
  margin-top: -0.563rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .iframe-popup {
    margin: 0;
    max-width: none;
  }
  .iframe-popup main {
    top: auto !important;
  }
  .iframe-popup main > div {
    max-width: none;
  }
  .iframe-popup section {
    padding: 2.5rem 2.75rem;
  }
  .iframe-popup h1 {
    width: 100%;
    margin: 0;
    padding: 2.5rem 0 1.25rem 0;
  }
  .iframe-popup h2,
  .iframe-popup h3,
  .iframe-popup p {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .iframe-popup h1 {
    font-size: 44px;
    line-height: 54px;
  }
  .iframe-popup h2,
  .iframe-popup h3 {
    font-size: 21px;
    line-height: 30px;
  }
  .iframe-popup p {
    font-size: 15px;
    line-height: 24px;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  body.iframe_active {
    overflow: hidden !important;
  }
}

.popup .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 calc(0.625rem + env(safe-area-inset-right, 0)) 0 calc(0.625rem + env(safe-area-inset-left, 0));
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  z-index: 100001;
}
main:not(.stores) .popup .content {
  padding-top: 0;
  padding-top: var(--safe-area-top);
}
.popup .content::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .popup .content {
    padding: 10.75rem 2.5rem 2.5rem 2.5rem !important;
  }
  .firefox .popup .content {
    right: -1.25rem;
  }
  .store .popup .content {
    padding-top: 9.5rem;
  }
  .popup .content > ul.pure-g {
    display: inline;
    margin-right: 0;
  }
}
.popup .content h2 {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  font: 300 1.625rem / 2.5rem "VCGooper-Semicond", sans-serif !important;
  color: #4e3629 !important;
  text-align: left !important;
  text-transform: uppercase !important;
  letter-spacing: 0rem !important;
  word-spacing: 0rem !important;
  -webkit-font-smoothing: antialiased !important;
  padding: 5.125rem 0.25rem 1.125rem 0.25rem !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 4;
  -ms-hyphenate-limit-chars: 10 3 4;
  hyphenate-limit-chars: 10 3 4;
}
.popup .content h2 + h3 {
  margin-top: -0.25rem;
  padding-top: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .popup .content h2 {
    position: absolute !important;
    top: 2.5rem;
    font-size: 2.75rem !important;
    line-height: 3.375rem !important;
    padding-top: 0 !important;
    margin-top: 2.5rem !important;
    width: 62.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .popup .content h2 + h3 {
    margin-top: 0.188rem;
  }
}
.popup .content ul {
  margin-bottom: 0.375rem;
  list-style-type: circle;
}
.popup .content figure {
  position: relative;
  margin: -21.875rem calc(-0.625rem - env(safe-area-inset-right, 0)) 0 calc(-0.625rem - env(safe-area-inset-left, 0));
  overflow: hidden;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .popup .content figure {
    height: calc(100vw + 20rem);
    max-height: 45rem;
  }
  .pure-u-md-2-3.big .popup .content figure {
    height: calc(100vw + 11.25rem);
  }
  .popup .content figure > img {
    width: 100%;
    transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .popup .content figure + h2 {
    padding-top: 0 !important;
  }
  .popup .content figure.store {
    height: calc(100vw + 13.438rem);
    max-height: 38.438rem;
  }
  .popup .content figure.store + h2 {
    padding-top: 1.875rem !important;
  }
  .popup.pop_external .content figure {
    display: block;
    height: auto;
    max-height: none;
    margin: 0 -0.625rem 1.25rem -0.625rem;
  }
  .popup.pop_external .content figure > img {
    margin: 0 !important;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .popup .content figure {
    float: right;
    width: 40rem;
    margin: -0.625rem -2.5rem 0 1.25rem;
  }
  .popup .content figure:not(.store) > img {
    margin-bottom: 0;
    max-height: inherit;
    max-width: inherit;
    height: 33.75rem;
  }
  .popup .content figure.store {
    width: 31.25rem;
    margin: 1.563rem 0 0 0;
  }
  .popup .content figure.store > img {
    max-height: inherit;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .popup .content figure.store {
    width: 28.75rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .popup.pop_external .content {
    padding-top: 10.75rem;
    /*					h2 {
    	position:absolute !important;
    	top:get-rem(40px);
    }*/
  }
  .popup.pop_external .content figure {
    display: block;
    height: auto;
    max-height: none;
    width: 31.25rem;
    margin: -0.625rem 0 0 1.875rem;
  }
  .popup.pop_external .content figure > img {
    width: 100%;
    height: auto;
  }
  .popup.pop_external .content .button-container {
    width: 29.25rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .popup .content h3 {
    padding-left: 0.25rem;
  }
}
.popup .content pre {
  padding-top: 12.5rem;
  margin: 0;
}
.popup .footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4.375rem;
  padding: 0.625rem 0.625rem 0 0.625rem;
  z-index: 100002;
  background: linear-gradient(to bottom, rgba(246, 244, 232, 0.85) 0%, #f6f4e8 50%, #f6f4e8 100%); /* W3C */
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .popup .footer {
    display: flex;
    justify-content: center;
    height: 6.25rem;
    padding: 1.25rem 1.25rem 0 1.25rem;
  }
  .popup .footer button {
    max-width: 17.5rem;
  }
}

div.product {
  position: relative;
  margin: 0 -0.625rem 0 -0.625rem;
  padding: 0 0.625rem 0 0.625rem;
  background: #fff;
  display: block;
}
div.product figure {
  position: relative;
  margin: 1px -0.625rem 0 -0.625rem;
}
.hairline div.product figure {
  margin-top: 0.5px;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  div.product .description {
    display: flex;
    flex-direction: column-reverse;
  }
}
div.product .overlay-container {
  position: relative;
  margin: -4.313rem -0.625rem 0 -0.625rem;
}
div.product .overlay-container .overlay {
  position: relative;
  display: block;
  top: auto !important;
  bottom: auto !important;
  bottom: 0;
  box-shadow: none;
  border-bottom: none;
  padding-top: 3.563rem;
  z-index: 1;
}
div.product .overlay-container .overlay h3 {
  position: absolute;
  left: 0.875rem;
  bottom: 5.625rem;
  margin: 0;
  font: 700 1.188rem / 1.625rem "VCGooper", sans-serif;
  color: #4e3629;
}
div.product .overlay-container .overlay .rdo {
  margin-top: -5.125rem;
}
div.product .noticebox {
  margin-top: 1.25rem;
}
div.product .noticebox a.go-order {
  position: relative;
  padding: 0.75rem 0 0.625rem 3.25rem;
  display: inline-block;
}
div.product .noticebox a.go-order i.iconav {
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 400px) {
  div.product figure {
    margin: 0 auto;
    width: 25rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  div.product {
    margin: 0;
    padding: 0;
  }
  div.product figure {
    float: right;
    width: 36.25rem;
    margin: 1.875rem 0 0 0;
  }
  div.product .description {
    padding-top: 0.563rem;
    width: 25rem;
  }
  div.product .overlay-container {
    margin-top: 0;
  }
  div.product .overlay-container .overlay {
    padding-top: 4.688rem;
  }
  div.product .overlay-container .overlay h3 {
    left: 1.875rem;
    bottom: 6.875rem;
    font-size: 1.313rem;
    line-height: 1.875rem;
  }
  div.product .overlay-container .overlay .rdo {
    margin-top: -3.75rem;
  }
  div.product .noticebox {
    width: auto;
    margin: 1.25rem 0.938rem 0 0.938rem;
  }
  div.product .noticebox p {
    padding: 0 1.875rem 0 1.875rem;
  }
}

.product-info > button.mini {
  position: fixed;
  right: calc(0.625rem + env(safe-area-inset-right, 0));
  top: calc(1.375rem + var(--safe-area-top));
  margin-bottom: 0;
  opacity: 1;
  transition: opacity 0.2s linear;
  z-index: 200004;
  display: block;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .product-info > button.mini {
    transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .product-info > button.mini.fav {
    right: calc(3.375rem + env(safe-area-inset-right, 0));
  }
  .hideme .product-info > button.mini {
    transform: translate3d(0px, calc(-90px - var(--safe-area-top)), 0px);
  }
  .product-info > button.mini:before {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    z-index: 3;
    background-color: #000;
    opacity: 0;
    border-radius: 1.25rem;
    transition: opacity 0.12s linear, visibility 0s linear 0.15s;
    visibility: hidden;
    cursor: pointer;
    display: block;
  }
  .tint .product-info > button.mini {
    pointer-events: none;
  }
  .tint .product-info > button.mini:before {
    opacity: 0.3;
    visibility: visible;
    transition: opacity 0.1s linear, visibility 0s linear;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .product-info > button.mini {
    right: auto;
    top: auto;
    margin: -17.063rem 0 0 1.563rem;
  }
  body:not(.kiosk) main:not(.stickyprod) .product-info > button.mini {
    position: absolute;
    z-index: 1;
    margin-top: 1.25rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  body:not(.kiosk) main:not(.stickyprod) .product-info > button.mini {
    margin-top: 5rem;
  }
  .kiosk.accessible .product-info > button.mini {
    margin-top: -15.625rem;
  }
  .kiosk:not(.accessible) main:not(.stickyprod) .product-info > button.mini {
    margin-top: -20.938rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  body.kiosk main:not(.stickyprod) .product-info > button.mini {
    position: absolute;
    z-index: 1;
    margin-top: 1.25rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .product-info > button.mini.fav {
    margin-left: 4.313rem;
  }
  .kiosk .product-info > button.mini.fav {
    display: none;
  }
}
.product-info + div.h1, .product-info + .product-config-meal-configurator > div.h1 {
  padding-right: 3.125rem;
}

p.geoloc-denied {
  font-size: 0.938rem;
  line-height: 1.25rem;
}

#map {
  position: fixed;
  left: 0;
  top: calc(5rem + var(--safe-area-top));
  right: 0;
  bottom: 0;
  z-index: 20;
  touch-action: none;
}
#map > div {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  #map {
    position: absolute;
    left: 1.438rem;
    right: 25%;
    top: 8.125rem;
    bottom: 1.438rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  #map {
    right: 0;
    left: 0;
    bottom: 0;
  }
}

.map-delivery {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.maxw_md .map-delivery .gm-style > div:last-child {
  display: none !important;
}
.map-delivery__sign {
  position: absolute;
  left: 0;
  top: calc(50% - 5.875rem);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1;
  pointer-events: none;
  /*		span, i {
  	filter: drop-shadow(get-rem(1px) get-rem(2px) get-rem(2px) rgba(#000, .4));	// funkar inte bra med transition i iOS
  }*/
}
.map-delivery__sign span {
  padding: 0.188rem 0.625rem;
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
  color: #fff;
  border-radius: 0.25rem;
  background-color: #2682ff;
  opacity: 1;
  transition: opacity 0.3s linear 0.7s;
}
.map-delivery__sign i {
  width: 4.125rem;
  height: 3.75rem;
  background: url("../images/logo-map-self.63bd908da150.svg?lc-1680523460");
  transition: transform 0.3s cubic-bezier(0.3, 1.2, 0.5, 1.6);
  transform-origin: top center;
}

.map-delivery.active .map-delivery__sign span {
  opacity: 0;
  transition: opacity 0.11s linear;
}
.map-delivery.active .map-delivery__sign i {
  transform: translate3d(0px, -1.125rem, 0px) scale(1, 0.9);
}
.map-delivery.active .map-delivery__sign:before {
  content: "";
  position: absolute;
  left: calc(50% - 1px);
  bottom: 0.781rem;
  height: 1.188rem;
  width: 0;
  border: 1px dashed #2682ff;
}
.android .map-delivery.active .map-delivery__sign:before {
  left: calc(50% - 0.8px);
  bottom: 0.656rem;
}
.map-delivery.active .map-delivery__sign:after {
  content: "";
  position: absolute;
  left: calc(50% - 0.175rem);
  bottom: 0.25rem;
  height: 0.375rem;
  width: 0.375rem;
  background-color: #2682ff;
  border-radius: 0.188rem;
}

.map-delivery__container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 16.875rem;
  background-color: #ecdac7;
  touch-action: none;
}

main.delivery section > h2:first-child {
  height: 1.625rem;
}
main.delivery .list-container + .delivery-instructions {
  padding-bottom: 3.125rem;
}
main.delivery.delivery-map_active section > h2:first-child {
  height: 18.125rem;
  opacity: 0;
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
main.delivery.delivery-map_active .map-delivery {
  top: calc(5rem + var(--safe-area-top));
  height: 16.875rem;
  transition: height 1s cubic-bezier(0.23, 1, 0.32, 1);
}
main.delivery.delivery-map_active .delivery-instructions {
  display: none;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .map-delivery__container {
    height: 25rem;
    max-height: none;
  }
  .orientation_portrait .map-delivery__container {
    height: 43.75rem;
  }
  main.delivery section > h2:first-child {
    height: 1.875rem;
  }
  main.delivery .delivery-instructions {
    width: 70%;
  }
  main.delivery.delivery-map_active section > h2:first-child {
    height: 25rem;
    max-height: none;
  }
  .orientation_portrait main.delivery.delivery-map_active section > h2:first-child {
    height: 43.75rem;
  }
  main.delivery.delivery-map_active .map-delivery {
    top: 8.125rem;
    height: 25rem;
    max-height: none;
  }
  .orientation_portrait main.delivery.delivery-map_active .map-delivery {
    height: 43.75rem;
  }
  .orientation_landscape main.delivery.delivery-map_active .map-delivery {
    left: 1.438rem;
    width: 62.375rem;
  }
}

.ul-reveal-anim > li {
  display: none;
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.1s linear;
}
.ul-reveal-anim > li.rev-anim {
  transform: translate3d(0px, -1.875rem, 0px);
  opacity: 0;
}

.searchbox {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 800000;
  visibility: hidden;
  pointer-events: none;
}
.searchbox_active .searchbox {
  visibility: visible;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.3);
}
.maxw_md .searchbox_active .searchbox {
  transition: background-color 0.12s linear;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .searchbox_active .searchbox {
    position: absolute;
    background-color: unset;
  }
  .searchbox_active .searchbox:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
  }
}
.searchbox .pure-form:not(.form-fav) > .pure-g {
  padding: 0;
  margin-bottom: 0;
}
.searchbox .pure-form:not(.form-fav) > .pure-g > li {
  padding-bottom: 0.625rem;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .searchbox_active .order.add,
  .searchbox_active .list-container {
    opacity: 0;
    transition: none;
  }
}
.searchbox_active .form-delivery ul:first-child li:first-child input {
  opacity: 0;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .searchbox_active .form-delivery ul:first-child li:first-child input {
    transition: transform 0.2s ease-in, opacity 0.15s linear 0.15s;
    transform: translate3d(0, -2.5rem, 0);
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .searchbox__container {
    padding: calc(0.625rem + var(--safe-area-top)) calc(0.625rem + env(safe-area-inset-right, 0)) 0 calc(0.625rem + env(safe-area-inset-left, 0));
    opacity: 0;
    transition: transform 0.3s ease-out, opacity 0.2s linear 0.1s;
    transform: translate3d(0, 2.5rem, 0);
  }
  .searchbox_active .searchbox__container {
    opacity: 1;
    transform: none;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .searchbox__container {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    width: 41.875rem;
    z-index: 1;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .searchbox__container {
    margin-top: -1.188rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .searchbox__container .pure-form:not(.form-fav) {
    margin: 0;
  }
}

.searchbox__form input[type=text] {
  background-color: #f6f4e8;
  padding-right: 2.938rem;
}
.searchbox__form button {
  position: absolute;
  top: 0.625rem;
  right: 0.938rem;
}

.searchbox__result {
  background-color: #f6f4e8;
  border-radius: 5px;
  overflow: hidden;
}
.searchbox__result > div {
  width: calc(100% + 1.563rem);
  min-height: 16.25rem;
  max-height: 16.25rem;
  overflow: auto;
}
.searchbox__result > div:hover {
  cursor: pointer;
}
.searchbox__result ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 3.125rem 0;
}
.searchbox__result li {
  display: flex;
  align-items: center;
  height: 4.625rem;
  border-bottom: 1px solid #ecdac7;
  border-color: var(--color-border);
  margin-right: 1.25rem;
  padding: 0 0.625rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .searchbox__result li {
    padding: 0 0.625rem 0 0.75rem;
  }
}
.hairline .searchbox__result li {
  border-width: 0.5px !important;
}
.searchbox__result li:last-child {
  border: none;
}
.searchbox__result li > div {
  width: calc(100% - 3.125rem);
}
.searchbox__result li > div + div {
  display: flex;
  justify-content: right;
  width: 4.375rem;
}
.searchbox__result h3,
.searchbox__result p {
  font-size: 0.938rem;
  line-height: 1.5rem;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchbox__result p {
  color: #777;
}
.searchbox__result button {
  margin: 0;
}

.sm-hidden {
  display: none;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .md-visible {
    display: block;
  }
}
ul.panels {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul.panels > li {
  position: absolute;
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s, opacity 0.5s linear;
  overflow: hidden;
}
ul.panels > li.show {
  position: relative;
  height: auto;
  opacity: 1;
  visibility: visible;
}

.corner {
  display: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .corner {
    position: absolute;
    left: 0.938rem;
    bottom: 1.813rem;
    width: 2.5rem;
    height: 2.5rem;
    border-top: 1px solid #ecdac7;
    border-right: 1px solid #ecdac7;
    border-color: var(--color-border);
    background-color: #fff;
    z-index: 200004;
    display: block;
  }
  .corner:before {
    content: "";
    position: absolute;
    left: -0.438rem;
    top: 1.188rem;
    width: 3.438rem;
    height: 0;
    border-top: 1px solid #ecdac7;
    border-color: var(--color-border);
    transform: rotate(45deg);
  }
  .hairline .corner:before {
    border-width: 0.5px;
  }
  .hairline .corner {
    border-width: 0.5px;
  }
}

/*.poptint {
	@include minw("md") {
		header {
			display:block;
		}
		main:before {
			content: "";
			position:fixed;
			left:0;
			right:0;
			top:0;
			bottom:0;
			background-color:$color-poptint-bg;
			z-index:300000;
		}
	}
}*/
#captchaContainer:not(:empty) {
  padding: 0.625rem 0 1.25rem 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  #captchaContainer:not(:empty) {
    padding: 1.25rem 0 1.875rem 0;
  }
}

.pickup-time {
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding: 1rem 1.25rem 0.875rem 0.875rem;
  margin-top: 0.938rem !important;
  border: 1px solid #ecdac7;
  border-color: var(--color-border);
  border-radius: 1px;
  text-align: center;
  box-sizing: border-box;
  display: block;
}

.country-language {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.688rem;
  line-height: 1.75rem;
  margin: 0 -0.625rem;
  padding: 1.875rem 0.875rem 0 0.875rem;
}
.stores .country-language {
  padding-top: 2.5rem;
}
.country-language a,
.country-language span {
  float: left;
  padding: 0.063rem 0.313rem;
}
.country-language a.country,
.country-language span.country {
  position: relative;
  padding-left: 2.375rem;
  padding-right: 0.5rem;
}
.country-language a i,
.country-language span i {
  position: absolute;
  left: 0.625rem;
  top: calc(50% - 0.625rem);
}
.country-language a em,
.country-language span em {
  padding: 0.25rem 0.625rem 0.25rem 0;
  border-right: 1px solid #4c4c4c;
  font-style: normal;
}
.country-language a em:empty,
.country-language span em:empty {
  padding-right: 0.313rem;
}
.hairline .country-language a em,
.hairline .country-language span em {
  border-width: 0.5px;
  border-color: #3c3c3c;
}
.country-language a {
  text-decoration: underline;
}
.country-language a[aria-current] {
  color: inherit;
  text-decoration: none;
}
nav .country-language {
  justify-content: left;
  margin: -6.25rem 0 3.125rem 0;
  padding-left: 0.313rem;
}
nav .country-language a {
  color: #fff;
}
nav .country-language em {
  color: #fff;
}
nav .country-language span,
nav .country-language a[aria-current] {
  color: rgba(255, 255, 255, 0.45);
}
nav .country-language em {
  border-color: rgba(255, 255, 255, 0.15);
}
.hairline nav .country-language em {
  border-color: rgba(255, 255, 255, 0.3);
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .kiosk .country-language {
    position: absolute;
    left: 1.875rem;
    bottom: 1.938rem;
    font-size: 1rem;
    line-height: 3.125rem;
  }
  .orientation_landscape .kiosk .country-language {
    font-size: 0.857rem;
    line-height: 2.679rem;
    bottom: 2.518rem;
  }
  .orientation_landscape .kiosk .country-language span.country {
    display: none;
  }
  .kiosk .country-language a,
  .kiosk .country-language span {
    padding: 0 0.625rem;
  }
  .kiosk .country-language span.country {
    padding-left: 3.375rem;
    padding-right: 1.625rem;
  }
  .kiosk .country-language span i {
    top: calc(50% - 0.875rem);
  }
  .kiosk .country-language span em {
    padding: 0.313rem 1.563rem 0.313rem 0;
  }
  .kiosk .country-language span em:empty {
    padding-right: 0.563rem;
  }
  .kiosk .country-language .language {
    font-size: 1rem;
    line-height: 2rem;
  }
  .kiosk .country-language .language span,
  .kiosk .country-language .language a {
    text-decoration: none;
    border: 2px solid #4e3629;
    margin-right: 0.625rem;
    padding: 0 1.25rem;
    background-color: #f6f4e8;
    color: #000;
  }
  .kiosk .country-language .language span,
  .kiosk .country-language .language a[aria-current] {
    background-color: #4e3629;
    color: #f6f4e8;
  }
  .kiosk .country-language .language a:not(.disabled):active {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
  }
  .orientation_landscape .kiosk .country-language .language {
    font-size: 0.857rem;
    line-height: 1.714rem;
  }
  .orientation_landscape .kiosk .country-language .language a {
    padding: 0 1.071rem;
    margin-right: 0.536rem;
  }
  section .country-language {
    background-color: #f6f4e8;
    font-size: 0.75rem;
    opacity: 0;
    margin: 0;
    background-color: inherit;
    padding-top: 2.5rem;
  }
  .stores section .country-language {
    padding-top: 3.125rem;
  }
  .list.iconav + section .country-language {
    position: absolute;
    left: 0;
    margin-top: -1.875rem;
    width: 100%;
  }
  .list.iconav + section .country-language > div {
    display: flex;
    justify-content: center;
  }
  .doc_ready section .country-language {
    transition: opacity 0.3s linear 1s;
    opacity: 1;
  }
}

.consignor {
  width: 100%;
  padding: 1.875rem 0 0 0;
  font-size: 0.688rem;
  line-height: 1.25rem;
  text-align: center;
  color: #999;
  background-color: #f6f4e8;
  box-sizing: border-box;
  display: inline-block;
}
.kiosk .consignor {
  display: none;
}
.consignor > span {
  display: block;
  padding: 0 0.313rem 0 0.313rem;
}
.consignor > span.phon, .consignor > span.mail, .consignor > span.coki {
  display: inline-block;
}
.consignor > span.phon a, .consignor > span.mail a, .consignor > span.coki a {
  text-decoration: none;
  color: #999;
}
body:not(.dashboard) .consignor > span.coki {
  display: none;
}
.consignor > span img {
  width: 1rem;
  height: 1rem;
  margin: 0.125rem 0.25rem -0.125rem 0;
}
@media (min-width: 568px) {
  .consignor > span {
    display: inline-block;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .consignor {
    padding-top: 3.75rem;
    font-size: 0.75rem;
  }
  .dashboard .consignor > span {
    opacity: 0;
  }
  .doc_ready .dashboard .consignor > span {
    transition: opacity 0.3s linear 1.3s;
    opacity: 1;
  }
}

.customfoot:not(:empty) {
  position: relative;
  width: 100%;
  padding: 2.5rem 0 0 0;
  font-size: 0.875rem;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .customfoot:not(:empty) {
    padding-top: 3.75rem;
  }
}

.kiosk .page-footer {
  display: flex;
  justify-content: center;
  width: 100%;
}

.kiosk .customfoot:not(:empty) {
  width: auto;
}

.customfoot__qr-code {
  display: block;
  width: 5.25rem;
  height: 5.25rem;
  margin: 1rem auto 0 auto;
}

.customfootpop .customfoot__qr-code {
  width: 6.25rem;
  height: 6.25rem;
  margin-top: 1.875rem;
}

.kiosk .customfoot--has-qr-code:not(:empty) > p,
.kiosk .noticebox--has-qr-code > p {
  max-width: 70%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.kiosk .customfoot--has-qr-code:not(:empty) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.kiosk .customfoot--has-qr-code:not(:empty) .customfoot__qr-code {
  flex: none;
  margin: 0 0 0 1.25rem;
}

.kiosk .noticebox--has-qr-code {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
}
.kiosk .noticebox--has-qr-code .noticebox__qr-code {
  order: -1;
  flex: none;
  display: block;
  width: 5.25rem;
  height: 5.25rem;
  margin: 0 1.25rem 0 0;
}

.policies {
  font-size: 0.875rem;
}
.policies a {
  padding: 0 0.5rem 0 0.5rem;
}
.policies a:first-child {
  padding-left: 0;
}
.policies a:last-child {
  padding-right: 0;
}

.version {
  font-size: 0.875rem;
  color: #999;
  padding-top: 1.25rem;
}

/*** Scroll Teaser Kiosk ***/
.scrollteaser {
  position: absolute;
  left: 50%;
  bottom: -3.75rem;
  z-index: 200005;
  width: 2.75rem;
  height: 2.75rem;
  margin-left: -11.438rem;
  border-radius: 60%;
  background-color: rgba(228, 4, 37, 0.6);
  pointer-events: none;
  display: block;
  opacity: 0;
  transition: opacity 0.1s linear, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.scrollteaser.active {
  transform: translate3d(0, -3rem, 0);
  transition-delay: 1s;
  opacity: 1;
}
body:not(.kiosk) .scrollteaser {
  display: none;
}
@media (orientation: portrait) {
  .scrollteaser {
    display: none;
  }
}
.scrollteaser span {
  display: block;
  position: absolute;
  left: 0.688rem;
  top: 0.875rem;
  transform: rotate(0.5deg) scale(0.75);
}
.scrollteaser span i.ico {
  position: absolute;
  background-position: -21.5rem -9.5rem;
  opacity: 0;
  animation: teaser 1.8s infinite ease-out;
}
.scrollteaser span i.ico + i.ico {
  animation-delay: 0.9s;
}

/*** loader ****/
loader:not(.inpage),
aborting {
  display: none;
}

loader:not(.inpage),
aborting,
.loader-container {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900000;
  transform: translateZ(0);
  background: rgba(246, 244, 232, 0.5);
  animation: fadeInFromNone 0.5s ease-out;
}

.progress-animation {
  position: relative;
  width: 4.125rem;
}
.pa__spinner,
loader > div:last-child,
aborting > div:last-child,
.loader-container > div:last-child {
  width: 4.125rem;
  height: 4.125rem;
  background: conic-gradient(#115740 var(--spinner-angle), transparent var(--spinner-angle));
  border-radius: 50%;
  -webkit-mask: url("../images/mask.67940430e78c.svg?lc-1680523460");
  mask: url("../images/mask.67940430e78c.svg?lc-1680523460");
  -webkit-animation: spinner 0.8s infinite linear;
  animation: spinner 0.8s infinite linear;
  transition: --spinner-angle var(--spinner-transtime) ease-in-out;
  z-index: 1;
}
.edge .pa__spinner,
.edge loader > div:last-child,
.edge aborting > div:last-child,
.edge .loader-container > div:last-child {
  background: #115740;
  -webkit-mask: url("../images/mask-edge.d3d6714bcf0b.svg?lc-1680523460");
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .progress-animation {
    width: 6.25rem;
  }
  .pa__spinner {
    width: 6.25rem;
    height: 6.25rem;
  }
}
loader > div:last-child,
aborting > div:last-child,
.loader-container > div:last-child {
  position: absolute;
  left: calc(50% - 2.063rem);
  top: calc(50% - 2.063rem);
}

.progress-content h1 {
  font: 400 1.375rem / 1.875rem "VCGooper-Semicond", sans-serif;
  color: #4e3629;
  text-transform: uppercase;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .progress-content h1 {
    font: 300 2.75rem / 3.375rem "VCGooper-Semicond", sans-serif;
    color: #4e3629;
    text-transform: uppercase;
    letter-spacing: 0rem;
    word-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
  }
}

.progress-animation,
.progress-content h1,
.progress-content p {
  opacity: 0;
  transform: translate3d(0, 1.875rem, 0);
}
.progress-animation.reveal,
.progress-content h1.reveal,
.progress-content p.reveal {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s linear;
}

.progress-content h1.reveal {
  transition-delay: 0.1s;
}

.progress-content p.reveal {
  transition-delay: 0.2s;
}

aborting {
  background: rgba(0, 0, 0, 0.3);
}
aborting div:last-child {
  width: 5.625rem;
  height: 5.625rem;
  left: calc(50% - 2.813rem);
  top: calc(43% - 5.625rem);
}
aborting div:first-child {
  position: absolute;
  left: calc(50% - 11.25rem);
  top: calc(43% - 8.75rem);
  width: 22.5rem;
  height: 17.5rem;
  padding-top: 9.625rem;
  text-align: center;
  box-sizing: border-box;
  background-color: #f6f4e8;
  box-shadow: 0 0 1.875rem 0.625rem rgba(0, 0, 0, 0.3);
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear, opacity 0.1s linear;
}
aborting div:first-child i {
  animation: animNumb 0s linear;
  animation-fill-mode: both;
}
aborting div:first-child i:nth-child(4) {
  animation-delay: 8s;
}
aborting div:first-child i:nth-child(5) {
  animation-delay: 7s;
}
aborting div:first-child i:nth-child(6) {
  animation-delay: 6s;
}
aborting div:first-child i:nth-child(7) {
  animation-delay: 5s;
}
aborting div:first-child i:nth-child(8) {
  animation-delay: 4s;
}
aborting div:first-child i:nth-child(9) {
  animation-delay: 3s;
}
aborting div:first-child i:nth-child(10) {
  animation-delay: 2s;
}
aborting div:first-child i:nth-child(11) {
  animation-delay: 1s;
}
aborting div:first-child i:nth-child(3) {
  animation: inherit;
}
aborting div:first-child.extended-warning i:nth-child(4) {
  animation-delay: 20s;
}
aborting div:first-child.extended-warning i:nth-child(5) {
  animation-delay: 19s;
}
aborting div:first-child.extended-warning i:nth-child(6) {
  animation-delay: 18s;
}
aborting div:first-child.extended-warning i:nth-child(7) {
  animation-delay: 17s;
}
aborting div:first-child.extended-warning i:nth-child(8) {
  animation-delay: 16s;
}
aborting div:first-child.extended-warning i:nth-child(9) {
  animation-delay: 15s;
}
aborting div:first-child.extended-warning i:nth-child(10) {
  animation-delay: 14s;
}
aborting div:first-child.extended-warning i:nth-child(11) {
  animation-delay: 13s;
}
aborting div:first-child.extended-warning i:nth-child(12) {
  animation-delay: 12s;
}
aborting div:first-child.extended-warning i:nth-child(13) {
  animation-delay: 11s;
}
aborting div:first-child.extended-warning i:nth-child(14) {
  animation-delay: 10s;
}
aborting div:first-child.extended-warning i:nth-child(15) {
  animation-delay: 9s;
}
aborting div:first-child.extended-warning i:nth-child(16) {
  animation-delay: 8s;
}
aborting div:first-child.extended-warning i:nth-child(17) {
  animation-delay: 7s;
}
aborting div:first-child.extended-warning i:nth-child(18) {
  animation-delay: 6s;
}
aborting div:first-child.extended-warning i:nth-child(19) {
  animation-delay: 5s;
}
aborting div:first-child.extended-warning i:nth-child(20) {
  animation-delay: 4s;
}
aborting div:first-child.extended-warning i:nth-child(21) {
  animation-delay: 3s;
}
aborting div:first-child.extended-warning i:nth-child(22) {
  animation-delay: 2s;
}
aborting div:first-child.extended-warning i:nth-child(23) {
  animation-delay: 1s;
}
aborting div:first-child h2 {
  text-align: center;
  padding-top: 0.5rem;
}
aborting div:first-child .aborting__cancel-button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  width: 100%;
  height: auto;
  position: relative;
  margin-top: -0.313rem;
  letter-spacing: normal !important;
}
aborting div:first-child .aborting__cancel-button:active {
  background: none;
  box-shadow: none;
  -webkit-filter: none;
  filter: none;
}
aborting div:first-child i {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  left: calc(50% - 1.563rem);
  top: 4.375rem;
  background-color: #f6f4e8;
  font-size: 2.25rem;
  line-height: 2.5rem;
  text-align: center;
  font-style: normal;
}

.qr-code-container {
  display: block;
  width: 18.75rem;
  margin: 7vh auto 0 auto;
}
.qr-code-container > div {
  display: block;
  width: 9.375rem;
  margin: 0 auto;
}
.qr-code-container > div img {
  width: 100%;
}
.qr-code-container h2 {
  text-align: center;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .qr-code-container {
    margin-top: 15vh;
  }
  .qr-code-container > div {
    width: 12.5rem;
  }
  .qr-code-container.orderstatus {
    margin-top: 3.125rem;
  }
  .qr-code-container.orderstatus > div {
    width: 8.75rem;
  }
  .qr-code-container.orderstatus h2 {
    font-size: 1rem;
  }
  .orientation_landscape .qr-code-container.orderstatus {
    position: absolute;
    top: 50%;
    left: -6.25rem;
    margin-top: -5.875rem;
  }
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

.picker {
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .picker {
    margin: 0 -0.5rem 0.875rem 0;
  }
  .picker .pure-form:not(.form-fav) {
    margin-left: 0.313rem;
  }
}
.picker label {
  display: none;
}
.picker .pure-form > .pure-g {
  padding-top: 0;
}
.picker .custom {
  position: relative;
  float: left;
  width: 100%;
  height: 3.75rem;
  min-width: 0;
  outline: none;
  font: 700 1rem / 1.438rem "VCGooper", sans-serif;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  color: #fff !important;
  margin-bottom: 0 0 0 0.625rem;
  box-sizing: border-box;
  border: 0.125rem solid #4e3629;
  border-radius: 7px;
  background-color: transparent !important;
}
.picker.disabled .custom {
  border-color: #ccc;
}

.picker .custom i.ico {
  display: block;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
}
.picker .custom select {
  appearance: none;
  border: none;
  outline: none;
  width: calc(100% - 0.813rem);
  margin: 0;
  padding: 0.063rem 0 0 0 !important;
  cursor: inherit;
  font: 700 1rem / 1.438rem "VCGooper", sans-serif;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  position: absolute;
  left: 0.813rem;
  top: 0;
  height: 100%;
  background-color: transparent;
}
.picker.disabled .custom select,
.picker.disabled .custom select[disabled=disabled] {
  color: #cab9a5;
  -webkit-text-fill-color: #cab9a5;
}

[data-whatinput=keyboard] .picker .custom select:focus {
  outline: 3px solid #000 !important;
  outline-offset: 3px;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .picker .custom {
    height: 5rem;
    font-size: 1.125rem;
    line-height: 1.563rem;
    border-width: 0.125rem;
  }
  .picker .custom i.ico {
    top: 1.375rem;
  }
  .picker .custom select {
    padding-top: 0.125rem !important;
    font-size: 1.125rem;
    line-height: 1.563rem;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .timepicker {
    margin-top: -0.875rem;
  }
}
.timepicker .wheel {
  display: none;
  overflow: hidden;
}
@media (min-height: 450px) and (max-width: 1600px) {
  html.mobile .timepicker .wheel, html[data-whatinput=touch] .timepicker .wheel {
    display: block;
  }
  html.mobile .timepicker form, html[data-whatinput=touch] .timepicker form {
    display: none;
  }
}
.timepicker > div {
  position: relative;
}
.timepicker .chrm {
  position: absolute;
  left: 0;
  right: 0.625rem;
  top: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}
.timepicker .chrm:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.125rem;
  width: 100%;
  height: 9.75rem;
  background-color: #f6f4e8;
}
.timepicker .chrm > div {
  position: relative;
  float: left;
  width: 100%;
  height: 7.625rem;
}
.timepicker .chrm > div:first-child:before, .timepicker .chrm > div:first-child:after, .timepicker .chrm > div:last-child:before, .timepicker .chrm > div:last-child:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(50% + 2.813rem);
  background: linear-gradient(to bottom, rgba(246, 244, 232, 0.9) 0%, rgba(246, 244, 232, 0.61) 50%, rgba(246, 244, 232, 0.61) 100%);
}
.timepicker .chrm > div:first-child:after, .timepicker .chrm > div:last-child:after {
  left: auto;
  right: 0;
  width: calc(50% - 2.75rem);
  background: linear-gradient(to bottom, #f6f4e8 0%, #f6f4e8 50%, #f6f4e8 100%);
}
.timepicker .chrm > div:last-child {
  transform: scaleY(-1);
}
.timepicker .chrm > div:nth-child(2) {
  height: 3.75rem;
  line-height: 3.375rem;
  margin-top: -0.125rem;
  text-align: center;
  box-sizing: border-box;
  border: 0.125rem solid #4e3629;
  border-radius: 7px;
}
.timepicker.disabled .chrm > div:nth-child(2) {
  border-color: #ccc;
  color: #cab9a5;
}

.timepicker .tscroll {
  float: left;
  width: calc(50% + 1.25rem);
  height: 28.125rem;
  margin-right: -1.313rem;
  padding-bottom: 9.375rem;
  background-color: #f6f4e8;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: y proximity;
  scroll-padding-bottom: 9.375rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.timepicker .tscroll::-webkit-scrollbar {
  display: none;
}
[data-whatinput=keyboard] .timepicker .tscroll:focus {
  outline: 3px solid #000;
}
.timepicker .tscroll span {
  display: block;
  font-size: 0.938rem;
  line-height: 3.75rem;
  font-weight: 400;
  height: 3.75rem;
  color: #4e3629;
  scroll-snap-align: center;
}
.timepicker .tscroll span:first-child {
  padding-top: 7.5rem;
}
.timepicker .tscroll span:last-child {
  padding-bottom: 7.5rem;
}
.timepicker.disabled .tscroll span {
  color: #cab9a5;
}

html.mobile.safari .timepicker .tscroll span:first-child {
  padding-top: 7.563rem;
}
html.mobile.safari .timepicker .tscroll span:last-child {
  padding-bottom: 7.563rem;
}

.timepicker .tscroll span em {
  font-style: normal;
  padding-left: 0.938rem;
}
.timepicker .tscroll.hour {
  text-align: right;
  padding-right: 2.5rem;
}
[data-whatinput=keyboard] .timepicker .tscroll.hour:focus {
  outline-offset: -3px;
}
.timepicker .tscroll.min {
  padding-left: 1.25rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .timepicker .chrm > div {
    height: 10.125rem;
  }
  .timepicker .chrm > div:first-child:before, .timepicker .chrm > div:first-child:after, .timepicker .chrm > div:last-child:before, .timepicker .chrm > div:last-child:after {
    border-width: 0.188rem;
  }
  .timepicker .chrm > div:nth-child(2) {
    height: 4.75rem;
    line-height: 4.625rem;
    border-width: 0.125rem;
  }
  .timepicker .tscroll {
    height: 34.375rem;
  }
  .timepicker .tscroll span {
    font-size: 1.063rem;
    line-height: 5rem;
    height: 5rem;
  }
  .timepicker .tscroll span:first-child {
    padding-top: 10rem !important;
  }
  .timepicker .tscroll span:last-child {
    padding-bottom: 10rem !important;
  }
}

.ico-error-smiley {
  display: block;
  max-width: 18.75rem;
  margin: 1.875rem auto;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  main.electronic-receipt h1 {
    margin-left: 1.125rem;
  }
}

.electronic-receipt-container {
  margin: 1.875rem -0.625rem 0 -0.625rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .electronic-receipt-container {
    margin-left: 1rem;
    margin-right: 0;
  }
}

@media print {
  .noprint {
    display: none;
  }
}
.kiosk.accessible aborting,
.kiosk.accessible loader {
  top: 40rem;
}

/* Buttons */
button,
a.button {
  position: relative;
  float: left;
  width: 100%;
  height: 3.75rem;
  min-width: 0;
  background-color: #d1c0ac;
  border: 2px solid transparent;
  border-radius: 1px;
  outline: none;
  font: 700 1rem / 1.438rem "VCGooper", sans-serif;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  color: #f6f4e8 !important;
  text-align: right;
  padding: 0;
  margin-bottom: 0.625rem;
  box-sizing: border-box;
  display: block;
  pointer-events: auto;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button,
  a.button {
    margin-bottom: 0.643rem;
  }
  button:not(.md-low),
  a.button:not(.md-low) {
    height: 5rem;
    max-height: 90px;
    font-size: 1.125rem;
    line-height: 1.563rem;
  }
}
button:not(.disabled):active,
a.button:not(.disabled):active {
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
  transition: inherit;
}
[data-whatinput=keyboard] button:focus,
[data-whatinput=keyboard] a.button:focus {
  outline: 3px solid #000;
}
.pure-form:not(.form-fav) button,
.pure-form:not(.form-fav) a.button {
  margin-bottom: 0;
}
button span,
a.button span {
  float: left;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 0.063rem 2.5rem 0 0.813rem;
  box-sizing: border-box;
  pointer-events: none;
}
button:not(.square) span,
div.button:not(.square) span {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 4;
  -ms-hyphenate-limit-chars: 10 3 4;
  hyphenate-limit-chars: 10 3 4;
}

button span > i.ico,
a.button span > i.ico {
  position: absolute;
  right: 0.75rem;
  margin-top: -0.063rem;
  z-index: 1;
}
button span > i.ico.forward,
a.button span > i.ico.forward {
  right: 0.25rem;
}
@media (max-width: 359px) {
  .overlay .pure-u-1-2 button span, .shadowbox .pure-u-1-2 button span,
  .overlay .pure-u-1-2 a.button span,
  .shadowbox .pure-u-1-2 a.button span {
    padding-right: 0.625rem !important;
  }
  .overlay .pure-u-1-2 button span > i.ico, .shadowbox .pure-u-1-2 button span > i.ico,
  .overlay .pure-u-1-2 a.button span > i.ico,
  .shadowbox .pure-u-1-2 a.button span > i.ico {
    display: none;
  }
  button.order-later2 span {
    padding-right: 0.625rem !important;
  }
  button.order-later2 span > i.ico {
    display: none;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button span,
  a.button span {
    padding-top: 0.125rem;
  }
  button span > i.ico,
  a.button span > i.ico {
    margin-top: -0.125rem;
  }
}
button.square,
a.button.square {
  width: 3.75rem;
}
button.square span,
a.button.square span {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}
button.square span > i.ico,
a.button.square span > i.ico {
  right: auto !important;
}
button.square span > i.ico em,
a.button.square span > i.ico em {
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  right: auto;
  top: -0.5rem;
  border-radius: 0.625rem;
  font: 700 0.75rem / 1.25rem "VCGooper", sans-serif;
  color: #fff;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  background-color: #e40425;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.square,
  a.button.square {
    width: 5rem;
    max-width: 90px;
  }
  button.square span,
  a.button.square span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    width: 100%;
    font-size: 0.725rem;
    line-height: 1.25rem;
    padding: 2.571rem 0.625rem 0 0.625rem;
  }
  button.square span > i.ico,
  a.button.square span > i.ico {
    top: auto;
    right: auto;
    bottom: 1.875rem;
    margin: 0;
  }
  button.square.remove span,
  a.button.square.remove span {
    padding: 0;
  }
  button.square.remove span > i.ico,
  a.button.square.remove span > i.ico {
    bottom: auto;
  }
  .list-compact button.square, .list.products.fav button.square,
  .list-compact a.button.square,
  .list.products.fav a.button.square {
    width: 3.75rem;
    height: 3.75rem;
    /*				span {
    	> i.ico {
    		bottom: get-rem(14px);
    	}
    }*/
  }
}
button.button-progress,
a.button.button-progress {
  overflow: hidden;
  border: none;
}
button.button-progress span,
a.button.button-progress span {
  position: relative;
  padding-left: 0.938rem;
}
button.button-progress span > i.ico,
a.button.button-progress span > i.ico {
  right: 0.875rem;
}
button.button-progress span > i.ico.forward,
a.button.button-progress span > i.ico.forward {
  right: 0.438rem;
}
.button-progress_bar {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  pointer-events: none;
  transform-origin: right;
  animation: progress-bar 10s linear forwards;
}

button.disabled,
a.button.disabled {
  background-color: #d1c0ac !important;
  color: white !important;
  cursor: default;
}
.basket_active button.disabled.basket,
.basket_active a.button.disabled.basket {
  pointer-events: none !important;
}
.shadowbox .size_split button span,
.shadowbox .size_split a.button span {
  padding-right: 0.625rem !important;
  pointer-events: none;
}
button em,
a.button em {
  position: relative;
  font-style: normal;
}
button > .loading-spinner,
button > .loading-spinner + i.ico.check,
a.button > .loading-spinner,
a.button > .loading-spinner + i.ico.check {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
button > .loading-spinner,
a.button > .loading-spinner {
  position: absolute;
  transition: opacity 0.3s linear 0.2s, visibility 0s linear;
}
button.loading,
a.button.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
button.loading span,
button.loading > em,
a.button.loading span,
a.button.loading > em {
  visibility: hidden;
  opacity: 0;
}
button.loading.placeorder,
a.button.loading.placeorder {
  padding-left: 0.813rem;
}
.loading-spinner {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  animation: spinner 0.75s linear infinite;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  main:not(.categories):not(.favourites):not(.prodlist):not(.cross_sell):not(.pageplugin) button.checkout > em + .loading-spinner {
    border-color: #4e3629;
    border-right-color: transparent;
  }
}

button.loading > .loading-spinner,
a.button.loading > .loading-spinner {
  visibility: visible;
  opacity: 1;
}
button.loading > i.ico.check,
a.button.loading > i.ico.check {
  top: auto !important;
  width: 0;
  transform: scale(1.15);
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  transition: opacity 0.1s linear, clip-path 0.3s ease-in 0.2s;
  -webkit-transition: opacity 0.1s linear, -webkit-clip-path 0.3s ease-in 0.2s;
}
button.complete,
a.button.complete {
  pointer-events: all;
}
button.complete.loading > .loading-spinner,
a.button.complete.loading > .loading-spinner {
  display: none;
}
button.complete > i.ico.check,
a.button.complete > i.ico.check {
  position: absolute;
  width: 2rem;
  visibility: visible;
  opacity: 1;
  background-position-y: -18.5rem;
  clip-path: inset(0 0% 0 0);
  -webkit-clip-path: inset(0 0% 0 0);
}
.minw_md button.complete > i.ico.check,
.minw_md a.button.complete > i.ico.check {
  transform: scale(1.3);
}
@media (min-width: 1367px) {
  button.complete > i.ico.check,
  a.button.complete > i.ico.check {
    background-position-y: -296px;
  }
}

.orientation_portrait body:not(.kiosk) button.square.access, .orientation_landscape button.square.access,
.orientation_portrait body:not(.kiosk) a.button.square.access,
.orientation_landscape a.button.square.access {
  display: none;
}
button.card img,
a.button.card img {
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
  height: 2.25rem;
}
button.card span,
a.button.card span {
  padding-left: 4.125rem;
}
button.nav,
a.button.nav {
  width: 5rem !important;
  height: 4.875rem;
  background-color: transparent;
}
button.nav:active,
a.button.nav:active {
  box-shadow: none;
}
button.nav:active > em,
a.button.nav:active > em {
  box-shadow: inset 0 0.125rem 0.063rem rgba(0, 0, 0, 0.25);
}
button.nav > em,
a.button.nav > em {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.625rem;
  height: 3.625rem;
  margin: 0.625rem;
  border-radius: 50%;
  background-color: #4e3629;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.nav,
  a.button.nav {
    height: 5rem;
  }
  button.nav > em,
  a.button.nav > em {
    width: 5rem;
    height: 5rem;
    margin: 0;
  }
}
button.checkout > em, button.placeorder > em, button.add > em, button.select > em, button.view > em, button.next > em,
a.button.checkout > em,
a.button.placeorder > em,
a.button.add > em,
a.button.select > em,
a.button.view > em,
a.button.next > em {
  position: absolute;
  display: flex;
  align-items: center;
  right: 0;
  top: 0.625rem;
  bottom: 0.625rem;
  margin: 0;
  padding: 0.063rem 0.75rem 0 0.625rem;
  box-sizing: border-box;
  border-top-right-radius: 0.438rem;
  border-bottom-right-radius: 0.438rem;
  pointer-events: none;
}
button.checkout > em.reduced-price em, button.placeorder > em.reduced-price em, button.add > em.reduced-price em, button.select > em.reduced-price em, button.view > em.reduced-price em, button.next > em.reduced-price em,
a.button.checkout > em.reduced-price em,
a.button.placeorder > em.reduced-price em,
a.button.add > em.reduced-price em,
a.button.select > em.reduced-price em,
a.button.view > em.reduced-price em,
a.button.next > em.reduced-price em {
  position: absolute;
  right: 0.813rem;
  margin-top: -2.125rem;
  font-size: 0.625rem;
  text-decoration: line-through;
}
button.checkout > em i, button.placeorder > em i, button.add > em i, button.select > em i, button.view > em i, button.next > em i,
a.button.checkout > em i,
a.button.placeorder > em i,
a.button.add > em i,
a.button.select > em i,
a.button.view > em i,
a.button.next > em i {
  display: block;
  font-size: 0.625rem;
  line-height: 0.875rem;
}
button.checkout > em.loading, button.placeorder > em.loading, button.add > em.loading, button.select > em.loading, button.view > em.loading, button.next > em.loading,
a.button.checkout > em.loading,
a.button.placeorder > em.loading,
a.button.add > em.loading,
a.button.select > em.loading,
a.button.view > em.loading,
a.button.next > em.loading {
  color: transparent !important;
}
body:not(.tint) button.checkout > em.loading + i.loading-spinner, body:not(.tint) button.placeorder > em.loading + i.loading-spinner, body:not(.tint) button.add > em.loading + i.loading-spinner, body:not(.tint) button.select > em.loading + i.loading-spinner, body:not(.tint) button.view > em.loading + i.loading-spinner, body:not(.tint) button.next > em.loading + i.loading-spinner,
body:not(.tint) a.button.checkout > em.loading + i.loading-spinner,
body:not(.tint) a.button.placeorder > em.loading + i.loading-spinner,
body:not(.tint) a.button.add > em.loading + i.loading-spinner,
body:not(.tint) a.button.select > em.loading + i.loading-spinner,
body:not(.tint) a.button.view > em.loading + i.loading-spinner,
body:not(.tint) a.button.next > em.loading + i.loading-spinner {
  right: 2.875rem;
  top: calc(50% - 0.875rem);
  visibility: visible;
  opacity: 1;
  display: block;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  button.checkout > em, button.placeorder > em, button.add > em, button.select > em, button.view > em, button.next > em,
  a.button.checkout > em,
  a.button.placeorder > em,
  a.button.add > em,
  a.button.select > em,
  a.button.view > em,
  a.button.next > em {
    background-color: #4e3629;
    padding-left: 0;
  }
  button.checkout > em:after, button.checkout > em:before, button.placeorder > em:after, button.placeorder > em:before, button.add > em:after, button.add > em:before, button.select > em:after, button.select > em:before, button.view > em:after, button.view > em:before, button.next > em:after, button.next > em:before,
  a.button.checkout > em:after,
  a.button.checkout > em:before,
  a.button.placeorder > em:after,
  a.button.placeorder > em:before,
  a.button.add > em:after,
  a.button.add > em:before,
  a.button.select > em:after,
  a.button.select > em:before,
  a.button.view > em:after,
  a.button.view > em:before,
  a.button.next > em:after,
  a.button.next > em:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -0.875rem;
    right: 0;
    width: 0.875rem;
    z-index: 2;
    opacity: 0;
    background: linear-gradient(to right, rgba(78, 54, 41, 0.01) 0%, #4e3629 100%);
    transition: none;
  }
  .basket_active button.checkout > em:after, .basket_active button.placeorder > em:after, .basket_active button.add > em:after, .basket_active button.select > em:after, .basket_active button.view > em:after, .basket_active button.next > em:after,
  .basket_active a.button.checkout > em:after,
  .basket_active a.button.placeorder > em:after,
  .basket_active a.button.add > em:after,
  .basket_active a.button.select > em:after,
  .basket_active a.button.view > em:after,
  .basket_active a.button.next > em:after {
    opacity: 1;
  }
  button.checkout > em:before, button.placeorder > em:before, button.add > em:before, button.select > em:before, button.view > em:before, button.next > em:before,
  a.button.checkout > em:before,
  a.button.placeorder > em:before,
  a.button.add > em:before,
  a.button.select > em:before,
  a.button.view > em:before,
  a.button.next > em:before {
    z-index: 1;
    background: linear-gradient(to right, rgba(209, 192, 172, 0.01) 0%, #d1c0ac 100%);
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.checkout > em, button.placeorder > em, button.add > em, button.select > em, button.view > em, button.next > em,
  a.button.checkout > em,
  a.button.placeorder > em,
  a.button.add > em,
  a.button.select > em,
  a.button.view > em,
  a.button.next > em {
    padding-top: 0.125rem;
  }
  button.checkout > em.reduced-price em, button.placeorder > em.reduced-price em, button.add > em.reduced-price em, button.select > em.reduced-price em, button.view > em.reduced-price em, button.next > em.reduced-price em,
  a.button.checkout > em.reduced-price em,
  a.button.placeorder > em.reduced-price em,
  a.button.add > em.reduced-price em,
  a.button.select > em.reduced-price em,
  a.button.view > em.reduced-price em,
  a.button.next > em.reduced-price em {
    margin-top: -2.375rem;
  }
  body:not(.tint) button.checkout > em.loading + i.loading-spinner, body:not(.tint) button.placeorder > em.loading + i.loading-spinner, body:not(.tint) button.add > em.loading + i.loading-spinner, body:not(.tint) button.select > em.loading + i.loading-spinner, body:not(.tint) button.view > em.loading + i.loading-spinner, body:not(.tint) button.next > em.loading + i.loading-spinner,
  body:not(.tint) a.button.checkout > em.loading + i.loading-spinner,
  body:not(.tint) a.button.placeorder > em.loading + i.loading-spinner,
  body:not(.tint) a.button.add > em.loading + i.loading-spinner,
  body:not(.tint) a.button.select > em.loading + i.loading-spinner,
  body:not(.tint) a.button.view > em.loading + i.loading-spinner,
  body:not(.tint) a.button.next > em.loading + i.loading-spinner {
    right: 1.25rem;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  button.checkout.disabled > em, button.placeorder.disabled > em, button.add.disabled > em, button.select.disabled > em, button.view.disabled > em, button.next.disabled > em,
  a.button.checkout.disabled > em,
  a.button.placeorder.disabled > em,
  a.button.add.disabled > em,
  a.button.select.disabled > em,
  a.button.view.disabled > em,
  a.button.next.disabled > em {
    background-color: #d1c0ac !important;
  }
  button.checkout.disabled > em:after, button.placeorder.disabled > em:after, button.add.disabled > em:after, button.select.disabled > em:after, button.view.disabled > em:after, button.next.disabled > em:after,
  a.button.checkout.disabled > em:after,
  a.button.placeorder.disabled > em:after,
  a.button.add.disabled > em:after,
  a.button.select.disabled > em:after,
  a.button.view.disabled > em:after,
  a.button.next.disabled > em:after {
    opacity: 0;
  }
  button.checkout.disabled > em:before, button.placeorder.disabled > em:before, button.add.disabled > em:before, button.select.disabled > em:before, button.view.disabled > em:before, button.next.disabled > em:before,
  a.button.checkout.disabled > em:before,
  a.button.placeorder.disabled > em:before,
  a.button.add.disabled > em:before,
  a.button.select.disabled > em:before,
  a.button.view.disabled > em:before,
  a.button.next.disabled > em:before {
    opacity: 1;
  }
}
body:not(.tint) button.view > em.loading + i.loading-spinner,
body:not(.tint) a.button.view > em.loading + i.loading-spinner {
  right: 3.5rem;
}
button.checkout span.alt, button.placeorder span.alt,
a.button.checkout span.alt,
a.button.placeorder span.alt {
  display: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  button.checkout > em, button.placeorder > em,
  a.button.checkout > em,
  a.button.placeorder > em {
    right: 1.875rem;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.checkout, button.placeorder,
  a.button.checkout,
  a.button.placeorder {
    display: flex;
    align-items: center;
  }
  button.checkout span, button.placeorder span,
  a.button.checkout span,
  a.button.placeorder span {
    padding-right: 0;
  }
  button.checkout span > i, button.placeorder span > i,
  a.button.checkout span > i,
  a.button.placeorder span > i {
    display: none;
  }
  button.checkout > em, button.placeorder > em,
  a.button.checkout > em,
  a.button.placeorder > em {
    position: relative;
    display: block;
    align-items: inherit;
    top: auto;
    bottom: auto;
    white-space: nowrap;
  }
}
button.placeorder,
a.button.placeorder {
  /*		footer & {
  	display:none;
  }*/
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  header button.placeorder, .order button.placeorder,
  header a.button.placeorder,
  .order a.button.placeorder {
    display: none;
  }
  footer button.placeorder,
  footer a.button.placeorder {
    display: flex;
  }
}
button.qty,
a.button.qty {
  border: 0.125rem solid #ccc;
  border-right: none;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
  background-color: transparent !important;
  color: #000 !important;
}
button.qty:not(.disabled):active,
a.button.qty:not(.disabled):active {
  background-color: #f6f4e8 !important;
}
button + div.qty button.qty, a.button + div.qty button.qty,
button + div.qty a.button.qty,
a.button + div.qty a.button.qty {
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  border-left: none;
}
.receipt-container button.qty,
.receipt-container a.button.qty {
  width: 3.375rem;
  border-left: none;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
}
button.qty span,
a.button.qty span {
  justify-content: center;
  padding-left: 0.375rem;
  padding-right: 0;
  text-align: center;
  text-transform: lowercase;
}
button.qty span i,
a.button.qty span i {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid #000;
  margin: 0 0 0.063rem 0.313rem;
}
button.qty.disabled,
a.button.qty.disabled {
  color: #cab9a5 !important;
  border-color: #d1c0ac;
}
button.qty.disabled span i,
a.button.qty.disabled span i {
  border-top-color: #ccc;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-container button.qty,
  .receipt-container a.button.qty {
    width: 2.375rem;
    height: 2.5rem;
    font-size: 0.813rem;
    line-height: 1.375rem;
  }
  .receipt-container button.qty span,
  .receipt-container a.button.qty span {
    padding-left: 0.313rem;
  }
  .receipt-container button.qty span i,
  .receipt-container a.button.qty span i {
    border-left-width: 0.188rem;
    border-right-width: 0.188rem;
    border-top-width: 0.188rem;
    margin-left: 0.25rem;
  }
}
div.qty {
  position: relative;
  float: right;
  border-left: 0.125rem solid #4e3629;
  border-radius: 1px;
  height: -webkit-fill-available;
  height: fit-content;
}
button + div.qty {
  border-left: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  div.qty.below {
    border-left: none;
  }
}
div.qty.active > div {
  display: block;
}
div.qty > div {
  position: absolute;
  bottom: 3.75rem;
  left: -1.563rem;
  padding: 0.938rem 1.25rem 0 0.938rem;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  pointer-events: auto;
  display: none;
}
.receipt-container div.qty > div {
  left: -0.938rem;
  width: 4rem;
}
div.qty > div > div {
  position: relative;
  left: 0;
  bottom: 0;
  padding: 0.5rem 0.063rem 0 0.563rem;
  width: 100%;
  height: 11.188rem;
  background-color: #f6f4e8;
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.2);
}
.upgrade div.qty > div > div {
  background-color: #fdf1e8 !important;
}
div.qty > div > div > div {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
}
div.qty > div > div > div a,
div.qty > div > div > div button.qty-option {
  background: none;
  border: none;
  font: inherit;
  cursor: pointer;
  padding: 0;
  width: calc(100% - 0.625rem);
  display: block;
  line-height: 3.75rem;
  height: 3.688rem;
  margin-left: 0.063rem;
  margin-right: 0.563rem;
  text-align: center;
  border-bottom: 1px solid #ccc;
  color: #000;
  text-decoration: none;
}
div.qty > div > div > div a.qty-option,
div.qty > div > div > div button.qty-option.qty-option {
  float: none;
  margin-bottom: 0;
  border-radius: 0;
}
body:not(.high-contrast) div.qty > div > div > div a.qty-option,
body:not(.high-contrast) div.qty > div > div > div button.qty-option.qty-option {
  color: #000 !important;
}
div.qty > div > div > div a:last-child,
div.qty > div > div > div button.qty-option:last-child {
  border-bottom: none;
}
div.qty > div > div > div a:first-child,
div.qty > div > div > div button.qty-option:first-child {
  border-top: 1px solid #ccc;
}
div.qty > div > div > div a:not(.disabled):active,
div.qty > div > div > div button.qty-option:not(.disabled):active {
  background-color: rgba(0, 0, 0, 0.04);
  -webkit-filter: none;
  filter: none;
}
.hairline div.qty > div > div > div a,
.hairline div.qty > div > div > div button.qty-option {
  border-width: 0.5px;
  height: 3.75rem;
}
.upgrade div.qty > div > div > div a,
.upgrade div.qty > div > div > div button.qty-option {
  border-color: #eee2d8;
}
.upgrade div.qty > div > div > div a:first-child,
.upgrade div.qty > div > div > div button.qty-option:first-child {
  border-color: #eee2d8;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  div.qty > div {
    bottom: 5rem;
  }
  div.qty > div > div > div {
    width: 4.063rem;
  }
  div.qty > div > div > div::-webkit-scrollbar {
    width: 0;
    background-color: #fff;
  }
  .gecko div.qty > div > div > div {
    width: 5.125rem;
    padding-right: 0.938rem;
  }
  div.qty > div > div > div a,
  div.qty > div > div > div button.qty-option {
    width: calc(100% - 0.188rem);
    margin-right: 0.125rem;
  }
}
div.qty.below > div, .minw_md div.qty.below-md > div {
  bottom: auto;
  top: 3.75rem;
  padding-top: 0;
  padding-bottom: 0.938rem;
}
div.qty.below > div > div, .minw_md div.qty.below-md > div > div {
  bottom: auto;
  top: 0;
  height: 11.125rem;
  padding-top: 0.125rem;
  padding-bottom: 0.438rem;
}
div.qty.below > div > div a:last-child,
div.qty.below > div > div button.qty-option:last-child, .minw_md div.qty.below-md > div > div a:last-child,
.minw_md div.qty.below-md > div > div button.qty-option:last-child {
  border-bottom: 1px solid #ccc;
}
div.qty.below > div > div a:first-child,
div.qty.below > div > div button.qty-option:first-child, .minw_md div.qty.below-md > div > div a:first-child,
.minw_md div.qty.below-md > div > div button.qty-option:first-child {
  border-top: none;
}
.hairline div.qty.below > div > div a,
.hairline div.qty.below > div > div button.qty-option, .hairline .minw_md div.qty.below-md > div > div a,
.hairline .minw_md div.qty.below-md > div > div button.qty-option {
  border-width: 0.5px;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  div.qty.below > div, .minw_md div.qty.below-md > div {
    top: 5rem;
  }
  .receipt-container div.qty.below > div, .receipt-container .minw_md div.qty.below-md > div {
    top: 2.5rem;
    width: 2.875rem;
  }
  .receipt-container div.qty.below > div > div, .receipt-container .minw_md div.qty.below-md > div > div {
    padding: 0.125rem 0.063rem 0.313rem 0.438rem;
    height: 7.5rem;
  }
  .receipt-container div.qty.below > div > div > div, .receipt-container .minw_md div.qty.below-md > div > div > div {
    width: 2.563rem;
  }
  .gecko .receipt-container div.qty.below > div > div > div, .gecko .receipt-container .minw_md div.qty.below-md > div > div > div {
    width: 3.625rem;
  }
  .receipt-container div.qty.below > div > div > div a,
  .receipt-container div.qty.below > div > div > div button.qty-option, .receipt-container .minw_md div.qty.below-md > div > div > div a,
  .receipt-container .minw_md div.qty.below-md > div > div > div button.qty-option {
    font-size: 0.813rem;
    line-height: 1.875rem;
    height: 2.438rem;
  }
  .hairline .receipt-container div.qty.below > div > div > div a,
  .hairline .receipt-container div.qty.below > div > div > div button.qty-option, .hairline .receipt-container .minw_md div.qty.below-md > div > div > div a,
  .hairline .receipt-container .minw_md div.qty.below-md > div > div > div button.qty-option {
    height: 2.5rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  div.qty.below-md > div > div > div {
    display: flex;
    flex-direction: column;
  }
}
div.qty[data-qty-managed] {
  --qty-listbox-from: 100%;
}
div.qty[data-qty-managed].below, .minw_md div.qty[data-qty-managed].below-md {
  --qty-listbox-from: -100%;
}
div.qty[data-qty-managed].active > div > div {
  animation: qty-listbox 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (prefers-reduced-motion: reduce) {
  div.qty[data-qty-managed].active > div > div {
    animation: none;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  button.add:not(.stockout) span,
  a.button.add:not(.stockout) span {
    width: auto;
    font-size: 0;
    padding-left: 0;
  }
  button.add.disabled span,
  a.button.add.disabled span {
    padding-left: 3.375rem;
  }
}
button.add span > i.ico,
a.button.add span > i.ico {
  right: auto;
  left: 0.813rem;
}
button.add span > i.ico.plus,
a.button.add span > i.ico.plus {
  transform: rotate(0deg);
}
button.add.disabled, button.add.disabled em, button.add.disabled em:after,
a.button.add.disabled,
a.button.add.disabled em,
a.button.add.disabled em:after {
  transition: none !important;
}
button.add.anim span > i.ico.plus,
a.button.add.anim span > i.ico.plus {
  transform: rotate(-360deg) !important;
  transition: none !important;
}
body:not(.tint) button.add > em.loading + i.loading-spinner,
body:not(.tint) a.button.add > em.loading + i.loading-spinner {
  right: 1.25rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  main.customise button.add:not(.disabled),
  main.customise a.button.add:not(.disabled) {
    /*					transition-delay:.6s;
    em {
    	transition-delay:.6s;
    }
    em:after {
    	transition-delay:.7s;
    }
    em:before {
    	transition-delay:0s;
    }*/
  }
  main.customise button.add:not(.disabled) span > i.ico.plus,
  main.customise a.button.add:not(.disabled) span > i.ico.plus {
    transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 1.3s;
    transform: rotate(0deg);
  }
  .list main.customise button.add:not(.disabled) span > i.ico.plus,
  .list main.customise a.button.add:not(.disabled) span > i.ico.plus {
    transition-delay: 0.2s;
  }
}
button.add i.arr,
a.button.add i.arr {
  position: absolute;
  top: 1.188rem;
  right: -0.875rem;
  width: 0.75rem;
  height: 1.25rem;
  background-image: url("../images/add-arrow.21fc96767e8c.svg?lc-1680523460");
  background-size: 0.75rem 1.25rem;
  background-position: 0 0 !important;
  pointer-events: none;
  opacity: 0;
  z-index: 1;
}
button.add:not(.disabled) i.arr,
a.button.add:not(.disabled) i.arr {
  opacity: 1;
}
.list-compact button.add, .minw_md .list.products.fav button.add,
.list-compact a.button.add,
.minw_md .list.products.fav a.button.add {
  width: 3.75rem;
  height: 3.75rem;
  margin: 0.875rem 0.313rem 0 0.625rem;
}
.list-compact button.add span > i.ico, .minw_md .list.products.fav button.add span > i.ico,
.list-compact a.button.add span > i.ico,
.minw_md .list.products.fav a.button.add span > i.ico {
  left: 0.875rem;
  top: 0.875rem;
  margin: 0;
}
button.select span,
a.button.select span {
  padding-left: 2.875rem;
}
button.select span > i.ico,
a.button.select span > i.ico {
  right: auto;
  left: 0.563rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.select span > i.ico,
  a.button.select span > i.ico {
    left: 0.875rem;
  }
}
button.add > em, button.select > em, button.next > em,
a.button.add > em,
a.button.select > em,
a.button.next > em {
  font-size: 1rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.add > em, button.select > em, button.next > em,
  a.button.add > em,
  a.button.select > em,
  a.button.next > em {
    font-size: 1.188rem;
  }
}
button.add mark, button.select mark,
a.button.add mark,
a.button.select mark {
  position: absolute;
  bottom: 0.625rem;
  right: 0.938rem;
  z-index: 1000;
  color: inherit;
  background: none;
  font-size: 0.625rem;
  line-height: 0.938rem;
}
button.add mark + em, button.select mark + em,
a.button.add mark + em,
a.button.select mark + em {
  top: 0.188rem;
  bottom: 1.063rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.add mark, button.select mark,
  a.button.add mark,
  a.button.select mark {
    bottom: 0.688rem;
  }
  button.add mark + em, button.select mark + em,
  a.button.add mark + em,
  a.button.select mark + em {
    top: 0.438rem;
    bottom: 0.813rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.add span, button.select span, button.customise span,
  a.button.add span,
  a.button.select span,
  a.button.customise span {
    position: relative;
    width: auto;
    min-width: 3.75rem;
    font-size: 0.725rem;
    line-height: 1.25rem;
    padding: 2.571rem 0.5rem 0 0.5rem;
    display: flex;
    justify-content: center;
  }
  button.add span > i.ico, button.select span > i.ico, button.customise span > i.ico,
  a.button.add span > i.ico,
  a.button.select span > i.ico,
  a.button.customise span > i.ico {
    top: auto;
    bottom: 1.875rem;
  }
}
button.next figure.card,
a.button.next figure.card {
  position: absolute;
  display: flex;
  align-items: center;
  right: 2.875rem;
  top: 0.625rem;
  bottom: 0.625rem;
  margin: 0;
  box-sizing: border-box;
  pointer-events: none;
}
button.next figure.card > img,
a.button.next figure.card > img {
  width: 3.375rem;
  height: 2.125rem;
}
@media (min-width: 1367px) {
  button.next figure.card,
  a.button.next figure.card {
    right: 50px;
  }
  button.next figure.card > img,
  a.button.next figure.card > img {
    width: 54px;
    height: 34px;
  }
}
button.next .icomask.card,
a.button.next .icomask.card {
  position: absolute;
  width: 3.375rem;
  height: 2.125rem;
  right: 2.875rem;
  box-sizing: border-box;
  pointer-events: none;
}
@media (min-width: 1367px) {
  button.next .icomask.card,
  a.button.next .icomask.card {
    right: 50px;
    width: 54px;
    height: 34px;
  }
}
button.next.loading figure.card,
button.next.loading .icomask.card,
a.button.next.loading figure.card,
a.button.next.loading .icomask.card {
  visibility: hidden;
  opacity: 0;
}
button.next span > i.ico.forward,
a.button.next span > i.ico.forward {
  opacity: 0;
  transform: translate3d(-1.25rem, 0, 0);
}
button.next:not(.disabled) span > i.ico.forward,
a.button.next:not(.disabled) span > i.ico.forward {
  opacity: 1;
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s linear;
  transform: translate3d(0, 0, 0);
}
button.next:not(.disabled) > em,
a.button.next:not(.disabled) > em {
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transform: translate3d(-1.125rem, 0, 0);
}
button.next.kioskstart,
a.button.next.kioskstart {
  float: right;
  width: 20.625rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .payment-question a.button.next > em {
    margin-right: 0.536rem;
  }
  .payment-question a.button.next > em.loading + i.loading-spinner {
    right: 2.875rem !important;
  }
}
button.timeslot,
a.button.timeslot {
  margin-bottom: 0.625rem;
}
button.timeslot span,
a.button.timeslot span {
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: center;
  white-space: pre;
}
button.timeslot span i,
a.button.timeslot span i {
  font-style: normal;
  text-transform: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  button.timeslot span i,
  a.button.timeslot span i {
    font-size: 0.813rem;
    padding-top: 0.188rem;
    margin-left: 0.125rem;
  }
}
button.timeslot span em,
a.button.timeslot span em {
  width: 100%;
  text-align: center;
  margin-top: -0.5rem;
}
button.timeslot span em i,
a.button.timeslot span em i {
  position: absolute;
  left: 0;
  bottom: -1.063rem;
  width: 100%;
  text-align: center;
  margin: 0;
}
button.timeslot span:before,
a.button.timeslot span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #f6f4e8;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.timeslot span i,
  a.button.timeslot span i {
    padding-left: 4px;
  }
  button.timeslot span em,
  a.button.timeslot span em {
    height: auto;
  }
  button.timeslot span em i,
  a.button.timeslot span em i {
    font-size: 0.938rem;
    bottom: -1.188rem;
    padding: 0;
  }
}
button.expand,
a.button.expand {
  width: 12.5rem;
  background-color: transparent;
  transition: inherit;
}
button.expand i.ico,
a.button.expand i.ico {
  margin: 0 auto;
}
button.expand:active,
a.button.expand:active {
  box-shadow: none;
  -webkit-filter: inherit;
  filter: inherit;
}
button.size_split,
a.button.size_split {
  width: 17%;
  margin-right: 3%;
}
button.size_split + .size_split,
a.button.size_split + .size_split {
  width: 80%;
  margin-right: 0;
}
button.mini,
a.button.mini {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 400;
  text-align: center;
}
button.mini span,
a.button.mini span {
  float: none;
  padding: 0;
  justify-content: center;
  text-align: center;
}
button.mini i.ico.cancel,
button.mini i.ico.remove,
a.button.mini i.ico.cancel,
a.button.mini i.ico.remove {
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  top: 0.5rem;
  right: 0.5rem;
  background-size: 39.375rem 37.5rem;
  background-position: -24.688rem -2.188rem;
  pointer-events: none;
}
button.mini i.ico.remove,
a.button.mini i.ico.remove {
  background-position: -28.438rem -7.813rem;
}
button.mini i.ico.check,
a.button.mini i.ico.check {
  margin: 0.25rem;
  transform: scale(0.8);
}
button.mini i.ico.edit,
a.button.mini i.ico.edit {
  margin: 0.125rem;
  transform: scale(0.8);
}
button.mini.remove span,
button.mini.remove i,
a.button.mini.remove span,
a.button.mini.remove i {
  pointer-events: none;
}
button.mini.remove i.ico.cancel,
button.mini.remove i.ico.remove,
a.button.mini.remove i.ico.cancel,
a.button.mini.remove i.ico.remove {
  background-position-y: -5.938rem;
}
button.mini.remove i.ico.remove,
a.button.mini.remove i.ico.remove {
  background-position-y: -11.563rem;
}
.noticebox button.mini.close,
.noticebox a.button.mini.close {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  background-color: transparent !important;
  border-color: transparent;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .noticebox button.mini.close,
  .noticebox a.button.mini.close {
    width: 1.625rem;
    height: 1.625rem;
  }
  .noticebox button.mini.close i.ico.cancel,
  .noticebox a.button.mini.close i.ico.cancel {
    width: 1rem;
    height: 1rem;
    top: 0.188rem;
    right: 0.188rem;
    background-position: -24.805rem -2.305rem;
  }
}
button.mini.more, button.mini.showmore, button.mini.modify, button.mini.help,
a.button.mini.more,
a.button.mini.showmore,
a.button.mini.modify,
a.button.mini.help {
  width: auto;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding: 0 0.5rem 0 0.625rem;
}
button.mini.more span, button.mini.showmore span, button.mini.modify span, button.mini.help span,
a.button.mini.more span,
a.button.mini.showmore span,
a.button.mini.modify span,
a.button.mini.help span {
  padding-bottom: 0.063rem !important;
}
button.mini.more i.ico, button.mini.showmore i.ico, button.mini.modify i.ico, button.mini.help i.ico,
a.button.mini.more i.ico,
a.button.mini.showmore i.ico,
a.button.mini.modify i.ico,
a.button.mini.help i.ico {
  position: relative;
  left: 0;
  top: 0.063rem;
  margin-right: -0.313rem;
  transition: transform 0.5s ease-in-out;
  transform: scale(0.6);
}
button.mini.showmore, button.mini.modify,
a.button.mini.showmore,
a.button.mini.modify {
  float: none;
  margin: 0 auto;
}
button.mini.showmore em, button.mini.modify em,
a.button.mini.showmore em,
a.button.mini.modify em {
  font-style: normal !important;
}
button.mini.showmore.active i.ico, button.mini.modify.active i.ico,
a.button.mini.showmore.active i.ico,
a.button.mini.modify.active i.ico {
  transform: rotate(180deg) scale(0.6);
}
.kiosk button.mini.fav,
.kiosk a.button.mini.fav {
  display: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.mini,
  a.button.mini {
    padding: 0.125rem 0 0 0;
  }
}
.pure-form .functions {
  position: absolute;
  top: 0;
  right: 0.438rem;
  padding: 0.438rem;
  margin: 0.188rem;
  opacity: 1;
  transition: opacity 0.2s linear;
  background-color: #ecdac7;
  border-radius: 0.375rem;
  z-index: 1;
}

.pure-form .functions button.mini,
.pure-form .functions a.button.mini {
  margin-left: 0.625rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .pure-form .functions button.mini,
  .pure-form .functions a.button.mini {
    padding: 0;
  }
}
button.mini.show-hide-pass,
a.button.mini.show-hide-pass {
  background-color: #ecdac7;
}
button.mini.show-hide-pass:active,
a.button.mini.show-hide-pass:active {
  box-shadow: none;
}
button.mini.show-hide-pass span > i.ico,
a.button.mini.show-hide-pass span > i.ico {
  position: relative;
  top: auto;
  right: auto;
}
button.mini.show-hide-pass.active i.ico.eye,
a.button.mini.show-hide-pass.active i.ico.eye {
  background-position-y: -15.5rem;
}
button.small,
a.button.small {
  height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
button.small span,
a.button.small span {
  padding: 0 0 0.063rem 0.938rem;
}
button.small i.ico,
a.button.small i.ico {
  right: 0.625rem;
  top: calc(50% - 1rem);
  transform: scale(0.8);
}
@media (min-width: 1367px) {
  button.small i.ico,
  a.button.small i.ico {
    top: calc(50% - 16px);
  }
}
button.toggle,
a.button.toggle {
  padding: 0 !important;
  width: 3.75rem;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  box-shadow: 0.063rem 0.063rem -0.125rem rgba(0, 0, 0, 0.1);
}
button.toggle.disabled,
a.button.toggle.disabled {
  opacity: 0.4;
}
button.toggle i,
a.button.toggle i {
  width: 1.875rem;
  height: 2.125rem;
  background-color: #fff;
  box-shadow: 0.063rem 0.063rem 0.125rem rgba(0, 0, 0, 0.1);
  border-radius: 1px;
  display: block;
  transform: translate3d(0.188rem, 0, 0);
  transition: transform 0.1s ease-out;
}
button.toggle.on i,
a.button.toggle.on i {
  transform: translate3d(1.688rem, 0, 0);
}
button.toggle:active,
a.button.toggle:active {
  box-shadow: none;
  -webkit-filter: inherit;
  filter: inherit;
}
button.add1clk,
a.button.add1clk {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 2.5rem;
  margin: 1rem 0 1rem 0;
  padding: 0;
}
button.add1clk span,
a.button.add1clk span {
  justify-content: center;
  padding: 0;
}
button.add1clk span > i.ico,
a.button.add1clk span > i.ico {
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.add1clk,
  a.button.add1clk {
    width: 3rem;
    height: 3rem;
  }
}
button.round,
a.button.round {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.125rem solid #ecdac7;
  background-color: #f6f4e8;
  width: 3.625rem;
  height: 3.625rem;
  border-radius: 2.5rem;
  margin: 0;
}
button.round:active,
a.button.round:active {
  box-shadow: none;
}
.shadowbox button.round,
.shadowbox a.button.round {
  background-color: #f6f4e8;
}
button.round.green, button.round.red,
a.button.round.green,
a.button.round.red {
  border: 0.125rem solid #4e3629;
}
button.round.green:active, button.round.red:active,
a.button.round.green:active,
a.button.round.red:active {
  box-shadow: none;
}
button.round.green.disabled, button.round.red.disabled,
a.button.round.green.disabled,
a.button.round.red.disabled {
  border-color: #d1c0ac !important;
}
button.round.green.disabled i.ico, button.round.red.disabled i.ico,
a.button.round.green.disabled i.ico,
a.button.round.red.disabled i.ico {
  opacity: 0.3;
  filter: none;
}
button.round.red,
a.button.round.red {
  border: 0.125rem solid #e40425;
}
button.round.tp,
a.button.round.tp {
  border-color: #9b116f;
  background-color: #9b116f !important;
  padding: 0;
}
button.round.tp span,
a.button.round.tp span {
  padding: 0;
  justify-content: center;
}
button.round.tp span > i.ico,
a.button.round.tp span > i.ico {
  top: auto;
  right: auto;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.round.tp,
  a.button.round.tp {
    width: 3.107rem;
    height: 3.107rem;
    margin: 0.804rem 0 0.804rem 0;
  }
}
button.selected:after,
a.button.selected:after {
  content: "";
  position: absolute;
  bottom: -0.938rem;
  left: 50%;
  margin-left: -0.875rem;
  width: 0;
  height: 0;
  border-left: 0.938rem solid transparent;
  border-right: 0.938rem solid transparent;
  border-top: 0.938rem solid #4e3629;
}

button.extendtime {
  height: 3.214rem;
  font-size: 0.857rem;
  color: #037c58 !important;
  background-color: #f6f4e8;
}
.shadowbox button.extendtime {
  background-color: #f6f4e8;
}
button.extendtime:not(.disabled):active {
  -webkit-filter: brightness(95%);
  filter: brightness(95%);
}
button.extendtime span {
  justify-content: center;
  padding: 0;
}
button.extendtime span > i.ico {
  position: relative;
  right: auto;
  margin-right: 0.214rem;
  scale: 0.64;
}
.shadowbox button.extendtime {
  margin-bottom: 0;
}

.change-ordertype {
  all: unset;
  display: flex;
  justify-content: center;
  margin: 0 -2.5rem;
}
.change-ordertype__button {
  all: unset;
  position: relative;
  display: flex;
  align-items: center;
  font: 300 0.875rem / 1.438rem "VCGooper", sans-serif;
  color: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: italic;
  padding: 0 1.25rem 0 0.25rem;
  margin: 0 0.375rem;
  pointer-events: all;
  cursor: pointer;
}
.change-ordertype__location {
  font-style: italic;
}

.change-ordertype__button > .ico {
  display: inline;
  position: absolute;
  right: -0.438rem;
  margin-top: 0rem;
  transform: scale(0.5);
}

button.change-ordertype__button {
  color: #037c58 !important;
}
button.change-ordertype__button:disabled {
  color: #4e3629 !important;
}
button.change-ordertype__button:disabled > .ico {
  visibility: hidden;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .change-ordertype {
    display: inline;
    margin: 0;
  }
  .edge .change-ordertype {
    padding-top: 0.313rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .change-ordertype {
    float: left;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .change-ordertype__button {
    display: inline-block;
    width: unset;
    height: unset !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    background-color: transparent;
  }
  .change-ordertype__button > .ico {
    top: -0.375rem;
    margin-top: 0rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1500px), (min-width: 1024px) and (min-width: 1500px) {
  .change-ordertype__button > .ico {
    top: -0.214rem;
    right: -0.214rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .sidebar-content .change-ordertype__button {
    margin-left: 0.25rem;
  }
}

div.button-container {
  float: left;
  width: 100%;
  margin: 0 -0.625rem 0 -0.625rem;
  padding: 0.625rem 0.625rem 0 0.625rem;
  background: #f6f4e8;
  display: block;
}
div.button-container--showall {
  display: flex;
  margin-top: 0.625rem;
}

ul.button-container {
  display: flex;
  justify-content: center;
}
ul.button-container > li {
  border: none !important;
}
.item-more ul.button-container {
  margin-top: 1rem;
}
.more ul.button-container {
  margin-top: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  ul.button-container {
    margin: 0 -0.5rem 0 0.25rem;
  }
}

.md-buttons {
  margin-bottom: 1.25rem;
  /*	.list + & {							// För mycke utrymme på statussidan i mobil
  	margin-top:get-rem(20px);
  }*/
}
.list.history + .md-buttons {
  margin-bottom: 0;
}
.md-buttons > ul.pure-g {
  margin-bottom: 0;
}
.md-buttons > ul.pure-g li {
  border: none !important;
}
.md-buttons > ul.pure-g.more {
  height: 0;
  overflow: hidden;
  display: block;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .md-buttons {
    margin-left: 0.313rem;
    width: 100%;
  }
  .md-buttons.pure-u-md-2-3 {
    width: 66.6666%;
    *width: 66.6357%;
  }
  .md-buttons .pure-g {
    margin-right: -0.188rem;
  }
}

.social-buttons {
  margin-top: 1.563rem;
}
.social-buttons h4 {
  padding-bottom: 1.25rem;
}
.social-buttons .pure-g {
  margin: 0 0 0 0.625rem;
}
.social-buttons li.onlyapple {
  display: none;
}
html.ios .social-buttons li.onlyapple, html.mac .social-buttons li.onlyapple {
  display: block;
}

.button-container + .timeslot-buttons {
  float: left;
  width: 100%;
  margin-top: 1.25rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .timeslot-buttons {
    margin-left: 0.313rem;
  }
}

.size_split {
  display: flex;
  --dialog-buttons-order: normal;
  margin: 0.625rem -0.625rem 0 0;
}
.shadowbox .size_split {
  margin: 0 -0.625rem 0 0;
  clear: both;
  /*		button,	// Decap
  a.button {
  	max-width: 50%;
  }*/
}
.size_split button,
.size_split a.button {
  margin-right: 0.625rem;
}
.size_split button.customise,
.size_split a.button.customise {
  width: 3.75rem;
}
.size_split button.qty,
.size_split a.button.qty {
  width: 3.25rem;
}
.size_split button.add, .size_split button.select,
.size_split a.button.add,
.size_split a.button.select {
  flex: 1;
}
.rdo + .size_split {
  margin-top: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .size_split button.customise,
  .size_split a.button.customise {
    width: 4.5rem;
  }
  .size_split button.customise + div.qty,
  .size_split a.button.customise + div.qty {
    display: none;
  }
  .size_split button.qty,
  .size_split a.button.qty {
    width: 3.875rem;
  }
}

.combine {
  display: flex;
  width: 100%;
}
.combine button.square {
  width: 3.75rem;
  min-width: 3.75rem;
  height: 3.75rem;
  margin: 0;
}
.combine button.square span {
  padding: 0;
  width: 100%;
  min-width: 100%;
}
.combine button.square span > i.ico {
  left: auto;
  top: auto;
  bottom: auto;
  margin: 0;
}
.combine input {
  margin-right: 0.625rem;
}

.plusminus > div {
  display: flex;
  align-items: center;
}
.plusminus button {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.plusminus .amount {
  min-width: 3.125rem;
  justify-content: center;
}
.plusminus .amount > span {
  width: auto !important;
}
.plusminus .qty {
  display: inline-block;
}
.plusminus .qty > span {
  display: table-cell;
  width: 2.5rem;
  height: 5.5rem;
  vertical-align: middle;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0 0;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
}

html {
  --color-bg-plusminus-compact: #f6f4e8;
}

.plusminus-compact {
  position: relative;
}
.plusminus-compact .amount {
  display: inline-block !important;
  width: 3.625rem;
  padding: 0.938rem 0.438rem 0.938rem 0.375rem;
}
.plusminus-compact .amount > span {
  position: relative;
  border: 0.125rem solid #4e3629;
  border-radius: 2.5rem;
  color: #4e3629 !important;
  font-size: 1.063rem;
  width: 3.625rem !important;
  height: 100%;
  padding-top: 0rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.plusminus-compact.disabled .amount > span {
  border-color: #d1c0ac;
  color: #cab9a5 !important;
}

.plusminus-compact .amount > span > em {
  width: 4.125rem;
  margin: 0rem -0.25rem 0 -0.25rem;
  padding-top: 0rem;
  font-style: normal;
  line-height: 1.875rem;
  background-color: var(--color-bg-plusminus-compact);
  opacity: 0;
  transform: translate3d(-0.313rem, 0, 0);
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .plusminus-compact .amount {
    padding: 0.804rem 0.375rem 0.804rem 0.321rem;
  }
}
.plusminus-compact button.round {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  width: 4.5rem;
  height: 5.5rem;
  padding: 0;
  border-radius: initial;
  border-color: transparent !important;
  background-color: transparent !important;
  max-height: none;
}
.plusminus-compact button.round i.ico {
  float: right;
}
.plusminus-compact button.round.green i.ico.plus-small {
  background-position-y: -42.5rem;
}
@media (min-width: 1367px) {
  .plusminus-compact button.round.green i.ico.plus-small {
    background-position-y: -680px;
  }
}
.plusminus-compact button.round.green.disabled, .plusminus-compact button.round.red.disabled {
  pointer-events: none;
  border-color: transparent !important;
}
.plusminus-compact button.round.green:focus {
  outline: none;
  box-shadow: none;
}
[data-whatinput=keyboard] .plusminus-compact button.round.green:focus > .quantity-increase-icon {
  outline: 3px solid #000;
}
.plusminus-compact button.round.red {
  z-index: 1;
  pointer-events: none;
  width: 2.5rem;
  right: 2.625rem;
  opacity: 0;
  transform: translate3d(-0.375rem, 0, 0);
}
.plusminus-compact button.round.red:focus {
  outline: none;
  box-shadow: none;
}
[data-whatinput=keyboard] .plusminus-compact button.round.red:focus > .quantity-decrease-icon {
  outline: 3px solid #000;
}
.plusminus-compact button.round.red i.ico {
  pointer-events: none;
}
@media (min-width: 1600px) {
  .plusminus-compact button.round.red {
    right: 2.518rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .plusminus-compact button.round {
    width: 4.393rem;
    height: 5.25rem;
  }
}
.plusminus-compact.active .amount > span > em,
.plusminus-compact button.round.green:focus .amount > span > em,
.plusminus-compact button.round.red:focus .amount > span > em {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s ease-out, opacity 0.2s linear;
}
.plusminus-compact.active button.round.green i.ico.plus-small,
.plusminus-compact button.round.green:focus button.round.green i.ico.plus-small,
.plusminus-compact button.round.red:focus button.round.green i.ico.plus-small {
  transform: translate3d(1.625rem, 0, 0);
  background-position-y: -39.5rem;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 1367px) {
  .plusminus-compact.active button.round.green i.ico.plus-small,
  .plusminus-compact button.round.green:focus button.round.green i.ico.plus-small,
  .plusminus-compact button.round.red:focus button.round.green i.ico.plus-small {
    transform: translate3d(1.607rem, 0, 0);
    background-position-y: -632px;
  }
}
.plusminus-compact.active button.round.red,
.plusminus-compact button.round.green:focus button.round.red,
.plusminus-compact button.round.red:focus button.round.red {
  pointer-events: all;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.2s ease-out 0.1s, opacity 0.2s linear 0.1s;
}

.digits-entered {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16.625rem;
  height: 3.75rem;
  margin: 0 auto 0.625rem auto;
  font-size: 1.188rem;
  line-height: 1.875rem;
  letter-spacing: 0.375rem;
}
.shadowbox .digits-entered {
  margin-top: -0.625rem;
}

.digit-keyboard {
  width: 16.625rem;
  margin: 0 auto 0.625rem auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 0.625rem;
  grid-row-gap: 0;
}
.digit-keyboard button {
  height: 3.75rem;
}
.digit-keyboard button span {
  padding-left: 0.938rem !important;
  padding-right: 0.938rem !important;
  justify-content: center;
}
.digit-keyboard button span > i.ico {
  position: relative;
  top: auto !important;
  right: auto !important;
}
.digit-keyboard button:nth-last-child(2) {
  grid-column: 1/3;
}
.edge .digit-keyboard {
  display: block;
}
.edge .digit-keyboard button {
  float: left;
  width: 30.332%;
  box-sizing: border-box;
  margin: 0 3% 0.625rem 0;
}
.edge .digit-keyboard button:nth-last-child(2) {
  width: 63.664%;
}

.taptic:not(.disabled) {
  transition: none !important;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .taptic:not(.disabled) {
    position: relative;
  }
  ul.store a.taptic:not(.disabled) {
    display: block;
  }
  .taptic:not(.disabled) > s {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    pointer-events: none;
    z-index: 3;
    transition: background-color 0.2s linear;
  }
  .taptic:not(.disabled).tap-active > s {
    background-color: rgba(0, 0, 0, 0.04);
    transition: none;
  }
  nav .taptic:not(.disabled).tap-active > s {
    background-color: rgba(0, 0, 0, 0.04);
  }
  nav .nav-user .taptic:not(.disabled).tap-active > s {
    background-color: rgba(0, 0, 0, 0.07);
  }
  .shadowbox .taptic:not(.disabled).tap-active > s {
    background-color: rgba(0, 0, 0, 0.04);
  }
  ul.category .taptic:not(.disabled).tap-active > s, ul.products .taptic:not(.disabled).tap-active > s {
    background-color: rgba(0, 0, 0, 0.04);
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .taptic:not(.disabled):active {
    background-color: rgb(236.0194915784, 234.0329447461, 222.1249849453) !important;
  }
  .minw_md .trigger-overlay:not(.delivery) .taptic:not(.disabled):active {
    background-color: transparent !important;
  }
  ul.list.category .taptic:not(.disabled):active, ul.list.products .taptic:not(.disabled):active, ul.list.config .taptic:not(.disabled):active {
    background-color: transparent !important;
  }
}

.payment-options__list-reveal-button:focus ~ .list-reveal #payment-option-focus-0-0-0 {
  outline: 3px solid #000;
}

.promotion-code__button {
  all: unset;
  height: auto;
  box-sizing: border-box;
  color: #037c58 !important;
  text-decoration: none;
  cursor: pointer;
}
.promotion-code__button:active {
  box-shadow: unset;
  -webkit-filter: unset;
  filter: unset;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .promotion-code__button {
    height: unset !important;
    max-height: unset !important;
    font-size: unset !important;
    line-height: unset !important;
  }
}

button.reveal-qr-code__button {
  height: 1.929rem;
  width: auto;
  background-color: #f6f4e8;
  border: 2px solid #4e3629;
}
.shadowbox button.reveal-qr-code__button {
  background-color: #f6f4e8;
}
button.reveal-qr-code__button span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.857rem;
  color: #4e3629;
  padding: 0;
  padding-inline: 1rem;
  width: 100%;
}
button.reveal-qr-code__button .loading-spinner {
  border: 2px solid #4e3629;
  border-right-color: transparent;
  width: 0.8rem;
  height: 0.8rem;
}

[data-whatinput=keyboard] .tab__button:focus + * {
  outline: 3px solid #000;
}

.button--blank {
  all: unset !important;
  position: unset;
  float: unset;
  width: unset;
  height: unset !important;
  max-height: unset !important;
  min-width: unset;
  background-color: unset;
  border: unset;
  font: unset !important;
  text-transform: unset;
  letter-spacing: unset;
  word-spacing: unset;
  color: unset !important;
  text-align: unset;
  padding: unset;
  margin: unset;
}

div[role=button] {
  outline: none;
}
[data-whatinput=keyboard] div[role=button]:focus {
  outline: 3px solid #000;
}

[data-whatinput=keyboard] li.focus-within {
  outline: 3px solid #000;
  outline-offset: -3px;
}

/* Forms */
.pure-form:not(.form-fav) > .pure-g {
  display: flex;
  padding: 1.25rem 0 0 0;
  margin-bottom: -1.25rem;
}
.shadowbox .pure-form:not(.form-fav) > .pure-g {
  margin-bottom: 0;
}
.pure-form:not(.form-fav) > .pure-g > li {
  position: relative;
  padding-bottom: 2.25rem;
  list-style-type: none;
}
.pure-form:not(.form-fav) > .pure-g > li.more-chksmall {
  margin-top: -2rem;
}
.pure-form:not(.form-fav) > .pure-g > li.passhidden:not(.passanim) {
  position: absolute;
  width: 0;
  opacity: 0;
  pointer-events: none;
}
.pure-form:not(.form-fav) > .pure-g > li.passanim {
  display: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .pure-form:not(.form-fav) {
    margin-left: 1rem;
  }
  .shadowbox .pure-form:not(.form-fav) {
    margin-left: 0;
  }
}
.privacy-links,
.pure-form:not(.form-fav) li > p {
  display: block;
  height: 100%;
  padding: 0 0.25rem 1.625rem 0.25rem;
  margin: -0.375rem 0 0 0;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.188rem;
  letter-spacing: 0px;
  word-spacing: 0px;
  box-sizing: border-box;
}
.privacy-links span > span,
.pure-form:not(.form-fav) li > p span > span {
  font-size: 0.938rem;
  line-height: 1.5rem;
}

.pure-form:not(.form-fav) li > p.register-footer {
  margin-top: -1.5rem;
}
.privacy-links {
  padding-top: 1.25rem;
  height: auto;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .privacy-links {
    padding: 1.875rem 1.25rem 1.625rem 1.25rem;
  }
}

@keyframes text-reveal {
  from {
    background-position: 100% center;
  }
}
.pure-form.form-delivery {
  margin-bottom: 1.25rem;
}
.pure-form.form-delivery label.contains + input#street::-webkit-input-placeholder, .pure-form.searchbox__form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #4e3629;
  background: linear-gradient(90deg, #774e31 45%, #ecdac7 46%);
  background-size: 200% auto;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: text-reveal 0.7s ease-in-out;
}
.orders .pure-form.form-register {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pure-form.form-receipt > .pure-g > li:not(:first-child) {
  padding-bottom: 0.625rem;
}
.pure-form .otp {
  position: relative;
  display: flex;
  gap: 0.625rem;
}
.pure-form .otp input[type=text] {
  font-size: 1.688rem;
  text-align: center;
  border: transparent;
  box-sizing: border-box;
}
.pure-form .otp__real {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.pure-form label.contains + .iti input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #774e31;
}
.pure-form label.contains + .iti input::-moz-placeholder {
  /* Firefox 19+ */
  color: #774e31;
}
.pure-form label.contains + .iti input:-ms-input-placeholder {
  /* IE 10+ */
  color: #774e31;
}
.pure-form .iti {
  width: 100%;
}
.pure-form .iti input {
  padding-left: 60px !important;
}
.pure-form .iti > .iti__country-container {
  left: 0.5rem !important;
}
.pure-form .iti > .iti__country-container > button {
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s linear 0.2s, visibility 0s linear 0.4s;
}
label.disabled + .iti > .iti__country-container > button {
  filter: saturate(0);
  opacity: 0.7 !important;
}

.pure-form .iti > .iti__country-container > button:active {
  box-shadow: none;
  -webkit-filter: none;
  filter: none;
}
.iti--container {
  z-index: 999999;
}

label.contains + .iti > .iti__country-container > button {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s linear 0.1s, visibility 0s linear 0s;
}

.iti--allow-dropdown .iti__country-container:hover .iti__selected-country {
  background-color: initial;
}

.iti__country-list {
  background-color: #f6f4e8;
  border-color: #038b62;
}

.iti__country.iti__highlight {
  background-color: rgba(78, 54, 41, 0.05);
}

.iti__dial-code {
  color: rgba(78, 54, 41, 0.5);
}

.iti__dropdown-content {
  top: 3.75rem;
}
@media (max-width: 567px) {
  .iti__dropdown-content {
    top: calc(54px + var(--safe-area-top));
    max-height: calc(100% - var(--safe-area-bottom) - 54px - var(--safe-area-top) - 54px) !important;
  }
}

.pure-form.form-adduser {
  margin-bottom: 1.875rem;
}
.pure-form > .pure-g > li {
  position: relative;
}
.pure-form > .pure-g > li > label {
  position: absolute;
  left: 0.5rem;
  top: 1rem;
  right: 0.875rem;
  padding-left: 0.313rem;
  padding-right: 0.313rem;
  pointer-events: none;
  white-space: nowrap;
  z-index: 1;
}
.pure-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ecdac7;
}
.pure-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ecdac7;
}
.pure-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #ecdac7;
}
.pure-form input::-webkit-outer-spin-button,
.pure-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pure-form input[type=number] {
  -moz-appearance: textfield;
}
.pure-form input::-webkit-date-and-time-value {
  text-align: left;
}
.pure-form input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.pure-form input[type=date] {
  color: transparent;
}
.pure-form label.contains + input[type=date] {
  color: #4e3629;
}
.pure-form label.contains {
  right: auto !important;
}
.pure-form label.contains + input::-webkit-input-placeholder {
  color: #774e31;
}
.pure-form label.contains + input::-moz-placeholder {
  color: #774e31;
}
.pure-form label.contains + input:-ms-input-placeholder {
  color: #774e31;
}
.form-company-name {
  margin-top: 2.125rem;
}

.form-search {
  /*		label:not(.contains) {
  	width:90%;		// För att täcka ev placeholders
  }*/
}
.form-search input[type=text]::-webkit-input-placeholder {
  color: #774e31;
}
.form-search input[type=text]::-moz-placeholder {
  color: #774e31;
}
.form-search input[type=text]:-ms-input-placeholder {
  color: #774e31;
}

.pure-form input:-webkit-autofill,
.pure-form input:-webkit-autofill:hover,
.pure-form input:-webkit-autofill:focus,
.pure-form textarea:-webkit-autofill,
.pure-form textarea:-webkit-autofill:hover,
.pure-form textarea:-webkit-autofill:focus,
.pure-form select:-webkit-autofill,
.pure-form select:-webkit-autofill:hover,
.pure-form select:-webkit-autofill:focus {
  -webkit-text-fill-color: #4e3629;
  -webkit-box-shadow: 0 0 0 50px #ecdac7 inset !important;
  transition: background-color 5000s ease-in-out 0s;
}
.pure-form span.req,
.pure-form span.error,
.pure-form p.req > span > span {
  color: #e40425;
}
.pure-form p.req i {
  color: #999;
  font-style: normal;
}
.pure-form input.error {
  color: #e40425;
  border: 2px solid #e40425;
}
.pure-form input.valid {
  color: #037c58;
}
.pure-form input,
.pure-form select {
  /* Normalizes the height; padding is not sufficient. */
  height: 3.75rem;
}
.pure-form textarea {
  min-height: 9.375rem;
}
.pure-form textarea::-webkit-input-placeholder {
  color: #774e31;
}
.pure-form label {
  font: 400 1.063rem / 1.875rem "VCGooper", sans-serif;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  color: #037c58;
  margin: 0;
  transition: transform 0.3s cubic-bezier(0.69, 0.01, 0.33, 1) 0.2s, color 0.3s linear 0.2s, background-color 0.3s linear 0.5s;
  transform-origin: 0 0;
}
.pure-form label.error:not(.contains) {
  color: #e40425 !important;
}
.pure-form label span.req {
  opacity: 1;
}
.pure-form label em {
  display: inline-flex;
  width: 0.25rem;
  overflow: hidden;
  opacity: 0;
}
@keyframes req-opacity {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pure-form label.contains {
  color: #4e3629;
  transform: scale(0.75) translate(-0.625rem, -3.313rem);
  transition-delay: 0s;
}
.pure-form label.contains em {
  width: auto;
  overflow: inherit;
  opacity: 1;
  transition: opacity 0.3s linear 0.4s;
}
.pure-form label.contains em + span.req {
  animation: req-opacity 0.5s;
}
.pure-form .error-text {
  position: absolute;
  display: block;
  font-size: 0.769rem;
  line-height: 1.125rem;
  color: #e40425;
  padding: 0.563rem 0.25rem 0.063rem 0.25rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.pure-form .error-text i {
  position: absolute;
  right: 0.875rem;
  top: -2.313rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #e40425;
  background-size: 21rem 20rem;
  background-position: -5rem -11rem;
}
.pure-form input.error + .error-text {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.pure-form.compact label {
  display: none;
}
.pure-form.compact input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
  font-size: 1rem;
  font-weight: 300;
  color: #9f9f9f;
}
.pure-form.compact input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  font-size: 1rem;
  font-weight: 300;
  color: #9f9f9f;
}
.pure-form.compact input:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
  font-size: 1rem;
  font-weight: 300;
  color: #9f9f9f;
}
.pure-form.form-giftcard {
  /*		ul + ul {
  	margin-top:get-rem(10px);
  	margin-bottom:get-rem(20px) !important;
  	li:first-child {
  		margin-bottom:get-rem(-14px);
  	}
  	li.pure-u-1-2 {
  		padding-bottom:get-rem(10px);
  	}
  }*/
}
.pure-form.form-giftcard ul {
  margin-bottom: 1.25rem !important;
}
.pure-form.form-giftcard figure {
  position: relative;
  margin: 0;
}
.pure-form.form-giftcard figure img {
  border-radius: 0.625rem;
}
[data-whatinput=keyboard] .pure-form.form-giftcard li:focus figure img {
  box-shadow: 0 0 0 1px #000;
}
.pure-form.form-giftcard li.selected figure:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  border: 1px solid #fff;
  box-shadow: 0 0 0 3px #038b62;
  border-radius: 0.5rem;
  display: block;
}
.pure-form.form-giftcard li.selected figure img {
  border-radius: 0.75rem;
}
.pure-form .toggle-container {
  padding-top: 0.5rem;
  padding-bottom: 0.313rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .pure-form .toggle-container {
    padding-top: 2.188rem;
    padding-bottom: 1.938rem;
  }
}
.pure-form .toggle-container button {
  margin: -0.5rem 0.625rem 0 0;
}
.pure-form .pure-g.chksmall > li,
.pure-form .pure-g.chksmall > div {
  padding-bottom: 0.625rem;
}
.pure-form .pure-g.chksmall label {
  background: transparent;
}

.chk input,
.rdo input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
[data-whatinput=keyboard] .chk input:focus + label span:first-child,
[data-whatinput=keyboard] .rdo input:focus + label span:first-child {
  outline: 0.188rem solid #000;
  outline-offset: 0.188rem;
}
.chk input + label,
.rdo input + label {
  width: 3.625rem;
  padding: 0.938rem 0.375rem 0.938rem 0.313rem;
  color: #4e3629;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
[data-whatinput=keyboard] .chk input + label:focus span:first-child,
[data-whatinput=keyboard] .rdo input + label:focus span:first-child {
  box-shadow: 0 0 0 1px #000;
}
.chksmall .chk input + label,
.chksmall .rdo input + label {
  width: auto;
  height: 2.5rem;
  padding: 0 0 0 3.125rem !important;
  margin: 0;
  font-size: 0.938rem;
  line-height: 1.5rem;
  color: #4e3629;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  position: relative;
}
.chksmall .chk input + label .goPop,
.chksmall .rdo input + label .goPop {
  display: inline-block;
  line-height: 2.5rem;
}
.chksmall.desc .chk input + label,
.chksmall.desc .rdo input + label {
  font-size: 1.063rem;
  line-height: 1.75rem;
}
.chksmall.desc .chk input + label span:first-child,
.chksmall.desc .rdo input + label span:first-child {
  top: -0.25rem;
}
.chksmall.desc .chk input + label i,
.chksmall.desc .rdo input + label i {
  display: block;
  font-size: 0.75rem;
  line-height: 1.313rem;
  font-style: normal;
  color: #4e3629;
}
.chksmall.desc li {
  margin-bottom: 0.875rem;
  padding-bottom: 0 !important;
}
.chksmall.desc li div.chk {
  padding-top: 0.875rem;
  border-top: 1px solid #ecdac7;
  border-color: var(--color-border);
}
.hairline .chksmall.desc li div.chk {
  border-width: 0.5px !important;
}

.chk input + label span:first-child,
.rdo input + label span:first-child {
  position: relative;
  border: 0.125rem solid #ecdac7;
  border-color: var(--color-border);
  border-radius: 2.5rem;
  color: #9e9e9e;
  font-size: 1.063rem;
  line-height: 1.063rem;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: unset;
  width: 3.625rem;
  height: 3.625rem;
  padding-top: 0rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
@media (min-width: 1080px) and (orientation: portrait) {
  .edge .kiosk .chk input + label span:first-child, .ie .kiosk .chk input + label span:first-child,
  .edge .kiosk .rdo input + label span:first-child,
  .ie .kiosk .rdo input + label span:first-child {
    border-width: 2px;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .chk input + label span:first-child,
  .rdo input + label span:first-child {
    width: 3.643rem;
    height: 3.643rem;
  }
}
@media (min-width: 1600px) {
  .edge .kiosk .chk input + label span:first-child, .ie .kiosk .chk input + label span:first-child,
  .edge .kiosk .rdo input + label span:first-child,
  .ie .kiosk .rdo input + label span:first-child {
    border-width: 2px;
  }
}
.pure-form .chk input + label span:first-child, .chksmall .chk input + label span:first-child,
.pure-form .rdo input + label span:first-child,
.chksmall .rdo input + label span:first-child {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 2.5rem;
  height: 2.5rem;
  padding-top: 0;
}
.pure-form .chk input + label span:first-child i.ico.check, .chksmall .chk input + label span:first-child i.ico.check,
.pure-form .rdo input + label span:first-child i.ico.check,
.chksmall .rdo input + label span:first-child i.ico.check {
  width: 1.5rem;
  height: 1.5rem;
  background-size: 39.375rem 37.5rem;
  background-position: -5.82rem -7.656rem;
}
.chksmall .chk input + label span:first-child.disabled i.ico.check,
.chksmall .rdo input + label span:first-child.disabled i.ico.check {
  background-position-y: -9.531rem !important;
}
.chk input + label span:first-child.green,
.rdo input + label span:first-child.green {
  background-color: #4e3629;
  border-color: #4e3629;
  color: #fff;
}
.dimmed .chk input + label span:first-child.green,
.dimmed .rdo input + label span:first-child.green {
  border-color: #999;
}
.chk input + label span:first-child.green.disabled,
.rdo input + label span:first-child.green.disabled {
  background-color: #d1c0ac;
  border-color: #d1c0ac;
  color: #fff;
}
.chk input + label span:first-child.outline,
.rdo input + label span:first-child.outline {
  background-color: transparent;
  color: #000;
}
.upgrade .chk input + label span:first-child.outline,
.upgrade .rdo input + label span:first-child.outline {
  background-color: #fdf1e8;
}
.list-compact .chk input + label span:first-child.outline,
.list-compact .rdo input + label span:first-child.outline {
  background-color: transparent;
}
.chk input + label span:first-child.outline.green,
.rdo input + label span:first-child.outline.green {
  color: #4e3629;
}
.chk input + label span:first-child.outline.green.disabled,
.rdo input + label span:first-child.outline.green.disabled {
  background-color: transparent;
  color: #cab9a5;
}
.chk input + label span:first-child.outline.green.disabled i.ico.check,
.rdo input + label span:first-child.outline.green.disabled i.ico.check {
  background-position-y: -15.5rem;
}
@media (min-width: 1600px) {
  .chk input + label span:first-child.outline.green.disabled i.ico.check,
  .rdo input + label span:first-child.outline.green.disabled i.ico.check {
    background-position-y: -248px;
  }
}
.chk input + label span:first-child.novisual,
.rdo input + label span:first-child.novisual {
  background-color: transparent !important;
  border-color: transparent !important;
  justify-content: flex-end;
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .list-compact .chk input + label,
  .list-compact .rdo input + label {
    padding: 0.804rem 0.375rem 0.804rem 0.321rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .chksmall.desc .chk input + label,
  .chksmall.desc .rdo input + label {
    font-size: 1.313rem;
    line-height: 2.125rem;
    padding: 0 0.625rem 0 3.375rem;
  }
  .chksmall.desc .chk input + label span:first-child,
  .chksmall.desc .rdo input + label span:first-child {
    top: -0.125rem;
  }
  .chksmall.desc .chk input + label i,
  .chksmall.desc .rdo input + label i {
    font-size: 0.875rem;
    line-height: 1.438rem;
  }
  .chksmall.desc li {
    margin-bottom: 1.5rem;
  }
  .chksmall.desc li div.chk {
    padding-top: 1.125rem;
  }
  .orderdetails .chksmall .chk input + label,
  .orderdetails .chksmall .rdo input + label {
    height: 2.125rem;
    padding-left: 2.75rem;
  }
  .orderdetails .chksmall .chk input + label span:first-child,
  .orderdetails .chksmall .rdo input + label span:first-child {
    width: 2.125rem;
    height: 2.125rem;
  }
}

.chk input + label span:first-child {
  padding-top: 0.063rem;
  display: flex;
  align-items: center;
}

.rdo input + label span:first-child {
  align-items: center;
  flex-direction: column;
}
.rdo input + label span:first-child em {
  position: relative;
  font-size: 0.813rem;
  line-height: 0.938rem;
  margin-top: 0;
  font-weight: 400;
  font-style: normal;
  margin-left: -0.063rem;
  display: block;
}
.rdo input + label b {
  position: absolute;
  left: 50%;
  top: -0.875rem;
  padding-top: 0.125rem;
  width: 4.375rem;
  margin-left: -2.188rem;
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #4e3629;
  display: block;
  white-space: nowrap;
  /*				text-shadow: get-rem(-2px) 0 get-rem(4px) $color-body-bg,
  	get-rem(2px) 0 get-rem(4px) $color-body-bg,
  	0 get-rem(-2px) get-rem(4px) $color-body-bg,
  	0 get-rem(2px) get-rem(4px) $color-body-bg;*/
}
.rdo input + label b img {
  float: left;
  width: 1rem;
  height: 1rem;
  margin-right: -0.313rem;
}
.rdo input + label span.disabled + b {
  color: #cab9a5;
}
.rdo input + label.sml b {
  top: -0.375rem;
}
.overlay .rdo input + label.sml {
  padding: 1.438rem 0.375rem 0.938rem 0.313rem;
  width: 3.125rem;
}
.overlay .rdo input + label.sml span:first-child {
  font-size: 1rem;
  line-height: 1rem;
  width: 3.125rem;
  height: 3.125rem;
}
.rdo input + label.lrg b {
  top: -1.375rem;
}
.overlay .rdo input + label.lrg {
  padding: 0.438rem 0.375rem 0.813rem 0.313rem;
  width: 4.125rem;
}
.overlay .rdo input + label.lrg span:first-child {
  font-size: 1.313rem;
  line-height: 1.313rem;
  width: 4.125rem;
  height: 4.125rem;
}
.rdo input + label.xl b {
  top: -1.813rem;
}
.overlay .rdo input + label.xl {
  padding: 0 0.375rem 0.813rem 0.313rem;
  margin-top: -0.063rem;
  width: 4.625rem;
}
.overlay .rdo input + label.xl span:first-child {
  font-size: 1.563rem;
  line-height: 1.563rem;
  width: 4.625rem;
  height: 4.625rem;
}
.rdo.multi input + label {
  display: none;
}
li.current .rdo.multi input + label {
  opacity: 0;
}
.rdo.multi.recommend input.recommend + label {
  display: block;
}
.rdo.multi:not(.recommend) input.default + label {
  display: block;
}
.rdo.multi:not(.recommend) input.default + label span:first-child.outline.green {
  color: transparent;
}
.rdo.multi:not(.recommend) input[checked=checked] + label {
  display: block !important;
}
.rdo.size-txt input + label span:first-child {
  font-size: 0.813rem;
  line-height: 1rem;
}
.rdo.size-txt input + label.lrg span:first-child {
  font-size: 0.938rem;
  line-height: 1.125rem;
}
.rdo.size-txt input + label.xl span:first-child {
  font-size: 1.063rem;
  line-height: 1.25rem;
}
.overlay .rdo.size-txt input + label.sml span:first-child {
  font-size: 0.688rem;
  line-height: 0.875rem;
}
.overlay .rdo.size-txt input + label.lrg span:first-child {
  font-size: 0.938rem;
}
.overlay .rdo.size-txt input + label.xl span:first-child {
  font-size: 1.063rem;
}
.rdo.size-ico i.icordo {
  position: absolute;
  bottom: 0.5rem;
}
.rdo.size-ico label span:not(.outline):before {
  border: none;
}
.rdo.size-ico label span:not(.outline) i.icordo.icordo__design-a {
  background-position-y: -9rem;
}
.rdo.size-ico .icordo-txt {
  display: block;
  font-size: 0.688rem;
  line-height: 1.063rem;
  font-style: normal;
  margin: 0.375rem 0 -0.25rem 0;
}
.rdo.size-ico .icordo-txt > em {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  font-style: normal;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .rdo.size-ico .icordo-txt {
    font-size: 0.696rem;
    line-height: 1.071rem;
  }
  .rdo.size-ico .icordo-txt > em {
    font-size: 0.857rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  .rdo.size-ico i.icordo {
    bottom: 0.536rem;
  }
}
.rdo label span:not(.outline):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #f6f4e8;
  border-radius: 50%;
}
.upgrade .rdo label span:not(.outline):before {
  border-color: #fdf1e8;
}

.custom-select__container {
  align-items: center;
}

.custom-select__button-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.625rem;
  height: 3.625rem !important;
  margin: 0 0.188rem 0 0;
  padding: 0;
  border-radius: 2.5rem;
  background-color: transparent;
  pointer-events: none;
}
.custom-select__button-toggle:not(.disabled):active {
  box-shadow: none !important;
  -webkit-filter: none !important;
  filter: none !important;
}
.custom-select__button-toggle .ico {
  transition: transform 0.3s ease-in-out;
}
li.current .custom-select__button-toggle .ico {
  transform: rotate(-180deg);
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .custom-select__button-toggle {
    margin: 0;
  }
}

.custom-select__overlay {
  max-height: 15rem;
  overflow: auto;
  -ms-overflow-style: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .custom-select__overlay {
    min-height: 2.786rem;
  }
  .list.list-compact li.current .overlay.custom-select__overlay {
    padding-top: 0.625rem;
    bottom: auto !important;
  }
}

.overlay.custom-select__overlay {
  background: #f6f4e8 !important;
}
.config-customise__col1 .overlay.custom-select__overlay {
  background: #d5e9e2 !important;
}
.config-customise__col1 .item.config-customise__extra + .overlay.custom-select__overlay {
  background-color: #dfeee9 !important;
}
.overlay.custom-select__overlay .custom-select__price {
  color: #cab9a5;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .overlay.custom-select__overlay {
    margin-left: -1px !important;
  }
  .popular-tab__container li.current .overlay.custom-select__overlay, .config-customise__col2 li.current .overlay.custom-select__overlay {
    background: rgb(250.303125, 249.259375, 242.996875) !important;
  }
  .config-customise__col1 li.current .overlay.custom-select__overlay {
    background: rgb(223.040625, 238.259375, 232.9328125) !important;
  }
}

.custom-select__option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem 0.875rem;
  border-bottom: 1px solid #ecdac7;
  border-color: var(--color-border);
}
.custom-select__option:last-child {
  border: none;
}
@media (hover: hover) and (pointer: fine) {
  .custom-select__option:hover {
    background-color: rgba(78, 54, 41, 0.05);
  }
}
.custom-select__option:active {
  background-color: rgba(78, 54, 41, 0.05);
}
[data-whatinput=keyboard] .custom-select__option:focus {
  outline: 0.188rem solid #000;
}
.hairline .custom-select__option {
  border-width: 0.5px !important;
}
.custom-select__option .ico {
  margin: -0.25rem 0;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .custom-select__option:first-child {
    border-top: 1px solid #ecdac7;
    border-color: var(--color-border);
  }
  .hairline .custom-select__option {
    border-width: 0.5px !important;
  }
}

.range {
  padding: 0 0.438rem 0 0.625rem;
}
.range > div {
  align-items: center;
}
.range .track {
  position: relative;
  width: calc(60vw - 0.688rem);
  max-width: 18.75rem;
  height: 0.375rem;
  background: #d1c0ac;
  border-radius: 0.188rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .pure-u-md-1-3 .range .track {
    max-width: 11.25rem;
  }
}
.range .track .bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 0.375rem;
  padding-right: 0.875rem;
  border-radius: 0.188rem;
  background-color: #4e3629;
}
.range .track .thumb {
  /*			@at-root html {
  	--thmb-width:1.75rem;		// Doesn't work with Edge Legacy, hardcoded to 1.75rem (28px) instead
  }*/
  position: absolute;
  left: 0;
  top: -0.688rem;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background-color: #4e3629;
  pointer-events: none;
  z-index: 1;
  transition: transform 0.3s cubic-bezier(0.69, 0.01, 0.33, 1);
}
.range .track .thumb.active {
  transform: scale(1.3);
  transition: none;
}
.range .track ol {
  list-style-type: none;
  padding: 0;
  display: table;
  width: 100%;
}
.range .track ol li {
  display: table-cell;
  height: 0.375rem;
  margin: 0 0.125rem;
  border-right: 1px solid #f6f4e8;
}
.range .track ol li:first-child {
  margin-left: 0;
}
.range .track ol li:nth-last-child(2) {
  margin-right: 0;
}
.range .track ol li:last-child {
  display: none;
}
.range input[type=range] {
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 0.375rem;
  background: none;
  outline: 0;
}
.chrome .range input[type=range] {
  top: -0.5rem;
}
.range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: transparent;
  width: 3.125rem;
  height: 5.5rem;
  margin: 0;
  border: none;
  box-shadow: none;
}

.ng-submitted input.ng-invalid,
input.ng-touched.ng-invalid {
  border: 2px solid #e40425;
}

/*@-webkit-keyframes autofill {
	to {
		color:$color-txt-body;
		background:$color-input-bg;
	}
}*/
.fieldset--blank {
  all: unset;
  border: 0;
  padding: 0.01em 0 0 0;
  margin: 0;
  min-width: 0;
}
.fieldset--blank legend {
  padding: 0;
  display: table;
}

.tbl {
  width: 100%;
  border-top: 2px solid #000;
}
.tbl th,
.tbl td {
  position: relative;
  padding: 0.625rem 0.25rem;
  text-align: left;
  box-sizing: border-box;
}
.tbl th:last-child,
.tbl td:last-child {
  text-align: right;
}
.tbl td:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ecdac7;
  border-color: var(--color-border);
}
.hairline .tbl td:before {
  border-width: 0.5px !important;
}
.tbl th {
  padding-top: 0.75rem;
  color: #000;
  font-size: 0.875rem;
  font-weight: normal;
}
.tbl th:not(.vert) {
  vertical-align: bottom;
  padding-bottom: 0.688rem;
}
.tbl th.vert {
  height: 6.25rem;
  white-space: nowrap;
}
.tbl th.vert > div {
  transform: translate(0, 1.875rem) rotate(-60deg);
  width: 1.875rem;
}
.tbl th.vert > div > span {
  padding: 0.313rem 0.625rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .tbl {
    width: 66.6666%;
    margin-left: 1rem;
  }
}
.tbl.users, .tbl.settings {
  table-layout: fixed;
}
.tbl.users th:nth-child(n+2), .tbl.settings th:nth-child(n+2) {
  width: 3.125rem;
  text-align: center;
  line-height: 1.25rem;
}
.tbl.settings th.vert {
  height: 4.375rem;
}
.tbl.settings th.vert > div {
  transform: translate(0, 0.938rem) rotate(-60deg);
}
.tbl.settings td.desc {
  padding-top: 0;
  text-align: left;
}
.tbl.settings td.desc:before {
  content: none;
}
.tbl.users td:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tbl.users th:last-child {
  width: 2.75rem;
}
.tbl.users td:last-child {
  padding-right: 0;
}
.tbl.users td:last-child button {
  float: right;
}
.tbl.users button {
  margin-bottom: 0;
}

/* Icons */
i.ico {
  position: relative;
  width: 2rem;
  height: 2rem;
  margin: 0rem;
  display: block;
  background-image: url("../images/ico-sheet.9ac39a80af53.svg?lc-1680523460");
  background-size: 63rem 60rem;
  background-position: 0 -3.5rem;
}
i.ico.plus {
  background-position-x: -27.5rem;
}
i.ico.minus {
  background-position-x: -33.5rem;
}
i.ico.customise {
  background-position-x: -45.5rem;
}
i.ico.back {
  background-position-x: -3.5rem;
}
i.ico.back-small {
  width: 1rem;
  height: 1rem;
  background-position: -58rem -40rem;
}
i.ico.forward {
  background-position-x: -9.5rem;
}
i.ico.forward-small {
  background-position: -10rem -40rem;
}
i.ico.forward-medium {
  background-position: -9.5rem -45.5rem;
}
i.ico.down {
  background-position-x: -15.5rem;
}
i.ico.up {
  background-position-x: -21.5rem;
}
i.ico.select {
  background-position: -15.5rem -6.5rem;
}
i.ico.cancel {
  background-position-x: -39.5rem;
}
i.ico.clock {
  background-position-x: -51.5rem;
}
i.ico.date {
  background-position-x: -57.5rem;
}
i.ico.check {
  background-position: -9.5rem -12.5rem;
}
i.ico.cart {
  background-position: -21.5rem -12.5rem;
}
i.ico.edit {
  background-position: -27.5rem -12.5rem;
}
i.ico.fav {
  background-position: -33.5rem -12.5rem;
}
i.ico.remove {
  background-position: -45.5rem -12.5rem;
}
i.ico.eye {
  background-position: -51.5rem -12.5rem;
}
i.ico.access {
  height: 2.5rem;
  background-position: -57.5rem -12.125rem;
}
i.ico.nav {
  background-position: -39.5rem -12.5rem;
}
i.ico.filter {
  background-position: -15.5rem -12.5rem;
}
i.ico.van {
  background-position: -27.5rem -12.5rem;
}
i.ico.environment {
  background-position: -57.5rem -12.5rem;
}
i.ico.delete {
  background-position: -15.5rem -30.5rem;
}
i.ico.getaddress {
  background-position: -21.5rem -30.5rem;
}
i.ico.pause {
  background-position: -27.5rem -30.5rem;
}
i.ico.play {
  background-position: -27.5rem -33.5rem;
}
i.ico.extendtime {
  background-position: -45.5rem -30.5rem;
}
i.ico.change {
  background-position: -57.5rem -30.5rem;
}
i.ico.search {
  background-position: -3.5rem -39.5rem;
}
i.ico.plus-small {
  background-position: -15.5rem -39.5rem;
}
i.ico.minus-small {
  background-position: -21.5rem -39.5rem;
}
i.ico.scan {
  background-position: -27.5rem -39.5rem;
}
i.ico.pin {
  background-position: -33.5rem -39.5rem;
}
i.ico.info {
  background-position: -39.5rem -39.5rem;
}
i.ico.google {
  background-position: -45.5rem -39.5rem;
}
i.ico.apple {
  background-position: -45.5rem -42.5rem;
}
i.ico.klarna {
  background-position: -45.5rem -45.5rem;
}
i.ico.facebook {
  background-position: -45.5rem -48.5rem;
}
i.ico.accessibility {
  background-position: -33.5rem -48.5rem;
}
i.ico.marker {
  background-position: -51.5rem -39.5rem;
}
i.ico.highlight {
  background-position: -3.5rem -54.5rem;
}
i.ico.present {
  background-position: -9.5rem -54.5rem;
}
i.ico.mirror {
  background-position: -15.5rem -54.5rem;
}
i.ico.navigator {
  background-position: -21.5rem -54.5rem;
}
i.ico.loyalty {
  background-position: -27.5rem -54.5rem;
}
@media (min-width: 1367px) {
  i.ico {
    width: 32px;
    height: 32px;
    background-size: 1008px 960px;
    background-position: 0 -56px;
  }
  i.ico.plus {
    background-position-x: -440px;
  }
  i.ico.minus {
    background-position-x: -536px;
  }
  i.ico.customise {
    background-position-x: -728px;
  }
  i.ico.back {
    background-position-x: -56px;
  }
  i.ico.back-small {
    width: 16px;
    height: 16px;
    background-position: -928px -640px;
  }
  i.ico.forward {
    background-position-x: -152px;
  }
  i.ico.forward-small {
    background-position: -160px -640px;
  }
  i.ico.forward-medium {
    background-position: -152px -728px;
  }
  i.ico.down {
    background-position-x: -248px;
  }
  i.ico.up {
    background-position-x: -344px;
  }
  i.ico.select {
    background-position: -248px -104px;
  }
  i.ico.cancel {
    background-position-x: -632px;
  }
  i.ico.clock {
    background-position-x: -824px;
  }
  i.ico.date {
    background-position-x: -920px;
  }
  i.ico.check {
    background-position: -152px -200px;
  }
  i.ico.cart {
    background-position: -344px -200px;
  }
  i.ico.edit {
    background-position: -440px -200px;
  }
  i.ico.fav {
    background-position: -536px -200px;
  }
  i.ico.remove {
    background-position: -728px -200px;
  }
  i.ico.eye {
    background-position: -824px -200px;
  }
  i.ico.access {
    height: 40px;
    background-position: -920px -194px;
  }
  i.ico.nav {
    background-position: -632px -200px;
  }
  i.ico.filter {
    background-position: -248px -200px;
  }
  i.ico.van {
    background-position: -440px -200px;
  }
  i.ico.environment {
    background-position: -920px -200px;
  }
  i.ico.delete {
    background-position: -248px -488px;
  }
  i.ico.getaddress {
    background-position: -344px -488px;
  }
  i.ico.pause {
    background-position: -440px -488px;
  }
  i.ico.play {
    background-position: -440px -536px;
  }
  i.ico.extendtime {
    background-position: -728px -488px;
  }
  i.ico.change {
    background-position: -920px -488px;
  }
  i.ico.search {
    background-position: -56px -632px;
  }
  i.ico.plus-small {
    background-position: -248px -632px;
  }
  i.ico.minus-small {
    background-position: -344px -632px;
  }
  i.ico.scan {
    background-position: -440px -632px;
  }
  i.ico.pin {
    background-position: -536px -632px;
  }
  i.ico.info {
    background-position: -632px -632px;
  }
  i.ico.google {
    background-position: -728px -632px;
  }
  i.ico.apple {
    background-position: -728px -680px;
  }
  i.ico.accessibility {
    background-position: -536px -776px;
  }
  i.ico.marker {
    background-position: -824px -632px;
  }
  i.ico.highlight {
    background-position: -56px -872px;
  }
  i.ico.present {
    background-position: -152px -872px;
  }
  i.ico.mirror {
    background-position: -248px -872px;
  }
  i.ico.navigator {
    background-position: -344px -872px;
  }
  i.ico.loyalty {
    background-position: -440px -872px;
  }
}

i.iconav {
  position: relative;
  width: 3rem;
  height: 3rem;
  margin: 0rem;
  display: block;
  background-image: url("../images/ico-sheet.9ac39a80af53.svg?lc-1680523460");
  background-size: 63rem 60rem;
  background-position: 0 -21rem;
}
i.iconav.cutlery {
  background-position-x: -39rem;
}
i.iconav.bag {
  background-position-x: -45rem;
}
i.iconav.van {
  background-position-x: -51rem;
}
i.iconav.feedback {
  background-position-x: -3rem;
}
i.iconav.deals {
  background-position-x: -9rem;
}
i.iconav.fav {
  background-position-x: -15rem;
}
i.iconav.stores {
  background-position-x: -21rem;
}
i.iconav.user {
  background-position-x: -27rem;
}
i.iconav.giftcard {
  background-position-x: -33rem;
}
i.iconav.history {
  background-position-x: -57rem;
}
i.iconav.cart {
  background-position: -3rem -30rem;
}
i.iconav.creditcard {
  background-position: -33rem -30rem;
}
i.iconav.categories {
  background-position: -39rem -30rem;
}
i.iconav.clock {
  background-position: -51rem -30rem;
}
@media (min-width: 1367px) {
  i.iconav {
    width: 48px;
    height: 48px;
    background-size: 1008px 960px;
    background-position: 0 -336px;
  }
  i.iconav.cutlery {
    background-position-x: -624px;
  }
  i.iconav.bag {
    background-position-x: -720px;
  }
  i.iconav.van {
    background-position-x: -816px;
  }
  i.iconav.feedback {
    background-position-x: -48px;
  }
  i.iconav.deals {
    background-position-x: -144px;
  }
  i.iconav.fav {
    background-position-x: -240px;
  }
  i.iconav.stores {
    background-position-x: -336px;
  }
  i.iconav.user {
    background-position-x: -432px;
  }
  i.iconav.giftcard {
    background-position-x: -528px;
  }
  i.iconav.history {
    background-position-x: -912px;
  }
  i.iconav.cart {
    background-position: -48px -480px;
  }
  i.iconav.creditcard {
    background-position: -528px -480px;
  }
  i.iconav.categories {
    background-position: -624px -480px;
  }
  i.iconav.clock {
    background-position: -816px -480px;
  }
}

i.icocntry {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  display: inline-block;
}
main.country i.icocntry {
  width: 1.5rem;
  height: 1.5rem;
}
.kiosk i.icocntry, .minw_md main.country i.icocntry {
  width: 1.75rem;
  height: 1.75rem;
}
i.icocntry.se {
  background: url("../images/flags/sweden.1bcbb9e2cfe0.svg?lc-1680523460");
}
i.icocntry.no {
  background: url("../images/flags/norway.b319c4fa1801.svg?lc-1680523460");
}
i.icocntry.dk {
  background: url("../images/flags/denmark.a1c8cdf23e51.svg?lc-1680523460");
}
i.icocntry.fi {
  background: url("../images/flags/finland.fe3444249893.svg?lc-1680523460");
  box-shadow: 0 0 3px 2px rgba(78, 54, 41, 0.07);
}
i.icocntry.ee {
  background: url("../images/flags/estonia.a0b63acdb26f.svg?lc-1680523460");
  box-shadow: 0 0 3px 2px rgba(78, 54, 41, 0.07);
}
i.icocntry.pl {
  background: url("../images/flags/poland.d62cc9eac805.svg?lc-1680523460");
  box-shadow: 0 0 3px 2px rgba(78, 54, 41, 0.07);
}
i.icocntry.gb {
  background: url("../images/flags/uk.3a25448a9ce9.svg?lc-1680523460");
}
i.icocntry.de {
  background: url("../images/flags/germany.ed83c8f19c6f.svg?lc-1680523460");
}
i.icocntry.ch {
  background: url("../images/flags/switzerland.8bc60b8dc01d.svg?lc-1680523460");
}
i.icocntry.us {
  background: url("../images/flags/us.1dc74f84de6d.svg?lc-1680523460");
}

i.icordo {
  position: relative;
  width: 3rem;
  height: 3rem;
  margin: 0rem;
  display: block;
  background-image: url("../images/ico-sheet-rdo.svg?v=l30");
  background-size: 33rem 33rem;
  background-position: 0 -3rem;
  /*	@include minw('1367px') {
  	width: $icordo-size + 0px;
  	height: $icordo-size + 0px;
  	background-size: $icordo-sheet-size-x $icordo-sheet-size-y;
  	background-position: 0 -48px - $icordo-size-offset;

  	&.icordo__size-1 {
  		background-position-x: -48px - $icordo-size-offset;
  	}
  	&.icordo__size-2 {
  		background-position-x: -144px - $icordo-size-offset;
  	}
  	&.icordo__size-3 {
  		background-position-x: -240px - $icordo-size-offset;
  	}
  	&.icordo__size-4 {
  		background-position-x: -336px - $icordo-size-offset;
  	}
  	&.icordo__size-5 {
  		background-position-x: -432px - $icordo-size-offset;
  	}
  }*/
}
i.icordo.icordo__size-1 {
  background-position-x: -3rem;
}
i.icordo.icordo__size-2 {
  background-position-x: -9rem;
}
i.icordo.icordo__size-3 {
  background-position-x: -15rem;
}
i.icordo.icordo__size-4 {
  background-position-x: -21rem;
}
i.icordo.icordo__size-5 {
  background-position-x: -27rem;
}
i.icordo.dimmed {
  opacity: 0.3;
}

.icomask {
  position: relative;
  width: 2rem;
  height: 2rem;
  display: block;
  -webkit-mask-image: var(--ico-url);
  mask-image: var(--ico-url);
  background-color: #f6f4e8;
}

header.boxtint,
section.boxtint,
footer.boxtint {
  transition: -webkit-filter 0.1s linear;
  transition: filter 0.1s linear;
}

header.boxtint,
section.boxtint,
footer.boxtint {
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
  transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  header.boxtint,
  section.boxtint,
  footer.boxtint {
    -webkit-filter: inherit;
    filter: inherit;
    transform: inherit;
  }
}

.paint {
  opacity: 0;
}

@keyframes teaser {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  30% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1.063rem, 0);
  }
}
@keyframes animNumb {
  0% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes progress-bar {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.order_complete .tada,
.dashboard .tada,
.nav_show .tada {
  animation-name: tada;
  animation-duration: 1s;
  animation-delay: 0.5s;
}

@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.running-dots i {
  font-style: normal;
  animation-fill-mode: forwards;
}
.running-dots i:first-child {
  animation: anim-dots1 1s 0.8s linear infinite;
}
.running-dots i:nth-child(2) {
  animation: anim-dots2 1s 0.8s linear infinite;
}
.running-dots i:nth-child(3) {
  animation: anim-dots3 1s 0.8s linear infinite;
}

@keyframes anim-dots1 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anim-dots2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anim-dots3 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
html:not(.android) .flipInX {
  animation-delay: 0.2s;
  animation-duration: 0.9s;
  animation-fill-mode: backwards;
  backface-visibility: visible !important;
  animation-timing-function: ease-out;
  animation-name: flipInX;
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-name: zoomOut;
}

@keyframes fadingIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.12, 1.12, 1.12);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse-small {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.03, 1.03, 1.03);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse-big {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.4, 1.4, 1.4);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(3px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-6px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(6px, 0, 0);
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes reveal {
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes qty-listbox {
  0% {
    opacity: 0;
    transform: translateY(var(--qty-listbox-from, 100%));
  }
  25% {
    opacity: 1;
  }
}
/* Plugins */
.plugins-container {
  --primary-button-color: #4e3629;
  --thin-line: 1px solid var(--color-border);
  --h1-font-family: VCGooper-Semicond, sans-serif;
  --h1-font-size: 1.625rem;
  --h1-line-height: 2.5rem;
  --h1-font-weight: 300;
  --h1-font-size-md: 2.75rem;
  --h1-line-height-md: 3.375rem;
  --h1-color: #4e3629;
  --h1-text-transform: uppercase;
  --h1-letter-spacing: 0px;
  --h1-font-smoothing: antialiased;
  --h2-font-family: VCGooper, sans-serif;
  --h2-font-size: 1.188rem;
  --h2-line-height: 1.625rem;
  --h2-font-weight: 700;
  --h2-font-size-md: 1.313rem;
  --h2-line-height-md: 1.875rem;
  --h2-color: #4e3629;
  --h2-text-transform: none;
  --h2-letter-spacing: 0px;
  --h2-font-smoothing: antialiased;
  --member-font-family: VCGooper, sans-serif;
  --member-font-size: 1.625rem;
  --member-line-height: 1.438rem;
  --member-font-weight: 400;
  --member-color: #fff;
  --member-small-font-family: VCGooper, sans-serif;
  --member-small-font-size: 0.75rem;
  --member-small-line-height: 1.5rem;
  --member-small-font-weight: 400;
  --lph3-font-family: VCGooper, sans-serif;
  --lph3-font-size: 0.938rem;
  --lph3-line-height: 1.5rem;
  --lph3-font-weight: 400;
  --lph3-color: #4e3629;
  --lph3-text-transform: none;
  --lph3-letter-spacing: 0px;
  --lph3-font-family-md: VCGooper-Semicond, sans-serif;
  --lph3-font-size-md: 1.281rem;
  --lph3-line-height-md: 1.625rem;
  --lph3-font-weight-md: 400;
  --lph3-text-transform-md: uppercase;
  --lph3-letter-spacing-md: 0px;
  --lph3-font-smoothing-md: antialiased;
  --plh2-font-group: 700 19px/26px VCGooper, sans-serif;
  --plh2-text-transform: none;
  --plh2-letter-spacing: 0px;
  --plh2-word-spacing: 0px;
  --plh2-font-smoothing: antialiased;
  --plp-font-group: 400 15px/24px VCGooper, sans-serif;
  --plp-letter-spacing: 0px;
  --plp-word-spacing: 0px;
  --plp-font-smoothing: antialiased;
  box-sizing: border-box;
}
.hairline .plugins-container {
  --thin-line: 0.5px solid var(--color-border);
}
body.high-contrast .plugins-container {
  --hc-bg-color: #000;
  --hc-fg-color: #fff;
  --hc-link-text-color: #000;
  --hc-link-text-color-inverted: #ff0;
  --hc-link-bg-color: #ff0;
  --hc-link-bg-color-inverted: #000;
  --hc-link-border-color: #ff0;
  --hc-control-text-color: #000;
  --hc-control-text-color-inverted: #00ffff;
  --hc-control-bg-color: #00ffff;
  --hc-control-bg-color-inverted: #000;
  --hc-control-border-color: #00ffff;
  --hc-focus-color: #ff00ff;
  --hc-focus-width: 6px;
  --hc-disabled-bg-color: #b0b0b0;
  --hc-disabled-fg-color: #000;
  --hc-error-color: #fe8c8c;
  --hc-border-color: #fff;
  --hc-border-width: 3px;
  --hc-filter-bg: brightness(0);
  --hc-filter-fg: brightness(0) invert(1);
}

#plugins-start-bottom {
  position: relative;
  margin: 0.625rem 0 0 0;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

#plugins-start-hero-promo {
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

#plugins-order-status-placed-order {
  margin: 0 -0.625rem 0.625rem -0.625rem;
}

#plugins-checkout-main {
  position: relative;
  margin: 0 -0.625rem 1.625rem -0.625rem;
  z-index: 1;
}

#plugins-categories-main {
  margin: 0 -0.625rem 0.25rem -0.625rem;
}

#plugins-receipt-on-phone-promo {
  position: relative;
  width: 100%;
  margin: 0 0 1.25rem 0;
}

#plugins-sidebar-basket {
  --basket-font-size: 0.938rem;
  --basket-line-height: 1.5rem;
}

#plugin-page {
  position: relative;
  padding-bottom: 9.375rem;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  section.pageplugin {
    padding-left: 0;
    padding-right: 0;
  }
  #plugin-page {
    box-sizing: border-box;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  #plugins-start-bottom {
    left: calc((100% - 85.714rem) / 2);
    max-width: 85.714rem;
  }
  #plugins-start-hero-promo {
    left: auto !important;
    max-width: none !important;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  #plugins-order-status-placed-order {
    margin-left: 0.125rem;
    margin-bottom: 1.25rem;
  }
  #plugins-checkout-main {
    margin-left: 0.063rem;
    margin-bottom: 2rem;
  }
  #plugins-categories-main {
    margin: 0 0.25rem 0.25rem 0.313rem;
  }
  #plugins-receipt-on-phone-promo {
    max-width: 31.071rem;
    margin-bottom: 1.607rem;
    overflow: hidden;
  }
  #plugins-sidebar-basket {
    --basket-font-size: 0.813rem;
    --basket-line-height: 1.375rem;
    margin: 0 0 0 0.857rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  #plugins-sidebar-basket {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  #plugins-kiosk-closed,
  #plugins-kiosk-order-status {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
  }
}
/*!
 * 
 *   simple-keyboard v3.8.55
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
.hg-theme-default {
  background-color: #ececec;
  border-radius: 5px;
  box-sizing: border-box;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  overflow: hidden;
  padding: 5px;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.hg-theme-default button {
  all: revert;
  color: #000 !important;
}
[data-whatinput=keyboard] .hg-theme-default button:focus {
  outline: 3px solid #000;
}

.hg-theme-default .hg-button span,
.hg-theme-default .hg-button span svg {
  pointer-events: none;
  padding: 0;
}

.hg-theme-default button.hg-button {
  font-size: inherit;
  outline: 0;
}

.hg-theme-default .hg-button {
  display: inline-block;
  flex-grow: 1;
}

.hg-theme-default .hg-row {
  display: flex;
}

.hg-theme-default .hg-row:not(:last-child) {
  margin-bottom: 5px;
}

.hg-theme-default .hg-row .hg-button-container,
.hg-theme-default .hg-row .hg-button:not(:last-child) {
  margin-right: 5px;
}

.hg-theme-default .hg-row > div:last-child {
  margin-right: 0;
}

.hg-theme-default .hg-row .hg-button-container {
  display: flex;
}

.hg-theme-default .hg-button {
  align-items: center;
  background: #fff;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #b5b5b5;
  border-radius: 5px;
  box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  cursor: pointer;
  display: grid;
  place-items: center;
  height: 80px;
  justify-content: center;
  padding: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.hg-theme-default .hg-button.hg-standardBtn {
  width: 20px;
}

.hg-theme-default .hg-button.hg-activeButton {
  background: #efefef;
}

.hg-theme-default.hg-layout-numeric .hg-button {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: center;
  width: 33.3%;
}

.hg-theme-default .hg-button.hg-button-numpadadd,
.hg-theme-default .hg-button.hg-button-numpadenter {
  height: 85px;
}

.hg-theme-default .hg-button.hg-button-numpad0 {
  width: 105px;
}

.hg-theme-default .hg-button.hg-button-com {
  max-width: 85px;
}

.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {
  max-width: 45px;
}

.hg-theme-default .hg-button.hg-selectedButton {
  background: rgba(5, 25, 70, 0.53);
  color: #fff;
}

.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"] {
  max-width: 82px;
}

.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"] {
  max-width: 60px;
}

.hg-candidate-box {
  background: #ececec;
  border-bottom: 2px solid #b5b5b5;
  border-radius: 5px;
  display: inline-flex;
  margin-top: -10px;
  position: absolute;
  transform: translateY(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

ul.hg-candidate-box-list {
  display: flex;
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

li.hg-candidate-box-list-item {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

li.hg-candidate-box-list-item:hover {
  background: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}

li.hg-candidate-box-list-item:active {
  background: rgba(0, 0, 0, 0.1);
}

.hg-candidate-box-prev:before {
  content: "◄";
}

.hg-candidate-box-next:before {
  content: "►";
}

.hg-candidate-box-next,
.hg-candidate-box-prev {
  align-items: center;
  color: #969696;
  cursor: pointer;
  display: flex;
  padding: 0 10px;
}

.hg-candidate-box-next {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.hg-candidate-box-prev {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.hg-candidate-box-btn-active {
  color: #444;
}

.hg-theme-default .hg-button.hg-functionBtn.hg-button-space {
  min-width: 40%;
  max-width: none;
}

/*!
 * 
 *   simple-keyboard v3.8.55
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
.hg-theme-default {
  background-color: #ececec;
  border-radius: 5px;
  box-sizing: border-box;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  overflow: hidden;
  padding: 5px;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.hg-theme-default button {
  all: revert;
  color: #000 !important;
}
[data-whatinput=keyboard] .hg-theme-default button:focus {
  outline: 3px solid #000;
}

.hg-theme-default .hg-button span,
.hg-theme-default .hg-button span svg {
  pointer-events: none;
  padding: 0;
}

.hg-theme-default button.hg-button {
  font-size: inherit;
  outline: 0;
}

.hg-theme-default .hg-button {
  display: inline-block;
  flex-grow: 1;
}

.hg-theme-default .hg-row {
  display: flex;
}

.hg-theme-default .hg-row:not(:last-child) {
  margin-bottom: 5px;
}

.hg-theme-default .hg-row .hg-button-container,
.hg-theme-default .hg-row .hg-button:not(:last-child) {
  margin-right: 5px;
}

.hg-theme-default .hg-row > div:last-child {
  margin-right: 0;
}

.hg-theme-default .hg-row .hg-button-container {
  display: flex;
}

.hg-theme-default .hg-button {
  align-items: center;
  background: #fff;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #b5b5b5;
  border-radius: 5px;
  box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  cursor: pointer;
  display: grid;
  place-items: center;
  height: 80px;
  justify-content: center;
  padding: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.hg-theme-default .hg-button.hg-standardBtn {
  width: 20px;
}

.hg-theme-default .hg-button.hg-activeButton {
  background: #efefef;
}

.hg-theme-default.hg-layout-numeric .hg-button {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: center;
  width: 33.3%;
}

.hg-theme-default .hg-button.hg-button-numpadadd,
.hg-theme-default .hg-button.hg-button-numpadenter {
  height: 85px;
}

.hg-theme-default .hg-button.hg-button-numpad0 {
  width: 105px;
}

.hg-theme-default .hg-button.hg-button-com {
  max-width: 85px;
}

.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {
  max-width: 45px;
}

.hg-theme-default .hg-button.hg-selectedButton {
  background: rgba(5, 25, 70, 0.53);
  color: #fff;
}

.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"] {
  max-width: 82px;
}

.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"] {
  max-width: 60px;
}

.hg-candidate-box {
  background: #ececec;
  border-bottom: 2px solid #b5b5b5;
  border-radius: 5px;
  display: inline-flex;
  margin-top: -10px;
  position: absolute;
  transform: translateY(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

ul.hg-candidate-box-list {
  display: flex;
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

li.hg-candidate-box-list-item {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

li.hg-candidate-box-list-item:hover {
  background: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}

li.hg-candidate-box-list-item:active {
  background: rgba(0, 0, 0, 0.1);
}

.hg-candidate-box-prev:before {
  content: "◄";
}

.hg-candidate-box-next:before {
  content: "►";
}

.hg-candidate-box-next,
.hg-candidate-box-prev {
  align-items: center;
  color: #969696;
  cursor: pointer;
  display: flex;
  padding: 0 10px;
}

.hg-candidate-box-next {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.hg-candidate-box-prev {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.hg-candidate-box-btn-active {
  color: #444;
}

.hg-theme-default .hg-button.hg-functionBtn.hg-button-space {
  min-width: 40%;
  max-width: none;
}

/* High Contrast Mode */
body.high-contrast {
  background-color: #000 !important;
  --theme-color: #000;
  --theme-color-rgb: 0, 0, 0;
}
body.high-contrast.dashboard {
  --theme-color: #000;
}
body.high-contrast h1,
body.high-contrast h2,
body.high-contrast h3,
body.high-contrast h4,
body.high-contrast p,
body.high-contrast span,
body.high-contrast em,
body.high-contrast label {
  color: #fff !important;
}
body.high-contrast h1 *,
body.high-contrast h2 *,
body.high-contrast h3 *,
body.high-contrast h4 *,
body.high-contrast p *,
body.high-contrast span *,
body.high-contrast em *,
body.high-contrast label * {
  color: inherit !important;
}
body.high-contrast table {
  color: #fff !important;
}
body.high-contrast em.alert {
  color: #fe8c8c !important;
  font-weight: bold !important;
  text-decoration: underline !important;
}
body.high-contrast a {
  color: #000 !important;
  text-decoration: underline !important;
  background-color: #ff0 !important;
}
body.high-contrast a h1,
body.high-contrast a h2,
body.high-contrast a h3,
body.high-contrast a h4,
body.high-contrast a p,
body.high-contrast a span,
body.high-contrast a em,
body.high-contrast a label {
  color: #000 !important;
  text-decoration: underline !important;
}
body.high-contrast a i {
  filter: brightness(0) !important;
}
body.high-contrast a.button.customise {
  background-color: #ff0 !important;
  color: #000 !important;
  border-color: #ff0 !important;
}
body.high-contrast button,
body.high-contrast [role=button] {
  background-color: #00ffff !important;
  color: #000 !important;
  border: 2px solid #00ffff !important;
}
body.high-contrast button.item, body.high-contrast button.fav, body.high-contrast button.info, body.high-contrast button.tab__button,
body.high-contrast [role=button].item,
body.high-contrast [role=button].fav,
body.high-contrast [role=button].info,
body.high-contrast [role=button].tab__button {
  border: none !important;
}
body.high-contrast button.disabled:not(.round), body.high-contrast button:disabled:not(.round),
body.high-contrast [role=button].disabled:not(.round),
body.high-contrast [role=button]:disabled:not(.round) {
  background-color: #b0b0b0 !important;
  border-color: #b0b0b0 !important;
}
body.high-contrast button.disabled:not(.round).checkout, body.high-contrast button:disabled:not(.round).checkout,
body.high-contrast [role=button].disabled:not(.round).checkout,
body.high-contrast [role=button]:disabled:not(.round).checkout {
  border: none !important;
  color: #fff !important;
}
body.high-contrast button h1,
body.high-contrast button h2,
body.high-contrast button h3,
body.high-contrast button h4,
body.high-contrast button p,
body.high-contrast button span,
body.high-contrast button em,
body.high-contrast button label,
body.high-contrast [role=button] h1,
body.high-contrast [role=button] h2,
body.high-contrast [role=button] h3,
body.high-contrast [role=button] h4,
body.high-contrast [role=button] p,
body.high-contrast [role=button] span,
body.high-contrast [role=button] em,
body.high-contrast [role=button] label {
  color: inherit !important;
}
body.high-contrast button.add1clk,
body.high-contrast [role=button].add1clk {
  border: 3px solid #000 !important;
}
body.high-contrast button i,
body.high-contrast [role=button] i {
  filter: brightness(0) !important;
}
body.high-contrast [role=button] i {
  filter: brightness(0) !important;
}
body.high-contrast button.disabled i {
  opacity: 1 !important;
}
body.high-contrast .button-progress_bar {
  background-color: #fff !important;
}
body.high-contrast i.iconav {
  filter: brightness(0) invert(1);
}
body.high-contrast .payment-question img {
  filter: brightness(0) !important;
}
body.high-contrast #accessibility_settings h1::after {
  filter: brightness(0) invert(1);
}
[data-whatinput=keyboard] body.high-contrast button:focus,
[data-whatinput=keyboard] body.high-contrast a:focus,
[data-whatinput=keyboard] body.high-contrast input:focus,
[data-whatinput=keyboard] body.high-contrast select:focus,
[data-whatinput=keyboard] body.high-contrast textarea:focus,
[data-whatinput=keyboard] body.high-contrast [tabindex]:focus,
[data-whatinput=keyboard] body.high-contrast summary:focus {
  outline: none !important;
  box-shadow: inset 0 0 0 6px #ff00ff !important;
}
[data-whatinput=keyboard] body.high-contrast li.focus-within {
  outline: 6px solid #ff00ff !important;
  outline-offset: -3px !important;
}
[data-whatinput=keyboard] body.high-contrast .chk input:focus + label span:first-child {
  outline: 6px solid #ff00ff !important;
}
[data-whatinput=keyboard] body.high-contrast .sidebar-content h2:focus {
  box-shadow: none !important;
}
[data-whatinput=keyboard] body.high-contrast .sidebar-content h2:focus .sidebar__title--outline-target {
  outline: 6px solid #ff00ff !important;
  outline-offset: 2px;
}

body.high-contrast section {
  background-color: #000 !important;
}
body.high-contrast .head {
  background: #000 !important;
}
body.high-contrast .noticebox,
body.high-contrast .start_order {
  background-color: #000 !important;
}
body.high-contrast #start_order_title {
  z-index: 10 !important;
}
body.high-contrast aside {
  background: #000 !important;
}
body.high-contrast aborting div {
  background-color: #000;
  border: 3px solid #fff;
}
body.high-contrast .pa__spinner,
body.high-contrast loader > div:last-child,
body.high-contrast aborting > div:last-child,
body.high-contrast .loader-container > div:last-child {
  background: conic-gradient(#000, var(--spinner-angle), #fff var(--spinner-angle)) !important;
}
body.high-contrast .tabs-menu li.current a {
  background-color: #000 !important;
  color: #ff0 !important;
  border: 3px solid #ff0;
}
body.high-contrast .tabs-menu li.current i.iconav {
  filter: brightness(0) invert(1) sepia(1) saturate(10000%) hue-rotate(1deg) !important;
}
@media (orientation: landscape) {
  body.high-contrast .tabs-menu li.current::before {
    background-color: #ff0;
  }
}
body.high-contrast .tabs-menu__start:not(.current) {
  background: #000 !important;
}
body.high-contrast .tabs2 li {
  background-color: #00ffff !important;
  color: #000 !important;
}
body.high-contrast .tabs2 li.current {
  background-color: #000 !important;
  color: #00ffff !important;
}
body.high-contrast .tabs2 li.current .tab__button {
  background-color: inherit !important;
  color: inherit !important;
}
body.high-contrast div.tabs2 ul li.current {
  border-color: #00ffff !important;
}
[data-whatinput=keyboard] body.high-contrast .heropromo__viewport > div:focus {
  outline: 6px solid #ff00ff !important;
}
body.high-contrast .hero-promo__indicator-button {
  box-sizing: border-box !important;
}
[data-whatinput=keyboard] body.high-contrast .hero-promo__indicator-button:focus {
  box-shadow: none !important;
  outline: 6px solid #ff00ff !important;
  outline-offset: 3px !important;
}
body.high-contrast .heropromo__playpause {
  border: none !important;
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
body.high-contrast .heropromo__playpause > i.ico {
  filter: brightness(0);
}
body.high-contrast .heropromo__playpause > i.ico:after {
  background-color: transparent !important;
}
body.high-contrast .heropromo__indicator-container > div i {
  background-color: #000;
}
body.high-contrast .heropromo__indicator-container .hero-promo__indicator-button.current::before {
  background-color: #000 !important;
}
body.high-contrast .shadowbox > div {
  background-color: #000 !important;
  background: #000 !important;
  border: 3px solid #fff !important;
}
body.high-contrast .popup > div {
  background-color: #000 !important;
  border: 3px solid #fff;
}
body.high-contrast .popup h2 {
  color: #fff !important;
}
body.high-contrast .popup .body-text img,
body.high-contrast .popup .content img {
  background-color: #fff;
}
body.high-contrast .sidebar-content {
  background-color: #000;
  color: #fff;
}
body.high-contrast .sidebar-content h2 {
  border-color: #fff !important;
}
body.high-contrast .buttonbar {
  background: #000 !important;
  color: #fff !important;
}
body.high-contrast .buttonbar div {
  background-color: #000 !important;
}
body.high-contrast .receipt-item-title {
  color: #000 !important;
}
body.high-contrast .checkout .receipt-item-title {
  color: #fff !important;
  background-color: #000 !important;
}
body.high-contrast .receipt-total {
  background-color: #000 !important;
}
body.high-contrast .receipt-container li.product {
  background-color: #00ffff !important;
  color: #000 !important;
}
body.high-contrast .receipt-container li.product .custom span {
  color: #000 !important;
}
body.high-contrast .receipt-container li.product.selected, body.high-contrast .receipt-container li.product.current {
  background-color: #000 !important;
  border: 3px solid #00ffff !important;
}
body.high-contrast .receipt-container li.product.selected .receipt-item-title,
body.high-contrast .receipt-container li.product.selected .custom span, body.high-contrast .receipt-container li.product.current .receipt-item-title,
body.high-contrast .receipt-container li.product.current .custom span {
  color: #fff !important;
}
body.high-contrast .receipt-container.checkout li.product {
  background-color: #000 !important;
}
body.high-contrast .receipt-container.checkout li.product .custom span {
  color: #fff !important;
}
body.high-contrast .receipt-container figure {
  z-index: 10;
}
body.high-contrast .receipt-container .custom.offer span {
  color: #000 !important;
}
body.high-contrast main.modify .receipt-container button.qty,
body.high-contrast main.modify .receipt-container button.change,
body.high-contrast main.modify .receipt-container button.remove {
  opacity: 1;
  background-color: #b0b0b0 !important;
  border: none !important;
}
body.high-contrast .products__item .overlay {
  background: #000 !important;
}
body.high-contrast .products__item .product-list-item__link,
body.high-contrast .products__item div[role=button].item {
  height: 100% !important;
}
body.high-contrast .subcat span {
  background-color: #000;
}
body.high-contrast li.current i.categories {
  filter: brightness(0) !important;
}
body.high-contrast h2.listhead.line {
  border-color: #fff;
}
body.high-contrast div .list.list-compact.list-lines:not(.more).list-topline {
  border-color: #fff !important;
}
body.high-contrast .list-compact__sub-item figure::before,
body.high-contrast .list-compact__sub-item figure::after {
  border-color: #fff !important;
}
body.high-contrast .list.list-compact li.current div.item {
  background-color: #000;
}
body.high-contrast ul.list.list-compact li.current .overlay {
  background-color: #000 !important;
}
body.high-contrast .list.products div.item h2,
body.high-contrast .list.products div.item p {
  border-left: none !important;
}
body.high-contrast .list-lines:before {
  background-color: #000 !important;
}
body.high-contrast .prodlist .list-container:after {
  border-bottom: none !important;
}
body.high-contrast .list.list-compact > li.disabled.config-customise__included .item h3 span,
body.high-contrast .list.list-compact > li.disabled.config-customise__included .item h3 s {
  color: #fff !important;
}
body.high-contrast .customfoot .body-text svg {
  background-color: #fff;
}
body.high-contrast .rdo .green {
  background-color: #000 !important;
  color: #00ffff !important;
  border-color: #00ffff !important;
}
body.high-contrast .rdo .green.outline {
  background-color: #00ffff !important;
  color: #000 !important;
}
[data-whatinput=keyboard] body.high-contrast .rdo input:focus + label span:first-child {
  outline: 6px solid #ff00ff !important;
  outline-offset: 3px;
}
body.high-contrast .rdo i.icordo {
  filter: brightness(0) !important;
}
body.high-contrast .rdo span:not(.outline) > i.icordo {
  filter: brightness(0) invert(1) sepia(1) saturate(10000%) hue-rotate(150deg) !important;
}
body.high-contrast .overlay .rdo span::after {
  border-bottom: 0.75rem solid #00ffff !important;
}
body.high-contrast .chk .green {
  border-color: #00ffff !important;
}
body.high-contrast .chk .green.outline {
  background-color: #000 !important;
  color: #000 !important;
}
body.high-contrast .chk .green.outline i {
  filter: brightness(0) invert(1) sepia(1) saturate(10000%) hue-rotate(150deg);
}
body.high-contrast .qty__listbox-container {
  background-color: #000;
}
body.high-contrast .plusminus-compact .amount > span {
  border-color: #00ffff !important;
}
body.high-contrast .plusminus-compact em {
  background-color: #000 !important;
  color: #fff !important;
}
body.high-contrast .plusminus-compact i {
  filter: brightness(0) invert(1) sepia(1) saturate(10000%) hue-rotate(150deg) !important;
}
body.high-contrast .plusminus-compact.disabled i {
  filter: brightness(0) !important;
}
body.high-contrast .plusminus-compact.disabled .amount span {
  background-color: #b0b0b0;
  border-color: #b0b0b0 !important;
}
body.high-contrast .plusminus-compact .red:focus,
body.high-contrast .plusminus-compact .green:focus {
  box-shadow: none !important;
}
body.high-contrast .plusminus-compact .red.disabled,
body.high-contrast .plusminus-compact .green.disabled {
  filter: brightness(0) invert(1) brightness(0.69);
}
body.high-contrast .plusminus-compact .price.grey span {
  color: #fff !important;
}
body.high-contrast .custom-select__option {
  background-color: #00ffff !important;
  margin-bottom: 2px;
}
body.high-contrast .custom-select__option span {
  color: #000 !important;
}
body.high-contrast .custom-select__option i {
  filter: brightness(0) invert(1);
}
body.high-contrast .custom-select__option.selected {
  background-color: #000 !important;
  border: 3px solid #00ffff !important;
}
body.high-contrast .custom-select__option.selected span {
  color: #00ffff !important;
}
body.high-contrast .custom-select__option .custom-select__default-text {
  color: #000 !important;
}
body.high-contrast .custom-select__option .custom-select__price {
  color: #000 !important;
}
body.high-contrast .config-customise__heading {
  background-color: #000 !important;
}
body.high-contrast .config-customise__col1 {
  background-color: #000 !important;
}
body.high-contrast .config-customise__condiments-changed {
  background-color: #fff !important;
  color: #000 !important;
}
body.high-contrast ul.config-product {
  background: #000 !important;
}
body.high-contrast .button-container--showall {
  background: #000 !important;
}
body.high-contrast .config-customise__accord-heading {
  border-color: #00ffff;
  color: #000 !important;
}
body.high-contrast .config-customise__accord-heading .ico.down {
  filter: brightness(0);
}
body.high-contrast details summary {
  background-color: #00ffff !important;
  margin-bottom: 2px;
}
body.high-contrast details[open] summary {
  background-color: #000 !important;
  border: 3px solid #00ffff !important;
}
body.high-contrast details[open] summary .ico.down {
  filter: brightness(0) invert(1) sepia(1) saturate(10000%) hue-rotate(150deg);
}
body.high-contrast details[open] summary .config-customise__accord-heading {
  color: #00ffff !important;
}
body.high-contrast .channel-shift-group.has-plugin {
  border-color: #fff !important;
}
body.high-contrast .channel-shift-group.has-plugin .receipt-options-divider span {
  background-color: #000 !important;
}
body.high-contrast .hg-theme-default {
  background-color: #000 !important;
}
body.high-contrast .insert-card img {
  filter: brightness(0) invert(1) !important;
}

/* Header */
header.transp div.head .company > div img {
  background-color: inherit;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
header div.head .company {
  top: 0.625rem;
  top: calc(0.625rem + var(--safe-area-top));
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  header div.head .company > div img {
    width: 8.75rem;
    height: auto;
    padding-top: 1.25rem !important;
    padding-bottom: 0.625rem !important;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .dashboard header div.head .company, .country header div.head .company {
    top: 1.563rem;
  }
  .dashboard header div.head .company > div img, .country header div.head .company > div img {
    width: auto;
    padding-top: 1.875rem !important;
    height: 8.75rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .country header div.head .company {
    top: 0.375rem;
  }
}

.kiosk .country-language .language a {
  border-radius: 0.438rem;
  color: #4e3629;
}
.kiosk .country-language .language a[aria-current] {
  color: #f6f4e8;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .popup .content figure:not(.store) > img {
    margin-bottom: -1.875rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .popup > div figure {
    width: 35rem;
    margin: -1.875rem -1.875rem 0 0.625rem;
  }
  .orientation_portrait .kiosk .popup > div {
    top: 19.25rem;
    bottom: 23.875rem;
  }
  .orientation_portrait .kiosk.accessible .popup > div {
    top: 59.25rem;
    bottom: 2.438rem;
  }
}

.ordernumber > span {
  border-radius: 0.438rem;
  background-color: #4e3629;
}
.ordernumber > span:before {
  font-family: "VCGooper-Semicond", sans-serif;
  font-size: 1rem;
}
.ordernumber > span em {
  font-size: 1.125rem;
}
.iconav .ordernumber > span, .list.history .item .ordernumber > span, .receipt-info .ordernumber > span, nav-companion .ordernumber > span, .nav-user .ordernumber > span {
  min-width: 2.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.375rem;
  border-radius: 0.188rem;
}
.iconav .ordernumber > span em, .list.history .item .ordernumber > span em, .receipt-info .ordernumber > span em, nav-companion .ordernumber > span em, .nav-user .ordernumber > span em {
  display: none;
}
.nav-user .ordernumber > span {
  padding-top: 0.031rem;
  padding-bottom: 0.031rem;
  margin: 0;
  line-height: 1.938rem;
}
.ordernumber .payment {
  display: none;
}

.order_complete > h2 {
  padding-bottom: 0;
}

.timetracker {
  display: none;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .popup .support {
    right: 1.563rem;
    top: 3.438rem;
  }
}

/* List */
.list-container p.listnote {
  border: 2px solid #038b62;
  border-bottom-width: 3px;
  padding: 0.875rem 0.875rem 1.125rem 0.875rem;
  margin-top: 1.875rem;
  margin-bottom: 1px;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list-container p.listnote {
    width: 50%;
    box-sizing: border-box;
    margin-left: 1px;
  }
}

.list.category > li div.item h2 {
  background-color: #f6f4e8;
}
@media (max-width: 567px) {
  .list.category > li.pure-u-1-2 figure {
    min-height: 12.125rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.category > li figure {
    height: auto;
  }
  .list.category > li figure > img {
    margin-top: 0;
  }
  .list.category > li div.item {
    height: auto;
  }
  .list.category > li .category-list-item__info-container {
    bottom: 0;
  }
}
.list.products.fav li input {
  top: 1.25rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .orientation_landscape .list.products.upsell:not(.fav) > li, .orientation_portrait .kiosk.accessible .list.products.upsell:not(.fav) > li {
    width: 25%;
  }
  .orientation_landscape .list.products.upsell:not(.fav) > li > div, .orientation_portrait .kiosk.accessible .list.products.upsell:not(.fav) > li > div {
    min-height: inherit;
  }
  .orientation_landscape .list.products.upsell:not(.fav) > li button.info, .orientation_portrait .kiosk.accessible .list.products.upsell:not(.fav) > li button.info {
    display: none !important;
  }
  .orientation_landscape .list.products.upsell:not(.fav) > li div.item, .orientation_portrait .kiosk.accessible .list.products.upsell:not(.fav) > li div.item {
    width: 15.125rem;
    height: 12.75rem;
  }
  .orientation_landscape .list.products.upsell:not(.fav) > li div.item figure, .orientation_portrait .kiosk.accessible .list.products.upsell:not(.fav) > li div.item figure {
    width: 15.125rem;
    height: 12.75rem;
    /*								@include minw('1600px') {
    	.edge &,
    	.ie & {
    		width: 242px;
    		height: 204px;
    		> img {
    			width: 240px; // Fix for Edge two decimal problem (blurry images)
    			height: 223px;
    		}
    	}
    }*/
  }
  .orientation_landscape .list.products.upsell:not(.fav) > li div.item figure > img, .orientation_portrait .kiosk.accessible .list.products.upsell:not(.fav) > li div.item figure > img {
    width: 15rem;
    height: 13.938rem;
    margin-left: 0.063rem;
    margin-top: -0.938rem;
  }
}
.list.list-compact div.item figure.card img {
  border-radius: 0.188rem;
}

.overlay.big {
  background: linear-gradient(to top, #f6f4e8 0%, #f6f4e8 80%, rgba(246, 244, 232, 0.85) 100%) !important;
  margin-bottom: -0.188rem;
}
.overlay.big .rdo {
  margin-top: 0.875rem !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .overlay {
    background: linear-gradient(to top, #f6f4e8 0%, #f6f4e8 80%, rgba(246, 244, 232, 0.85) 100%) !important;
    margin-bottom: 0.313rem !important;
  }
  .upgrade .overlay {
    background: linear-gradient(to top, #fdf1e8 0%, #fdf1e8 80%, rgba(253, 241, 232, 0.85) 100%) !important;
  }
  .overlay .rdo {
    margin-top: 0.875rem !important;
  }
}

/* Tabs */
html[lang=pl-pl] .tabs-menu ul li {
  font-size: 0.688rem;
}
html[lang=pl-pl] .tabs-menu ul li .tabs-menu__start {
  padding-left: 0.313rem;
  padding-right: 0.313rem;
}
html[lang=pl-pl] .tabs-menu ul li .tabs-menu__start span {
  margin-left: 0.313rem;
  margin-right: 0.313rem;
}

/* Receipt */
footer {
  /*	ul {
  	li {
  		> div {
  			h3,
  			h4 {
  				span + span {
  					color: $leos-deepjunglegreen;
  				}
  			}
  		}
  	}
  }*/
}
footer > div {
  /*		@include maxw('md') {
  	.buttonbar button.back span > i.ico {
  		.basket_show & {
  			transform: rotate(-270deg);
  		}
  	}
  }*/
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  footer > div .company img {
    width: 70%;
    margin: 1.563rem auto 0 auto;
  }
  footer > div .company p {
    padding: 5rem 0.938rem 1.25rem 0.938rem;
  }
  footer > div .company p + img {
    width: 14.125rem;
  }
}

/* Message */
.message .m1,
.message .m2,
.message .m3 {
  position: absolute;
}
.message .m2,
.message .m3 {
  opacity: 0;
}

/* Forms */
.pure-form input,
.pure-form select,
.pure-form input[type=file]:before {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom-width: 2px !important;
}
.pure-form input[type=file]:before {
  padding-right: 3.125rem !important;
}
.pure-form textarea {
  padding: 0.938rem 0.75rem 0.813rem 0.75rem !important;
  border-width: 2px !important;
  border-radius: 0.188rem;
}
.pure-form input:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  outline: none !important;
}
.pure-form .pure-g > li > label {
  top: 0.938rem;
}

span.novisual i.ico.check {
  filter: grayscale(100%) brightness(0);
}

/* Buttons */
button,
div.button,
a.button {
  border-radius: 0.438rem;
}
button.green:not(.round), button.next,
div.button.green:not(.round),
div.button.next,
a.button.green:not(.round),
a.button.next {
  background-color: #4e3629;
}
button.green:not(.round) i.ico.forward,
button.green:not(.round) i.ico.plus, button.next i.ico.forward,
button.next i.ico.plus,
div.button.green:not(.round) i.ico.forward,
div.button.green:not(.round) i.ico.plus,
div.button.next i.ico.forward,
div.button.next i.ico.plus,
a.button.green:not(.round) i.ico.forward,
a.button.green:not(.round) i.ico.plus,
a.button.next i.ico.forward,
a.button.next i.ico.plus {
  background-position-y: -9.5rem;
}
@media (min-width: 1367px) {
  button.green:not(.round) i.ico.forward,
  button.green:not(.round) i.ico.plus, button.next i.ico.forward,
  button.next i.ico.plus,
  div.button.green:not(.round) i.ico.forward,
  div.button.green:not(.round) i.ico.plus,
  div.button.next i.ico.forward,
  div.button.next i.ico.plus,
  a.button.green:not(.round) i.ico.forward,
  a.button.green:not(.round) i.ico.plus,
  a.button.next i.ico.forward,
  a.button.next i.ico.plus {
    background-position-y: -152px;
  }
}
button.green:not(.round) i.ico.check, button.next i.ico.check,
div.button.green:not(.round) i.ico.check,
div.button.next i.ico.check,
a.button.green:not(.round) i.ico.check,
a.button.next i.ico.check {
  background-position-y: -18.5rem;
}
@media (min-width: 1367px) {
  button.green:not(.round) i.ico.check, button.next i.ico.check,
  div.button.green:not(.round) i.ico.check,
  div.button.next i.ico.check,
  a.button.green:not(.round) i.ico.check,
  a.button.next i.ico.check {
    background-position-y: -296px;
  }
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  button.green:not(.round):hover:not(.disabled):not(:active), button.next:hover:not(.disabled):not(:active),
  div.button.green:not(.round):hover:not(.disabled):not(:active),
  div.button.next:hover:not(.disabled):not(:active),
  a.button.green:not(.round):hover:not(.disabled):not(:active),
  a.button.next:hover:not(.disabled):not(:active) {
    transition-delay: 0s !important;
    filter: brightness(108%);
  }
}

button.yellow,
a.button.yellow {
  background-color: #fbc02d;
  color: #fff !important;
}
button.eatin, button.takeaway, button.delivery, button.order-now, button.order-select, button.startorder, button.add, button.select, button.checkout, button.placeorder, button.yes, button.toggle.on, button.changetime, button.order-later, button.save, button.cookie, button.cookie-reject, button.ioshs, button.login, button.retry, button.search, button.add1clk,
a.button.eatin,
a.button.takeaway,
a.button.delivery,
a.button.order-now,
a.button.order-select,
a.button.startorder,
a.button.add,
a.button.select,
a.button.checkout,
a.button.placeorder,
a.button.yes,
a.button.toggle.on,
a.button.changetime,
a.button.order-later,
a.button.save,
a.button.cookie,
a.button.cookie-reject,
a.button.ioshs,
a.button.login,
a.button.retry,
a.button.search,
a.button.add1clk {
  background-color: #4e3629;
}
button.eatin i.ico, button.takeaway i.ico, button.delivery i.ico, button.order-now i.ico, button.order-select i.ico, button.startorder i.ico, button.add i.ico, button.select i.ico, button.checkout i.ico, button.placeorder i.ico, button.yes i.ico, button.toggle.on i.ico, button.changetime i.ico, button.order-later i.ico, button.save i.ico, button.cookie i.ico, button.cookie-reject i.ico, button.ioshs i.ico, button.login i.ico, button.retry i.ico, button.search i.ico, button.add1clk i.ico,
a.button.eatin i.ico,
a.button.takeaway i.ico,
a.button.delivery i.ico,
a.button.order-now i.ico,
a.button.order-select i.ico,
a.button.startorder i.ico,
a.button.add i.ico,
a.button.select i.ico,
a.button.checkout i.ico,
a.button.placeorder i.ico,
a.button.yes i.ico,
a.button.toggle.on i.ico,
a.button.changetime i.ico,
a.button.order-later i.ico,
a.button.save i.ico,
a.button.cookie i.ico,
a.button.cookie-reject i.ico,
a.button.ioshs i.ico,
a.button.login i.ico,
a.button.retry i.ico,
a.button.search i.ico,
a.button.add1clk i.ico {
  background-position-y: -9.5rem;
}
@media (min-width: 1367px) {
  button.eatin i.ico, button.takeaway i.ico, button.delivery i.ico, button.order-now i.ico, button.order-select i.ico, button.startorder i.ico, button.add i.ico, button.select i.ico, button.checkout i.ico, button.placeorder i.ico, button.yes i.ico, button.toggle.on i.ico, button.changetime i.ico, button.order-later i.ico, button.save i.ico, button.cookie i.ico, button.cookie-reject i.ico, button.ioshs i.ico, button.login i.ico, button.retry i.ico, button.search i.ico, button.add1clk i.ico,
  a.button.eatin i.ico,
  a.button.takeaway i.ico,
  a.button.delivery i.ico,
  a.button.order-now i.ico,
  a.button.order-select i.ico,
  a.button.startorder i.ico,
  a.button.add i.ico,
  a.button.select i.ico,
  a.button.checkout i.ico,
  a.button.placeorder i.ico,
  a.button.yes i.ico,
  a.button.toggle.on i.ico,
  a.button.changetime i.ico,
  a.button.order-later i.ico,
  a.button.save i.ico,
  a.button.cookie i.ico,
  a.button.cookie-reject i.ico,
  a.button.ioshs i.ico,
  a.button.login i.ico,
  a.button.retry i.ico,
  a.button.search i.ico,
  a.button.add1clk i.ico {
    background-position-y: -152px;
  }
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  button.eatin:hover:not(.disabled):not(:active), button.takeaway:hover:not(.disabled):not(:active), button.delivery:hover:not(.disabled):not(:active), button.order-now:hover:not(.disabled):not(:active), button.order-select:hover:not(.disabled):not(:active), button.startorder:hover:not(.disabled):not(:active), button.add:hover:not(.disabled):not(:active), button.select:hover:not(.disabled):not(:active), button.checkout:hover:not(.disabled):not(:active), button.placeorder:hover:not(.disabled):not(:active), button.yes:hover:not(.disabled):not(:active), button.toggle.on:hover:not(.disabled):not(:active), button.changetime:hover:not(.disabled):not(:active), button.order-later:hover:not(.disabled):not(:active), button.save:hover:not(.disabled):not(:active), button.cookie:hover:not(.disabled):not(:active), button.cookie-reject:hover:not(.disabled):not(:active), button.ioshs:hover:not(.disabled):not(:active), button.login:hover:not(.disabled):not(:active), button.retry:hover:not(.disabled):not(:active), button.search:hover:not(.disabled):not(:active), button.add1clk:hover:not(.disabled):not(:active),
  a.button.eatin:hover:not(.disabled):not(:active),
  a.button.takeaway:hover:not(.disabled):not(:active),
  a.button.delivery:hover:not(.disabled):not(:active),
  a.button.order-now:hover:not(.disabled):not(:active),
  a.button.order-select:hover:not(.disabled):not(:active),
  a.button.startorder:hover:not(.disabled):not(:active),
  a.button.add:hover:not(.disabled):not(:active),
  a.button.select:hover:not(.disabled):not(:active),
  a.button.checkout:hover:not(.disabled):not(:active),
  a.button.placeorder:hover:not(.disabled):not(:active),
  a.button.yes:hover:not(.disabled):not(:active),
  a.button.toggle.on:hover:not(.disabled):not(:active),
  a.button.changetime:hover:not(.disabled):not(:active),
  a.button.order-later:hover:not(.disabled):not(:active),
  a.button.save:hover:not(.disabled):not(:active),
  a.button.cookie:hover:not(.disabled):not(:active),
  a.button.cookie-reject:hover:not(.disabled):not(:active),
  a.button.ioshs:hover:not(.disabled):not(:active),
  a.button.login:hover:not(.disabled):not(:active),
  a.button.retry:hover:not(.disabled):not(:active),
  a.button.search:hover:not(.disabled):not(:active),
  a.button.add1clk:hover:not(.disabled):not(:active) {
    transition-delay: 0s !important;
    filter: brightness(108%);
  }
}
button.yes i.ico.environment,
a.button.yes i.ico.environment {
  background-position-y: -18.5rem;
}
@media (min-width: 1367px) {
  button.yes i.ico.environment,
  a.button.yes i.ico.environment {
    background-position-y: -296px;
  }
}
button.yes i.ico.scan,
a.button.yes i.ico.scan {
  background-position-y: -45.5rem;
}
@media (min-width: 1367px) {
  button.yes i.ico.scan,
  a.button.yes i.ico.scan {
    background-position-y: -728px;
  }
}

button.add1clk,
a.button.add1clk {
  background-color: #ff5100;
}
button.add1clk i.ico.plus-small,
a.button.add1clk i.ico.plus-small {
  background-position-y: -45.5rem;
}
@media (min-width: 1367px) {
  button.add1clk i.ico.plus-small,
  a.button.add1clk i.ico.plus-small {
    background-position-y: -728px;
  }
}
button.save i.ico.check,
a.button.save i.ico.check {
  background-position: -9.5rem -18.5rem;
}
@media (min-width: 1367px) {
  button.save i.ico.check,
  a.button.save i.ico.check {
    background-position: -152px -296px;
  }
}
button.search i.ico.search,
a.button.search i.ico.search {
  background-position-y: -45.5rem;
}
@media (min-width: 1367px) {
  button.search i.ico.search,
  a.button.search i.ico.search {
    background-position-y: -728px;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.next i.ico,
  a.button.next i.ico {
    top: 1.5rem;
  }
}
button.red:not(.round), button.remove,
a.button.red:not(.round),
a.button.remove {
  background-color: #e40425;
}
button.red:not(.round) i.ico, button.remove i.ico,
a.button.red:not(.round) i.ico,
a.button.remove i.ico {
  background-position-y: -18.5rem;
}
@media (min-width: 1367px) {
  button.red:not(.round) i.ico, button.remove i.ico,
  a.button.red:not(.round) i.ico,
  a.button.remove i.ico {
    background-position-y: -296px;
  }
}
.list-compact button.red:not(.round), .receipt-container.checkout .promocode button.red:not(.round), .list-compact button.remove, .receipt-container.checkout .promocode button.remove,
.list-compact a.button.red:not(.round),
.receipt-container.checkout .promocode a.button.red:not(.round),
.list-compact a.button.remove,
.receipt-container.checkout .promocode a.button.remove {
  background-color: transparent;
}
.list-compact button.red:not(.round) i.ico, .receipt-container.checkout .promocode button.red:not(.round) i.ico, .list-compact button.remove i.ico, .receipt-container.checkout .promocode button.remove i.ico,
.list-compact a.button.red:not(.round) i.ico,
.receipt-container.checkout .promocode a.button.red:not(.round) i.ico,
.list-compact a.button.remove i.ico,
.receipt-container.checkout .promocode a.button.remove i.ico {
  background-position-y: -12.5rem;
}
@media (min-width: 1367px) {
  .list-compact button.red:not(.round) i.ico, .receipt-container.checkout .promocode button.red:not(.round) i.ico, .list-compact button.remove i.ico, .receipt-container.checkout .promocode button.remove i.ico,
  .list-compact a.button.red:not(.round) i.ico,
  .receipt-container.checkout .promocode a.button.red:not(.round) i.ico,
  .list-compact a.button.remove i.ico,
  .receipt-container.checkout .promocode a.button.remove i.ico {
    background-position-y: -200px;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .receipt-container button.red:not(.round), .receipt-container button.remove,
  .receipt-container a.button.red:not(.round),
  .receipt-container a.button.remove {
    width: 2.5rem;
    height: 2.5rem;
  }
  .receipt-container button.red:not(.round) i.ico, .receipt-container button.remove i.ico,
  .receipt-container a.button.red:not(.round) i.ico,
  .receipt-container a.button.remove i.ico {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    background-size: 39.375rem 37.5rem;
    background-position: -28.438rem -11.563rem;
  }
  .receipt-container.checkout .promocode button.red:not(.round) i.ico, .receipt-container.checkout .promocode button.remove i.ico,
  .receipt-container.checkout .promocode a.button.red:not(.round) i.ico,
  .receipt-container.checkout .promocode a.button.remove i.ico {
    background-position: -28.438rem -7.813rem;
  }
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  button.red:not(.round):hover:not(.disabled):not(:active), button.remove:hover:not(.disabled):not(:active),
  a.button.red:not(.round):hover:not(.disabled):not(:active),
  a.button.remove:hover:not(.disabled):not(:active) {
    filter: brightness(108%);
  }
}
button.basket,
a.button.basket {
  background-color: #d1c0ac;
  pointer-events: none;
  cursor: default;
}
button.basket em,
button.basket i.ico em,
a.button.basket em,
a.button.basket i.ico em {
  background-color: #d1c0ac;
}
button.basket i.ico,
a.button.basket i.ico {
  background-position-y: -18.5rem;
}
@media (min-width: 1367px) {
  button.basket i.ico,
  a.button.basket i.ico {
    background-position-y: -296px;
  }
}
.basket_active button.basket:not(.disabled),
.basket_active a.button.basket:not(.disabled) {
  background-color: #4e3629;
}
.basket_active button.basket:not(.disabled) em,
.basket_active button.basket:not(.disabled) i.ico em,
.basket_active a.button.basket:not(.disabled) em,
.basket_active a.button.basket:not(.disabled) i.ico em {
  background-color: #4e3629;
}
.basket_active header:not(.tint) button.basket, .basket_active header:not(.tint) ~ .order button.basket,
.basket_active header:not(.tint) a.button.basket,
.basket_active header:not(.tint) ~ .order a.button.basket {
  pointer-events: auto;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .customise-steps button.next,
  .customise-steps a.button.next {
    display: none;
  }
  button.order-later span,
  a.button.order-later span {
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    padding: 3.125rem 0.188rem 0 0.188rem;
    text-align: center;
  }
  button.order-later span > i.ico,
  a.button.order-later span > i.ico {
    right: 50%;
    margin-right: -1rem;
  }
  .store.takeaway button.order-now span, .store.takeaway button.order-select span,
  .store.takeaway a.button.order-now span,
  .store.takeaway a.button.order-select span {
    white-space: inherit;
    text-overflow: inherit;
  }
}

button.back span, button.filter span, button.cancel span, button.customise span, button.order-next span, button.order-prev span, button.square.fav span,
div.button.back span,
div.button.filter span,
div.button.cancel span,
div.button.customise span,
div.button.order-next span,
div.button.order-prev span,
div.button.square.fav span,
a.button.back span,
a.button.filter span,
a.button.cancel span,
a.button.customise span,
a.button.order-next span,
a.button.order-prev span,
a.button.square.fav span {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 0;
  line-height: 0;
  font-weight: 400;
  width: 100%;
  text-align: center;
}

button,
a.button {
  /*	&.button-progress {
  	span {
  		padding-left: get-rem(22px);
  		> i.ico {
  			&.forward {
  				right: get-rem(9px);
  			}
  		}
  	}
  }*/
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  main.orders button.back span:after, main.prodlist button.back span:after, main.favourites button.back span:after,
  main.orders a.button.back span:after,
  main.prodlist a.button.back span:after,
  main.favourites a.button.back span:after {
    content: attr(data-alt);
    position: absolute;
    left: 2.063rem;
    font-size: 0.625rem;
    line-height: 0.875rem;
    font-weight: 400;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .products.fav button.add span, .products.fav button.select span,
  .products.fav a.button.add span,
  .products.fav a.button.select span {
    padding: 0 0 0 0.938rem;
    font-size: 0.938rem;
    line-height: 1.5rem;
  }
  .products.fav button.add > em, .products.fav button.select > em,
  .products.fav a.button.add > em,
  .products.fav a.button.select > em {
    display: none;
  }
}
button.qty,
a.button.qty {
  border-color: #4e3629;
  border-left: 0.125rem solid #4e3629;
  border-radius: unset;
  border-top-left-radius: 0.438rem;
  border-bottom-left-radius: 0.438rem;
  color: #4e3629 !important;
}
button.qty span,
a.button.qty span {
  padding-left: 0.688rem;
}
button.qty span i,
a.button.qty span i {
  border-top-color: #4e3629;
}
.customise + div.qty button.qty,
.customise + div.qty a.button.qty {
  border-left: unset;
}
.customise + div.qty button.qty span,
.customise + div.qty a.button.qty span {
  padding-left: 0.5rem;
}
div.qty {
  border-left: none;
}
div.qty > div > div > div a,
div.qty > div > div > div button.qty-option {
  color: #4e3629;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.qty,
  a.button.qty {
    border-width: 0.188rem;
  }
  button.qty span,
  a.button.qty span {
    padding-top: 0.125rem;
  }
  .receipt-container button.qty,
  .receipt-container a.button.qty {
    border-width: 0.125rem;
  }
  .receipt-container button.qty span,
  .receipt-container a.button.qty span {
    padding-top: 0;
  }
}
button.eatin, button.takeaway, button.delivery,
a.button.eatin,
a.button.takeaway,
a.button.delivery {
  font-family: "VCGooper-Semicond", sans-serif;
  text-transform: uppercase;
  width: auto;
  height: 6.25rem;
  margin-bottom: 0.625rem;
  border-radius: 0.625rem;
  max-height: none;
  background-color: #ff5100;
}
button.eatin span, button.takeaway span, button.delivery span,
a.button.eatin span,
a.button.takeaway span,
a.button.delivery span {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 0 0 0;
  text-align: center;
}
button.eatin span > i.iconav, button.takeaway span > i.iconav, button.delivery span > i.iconav,
a.button.eatin span > i.iconav,
a.button.takeaway span > i.iconav,
a.button.delivery span > i.iconav {
  background-position-y: -27rem;
  margin-bottom: 0.25rem;
}
body:not(.kiosk) .start_order a.button:only-child span {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  font-size: 1.5rem;
  padding: 0.125rem 1.375rem 0 1.25rem;
}
body:not(.kiosk) .start_order a.button:only-child span i {
  display: none;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  body:not(.kiosk) .start_order a.button:only-child span {
    font-size: 1.5rem;
    padding: 0.125rem 1.688rem 0 1.563rem;
  }
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.eatin span, button.takeaway span, button.delivery span,
  a.button.eatin span,
  a.button.takeaway span,
  a.button.delivery span {
    padding-top: 0.107rem;
  }
  .kiosk section button.eatin, .kiosk section button.takeaway, .kiosk section button.delivery,
  .kiosk section a.button.eatin,
  .kiosk section a.button.takeaway,
  .kiosk section a.button.delivery {
    height: 6.964rem;
    border-radius: 1.071rem;
  }
  .kiosk section button.eatin span, .kiosk section button.takeaway span, .kiosk section button.delivery span,
  .kiosk section a.button.eatin span,
  .kiosk section a.button.takeaway span,
  .kiosk section a.button.delivery span {
    justify-content: left;
    flex-direction: row-reverse;
    justify-content: space-between;
    font-size: 1.5rem;
    line-height: 1.938rem;
    padding: 0.321rem 1.607rem 0 1.607rem;
  }
  .kiosk section button.eatin span > i.iconav, .kiosk section button.takeaway span > i.iconav, .kiosk section button.delivery span > i.iconav,
  .kiosk section a.button.eatin span > i.iconav,
  .kiosk section a.button.takeaway span > i.iconav,
  .kiosk section a.button.delivery span > i.iconav {
    transform: scale(1.43);
  }
  .orientation_portrait .kiosk section button.eatin, .orientation_portrait .kiosk section button.takeaway, .orientation_portrait .kiosk section button.delivery,
  .orientation_portrait .kiosk section a.button.eatin,
  .orientation_portrait .kiosk section a.button.takeaway,
  .orientation_portrait .kiosk section a.button.delivery {
    height: 10.625rem;
    border-radius: 1.563rem;
  }
  .orientation_portrait .kiosk section button.eatin span, .orientation_portrait .kiosk section button.takeaway span, .orientation_portrait .kiosk section button.delivery span,
  .orientation_portrait .kiosk section a.button.eatin span,
  .orientation_portrait .kiosk section a.button.takeaway span,
  .orientation_portrait .kiosk section a.button.delivery span {
    font-size: 2.438rem;
    line-height: 2.875rem;
    padding: 0.536rem 1.821rem 0 2.143rem;
  }
  .orientation_portrait .kiosk section button.eatin span > i.iconav, .orientation_portrait .kiosk section button.takeaway span > i.iconav, .orientation_portrait .kiosk section button.delivery span > i.iconav,
  .orientation_portrait .kiosk section a.button.eatin span > i.iconav,
  .orientation_portrait .kiosk section a.button.takeaway span > i.iconav,
  .orientation_portrait .kiosk section a.button.delivery span > i.iconav {
    transform: none;
    margin-top: -0.875rem;
    width: 6rem;
    height: 6rem;
    background-size: 126rem 120rem;
  }
  .orientation_portrait .kiosk section button.eatin span > i.iconav.cutlery, .orientation_portrait .kiosk section button.takeaway span > i.iconav.cutlery, .orientation_portrait .kiosk section button.delivery span > i.iconav.cutlery,
  .orientation_portrait .kiosk section a.button.eatin span > i.iconav.cutlery,
  .orientation_portrait .kiosk section a.button.takeaway span > i.iconav.cutlery,
  .orientation_portrait .kiosk section a.button.delivery span > i.iconav.cutlery {
    background-position: -78rem -54rem;
  }
  .orientation_portrait .kiosk section button.eatin span > i.iconav.bag, .orientation_portrait .kiosk section button.takeaway span > i.iconav.bag, .orientation_portrait .kiosk section button.delivery span > i.iconav.bag,
  .orientation_portrait .kiosk section a.button.eatin span > i.iconav.bag,
  .orientation_portrait .kiosk section a.button.takeaway span > i.iconav.bag,
  .orientation_portrait .kiosk section a.button.delivery span > i.iconav.bag {
    background-position: -90rem -54rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1367px), (min-width: 1024px) and (min-width: 1367px) {
  button.eatin span > i.iconav, button.takeaway span > i.iconav, button.delivery span > i.iconav,
  a.button.eatin span > i.iconav,
  a.button.takeaway span > i.iconav,
  a.button.delivery span > i.iconav {
    background-position-y: -432px;
  }
}

button.outline, button.back, button.filter,
div.button.outline,
div.button.back,
div.button.filter {
  border: 0.188rem solid transparent;
  background-color: transparent !important;
  color: #4e3629 !important;
}
button.outline:active, button.back:active, button.filter:active,
div.button.outline:active,
div.button.back:active,
div.button.filter:active {
  background-color: #fafafa !important;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  button.outline, button.back, button.filter,
  div.button.outline,
  div.button.back,
  div.button.filter {
    margin-left: 0;
  }
  button.outline:active, button.back:active, button.filter:active,
  div.button.outline:active,
  div.button.back:active,
  div.button.filter:active {
    background-color: transparent !important;
    box-shadow: none;
  }
  button.outline span > i.ico, button.back span > i.ico, button.filter span > i.ico,
  div.button.outline span > i.ico,
  div.button.back span > i.ico,
  div.button.filter span > i.ico {
    right: 0.75rem !important;
  }
}

button.info, button.pin, button.edit, button.order-later2, button.customise, button.close, button.cancel, button.change, button.no, button.addpayment, button.logout, button.cancelorder, button.changeorder, button.order-next, button.order-prev, button.timeslot, button.more, button.showmore, button.modify, button.social, button.order-from, button.order-time, button.fav, button.emailreceipt, button.access, button.reset, button.arrived, button.cookie-settings, button.delete, button.getaddress,
a.button.info,
a.button.pin,
a.button.edit,
a.button.order-later2,
a.button.customise,
a.button.close,
a.button.cancel,
a.button.change,
a.button.no,
a.button.addpayment,
a.button.logout,
a.button.cancelorder,
a.button.changeorder,
a.button.order-next,
a.button.order-prev,
a.button.timeslot,
a.button.more,
a.button.showmore,
a.button.modify,
a.button.social,
a.button.order-from,
a.button.order-time,
a.button.fav,
a.button.emailreceipt,
a.button.access,
a.button.reset,
a.button.arrived,
a.button.cookie-settings,
a.button.delete,
a.button.getaddress {
  border: 0.125rem solid #ecdac7;
  background-color: transparent !important;
  color: #cab9a5 !important;
}
button.info:active, button.pin:active, button.edit:active, button.order-later2:active, button.customise:active, button.close:active, button.cancel:active, button.change:active, button.no:active, button.addpayment:active, button.logout:active, button.cancelorder:active, button.changeorder:active, button.order-next:active, button.order-prev:active, button.timeslot:active, button.more:active, button.showmore:active, button.modify:active, button.social:active, button.order-from:active, button.order-time:active, button.fav:active, button.emailreceipt:active, button.access:active, button.reset:active, button.arrived:active, button.cookie-settings:active, button.delete:active, button.getaddress:active,
a.button.info:active,
a.button.pin:active,
a.button.edit:active,
a.button.order-later2:active,
a.button.customise:active,
a.button.close:active,
a.button.cancel:active,
a.button.change:active,
a.button.no:active,
a.button.addpayment:active,
a.button.logout:active,
a.button.cancelorder:active,
a.button.changeorder:active,
a.button.order-next:active,
a.button.order-prev:active,
a.button.timeslot:active,
a.button.more:active,
a.button.showmore:active,
a.button.modify:active,
a.button.social:active,
a.button.order-from:active,
a.button.order-time:active,
a.button.fav:active,
a.button.emailreceipt:active,
a.button.access:active,
a.button.reset:active,
a.button.arrived:active,
a.button.cookie-settings:active,
a.button.delete:active,
a.button.getaddress:active {
  background-color: #fafafa !important;
}
button.info.disabled, button.pin.disabled, button.edit.disabled, button.order-later2.disabled, button.customise.disabled, button.close.disabled, button.cancel.disabled, button.change.disabled, button.no.disabled, button.addpayment.disabled, button.logout.disabled, button.cancelorder.disabled, button.changeorder.disabled, button.order-next.disabled, button.order-prev.disabled, button.timeslot.disabled, button.more.disabled, button.showmore.disabled, button.modify.disabled, button.social.disabled, button.order-from.disabled, button.order-time.disabled, button.fav.disabled, button.emailreceipt.disabled, button.access.disabled, button.reset.disabled, button.arrived.disabled, button.cookie-settings.disabled, button.delete.disabled, button.getaddress.disabled,
a.button.info.disabled,
a.button.pin.disabled,
a.button.edit.disabled,
a.button.order-later2.disabled,
a.button.customise.disabled,
a.button.close.disabled,
a.button.cancel.disabled,
a.button.change.disabled,
a.button.no.disabled,
a.button.addpayment.disabled,
a.button.logout.disabled,
a.button.cancelorder.disabled,
a.button.changeorder.disabled,
a.button.order-next.disabled,
a.button.order-prev.disabled,
a.button.timeslot.disabled,
a.button.more.disabled,
a.button.showmore.disabled,
a.button.modify.disabled,
a.button.social.disabled,
a.button.order-from.disabled,
a.button.order-time.disabled,
a.button.fav.disabled,
a.button.emailreceipt.disabled,
a.button.access.disabled,
a.button.reset.disabled,
a.button.arrived.disabled,
a.button.cookie-settings.disabled,
a.button.delete.disabled,
a.button.getaddress.disabled {
  border-color: #d1c0ac !important;
  color: #cab9a5 !important;
}
button.info.disabled i.ico, button.pin.disabled i.ico, button.edit.disabled i.ico, button.order-later2.disabled i.ico, button.customise.disabled i.ico, button.close.disabled i.ico, button.cancel.disabled i.ico, button.change.disabled i.ico, button.no.disabled i.ico, button.addpayment.disabled i.ico, button.logout.disabled i.ico, button.cancelorder.disabled i.ico, button.changeorder.disabled i.ico, button.order-next.disabled i.ico, button.order-prev.disabled i.ico, button.timeslot.disabled i.ico, button.more.disabled i.ico, button.showmore.disabled i.ico, button.modify.disabled i.ico, button.social.disabled i.ico, button.order-from.disabled i.ico, button.order-time.disabled i.ico, button.fav.disabled i.ico, button.emailreceipt.disabled i.ico, button.access.disabled i.ico, button.reset.disabled i.ico, button.arrived.disabled i.ico, button.cookie-settings.disabled i.ico, button.delete.disabled i.ico, button.getaddress.disabled i.ico,
a.button.info.disabled i.ico,
a.button.pin.disabled i.ico,
a.button.edit.disabled i.ico,
a.button.order-later2.disabled i.ico,
a.button.customise.disabled i.ico,
a.button.close.disabled i.ico,
a.button.cancel.disabled i.ico,
a.button.change.disabled i.ico,
a.button.no.disabled i.ico,
a.button.addpayment.disabled i.ico,
a.button.logout.disabled i.ico,
a.button.cancelorder.disabled i.ico,
a.button.changeorder.disabled i.ico,
a.button.order-next.disabled i.ico,
a.button.order-prev.disabled i.ico,
a.button.timeslot.disabled i.ico,
a.button.more.disabled i.ico,
a.button.showmore.disabled i.ico,
a.button.modify.disabled i.ico,
a.button.social.disabled i.ico,
a.button.order-from.disabled i.ico,
a.button.order-time.disabled i.ico,
a.button.fav.disabled i.ico,
a.button.emailreceipt.disabled i.ico,
a.button.access.disabled i.ico,
a.button.reset.disabled i.ico,
a.button.arrived.disabled i.ico,
a.button.cookie-settings.disabled i.ico,
a.button.delete.disabled i.ico,
a.button.getaddress.disabled i.ico {
  background-position-y: -6.5rem;
}
@media (min-width: 1367px) {
  button.info.disabled i.ico, button.pin.disabled i.ico, button.edit.disabled i.ico, button.order-later2.disabled i.ico, button.customise.disabled i.ico, button.close.disabled i.ico, button.cancel.disabled i.ico, button.change.disabled i.ico, button.no.disabled i.ico, button.addpayment.disabled i.ico, button.logout.disabled i.ico, button.cancelorder.disabled i.ico, button.changeorder.disabled i.ico, button.order-next.disabled i.ico, button.order-prev.disabled i.ico, button.timeslot.disabled i.ico, button.more.disabled i.ico, button.showmore.disabled i.ico, button.modify.disabled i.ico, button.social.disabled i.ico, button.order-from.disabled i.ico, button.order-time.disabled i.ico, button.fav.disabled i.ico, button.emailreceipt.disabled i.ico, button.access.disabled i.ico, button.reset.disabled i.ico, button.arrived.disabled i.ico, button.cookie-settings.disabled i.ico, button.delete.disabled i.ico, button.getaddress.disabled i.ico,
  a.button.info.disabled i.ico,
  a.button.pin.disabled i.ico,
  a.button.edit.disabled i.ico,
  a.button.order-later2.disabled i.ico,
  a.button.customise.disabled i.ico,
  a.button.close.disabled i.ico,
  a.button.cancel.disabled i.ico,
  a.button.change.disabled i.ico,
  a.button.no.disabled i.ico,
  a.button.addpayment.disabled i.ico,
  a.button.logout.disabled i.ico,
  a.button.cancelorder.disabled i.ico,
  a.button.changeorder.disabled i.ico,
  a.button.order-next.disabled i.ico,
  a.button.order-prev.disabled i.ico,
  a.button.timeslot.disabled i.ico,
  a.button.more.disabled i.ico,
  a.button.showmore.disabled i.ico,
  a.button.modify.disabled i.ico,
  a.button.social.disabled i.ico,
  a.button.order-from.disabled i.ico,
  a.button.order-time.disabled i.ico,
  a.button.fav.disabled i.ico,
  a.button.emailreceipt.disabled i.ico,
  a.button.access.disabled i.ico,
  a.button.reset.disabled i.ico,
  a.button.arrived.disabled i.ico,
  a.button.cookie-settings.disabled i.ico,
  a.button.delete.disabled i.ico,
  a.button.getaddress.disabled i.ico {
    background-position-y: -104px;
  }
}
button.info.loading > .loading-spinner, button.pin.loading > .loading-spinner, button.edit.loading > .loading-spinner, button.order-later2.loading > .loading-spinner, button.customise.loading > .loading-spinner, button.close.loading > .loading-spinner, button.cancel.loading > .loading-spinner, button.change.loading > .loading-spinner, button.no.loading > .loading-spinner, button.addpayment.loading > .loading-spinner, button.logout.loading > .loading-spinner, button.cancelorder.loading > .loading-spinner, button.changeorder.loading > .loading-spinner, button.order-next.loading > .loading-spinner, button.order-prev.loading > .loading-spinner, button.timeslot.loading > .loading-spinner, button.more.loading > .loading-spinner, button.showmore.loading > .loading-spinner, button.modify.loading > .loading-spinner, button.social.loading > .loading-spinner, button.order-from.loading > .loading-spinner, button.order-time.loading > .loading-spinner, button.fav.loading > .loading-spinner, button.emailreceipt.loading > .loading-spinner, button.access.loading > .loading-spinner, button.reset.loading > .loading-spinner, button.arrived.loading > .loading-spinner, button.cookie-settings.loading > .loading-spinner, button.delete.loading > .loading-spinner, button.getaddress.loading > .loading-spinner,
a.button.info.loading > .loading-spinner,
a.button.pin.loading > .loading-spinner,
a.button.edit.loading > .loading-spinner,
a.button.order-later2.loading > .loading-spinner,
a.button.customise.loading > .loading-spinner,
a.button.close.loading > .loading-spinner,
a.button.cancel.loading > .loading-spinner,
a.button.change.loading > .loading-spinner,
a.button.no.loading > .loading-spinner,
a.button.addpayment.loading > .loading-spinner,
a.button.logout.loading > .loading-spinner,
a.button.cancelorder.loading > .loading-spinner,
a.button.changeorder.loading > .loading-spinner,
a.button.order-next.loading > .loading-spinner,
a.button.order-prev.loading > .loading-spinner,
a.button.timeslot.loading > .loading-spinner,
a.button.more.loading > .loading-spinner,
a.button.showmore.loading > .loading-spinner,
a.button.modify.loading > .loading-spinner,
a.button.social.loading > .loading-spinner,
a.button.order-from.loading > .loading-spinner,
a.button.order-time.loading > .loading-spinner,
a.button.fav.loading > .loading-spinner,
a.button.emailreceipt.loading > .loading-spinner,
a.button.access.loading > .loading-spinner,
a.button.reset.loading > .loading-spinner,
a.button.arrived.loading > .loading-spinner,
a.button.cookie-settings.loading > .loading-spinner,
a.button.delete.loading > .loading-spinner,
a.button.getaddress.loading > .loading-spinner {
  border-color: #115740;
  border-right-color: transparent;
}
button.info.mini, button.pin.mini, button.edit.mini, button.order-later2.mini, button.customise.mini, button.close.mini, button.cancel.mini, button.change.mini, button.no.mini, button.addpayment.mini, button.logout.mini, button.cancelorder.mini, button.changeorder.mini, button.order-next.mini, button.order-prev.mini, button.timeslot.mini, button.more.mini, button.showmore.mini, button.modify.mini, button.social.mini, button.order-from.mini, button.order-time.mini, button.fav.mini, button.emailreceipt.mini, button.access.mini, button.reset.mini, button.arrived.mini, button.cookie-settings.mini, button.delete.mini, button.getaddress.mini,
a.button.info.mini,
a.button.pin.mini,
a.button.edit.mini,
a.button.order-later2.mini,
a.button.customise.mini,
a.button.close.mini,
a.button.cancel.mini,
a.button.change.mini,
a.button.no.mini,
a.button.addpayment.mini,
a.button.logout.mini,
a.button.cancelorder.mini,
a.button.changeorder.mini,
a.button.order-next.mini,
a.button.order-prev.mini,
a.button.timeslot.mini,
a.button.more.mini,
a.button.showmore.mini,
a.button.modify.mini,
a.button.social.mini,
a.button.order-from.mini,
a.button.order-time.mini,
a.button.fav.mini,
a.button.emailreceipt.mini,
a.button.access.mini,
a.button.reset.mini,
a.button.arrived.mini,
a.button.cookie-settings.mini,
a.button.delete.mini,
a.button.getaddress.mini {
  border-width: 0.125rem;
}
button.info.mini span, button.pin.mini span, button.edit.mini span, button.order-later2.mini span, button.customise.mini span, button.close.mini span, button.cancel.mini span, button.change.mini span, button.no.mini span, button.addpayment.mini span, button.logout.mini span, button.cancelorder.mini span, button.changeorder.mini span, button.order-next.mini span, button.order-prev.mini span, button.timeslot.mini span, button.more.mini span, button.showmore.mini span, button.modify.mini span, button.social.mini span, button.order-from.mini span, button.order-time.mini span, button.fav.mini span, button.emailreceipt.mini span, button.access.mini span, button.reset.mini span, button.arrived.mini span, button.cookie-settings.mini span, button.delete.mini span, button.getaddress.mini span,
a.button.info.mini span,
a.button.pin.mini span,
a.button.edit.mini span,
a.button.order-later2.mini span,
a.button.customise.mini span,
a.button.close.mini span,
a.button.cancel.mini span,
a.button.change.mini span,
a.button.no.mini span,
a.button.addpayment.mini span,
a.button.logout.mini span,
a.button.cancelorder.mini span,
a.button.changeorder.mini span,
a.button.order-next.mini span,
a.button.order-prev.mini span,
a.button.timeslot.mini span,
a.button.more.mini span,
a.button.showmore.mini span,
a.button.modify.mini span,
a.button.social.mini span,
a.button.order-from.mini span,
a.button.order-time.mini span,
a.button.fav.mini span,
a.button.emailreceipt.mini span,
a.button.access.mini span,
a.button.reset.mini span,
a.button.arrived.mini span,
a.button.cookie-settings.mini span,
a.button.delete.mini span,
a.button.getaddress.mini span {
  padding: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.info, button.pin, button.edit, button.order-later2, button.customise, button.close, button.cancel, button.change, button.no, button.addpayment, button.logout, button.cancelorder, button.changeorder, button.order-next, button.order-prev, button.timeslot, button.more, button.showmore, button.modify, button.social, button.order-from, button.order-time, button.fav, button.emailreceipt, button.access, button.reset, button.arrived, button.cookie-settings, button.delete, button.getaddress,
  a.button.info,
  a.button.pin,
  a.button.edit,
  a.button.order-later2,
  a.button.customise,
  a.button.close,
  a.button.cancel,
  a.button.change,
  a.button.no,
  a.button.addpayment,
  a.button.logout,
  a.button.cancelorder,
  a.button.changeorder,
  a.button.order-next,
  a.button.order-prev,
  a.button.timeslot,
  a.button.more,
  a.button.showmore,
  a.button.modify,
  a.button.social,
  a.button.order-from,
  a.button.order-time,
  a.button.fav,
  a.button.emailreceipt,
  a.button.access,
  a.button.reset,
  a.button.arrived,
  a.button.cookie-settings,
  a.button.delete,
  a.button.getaddress {
    border-width: 0.188rem;
  }
  button.info span.mini, button.pin span.mini, button.edit span.mini, button.order-later2 span.mini, button.customise span.mini, button.close span.mini, button.cancel span.mini, button.change span.mini, button.no span.mini, button.addpayment span.mini, button.logout span.mini, button.cancelorder span.mini, button.changeorder span.mini, button.order-next span.mini, button.order-prev span.mini, button.timeslot span.mini, button.more span.mini, button.showmore span.mini, button.modify span.mini, button.social span.mini, button.order-from span.mini, button.order-time span.mini, button.fav span.mini, button.emailreceipt span.mini, button.access span.mini, button.reset span.mini, button.arrived span.mini, button.cookie-settings span.mini, button.delete span.mini, button.getaddress span.mini,
  a.button.info span.mini,
  a.button.pin span.mini,
  a.button.edit span.mini,
  a.button.order-later2 span.mini,
  a.button.customise span.mini,
  a.button.close span.mini,
  a.button.cancel span.mini,
  a.button.change span.mini,
  a.button.no span.mini,
  a.button.addpayment span.mini,
  a.button.logout span.mini,
  a.button.cancelorder span.mini,
  a.button.changeorder span.mini,
  a.button.order-next span.mini,
  a.button.order-prev span.mini,
  a.button.timeslot span.mini,
  a.button.more span.mini,
  a.button.showmore span.mini,
  a.button.modify span.mini,
  a.button.social span.mini,
  a.button.order-from span.mini,
  a.button.order-time span.mini,
  a.button.fav span.mini,
  a.button.emailreceipt span.mini,
  a.button.access span.mini,
  a.button.reset span.mini,
  a.button.arrived span.mini,
  a.button.cookie-settings span.mini,
  a.button.delete span.mini,
  a.button.getaddress span.mini {
    padding: 0.125rem 0 0 0;
  }
}
.receipt-question button.no, .receipt-question-after-payment button.no,
.receipt-question a.button.no,
.receipt-question-after-payment a.button.no {
  border-color: #4e3629;
  color: #4e3629 !important;
}
button.arrived,
a.button.arrived {
  border-color: #4e3629;
  background-color: #4e3629 !important;
  color: #fff !important;
}
button.arrived i.ico,
a.button.arrived i.ico {
  transform: scale(1.15);
  opacity: 0;
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  transition: opacity 0.1s linear, clip-path 0.3s ease-in 0.2s;
  -webkit-transition: opacity 0.1s linear, -webkit-clip-path 0.3s ease-in 0.2s;
}
.minw_md button.arrived i.ico,
.minw_md a.button.arrived i.ico {
  transform: scale(1.3);
}
button.arrived.disabled,
a.button.arrived.disabled {
  color: #4e3629 !important;
  background-color: #fff !important;
}
button.arrived.disabled i.ico,
a.button.arrived.disabled i.ico {
  background-position-y: -12.5rem;
  opacity: 1;
  clip-path: inset(0 0% 0 0);
  -webkit-clip-path: inset(0 0% 0 0);
}
@media (min-width: 1367px) {
  button.arrived.disabled i.ico,
  a.button.arrived.disabled i.ico {
    background-position-y: -200px;
  }
}
button.nav i.ico.nav,
a.button.nav i.ico.nav {
  background-position-y: -18.5rem;
}
@media (min-width: 1367px) {
  button.nav i.ico.nav,
  a.button.nav i.ico.nav {
    background-position-y: -296px;
  }
}
nav-companion .notifier > div .greeting {
  font-size: 1rem;
  padding-top: 0.188rem;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.back span, button.filter span, button.filterclose span, button.cancel span, button.change span, button.customise span, button.order-next span, button.order-prev span, button.square.fav span, button.access span,
  a.button.back span,
  a.button.filter span,
  a.button.filterclose span,
  a.button.cancel span,
  a.button.change span,
  a.button.customise span,
  a.button.order-next span,
  a.button.order-prev span,
  a.button.square.fav span,
  a.button.access span {
    font-size: 0.725rem;
    line-height: 1.25rem;
    font-weight: 400;
    padding: 2.571rem 0.188rem 0 0.188rem;
  }
  button.back span:after, button.filter span:after, button.filterclose span:after, button.cancel span:after, button.change span:after, button.customise span:after, button.order-next span:after, button.order-prev span:after, button.square.fav span:after, button.access span:after,
  a.button.back span:after,
  a.button.filter span:after,
  a.button.filterclose span:after,
  a.button.cancel span:after,
  a.button.change span:after,
  a.button.customise span:after,
  a.button.order-next span:after,
  a.button.order-prev span:after,
  a.button.square.fav span:after,
  a.button.access span:after {
    content: attr(data-alt);
  }
  button.back span > i.ico, button.filter span > i.ico, button.filterclose span > i.ico, button.cancel span > i.ico, button.change span > i.ico, button.customise span > i.ico, button.order-next span > i.ico, button.order-prev span > i.ico, button.square.fav span > i.ico, button.access span > i.ico,
  a.button.back span > i.ico,
  a.button.filter span > i.ico,
  a.button.filterclose span > i.ico,
  a.button.cancel span > i.ico,
  a.button.change span > i.ico,
  a.button.customise span > i.ico,
  a.button.order-next span > i.ico,
  a.button.order-prev span > i.ico,
  a.button.square.fav span > i.ico,
  a.button.access span > i.ico {
    right: auto;
    top: auto;
  }
  .receipt-container button.change,
  .receipt-container a.button.change {
    width: 2.5rem;
    height: 2.5rem;
    border-width: 0.125rem;
  }
  .receipt-container button.change span > i.ico,
  .receipt-container a.button.change span > i.ico {
    width: 1.25rem;
    height: 1.25rem;
    top: 0.5rem;
    background-size: 39.375rem 37.5rem;
    background-position: -28.438rem -2.188rem;
  }
}
button.outeline.green, button.order-later2, button.addpayment, button.logout, button.order-next, button.order-prev, button.changeorder, button.timeslot, button.more, button.showmore, button.modify, button.order-from, button.order-time, button.fav, button.emailreceipt, button.cookie-settings,
a.button.outeline.green,
a.button.order-later2,
a.button.addpayment,
a.button.logout,
a.button.order-next,
a.button.order-prev,
a.button.changeorder,
a.button.timeslot,
a.button.more,
a.button.showmore,
a.button.modify,
a.button.order-from,
a.button.order-time,
a.button.fav,
a.button.emailreceipt,
a.button.cookie-settings {
  border-color: #4e3629;
  color: #4e3629 !important;
}
button.outline.yellow, button.edit, button.change, button.customise,
a.button.outline.yellow,
a.button.edit,
a.button.change,
a.button.customise {
  border-color: #4e3629;
  color: #4e3629 !important;
}
button.access,
a.button.access {
  border-color: transparent;
  color: #4e3629 !important;
}
button.filter, button.filterclose,
a.button.filter,
a.button.filterclose {
  border-color: transparent;
  background-color: transparent;
  color: #4e3629 !important;
}
button.filter:active, button.filterclose:active,
a.button.filter:active,
a.button.filterclose:active {
  box-shadow: none;
  background-color: transparent !important;
}
button.timeslot,
a.button.timeslot {
  font-size: 1.063rem;
}
button.timeslot.current,
a.button.timeslot.current {
  background-color: #4e3629 !important;
  color: #fff !important;
}
button.timeslot span:before,
a.button.timeslot span:before {
  border-radius: 6px;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.timeslot,
  a.button.timeslot {
    font-size: 1.25rem;
  }
}
button.showmore,
a.button.showmore {
  transition: border-color 0.5s linear;
}
button.showmore.active,
a.button.showmore.active {
  border-color: #e40425;
}
.dimmed button.showmore,
.dimmed a.button.showmore {
  pointer-events: none;
  border-color: #d1c0ac !important;
  color: #cab9a5 !important;
}
.dimmed button.showmore i.ico,
.dimmed a.button.showmore i.ico {
  opacity: 0.3;
}
.list.history button.showmore, div.filter button.showmore,
.list.history a.button.showmore,
div.filter a.button.showmore {
  border-color: transparent !important;
  color: #037c58 !important;
}
.list.history button.showmore:active, div.filter button.showmore:active,
.list.history a.button.showmore:active,
div.filter a.button.showmore:active {
  box-shadow: none;
  -webkit-filter: inherit;
  filter: inherit;
  background-color: transparent !important;
}
button.modify,
a.button.modify {
  opacity: 0 !important;
  transition: opacity 0.5s linear 0.5s;
  background-color: rgba(246, 244, 232, 0.5) !important;
}
.doc_ready button.modify,
.doc_ready a.button.modify {
  opacity: 1 !important;
}
button.more, button.showmore, button.modify, button.help,
a.button.more,
a.button.showmore,
a.button.modify,
a.button.help {
  font-size: 0.781rem !important;
  line-height: 1.063rem !important;
}
button.more span, button.showmore span, button.modify span, button.help span,
a.button.more span,
a.button.showmore span,
a.button.modify span,
a.button.help span {
  padding-bottom: 0 !important;
}
button.order-from span,
a.button.order-from span {
  padding-right: 0.5rem;
}
button.order-from, button.order-time,
a.button.order-from,
a.button.order-time {
  font-size: 1rem;
  line-height: 1.25rem;
}
button.order-from span, button.order-time span,
a.button.order-from span,
a.button.order-time span {
  padding-top: 0;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.order-from, button.order-time,
  a.button.order-from,
  a.button.order-time {
    height: 3.375rem;
    border-width: 0.125rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  button.order-from span > i.ico, button.order-time span > i.ico,
  a.button.order-from span > i.ico,
  a.button.order-time span > i.ico {
    top: 0.625rem;
    right: 0.5rem;
  }
}
button.outline.yellow,
a.button.outline.yellow {
  border-color: #4e3629;
}
button.outline.red, button.close, button.cancel, button.no, button.cancelorder, button.modify.active, button.reset,
a.button.outline.red,
a.button.close,
a.button.cancel,
a.button.no,
a.button.cancelorder,
a.button.modify.active,
a.button.reset {
  border-color: #e40425;
  color: #e40425 !important;
}
button.cancel, button.square.fav, button.access,
a.button.cancel,
a.button.square.fav,
a.button.access {
  background-color: #f6f4e8 !important;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  button.square.cancel, button.square.fav,
  a.button.square.cancel,
  a.button.square.fav {
    border-color: transparent !important;
  }
}
button.fav.disabled i.ico,
a.button.fav.disabled i.ico {
  background-position-y: -15.5rem;
}
@media (min-width: 1367px) {
  button.fav.disabled i.ico,
  a.button.fav.disabled i.ico {
    background-position-y: -248px;
  }
}
button.order-next, button.order-prev,
a.button.order-next,
a.button.order-prev {
  border-color: transparent;
}
button.order-next i.ico, button.order-prev i.ico,
a.button.order-next i.ico,
a.button.order-prev i.ico {
  background-position-y: -3.5rem;
}
@media (min-width: 1367px) {
  button.order-next i.ico, button.order-prev i.ico,
  a.button.order-next i.ico,
  a.button.order-prev i.ico {
    background-position-y: -56px;
  }
}
button.order-next.disabled, button.order-prev.disabled,
a.button.order-next.disabled,
a.button.order-prev.disabled {
  border-color: transparent !important;
}
button.order-next:active, button.order-prev:active,
a.button.order-next:active,
a.button.order-prev:active {
  box-shadow: none;
}
button.info, button.pin, button.mini.fav, button.delete, button.getaddress,
a.button.info,
a.button.pin,
a.button.mini.fav,
a.button.delete,
a.button.getaddress {
  border-color: #f6f4e8 !important;
  border-radius: 1.25rem;
  background-color: #f6f4e8 !important;
}
button.info span > i.ico, button.pin span > i.ico, button.mini.fav span > i.ico, button.delete span > i.ico, button.getaddress span > i.ico,
a.button.info span > i.ico,
a.button.pin span > i.ico,
a.button.mini.fav span > i.ico,
a.button.delete span > i.ico,
a.button.getaddress span > i.ico {
  right: auto;
  top: auto;
}
button.info span > i.ico.pin.active, button.pin span > i.ico.pin.active, button.mini.fav span > i.ico.pin.active, button.delete span > i.ico.pin.active, button.getaddress span > i.ico.pin.active,
a.button.info span > i.ico.pin.active,
a.button.pin span > i.ico.pin.active,
a.button.mini.fav span > i.ico.pin.active,
a.button.delete span > i.ico.pin.active,
a.button.getaddress span > i.ico.pin.active {
  background-position-y: -42.5rem;
}
@media (min-width: 1367px) {
  button.info span > i.ico.pin.active, button.pin span > i.ico.pin.active, button.mini.fav span > i.ico.pin.active, button.delete span > i.ico.pin.active, button.getaddress span > i.ico.pin.active,
  a.button.info span > i.ico.pin.active,
  a.button.pin span > i.ico.pin.active,
  a.button.mini.fav span > i.ico.pin.active,
  a.button.delete span > i.ico.pin.active,
  a.button.getaddress span > i.ico.pin.active {
    background-position-y: -680px;
  }
}
button.delete, button.getaddress,
a.button.delete,
a.button.getaddress {
  border-color: transparent !important;
  background-color: transparent !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .noticebox button.mini.close,
  .noticebox a.button.mini.close {
    top: 1.313rem;
  }
}
button.social,
a.button.social {
  border-color: #ccc;
  color: #4e3629 !important;
}
button.google, button.apple, button.klarna, button.facebook,
a.button.google,
a.button.apple,
a.button.klarna,
a.button.facebook {
  background-color: #4285f4;
  color: #fff;
}
button.google span, button.apple span, button.klarna span, button.facebook span,
a.button.google span,
a.button.apple span,
a.button.klarna span,
a.button.facebook span {
  justify-content: center;
  padding-left: 4.125rem;
  padding-right: 4.125rem;
}
button.google span > i.ico, button.apple span > i.ico, button.klarna span > i.ico, button.facebook span > i.ico,
a.button.google span > i.ico,
a.button.apple span > i.ico,
a.button.klarna span > i.ico,
a.button.facebook span > i.ico {
  right: auto;
  left: 0.813rem;
}
button.google span:before, button.apple span:before, button.klarna span:before, button.facebook span:before,
a.button.google span:before,
a.button.apple span:before,
a.button.klarna span:before,
a.button.facebook span:before {
  content: "";
  position: absolute;
  left: 0.125rem;
  top: 0.125rem;
  width: 3.375rem;
  height: calc(100% - 0.25rem);
  background-color: #f6f4e8;
  border-top-left-radius: 0.313rem;
  border-bottom-left-radius: 0.313rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.google, button.apple, button.klarna, button.facebook,
  a.button.google,
  a.button.apple,
  a.button.klarna,
  a.button.facebook {
    height: 3.75rem;
    font-size: 1rem;
    line-height: 1.438rem;
  }
}
button.apple span > i.ico, button.klarna span > i.ico, button.facebook span > i.ico,
a.button.apple span > i.ico,
a.button.klarna span > i.ico,
a.button.facebook span > i.ico {
  left: 0.688rem;
}
button.apple span:before, button.klarna span:before, button.facebook span:before,
a.button.apple span:before,
a.button.klarna span:before,
a.button.facebook span:before {
  content: none;
}
button.apple,
a.button.apple {
  border: 2px solid #000;
  background-color: transparent;
  color: #000 !important;
}
button.klarna,
a.button.klarna {
  border: 0.125rem solid #0b051d;
  background-color: #0b051d;
}
button.facebook,
a.button.facebook {
  border: 0.125rem solid #1877f2;
  background-color: #1877f2;
}

.size_split button.customise,
.size_split a.button.customise {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .size_split button.customise span > i.ico,
  .size_split a.button.customise span > i.ico {
    right: 0.625rem;
  }
}
.size_split div.qty + .add,
.size_split div.qty + .select,
.size_split .customise + .add,
.size_split .customise + .select,
.size_split .customise + div.qty + .add,
.size_split .customise + div.qty + .select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .list.list-md-landscape-4.products:not(.fav) .size_split div.qty + .add,
  .list.list-md-landscape-4.products:not(.fav) .size_split .customise + .add,
  .list.list-md-landscape-4.products:not(.fav) .size_split div.qty + .select,
  .list.list-md-landscape-4.products:not(.fav) .size_split .customise + .select {
    border-top-left-radius: 0.438rem;
    border-bottom-left-radius: 0.438rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .size_split.square_wide button.customise,
  .size_split.square_wide a.button.customise {
    width: 5.625rem;
  }
}

/* Forms */
.rdo.price-add input + label b {
  color: #ff5100;
}

.price.grey > span {
  color: #836a4e !important;
}

/*# sourceMappingURL=application.min.css.map */