@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;
}
@media (max-width: 1400px) {
  html {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}
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: 1280px) {
  html.hairline {
    --color-border: #dfccb9;
    --lpu-color-border: #d0c2b4;
  }
}
@media (min-width: 400px) {
  html {
    --nav-filter-disp: 200px;
  }
}

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

body {
  --theme-color: #f6f4e8;
  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;
}
[data-whatinput=keyboard] a:focus {
  outline: 3px solid #000;
}

#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%;
  font-size: 0.938rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  font-weight: 400;
}
@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 {
    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: #4e3629;
  text-transform: none;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@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;
    /*		.orientation_portrait .kiosk .order.add + .head & {
    	width: get-rem(614px);
    }*/
  }
  h1.center {
    position: absolute;
    top: 16vh;
    left: 0;
    text-align: center;
    width: 100%;
    padding-left: 0;
  }
  .order.add.withqty + .head h1 {
    width: 38.75rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .order.add.withqty + .head 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: 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: #115740 !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;
  padding: 0 0.875rem 0 0.875rem;
  background-color: #f6f4e8;
  z-index: 1;
}
.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;
  }
  .overlay-detached h2.subcat:after,
  .overlay-detached b.subcat:after {
    left: 1.875rem;
    right: 1.875rem;
  }
  h2.subcat span,
  b.subcat span {
    padding: 0 1.25rem 0 1.25rem;
  }
}

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;
  }
}

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%);
  }
  .safari .customise:not(.stickyprod) .list-container h2.listhead {
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
  }
  .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));
  }
}
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;
}

@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 {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  z-index: 5000000;
  display: block;
}
.doc_once .cookies.action-required {
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 0.4s linear 0.5s;
}

.cookie-content .chksmall {
  padding-top: 0.625rem;
  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);
}
.cookie-content .chksmall.hidden {
  display: block !important;
  height: 0;
  opacity: 0;
  padding-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.cookie-content button span {
  justify-content: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .cookie-content > 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 .cookie-content > div {
    padding-bottom: 8.75rem !important;
  }
  .settings_show .cookie-content > div p {
    display: none;
  }
  .settings_show .cookie-content > div + div {
    padding-bottom: 0.625rem !important;
  }
  .cookie-content > 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);
  }
  .safari .cookie-content > div + div {
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
  }
  .cookie-content > div + div.country-language {
    bottom: 0;
    padding-bottom: calc(1.375rem + var(--safe-area-bottom)) !important;
    background: #f6f4e8 !important;
  }
  .settings_show .cookie-content > div + div {
    bottom: calc(0px + var(--safe-area-bottom));
  }
  .settings_show .cookie-content > div + div button.cookie-reject, .settings_show .cookie-content > div + div.country-language {
    display: none;
  }
  .settings_show .cookie-content > 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) {
  .cookie-content > div {
    padding-bottom: 8.125rem !important;
  }
}

.cookie-content,
.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 .cookie-content,
.doc_once .ioshomescreen {
  transform: none;
  opacity: 1;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1s, opacity 0.1s linear 1s;
}
.doc_once .cookie-content: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;
}
.cookie-content > div,
.ioshomescreen > div {
  padding: 1.563rem 0.625rem 0 0.625rem;
  padding: 1.563rem calc(0.625rem + env(safe-area-inset-right)) 0 calc(0.625rem + env(safe-area-inset-left));
}
.cookie-content > div + div,
.ioshomescreen > div + div {
  padding-top: 0;
}
.cookie-content > div a,
.ioshomescreen > div a {
  white-space: nowrap;
}
.cookie-content > div h3,
.ioshomescreen > div h3 {
  padding-top: 0.375rem;
}
.cookie-content > div h3:empty,
.ioshomescreen > div h3:empty {
  display: none;
}
.cookie-content > div p,
.ioshomescreen > div p {
  font-size: 0.875rem;
  line-height: 1.438rem;
}
@media (min-width: 568px) {
  .cookie-content > div + div,
  .ioshomescreen > div + div {
    display: flex;
  }
  .cookie-content > div p,
  .ioshomescreen > div p {
    padding-right: 1.25rem;
  }
  .cookie-content > 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) {
  .cookie-content,
  .ioshomescreen {
    padding-bottom: 1.875rem;
  }
  .cookie-content > div,
  .ioshomescreen > div {
    max-width: 72.5rem;
    margin: 0 auto;
    padding: 2.5rem 3.125rem 0 3.125rem;
    box-sizing: border-box;
  }
  .cookie-content > div p,
  .ioshomescreen > div p {
    font-size: 1rem;
    line-height: 1.563rem;
    padding: 0 0 1.25rem 0;
    text-align: center;
  }
  .cookie-content > div button,
  .ioshomescreen > div button {
    font-size: 1rem;
    height: 3.75rem;
  }
  .cookie-content > div button span > i.ico,
  .ioshomescreen > div button span > i.ico {
    top: 0.875rem;
  }
  .cookie-content > 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;
  }
  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, body:not(.kiosk) main.deal_grid header.hideme div.head,
  body:not(.kiosk) main.deal_grid 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;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .orientation_portrait .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;
  }
  .orientation_portrait .kiosk header > s i.ico {
    position: absolute;
    left: calc(50% - 1rem);
    bottom: 1.875rem;
  }
  .orientation_portrait .kiosk header:not(.dashboard) > div.head {
    border-top: 0;
    height: 8.125rem;
    box-sizing: border-box;
  }
}

@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);
}
.safari 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%);
}
.safari header .head {
  -webkit-backdrop-filter: saturate(180%) blur(4px);
  backdrop-filter: saturate(180%) blur(4px);
}
.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;
    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;
  }
}
@media (max-width: 767px) and (orientation: portrait) and (min-height: 700px), (max-width: 1023px) and (max-height: 480px) and (orientation: portrait) and (min-height: 700px) {
  .ioswebview .customise:not(.stickyprod) header.hideme .head, .android .customise:not(.stickyprod) header.hideme .head {
    border-bottom: calc(4.375rem + var(--safe-area-top)) solid #f6f4e8;
    transition: border 0s linear 0.05s;
  }
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 1023px) and (max-height: 480px) and (orientation: portrait) {
  .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 50%, rgba(246, 244, 232, 0.85) 100%);
  }
  .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.scroll_lock header .head, .customise-steps.scroll_lock header .head {
    background: #f6f4e8;
  }
  main.country header .head {
    height: 12.5rem;
    width: 100% !important;
  }
  main.country header .head h1 {
    display: none;
  }
  .orientation_portrait .kiosk .customise header .head {
    background: #f6f4e8;
  }
}
@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%;
  }
}
@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;
}

header .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;
  }
}

header .order > div {
  display: flex;
  width: 100%;
}
.trans_active header .order {
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
header .order.add + .company, header .order.add + .company {
  display: none;
}
header .order div.qty {
  display: none;
}
@media (min-width: 340px) {
  header .order.add.withqty div.qty {
    display: block;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  header .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) {
  header .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 header .order, .prodlist header .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) header .order {
    transform: translate3d(0, 0, 0);
  }
  .nav_show header .order.add {
    transform: translate3d(var(--nav-filter-disp), 0, 0);
  }
  .touchmove header .order.add {
    transform: translate3d(calc(var(--nav-filter-disp) + var(--nav-xpos) / 1.78), 0, 0);
    transition: none;
  }
  .basket_active.nav_show:not(.stores) header .order,
  .basket_active.filter_show header .order {
    transform: translate3d(var(--nav-filter-disp), 0, 0);
  }
  .touchmove .basket_active.nav_show:not(.stores) header .order,
  .touchmove .basket_active.filter_show header .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.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.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;
  }
  header .order:not(.add),
  .categories header.hideme .order,
  .prodlist header.hideme .order {
    transform: translate3d(0, calc(90px + env(safe-area-inset-bottom, 0)), 0);
  }
  .nav_show header .order:not(.add),
  .nav_show .categories 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 header .order:not(.add),
  .touchmove .nav_show .categories 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 header .order:not(.add),
  .filter_show .categories 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 {
    visibility: hidden;
    pointer-events: none;
  }
  .cross_sell header .order button.checkout {
    display: none;
  }
  .customise-steps header .order.page-complete button.next {
    display: block;
  }
  .customise-steps header .order.page-complete button.next.column {
    display: none;
  }
  .customise-steps header .order:not(.config-complete) button.add,
  .customise-steps header .order:not(.config-complete) div.qty {
    display: none;
  }
}
header .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) {
  header .order button.add {
    border-radius: unset;
  }
  .checkout header .order button.placeorder:not(:only-child),
  header .order button.next:first-child:not(:only-child), main:not(.modify) header .order button.next + button.next:not(:last-child) {
    border-top-right-radius: 0.188rem;
    border-bottom-right-radius: 0.188rem;
  }
  header .order button + button.basket {
    border-top-left-radius: 0.188rem;
    border-bottom-left-radius: 0.188rem;
  }
}
header .order button.add, .maxw_md .modify header .order 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) header .order div.qty + button.next {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
  }
  .customise header .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) {
  header .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) {
  header .order {
    position: absolute;
    right: calc(25% + 0.857rem);
    top: 1.232rem;
    bottom: 2.063rem;
    padding: 0;
    pointer-events: none;
    /*			@include minw('1600px') {
    	right: calc(25% + 0.75rem);
    }*/
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  header .order {
    right: 2.625rem;
    bottom: 2.625rem;
  }
  .kiosk header .order {
    top: 1.438rem;
  }
  .kiosk .cross_sell header .order.add {
    display: block;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  header .order.add > div {
    float: right;
    width: 12.75rem;
  }
  .cross_sell header .order.add {
    display: none;
  }
  header .order.add.withqty > div {
    width: 16.25rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  header .order.add.withqty > div {
    width: 15rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .customise-steps header .order button.next {
    display: flex;
  }
  .customise-steps header .order button.next.column {
    display: none;
  }
  .kiosk .customise-steps:not(.customise) header .order {
    display: none;
  }
  .modify header .order div.qty {
    display: none !important;
  }
}
header .order button,
header .order div.button {
  float: none;
  width: auto;
  flex: 1 50%;
  margin-bottom: 0;
}
header .order button.qty,
header .order div.button.qty {
  width: 3.25rem;
  margin-right: 0.625rem;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  header .order button.qty,
  header .order div.button.qty {
    width: 3.875rem;
  }
}
header .order button.basket,
header .order div.button.basket {
  position: relative;
  max-width: 3.75rem;
  min-width: 3.75rem;
  margin-left: 0.625rem;
  margin-right: 0;
}
header .order button.basket i.ico,
header .order div.button.basket i.ico {
  position: absolute;
  right: 0.813rem;
  top: 0.875rem;
  width: 2rem;
  height: 2rem;
}
header .order button.basket i.ico em,
header .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) {
  header .order button.basket,
  header .order div.button.basket {
    display: none;
  }
}
header .order button.view.basket,
header .order div.button.view.basket {
  max-width: none;
  margin-left: 0;
}
header .order button.view.basket em,
header .order div.button.view.basket em {
  right: 2.313rem;
}
header .order button.checkout + button.basket, header .order button.add + button.basket,
header .order div.button.checkout + button.basket,
header .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) {
  header .order button.add, header .order button.no, header .order button.next,
  header .order div.button.add,
  header .order div.button.no,
  header .order div.button.next {
    margin: 0;
    width: 100%;
  }
  header .order button.add i.ico.arr, header .order button.no i.ico.arr, header .order button.next i.ico.arr,
  header .order div.button.add i.ico.arr,
  header .order div.button.no i.ico.arr,
  header .order div.button.next i.ico.arr {
    display: none;
  }
}
header .order.error, header .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) {
  header .order.error, header .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) {
  header .order.error, header .order.cancel {
    right: 2.625rem !important;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  header .order.error button, header .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;
  }
}

nav {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc(100vw - 1.875rem);
  z-index: 200004;
  pointer-events: inherit;
  display: none;
}
.nav_ready nav {
  display: block;
}
nav > 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 > div {
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.nav_show nav > div {
  transform: translate3d(0, 0, 0);
  pointer-events: all;
}
.touchmove nav > div {
  transform: translate3d(var(--nav-xpos), 0, 0);
  transition: none;
}
nav > 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 > div pre {
  display: none;
}
.nav_show nav > div pre {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  nav > div pre {
    transform: translate3d(-30px, 0, 0);
    opacity: 0;
  }
  .trans_active nav > div pre {
    transition: opacity 0.2s linear;
  }
  .nav_show nav > 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 {
    width: calc(370px + env(safe-area-inset-left, 0));
  }
  nav > div {
    transform: translate3d(calc(-370px - env(safe-area-inset-left, 0)), 0, 0);
  }
  nav > div pre {
    transform: translate3d(calc(-100vw + 370px + env(safe-area-inset-left, 0)), 0, 0);
  }
}
nav .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 .nav-content::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.nav_show nav .nav-content {
  top: -25rem;
  filter: brightness(1);
  overflow-y: scroll;
}
.ios.maxw_md.touchmove .nav_show nav .nav-content {
  overflow-y: hidden;
}
nav .list {
  margin: 0;
}
nav .list.list-lines > li:last-child > div {
  border-color: transparent;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  nav .list.list-lines.list-compact > li:first-child {
    border-top: 1px solid #ecdac7 !important;
    border-color: var(--color-border) !important;
  }
}
nav .list.list-compact div.item figure.ico {
  width: 4.625rem;
}
nav .list.list-compact div.item figure.ico i.iconav {
  left: 0.938rem;
}
nav .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 .nav-placetime {
  padding-top: 25.75rem;
  padding-top: calc(25.75rem + var(--safe-area-top));
}
nav .nav-placetime h2 {
  margin: 0 0.625rem 0 0.625rem;
  padding-bottom: 1.125rem;
}
nav .member {
  padding: 0 0.625rem;
}
nav .member h2 {
  font: 400 1.625rem / 1.438rem "VCGooper", sans-serif;
  color: #fff;
  text-transform: none;
}
nav .member h2 span {
  font: 400 0.75rem / 1.5rem "VCGooper", sans-serif;
  display: block;
}
nav .member h2 span:last-child {
  padding-top: 0.25rem;
}
nav .nav-placetime > div,
nav .nav-user {
  transition: transform 0.35s ease-out;
  transform: scale(0.9);
  transform-origin: bottom right;
}
.nav_show nav .nav-placetime > div,
.nav_show nav .nav-user {
  transform: scale(1);
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  nav .nav-placetime > div,
  nav .nav-user {
    transition: transform 0.22s ease-out;
  }
}
nav .nav-user {
  transform-origin: top right;
  padding-left: env(safe-area-inset-left, 0);
}
nav .nav-user .list {
  margin: 1.25rem 0 6.25rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.hairline nav .nav-user .list {
  border-width: 0.5px !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}
nav .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 .nav-user .list a {
  border-width: 0.5px !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}
nav .nav-user .list a em {
  font-style: normal;
  padding-top: 0rem;
}
nav .nav-user .list a > span {
  display: flex;
  align-items: center;
  height: 100%;
}
nav .nav-user .list a > em {
  white-space: nowrap;
}
nav .nav-user .list a i.iconav {
  transform: scale(0.5);
  background-position-y: -27rem;
}
nav .nav-user .list a .ordernumber {
  transform: scale(0.5);
}
nav .nav-user .list .disabled a > span,
nav .nav-user .list .disabled a > em {
  opacity: 0.4;
}
nav .nav-user .plugins-container:not(:empty) + .list {
  margin-top: 0 !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  nav {
    bottom: auto;
    height: 100vh;
  }
  nav: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:before {
    opacity: 1;
    visibility: visible;
  }
  .nav_show.trans_active nav:before {
    transition: opacity 0.2s linear, visibility 0s linear 0s;
  }
  nav > 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 > 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 > div {
    opacity: 1;
    visibility: visible;
  }
  .nav_show.trans_active nav > div {
    transition: opacity 0.2s linear, transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s linear 0s;
  }
  nav > 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 > div:after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(-25vw + 1px);
    width: 25vw;
    height: 100vh;
    background-color: #f6f4e8;
    z-index: 7;
  }
  nav > div pre {
    left: 0;
  }
  nav .nav-content {
    right: 0;
    padding: 0;
    background: #4e3629;
    z-index: 3000002;
  }
  nav .nav-user li.taptic:not(.disabled):active {
    background-color: rgb(73.5920521927, 49.8826010787, 36.9995241769) !important;
  }
  nav .nav-placetime h2,
  nav .member h2 {
    padding-left: 0.313rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  nav > div {
    width: 23.75rem;
  }
  nav .nav-placetime,
  nav .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 .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 > div {
    width: 26.5vw;
  }
  nav .nav-placetime,
  nav .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);
  }
  .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 nav-companion .notifier > div .greeting, .order.add nav-companion .notifier > div .greeting, .heropromo_interacted nav-companion .notifier > div .greeting {
  display: none !important;
}
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;
}
.safari 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;
}
.safari 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;
}
.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: 20;
    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;
  }
}
@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;
}
@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;
  }
}
@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.625rem 0 0 0;
    margin: -0.625rem 0 0 0;
  }
  .dashboard-start .start_order {
    margin-top: -1.071rem;
  }
}

@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 {
  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 (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 {
  position: absolute;
  bottom: 1.688rem;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 3.5rem;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 1600px) {
  .heropromo__indicator {
    max-width: 1600px;
    left: calc(50% - 800px);
  }
  .kiosk .heropromo__indicator {
    max-width: 1500px;
  }
}
.orientation_portrait .kiosk .heropromo__indicator {
  bottom: 6.25rem;
  padding: 0 2.188rem;
  box-sizing: border-box;
}
.heropromo__indicator > div {
  position: relative;
  border: 0.938rem solid transparent;
  border-top: none;
  border-bottom: none;
  display: inline-flex;
  justify-content: flex-end;
  pointer-events: auto;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .heropromo__indicator > div {
    border-width: 1.875rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .heropromo__indicator > div {
    border-width: 2.813rem;
  }
}
.heropromo__indicator i {
  position: absolute;
  top: 1.25rem;
  width: 100%;
  height: 1rem;
  border-radius: 0.5rem;
  background-color: #f6f4e8;
  display: inline-block;
}
.heropromo__indicator b {
  position: relative;
  width: 1rem;
  height: 3.5rem;
}
.heropromo__indicator b:before {
  content: "";
  position: absolute;
  left: 0.188rem;
  top: calc(50% - 0.313rem);
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background-color: #ecdac7;
  z-index: 2;
}
.heropromo__indicator b.current:before {
  background-color: #4e3629;
}

.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) {
  .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;
  }
}
@media (orientation: portrait) {
  .heropromo__viewport .img-landscape-fallback {
    display: none;
  }
}
@media (orientation: landscape) {
  .heropromo__viewport .img-landscape-fallback {
    width: 100vw;
    height: 100%;
    background-size: cover;
    background-position: 50% 60%;
    background-repeat: no-repeat;
  }
}
@media (orientation: landscape) and (min-width: 1921px) {
  .heropromo__viewport .img-landscape-fallback {
    background-size: contain;
  }
}
@media (orientation: landscape) {
  .heropromo__viewport video {
    display: none;
  }
}

.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: hidden;
  }
}
@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 60px, #f6f4e8 100%);
    pointer-events: auto;
  }
  .safari .basket_active footer, .safari 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;
  }
}

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: 5.125rem;
  height: calc(5.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;
  text-overflow: ellipsis;
  display: block;
}
@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: 5.125rem;
  padding-top: 2.125rem;
}
footer > div div.sidebar-content h2 i.iconav.cart {
  position: absolute;
  left: 0.75rem;
  bottom: 1.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 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: 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 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 button {
  float: right;
  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) {
  .safari 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: 360px), (max-width: 1023px) and (max-height: 480px) and (min-width: 360px) {
  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 {
    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;
  }
}
@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: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.4015ac36fb78.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;
}
.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,
.receipt-container > ul li > div:nth-child(3) > div:last-child > h4,
.receipt-history ul li > div:nth-child(3) > h4,
.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,
.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,
.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,
.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,
.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;
  right: -8.625rem;
  top: 1.25rem;
  padding: 0;
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.1s linear;
  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 {
  float: right;
  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.wide h3 span + span,
.receipt-container > ul li > div.modify figure,
.receipt-history ul li > div.modify.wide h3 span + span,
.receipt-history ul li > div.modify figure {
  opacity: 0;
}
.receipt-container > ul li > div.modify + aside,
.receipt-history ul li > div.modify + aside {
  opacity: 1;
  transform: translate3d(-9.25rem, 0, 0);
}
.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;
  }
  .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.wide h3 span,
  .receipt-container > ul li > div.modify figure,
  .receipt-history ul li > div.modify.wide h3 span,
  .receipt-history ul li > div.modify figure {
    opacity: 1;
  }
  .receipt-container > ul li > div.modify + aside,
  .receipt-history ul li > div.modify + aside {
    transform: none;
  }
}

@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%;
}
.ie11 .list-container:before, .mobile.orientation_landscape .list-container:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  z-index: 1;
  background-color: #f6f4e8;
}
.mobile.orientation_landscape .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 {
    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 {
    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;
  }
}

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;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  product-config-meal-configurator,
  product-config-wizard-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: 1;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .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;
}
.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.stockout div.item, .list.list-compact > li.disabled div.item,
.list.list-compact > li.stockout div.item {
  pointer-events: none;
}
.list.products > li.disabled div.item figure > img,
.list.products > li.stockout div.item figure > img, .list.list-compact > li.disabled div.item figure > img,
.list.list-compact > li.stockout div.item figure > img {
  opacity: 0.35;
  -webkit-filter: saturate(20%);
  filter: saturate(20%);
}
.list.products > li.disabled div.item .support,
.list.products > li.stockout div.item .support, .list.list-compact > li.disabled div.item .support,
.list.list-compact > li.stockout div.item .support {
  display: none;
}
.list.products > li.stockout div.item h2,
.list.products > li.stockout div.item h2 span,
.list.products > li.stockout div.item h3,
.list.products > li.stockout div.item h3 span,
.list.products > li.stockout div.item em.stockout,
.list.products > li.stockout div.item p,
.list.products > li.disabled div.item h2,
.list.products > li.disabled div.item h2 span,
.list.products > li.disabled div.item h3,
.list.products > li.disabled div.item h3 span,
.list.products > li.disabled div.item em.stockout,
.list.products > li.disabled div.item p, .list.list-compact > li.stockout div.item h2,
.list.list-compact > li.stockout div.item h2 span,
.list.list-compact > li.stockout div.item h3,
.list.list-compact > li.stockout div.item h3 span,
.list.list-compact > li.stockout div.item em.stockout,
.list.list-compact > li.stockout div.item p,
.list.list-compact > li.disabled div.item h2,
.list.list-compact > li.disabled div.item h2 span,
.list.list-compact > li.disabled div.item h3,
.list.list-compact > li.disabled div.item h3 span,
.list.list-compact > li.disabled div.item em.stockout,
.list.list-compact > li.disabled div.item p {
  color: #cab9a5 !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;
}
.list.products fo-product {
  display: block;
}
.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 button.add1clk {
  position: absolute;
  right: 0.75rem;
  top: 0.375rem;
  z-index: 1;
}
.list.products div.item h2 {
  display: table;
  width: 100%;
  padding-right: 0.875rem;
}
.list.products div.item h2 span {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  right: auto;
}
.list.products div.item h2 span + span {
  position: relative;
  white-space: nowrap;
  text-align: right;
  padding-left: 0.313rem;
}
.list.products div.item span.reduced-price {
  color: #e40425;
}
.list.products div.item span.reduced-price em {
  position: absolute;
  right: 0;
  margin-top: -1.25rem;
  font-size: 0.688rem;
  color: #4e3629;
  text-decoration: line-through;
}
@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;
    }*/
  }
  .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;
  }
}
@media (max-width: 767px) and (min-width: 568px), (max-width: 1023px) and (max-height: 480px) and (min-width: 568px) {
  .list.products {
    margin-right: -0.688rem;
  }
  .overlay-detached .list.products {
    margin-right: -0.625rem;
  }
}
.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,
.list.products li.current div.item button.add1clk {
  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 button.add1clk,
.list.products li.adding div.item .support {
  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:not(.big) button.add1clk + h2, .list.products li div.item:not(.big) button.add1clk + span product-title-with-price h2 {
    width: calc(100% - 4rem);
  }
  .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 button.add1clk {
    top: 50%;
  }
  .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;
  }
}
@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 {
    height: 100%;
  }
  .list.products:not(.fav) li > div > div {
    height: 100%;
    box-sizing: border-box;
  }
  .list.products:not(.fav) li product,
  .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 {
    width: 20.375rem;
    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%;
  }
  .list.products:not(.fav) li div.item button.add1clk {
    top: 51%;
  }
}
@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 div.item button.add1clk {
    top: 39%;
  }
  .list.list-md-landscape-4.products:not(.fav) li div.overlay div.qty {
    display: none;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .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 > 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;
  }
}
@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) 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 button.add1clk {
    right: 2.5rem;
    bottom: 9.375rem;
  }
  .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.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;
    top: -0.125rem;
    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.5s 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: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;
}
.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-top: 1px solid #ecdac7;
    border-color: var(--color-border);
    margin-top: -1px;
  }
  .hairline .list.list-lines > li.current:not(.adding) > div > div:first-child {
    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: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    z-index: 1;
    background-color: #f6f4e8;
  }
  .ie11 .upgrade-container > div:nth-child(-n+2) .list.list-lines:before {
    content: none;
  }
  .list.list-lines:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    z-index: 1;
    background-color: #f6f4e8;
  }
  .od__content .list.list-lines:before {
    content: none;
  }
  .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 {
    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 {
    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;
}
@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 div.item {
  display: table;
  width: 100%;
  min-height: 5.5rem;
  padding: 0 0.25rem 0 0;
  box-sizing: border-box;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.list-compact div.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 div.item {
    min-height: 5.25rem;
  }
}
.list.list-compact div.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;
  padding: 0rem 0 0 0.875rem;
  height: 3.625rem;
  margin: 0;
  text-shadow: none;
}
.list.list-compact div.item h3 span,
.list.list-compact div.item h3 em.stockout {
  display: block;
  font-size: 0.75rem;
  margin-top: 0rem;
  color: #4e3629;
}
.list.list-compact div.item h3 em {
  font-style: normal;
}
.list.list-compact div.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 div.item h3.ellipsis {
  max-width: calc(var(--h3-ellipsis-width) - 5rem);
}
.list.list-compact div.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 div.item h3 {
    padding-left: 1.25rem;
    height: inherit;
  }
}
.list.list-compact div.item figure {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 6.063rem;
  margin: 0;
  overflow: hidden;
}
.list.list-compact div.item figure + h3 {
  padding-left: 0.188rem;
}
.list.list-compact div.item figure + h3.ellipsis {
  max-width: calc(var(--h3-ellipsis-width) - 10rem);
}
.list.list-compact div.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 div.item figure > img, .ie .kiosk .list.list-compact div.item figure > img {
    width: 97px;
    height: 90px !important;
  }
}
.list.list-compact div.item figure .support {
  right: 0.438rem;
}
.list.list-compact div.item figure .support img {
  width: 1.75rem;
  height: 1.75rem;
}
.list.list-compact div.item figure.card {
  width: 5.063rem;
}
.list.list-compact div.item figure.card img {
  left: 0.938rem;
  top: 1.688rem;
  width: 3.375rem !important;
  height: 2.125rem !important;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.list-compact div.item figure.card {
    width: 5.438rem;
  }
  .list.list-compact div.item figure.card img {
    left: 1.313rem;
  }
}
.list.list-compact div.item figure.ico {
  position: relative;
  width: 5.063rem;
}
.list.list-compact div.item figure.ico i.iconav {
  left: 1.125rem;
}
.list.list-compact li.disabled div.item figure.ico .iconav.clock {
  background-position-y: -33rem;
}

@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .list.list-compact div.item figure.ico {
    width: 5.438rem;
  }
  .list.list-compact div.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 div.item figure.ico .iconav.clock {
    background-position-y: -528px;
  }
}
.list.list-compact div.item.link {
  position: relative;
  pointer-events: all;
  z-index: 2;
}
.list.list-compact div.item.link h3 {
  color: #037c58;
  text-decoration: none;
  padding-top: 1rem;
  padding-bottom: 0.875rem;
}
.list.list-compact div.item.link h3.alert {
  color: #e40425;
}
.list.list-compact div.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 div.item.link h3 i.ico.forward-small {
  background-position-y: -43rem;
}

.list.list-compact div.item.link:nth-last-child(2) {
  background-color: #f6f4e8;
}
nav .list.list-compact div.item.link:nth-last-child(2) {
  background-color: transparent;
}
.list.list-compact div.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 div.item.link h3 {
    padding-top: 1.25rem;
    padding-bottom: 1.125rem;
  }
  section .list.list-compact div.item.link:nth-child(2) {
    margin-top: 0;
    border-top: 1px solid var(--color-border);
  }
  .hairline section .list.list-compact div.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 {
  pointer-events: none;
}
.list.list-compact > li.readonly div.item.link h3,
.list.list-compact > li div.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 {
  display: none;
}

.list.list-compact.linkanim li:nth-child(1) div.item {
  transition-delay: 0.1s !important;
}
.list.list-compact.linkanim li:nth-child(1) div.item + div.item {
  transition-delay: 0.2s !important;
}
.list.list-compact.linkanim li:nth-child(2) div.item {
  transition-delay: 0.32s !important;
}
.list.list-compact.linkanim div.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 div.item {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.list.list-compact div.item > div {
  display: table-cell;
  white-space: nowrap;
  height: 5.5rem;
}
.list.list-compact div.item > div > div {
  float: right;
  display: flex;
  height: 100%;
}
.list.list-compact div.item > div > div .price,
.list.list-compact div.item > div > div .amount {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.list.list-compact div.item > div > div .price > span,
.list.list-compact div.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 div.item > div > div .price > span.reduced-price,
.list.list-compact div.item > div > div .amount > span.reduced-price {
  color: #e40425;
}
.list.list-compact div.item > div > div .price > span.reduced-price em,
.list.list-compact div.item > div > div .amount > span.reduced-price em {
  position: absolute;
  right: 0.313rem;
  margin-top: -1.125rem;
  font-size: 0.688rem;
  text-decoration: line-through;
  font-style: normal;
  color: #4e3629;
}
.list.list-compact div.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 div.item > div > div .price.grey > span,
.list.list-compact div.item > div > div .price.grey > span.reduced-price em,
.list.list-compact div.item > div > div .price.grey mark {
  color: #cab9a5;
}
.list.list-compact div.item > div > div .amount > span {
  width: 1.563rem;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.list.list-compact div.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 div.item > div {
    height: 5.25rem;
  }
}
.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: 1;
    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;
    border: 1px solid #ecdac7;
    border-color: var(--color-border);
    bottom: 0 !important;
    margin: 0 -0.063rem -0.5rem -0.063rem;
    padding-top: 2.25rem;
    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.5rem 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;
}
.list.config li.product-info p em {
  font-style: normal;
  font-size: 0.75rem;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  .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 > 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);
  }
  .safari .stickyprod .list.config.upgrade {
    -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 50%, rgba(246, 244, 232, 0.85) 100%);
  }
  .orientation_landscape .kiosk main.stickyprod .list.config {
    position: absolute;
  }
  .safari .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;
  }
  .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 > 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.438rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .orientation_portrait .kiosk .list.config {
    width: 62.813rem;
    margin-left: -31.438rem;
  }
  .orientation_portrait .kiosk .list.config {
    top: 25.75rem;
    transition: top 1s cubic-bezier(0.23, 1, 0.32, 1);
    margin-left: -31.438rem;
  }
  .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.4015ac36fb78.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;
  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: hidden;
    --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;
  }
  .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;
  }
}

/* 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 {
  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 {
  outline: 1px 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 {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 0 0.875rem 0 0;
}
div.tabs.search ol + ol a i.ico {
  position: absolute;
}
div.tabs.search ol + ol a i.ico.set {
  background-position-y: -42.5rem;
}
@media (min-width: 1367px) {
  div.tabs.search ol + ol a 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 {
    padding-top: 0.25rem;
  }
}
@media (min-width: 1600px) {
  div.tabs.search ol + ol a {
    padding-right: 20px;
  }
}
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: end;
  align-items: center;
  padding: 0 0.875rem 0 0;
}
@media (min-width: 1600px) {
  div.tabs.search form button span {
    padding-right: 20px;
  }
}
div.tabs.search form button i.ico {
  top: auto;
  right: auto;
}
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 {
  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;
}
main.customise div.tabs2 ul li {
  font-size: 0.938rem;
  line-height: 1.5rem;
}
[data-whatinput=keyboard] div.tabs2 ul li:focus {
  outline: 1px solid #000;
}
div.tabs2 ul li.current {
  border: 2px solid #4e3629;
  border-bottom-color: #f6f4e8 !important;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  margin: 0 0.75rem;
  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;
  }
}

div.tabs-menu {
  position: absolute;
  left: 0;
  right: 0;
  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;
  display: none;
}
div.tabs-menu::-webkit-scrollbar {
  display: none !important;
}
@media (orientation: portrait) {
  .prodlist.tabs div.tabs-menu {
    display: block;
    pointer-events: all;
  }
}
div.tabs-menu > ul {
  display: inline-flex;
  list-style-type: none;
  padding: 0;
  margin: 0 0.625rem 0 0.625rem;
}
div.tabs-menu > ul > li {
  position: relative;
  width: 4.938rem;
  min-height: 6.625rem;
  padding: 0 0.313rem 0 0.313rem;
  margin-left: 2px;
  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;
  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;
}
div.tabs-menu > ul > li:first-child {
  display: none;
}
div.tabs-menu > ul > li:nth-child(2) {
  margin-left: 0;
}
div.tabs-menu > ul > li.current {
  color: #fff;
  background: #4e3629;
  border-bottom: 1px solid transparent;
}
div.tabs-menu > ul > li.current:before, div.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;
}
div.tabs-menu > ul > li.current:after {
  z-index: 2;
  bottom: -0.438rem;
  border-top-color: #4e3629;
}
div.tabs-menu > ul > li.current figure:before,
div.tabs-menu > ul > li.current > span:before {
  border-bottom: none;
}
div.tabs-menu > ul > li figure {
  position: relative;
  display: block;
  height: 3.875rem;
  margin: 0 -0.313rem 0.5rem -0.313rem;
  overflow: hidden;
}
div.tabs-menu > ul > li figure > img {
  max-width: inherit;
  height: 4.625rem;
  margin-top: -4px;
}
div.tabs-menu > ul > li figure:before,
div.tabs-menu > ul > li > 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) {
  div.tabs-menu {
    display: block;
  }
  body:not(.kiosk) div.tabs-menu {
    display: none !important;
  }
  div.tabs-menu > ul > li {
    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) {
  div.tabs-menu {
    left: -17.143rem;
    right: auto;
    top: 0;
    width: 17.143rem;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  div.tabs-menu > ul {
    flex-direction: column;
    margin: 2.089rem 0 5.357rem 0;
  }
  div.tabs-menu > ul > li {
    display: flex;
    align-items: center;
    margin: 0.107rem 0;
    padding: 0.214rem 0 0 5.357rem;
    width: 15.911rem;
    height: 3.536rem;
    min-height: auto;
    text-align: left;
    box-sizing: border-box;
  }
  div.tabs-menu > ul > li:first-child {
    display: flex;
    margin: 0.107rem 0 1.179rem 0;
  }
  div.tabs-menu > ul > li.current:before {
    left: auto;
    right: -0.375rem;
    top: 0;
    bottom: auto;
    width: 0.75rem;
    height: 3.536rem;
    border: none;
    border-radius: 50%;
    background-color: #4e3629;
  }
  div.tabs-menu > ul > li.current:after {
    content: none;
  }
  div.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) {
  div.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) {
  div.tabs-menu > ul > li.tabs-menu__2nd {
    height: auto;
  }
  div.tabs-menu > ul > li.tabs-menu__2nd ul {
    display: inline-flex;
    flex-direction: column;
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 0.625rem 0;
  }
  div.tabs-menu > ul > li.tabs-menu__2nd ul li {
    display: flex;
    align-items: center;
    height: 2.464rem;
    color: #037c58;
  }
  div.tabs-menu > ul > li figure,
  div.tabs-menu > ul > li > span {
    position: absolute;
    top: 0;
    left: 1.018rem;
    margin: 0;
    height: 3.536rem;
  }
  div.tabs-menu > ul > li figure:before,
  div.tabs-menu > ul > li > span:before {
    content: none;
  }
  div.tabs-menu > ul > li figure img,
  div.tabs-menu > ul > li > span img {
    margin: 0.214rem 0 0 0;
    height: 3.107rem;
  }
  div.tabs-menu > ul > li > 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) {
  div.tabs-menu {
    left: 2.625rem;
    top: 0;
    height: 8.125rem;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .customise div.tabs-menu, .deal_grid div.tabs-menu, .deal div.tabs-menu {
    display: none;
  }
  div.tabs-menu > ul {
    float: left;
    margin: 0 2.625rem 0 0;
    width: auto;
  }
  div.tabs-menu > ul > li {
    width: 5.875rem;
    height: 7.625rem;
  }
  div.tabs-menu > ul > li:first-child {
    position: sticky;
    left: 0;
    top: 0;
    display: block;
    z-index: 3;
    margin-left: 0;
    margin-right: 2.5rem;
  }
  div.tabs-menu > ul > li:first-child:not(.current) {
    width: 7.75rem;
    height: 8.125rem;
    margin-right: 0.625rem;
    padding-right: 2.188rem;
    background: linear-gradient(to right, #f6f4e8 5.875rem, transparent 100%);
  }
  div.tabs-menu > ul > li figure,
  div.tabs-menu > ul > li > span {
    height: 4.75rem;
  }
  div.tabs-menu > ul > li figure > img,
  div.tabs-menu > ul > li > span > img {
    height: 5.5rem;
  }
  div.tabs-menu > ul > li figure i.iconav,
  div.tabs-menu > ul > li > span i.iconav {
    margin: 1.438rem auto 0.688rem auto;
    min-height: 3.125rem;
  }
}

.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;
  display: none;
}
.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%;
  text-align: left;
}
.shadowbox > div > h2 {
  margin-top: 0;
}
.shadowbox > div > p {
  font: 400 1.063rem / 1.563rem "VCGooper", sans-serif;
  letter-spacing: 0rem;
  word-spacing: 0rem;
  margin-bottom: 1.563rem;
  margin-top: -0.938rem;
}
.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: #e40425;
}
.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 > figure {
  margin: -2.188rem -0.625rem 1.25rem -0.625rem;
}
.shadowbox > div > figure img {
  width: 100%;
}
.shadowbox > div > figure.scanimage {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin: 1.875rem 0 4rem 0;
}
.shadowbox > div > figure.scanimage > div {
  position: relative;
  display: inline-block;
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .shadowbox > div {
    width: 30rem;
    padding: 1.875rem 1.563rem 1.625rem 1.563rem;
    border: none !important;
    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;
    padding-left: 0.25rem;
  }
}
.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;
  }
}

#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%;
}

.message {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  min-height: 31.25rem;
  margin-top: -15.625rem;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.7s linear;
}
.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 {
  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.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 {
  display: flex;
  align-items: center;
}
.message.one-moment > div {
  width: 100%;
}
.message.one-moment .progress-animation {
  margin: 10.625rem 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;
}
.message.order-error, .message.closed, .message.init, .message.receipt-question, .message.payment-question {
  display: flex;
  align-items: center;
  justify-content: center;
}
.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.payment-question, .message.insert-card, .message.enter-pin {
  transform: translate3d(0, 6.25rem, 0);
}
.doc_ready .message.receipt-question, .doc_ready .message.payment-question, .doc_ready .message.insert-card, .doc_ready .message.enter-pin {
  transform: translate3d(0, 0, 0);
  transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s linear;
}
.message.order-error h1 {
  color: #e40425;
}
@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;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: landscape), (min-width: 1024px) and (orientation: landscape) {
  .doc_ready.kiosk .hide_receipt .message {
    transform: translate3d(3.5%, 0, 0);
  }
}
@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: calc(50% - 200px);
  }
  .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.receipt-question div.pure-g {
    display: flex;
    justify-content: center;
    margin-top: 1.875rem;
  }
  .message.payment-question a.button {
    margin-bottom: 1.071rem;
  }
  .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(3.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.4c86a7a7e781.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;
}
@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.wide {
    height: calc(60vw + 20rem);
  }
  .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: 568px) {
  .popup .content figure.store {
    background-color: #000;
  }
}
@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.wide {
    width: 67.875rem;
    margin-left: -2.5rem;
  }
  .popup .content figure.wide > img {
    width: 100%;
    height: 50%;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .popup .content figure.wide {
    width: 62.625rem;
    margin-left: 0;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .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), (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;
}
#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.d97a6a6d8b73.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;
}

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;
  color: #4e3629;
}
.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: none;
}
[data-whatinput=keyboard] .country-language a:focus {
  outline: 1px solid #000;
}
nav .country-language {
  justify-content: left;
  margin: -6.25rem 0 3.125rem 0;
  padding-left: 0.313rem;
}
nav .country-language a,
nav .country-language em {
  color: #fff;
}
nav .country-language span {
  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.25rem;
  }
  .kiosk .country-language a,
  .kiosk .country-language span {
    padding: 0 0.625rem;
  }
  .kiosk .country-language span.country {
    padding-left: 3.375rem;
    padding-right: 0.813rem;
  }
  .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;
  }
  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;
  }
}

.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.608eaf785fe1.svg?lc-1680523460");
  mask: url("../images/mask.608eaf785fe1.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.a5a72c5f7107.svg?lc-1680523460");
}

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: #115740;
  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-size: 1.394rem;
    line-height: 1.875rem;
  }
}

.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(11) {
  animation-delay: 1s;
}
aborting div:first-child i:nth-child(10) {
  animation-delay: 2s;
}
aborting div:first-child i:nth-child(9) {
  animation-delay: 3s;
}
aborting div:first-child i:nth-child(8) {
  animation-delay: 4s;
}
aborting div:first-child i:nth-child(7) {
  animation-delay: 5s;
}
aborting div:first-child i:nth-child(6) {
  animation-delay: 6s;
}
aborting div:first-child i:nth-child(5) {
  animation-delay: 7s;
}
aborting div:first-child i:nth-child(4) {
  animation-delay: 8s;
}
aborting div:first-child i:nth-child(3) {
  animation: inherit;
}
aborting div:first-child h2 {
  text-align: center;
  padding-top: 0.5rem;
}
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;
}

@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.188rem;
  }
  .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;
}
.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;
}
.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.188rem;
  }
  .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;
}

/* Buttons */
button,
a.button {
  position: relative;
  float: left;
  width: 100%;
  height: 3.75rem;
  min-width: 0;
  background-color: #d1c0ac;
  border: none;
  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 {
  box-shadow: inset 0 0.125rem 0.063rem rgba(0, 0, 0, 0.25);
  -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.938rem;
  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;
  top: 0.875rem;
  right: 0.75rem;
  z-index: 1;
}
button span > i.ico.forward,
a.button span > i.ico.forward {
  right: 0.438rem;
}
@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 {
    top: 1.5rem;
  }
}
button.square,
a.button.square {
  width: 3.75rem;
}
button.square span,
a.button.square span {
  justify-content: center;
}
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;
  }
  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.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 {
  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 {
  display: none !important;
}
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 {
  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.125rem;
  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 + i.loading-spinner, button.placeorder > em + i.loading-spinner, button.add > em + i.loading-spinner, button.select > em + i.loading-spinner, button.view > em + i.loading-spinner, button.next > em + i.loading-spinner,
a.button.checkout > em + i.loading-spinner,
a.button.placeorder > em + i.loading-spinner,
a.button.add > em + i.loading-spinner,
a.button.select > em + i.loading-spinner,
a.button.view > em + i.loading-spinner,
a.button.next > em + i.loading-spinner {
  position: absolute;
}
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: 2.25rem;
    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,
  header 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 + 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;
}
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 0.938rem 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.625rem 0.063rem 0 0.563rem;
  width: 100%;
  height: 11.25rem;
  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 {
  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:last-child {
  border-bottom: none;
}
div.qty > div > div > div a:first-child {
  border-top: 1px solid #ccc;
}
.hairline div.qty > div > div > div a {
  border-width: 0.5px;
  height: 3.75rem;
}
.upgrade div.qty > div > div > div a {
  border-color: #eee2d8;
}
.upgrade div.qty > div > div > div a: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 {
    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.313rem;
  padding-top: 0;
  padding-bottom: 0.625rem;
}
div.qty.below > div > div a:last-child, .minw_md div.qty.below-md > div > div a:last-child {
  border-bottom: 1px solid #ccc;
}
div.qty.below > div > div a:first-child, .minw_md div.qty.below-md > div > div a:first-child {
  border-top: none;
}
.hairline div.qty.below > div > div a, .hairline .minw_md div.qty.below-md > div > div a {
  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 0.063rem 0.5rem 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 .minw_md div.qty.below-md > div > div > div a {
    font-size: 0.813rem;
    line-height: 2.625rem;
    height: 2.438rem;
  }
  .hairline .receipt-container div.qty.below > div > div > div a, .hairline .receipt-container .minw_md div.qty.below-md > div > div > div a {
    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-reverse;
  }
}

@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.938rem;
}
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.313rem;
  right: -0.75rem;
  width: 0.75rem;
  height: 1.25rem;
  background-image: url("../images/add-arrow.376d4c16731f.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;
  }
  button.add span, button.select span,
  a.button.add span,
  a.button.select span {
    position: relative;
    width: auto;
    min-width: 4rem;
    font-size: 0.725rem;
    line-height: 1.25rem;
    padding: 2.571rem 0.625rem 0 0.625rem;
    display: flex;
    justify-content: center;
  }
  button.add span > i.ico, button.select span > i.ico,
  a.button.add span > i.ico,
  a.button.select span > i.ico {
    top: auto;
    bottom: 2rem;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  button.customise span,
  a.button.customise span {
    justify-content: center;
  }
}
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 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;
}
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 {
  top: 0.625rem;
  right: 0.625rem;
  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.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;
}
@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 {
  border: 0.125rem solid #ecdac7;
  background-color: #fff !important;
  width: 3.625rem;
  height: 3.625rem;
  border-radius: 2.5rem;
  margin: 0;
  padding: 0 0 0 0.688rem;
}
button.round:active,
a.button.round:active {
  box-shadow: none;
}
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;
  -webkit-filter: inherit;
  filter: inherit;
}
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;
}

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;
}

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;
  margin: 0.625rem -0.625rem 0 0;
}
.shadowbox .size_split {
  margin: 0 -0.625rem 0 0;
  clear: both;
}
.shadowbox .size_split button,
.shadowbox .size_split 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 button {
  float: none;
  display: inline-block;
  margin-left: 0.438rem;
  margin-right: 0.438rem;
}
.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;
}

.plusminus-compact {
  position: relative;
  overflow: hidden;
}
.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;
}

.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: #f6f4e8;
  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.red {
  pointer-events: none;
  width: 2.5rem;
  right: 2.625rem;
  opacity: 0;
  transform: translate3d(-0.375rem, 0, 0);
}
.plusminus-compact button.round.red i.ico {
  pointer-events: none;
}
@media (min-width: 1600px) {
  .plusminus-compact button.round.red {
    right: 2.625rem;
  }
}
@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 {
  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 {
  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 {
    transform: translate3d(1.607rem, 0, 0);
    background-position-y: -632px;
  }
}
.plusminus-compact.active 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;
  }
  .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 {
  outline: 3px solid #000;
}

/* 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[autocomplete=street-address]::-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 .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-table;
  width: 0.25rem;
  text-indent: -3000px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s linear 0.4s;
}
@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;
  text-indent: inherit;
  overflow: inherit;
  opacity: 1;
}
.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.438rem 0.938rem 0.375rem;
  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 a.goPop,
.chksmall .rdo input + label a.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.438rem 0.938rem 0.375rem;
  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.438rem 0.813rem 0.375rem;
  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.438rem 0.813rem 0.375rem;
  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 .sml i.icordo {
  top: -0.375rem;
}
.rdo.size-ico i.icordo {
  top: -0.125rem;
}
.rdo.size-ico .lrg i.icordo {
  top: 0.063rem;
}
.rdo.size-ico .xl i.icordo {
  top: 0.25rem;
}
.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 .sml i.icordo {
    top: -0.214rem;
  }
  .rdo.size-ico i.icordo {
    top: 0;
  }
  .rdo.size-ico .lrg i.icordo {
    top: 0.107rem;
  }
  .rdo.size-ico .xl i.icordo {
    top: 0.214rem;
  }
  .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: 1367px), (min-width: 1024px) and (min-width: 1367px) {
  .rdo.size-ico label span:not(.outline) i.icordo.icordo__design-a {
    background-position-y: -144px;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  .rdo.size-ico i.icordo {
    top: -0.054rem;
  }
}
.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;
}

.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;
	}
}*/
.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.4015ac36fb78.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.down {
  background-position-x: -15.5rem;
}
i.ico.up {
  background-position-x: -21.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.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.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.down {
    background-position-x: -248px;
  }
  i.ico.up {
    background-position-x: -344px;
  }
  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.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.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.4015ac36fb78.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.9be00278d9a4.svg?lc-1680523460");
}
i.icocntry.no {
  background: url("../images/flags/norway.c00529d7c5b9.svg?lc-1680523460");
}
i.icocntry.dk {
  background: url("../images/flags/denmark.8da1ba41cf0e.svg?lc-1680523460");
}
i.icocntry.fi {
  background: url("../images/flags/finland.b3fea2549785.svg?lc-1680523460");
  box-shadow: 0 0 3px 2px rgba(78, 54, 41, 0.07);
}
i.icocntry.ee {
  background: url("../images/flags/estonia.d1bc4278b1d9.svg?lc-1680523460");
  box-shadow: 0 0 3px 2px rgba(78, 54, 41, 0.07);
}
i.icocntry.pl {
  background: url("../images/flags/poland.9437e5eb99e6.svg?lc-1680523460");
  box-shadow: 0 0 3px 2px rgba(78, 54, 41, 0.07);
}
i.icocntry.gb {
  background: url("../images/flags/uk.dac6b211b5cf.svg?lc-1680523460");
}
i.icocntry.de {
  background: url("../images/flags/germany.f886798c4180.svg?lc-1680523460");
}
i.icocntry.ch {
  background: url("../images/flags/switzerland.b4a3e93040d2.svg?lc-1680523460");
}
i.icocntry.us {
  background: url("../images/flags/us.2f11b092e4d8.svg?lc-1680523460");
}

i.icordo {
  position: relative;
  width: 3rem;
  height: 3rem;
  margin: 0rem;
  display: block;
  background-image: url("../images/ico-sheet-rdo.svg?v=l28");
  background-size: 33rem 33rem;
  background-position: 0 -3rem;
}
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;
}
@media (min-width: 1367px) {
  i.icordo {
    width: 48px;
    height: 48px;
    background-size: 528px 528px;
    background-position: 0 -48px;
  }
  i.icordo.icordo__size-1 {
    background-position-x: -48px;
  }
  i.icordo.icordo__size-2 {
    background-position-x: -144px;
  }
  i.icordo.icordo__size-3 {
    background-position-x: -240px;
  }
  i.icordo.icordo__size-4 {
    background-position-x: -336px;
  }
  i.icordo.icordo__size-5 {
    background-position-x: -432px;
  }
}

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);
  }
}
.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);
  }
}
.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;
  }
}
/* Plugins */
.plugins-container {
  --primary-button-color: #4e3629;
  --thin-line: 1px solid var(--color-border);
  --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;
  position: relative;
  box-sizing: border-box;
}
.hairline .plugins-container {
  --thin-line: 0.5px solid var(--color-border);
}
.dashboard section .plugins-container {
  margin: 0.625rem 0 0 0;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
.heropromo .plugins-container {
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.orders section .plugins-container {
  margin: 0 -0.625rem 0.625rem -0.625rem;
}
.checkout section .plugins-container {
  margin: 0 -0.625rem 1.625rem -0.625rem;
  z-index: 1;
}
.categories section .plugins-container {
  margin: 0 -0.625rem 0.25rem -0.625rem;
}
.receipt-container .plugins-container {
  --basket-font-size: 0.938rem;
  --basket-line-height: 1.5rem;
}
.pageplugin .plugins-container {
  padding-bottom: 9.375rem;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 480px) {
  section.pageplugin {
    padding-left: 0;
    padding-right: 0;
  }
  .pageplugin .plugins-container {
    box-sizing: border-box;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (min-width: 1600px), (min-width: 1024px) and (min-width: 1600px) {
  .dashboard section .plugins-container {
    left: calc((100% - 85.714rem) / 2);
    max-width: 85.714rem;
  }
  .heropromo .plugins-container {
    left: auto !important;
    max-width: none !important;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .orders section .plugins-container {
    margin-left: 0.125rem;
    margin-bottom: 1.25rem;
  }
  .checkout section .plugins-container {
    margin-left: 0.063rem;
    margin-bottom: 2rem;
  }
  .categories section .plugins-container {
    margin: 0 0.25rem 0.25rem 0.313rem;
  }
  .receipt-container .plugins-container {
    --basket-font-size: 0.813rem;
    --basket-line-height: 1.375rem;
    margin: 0 0 0 1rem;
  }
}
@media (min-width: 768px) and (min-height: 481px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
  .receipt-container .plugins-container {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (min-height: 481px), (min-width: 1024px) {
  .kiosk .hide_receipt .plugins-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
  }
}

/* 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;
  }
}

@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] div.tabs-menu ul li {
  font-size: 0.688rem;
}
html[lang=pl-pl] div.tabs-menu ul li:first-child {
  padding-left: 0.313rem;
  padding-right: 0.313rem;
}
html[lang=pl-pl] div.tabs-menu ul li:first-child 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) {
  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) {
  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.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.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.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;
    right: 0.625rem;
    top: 0.625rem;
    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) {
  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) 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 {
    top: 0.938rem;
    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;
}

@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 {
  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 button:only-child span,
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 button:only-child span i,
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 button:only-child span,
  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;
}
button.outline span, button.back span, button.filter span,
div.button.outline span,
div.button.back span,
div.button.filter span {
  padding-right: 2.313rem;
  padding-left: 0.813rem;
}
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 {
  top: 0.75rem;
  right: 0.75rem;
}
@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.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 span, button.pin span, button.edit span, button.order-later2 span, button.customise span, button.close span, button.cancel span, button.change span, button.no span, button.addpayment span, button.logout span, button.cancelorder span, button.changeorder span, button.order-next span, button.order-prev span, button.timeslot span, button.more span, button.showmore span, button.modify span, button.social span, button.order-from span, button.order-time span, button.fav span, button.emailreceipt span, button.access span, button.reset span, button.arrived span, button.cookie-settings span, button.delete span, button.getaddress span,
a.button.info span,
a.button.pin span,
a.button.edit span,
a.button.order-later2 span,
a.button.customise span,
a.button.close span,
a.button.cancel span,
a.button.change span,
a.button.no span,
a.button.addpayment span,
a.button.logout span,
a.button.cancelorder span,
a.button.changeorder span,
a.button.order-next span,
a.button.order-prev span,
a.button.timeslot span,
a.button.more span,
a.button.showmore span,
a.button.modify span,
a.button.social span,
a.button.order-from span,
a.button.order-time span,
a.button.fav span,
a.button.emailreceipt span,
a.button.access span,
a.button.reset span,
a.button.arrived span,
a.button.cookie-settings span,
a.button.delete span,
a.button.getaddress span {
  padding-right: 2.313rem;
  padding-left: 0.813rem;
}
button.info span > i.ico, button.pin span > i.ico, button.edit span > i.ico, button.order-later2 span > i.ico, button.customise span > i.ico, button.close span > i.ico, button.cancel span > i.ico, button.change span > i.ico, button.no span > i.ico, button.addpayment span > i.ico, button.logout span > i.ico, button.cancelorder span > i.ico, button.changeorder span > i.ico, button.order-next span > i.ico, button.order-prev span > i.ico, button.timeslot span > i.ico, button.more span > i.ico, button.showmore span > i.ico, button.modify span > i.ico, button.social span > i.ico, button.order-from span > i.ico, button.order-time span > i.ico, button.fav span > i.ico, button.emailreceipt span > i.ico, button.access span > i.ico, button.reset span > i.ico, button.arrived span > i.ico, button.cookie-settings 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.edit span > i.ico,
a.button.order-later2 span > i.ico,
a.button.customise span > i.ico,
a.button.close span > i.ico,
a.button.cancel span > i.ico,
a.button.change span > i.ico,
a.button.no span > i.ico,
a.button.addpayment span > i.ico,
a.button.logout span > i.ico,
a.button.cancelorder span > i.ico,
a.button.changeorder span > i.ico,
a.button.order-next span > i.ico,
a.button.order-prev span > i.ico,
a.button.timeslot span > i.ico,
a.button.more span > i.ico,
a.button.showmore span > i.ico,
a.button.modify span > i.ico,
a.button.social span > i.ico,
a.button.order-from span > i.ico,
a.button.order-time span > i.ico,
a.button.fav span > i.ico,
a.button.emailreceipt span > i.ico,
a.button.access span > i.ico,
a.button.reset span > i.ico,
a.button.arrived span > i.ico,
a.button.cookie-settings span > i.ico,
a.button.delete span > i.ico,
a.button.getaddress span > i.ico {
  top: 0.75rem;
  right: 0.75rem;
}
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, button.pin span, button.edit span, button.order-later2 span, button.customise span, button.close span, button.cancel span, button.change span, button.no span, button.addpayment span, button.logout span, button.cancelorder span, button.changeorder span, button.order-next span, button.order-prev span, button.timeslot span, button.more span, button.showmore span, button.modify span, button.social span, button.order-from span, button.order-time span, button.fav span, button.emailreceipt span, button.access span, button.reset span, button.arrived span, button.cookie-settings span, button.delete span, button.getaddress span,
  a.button.info span,
  a.button.pin span,
  a.button.edit span,
  a.button.order-later2 span,
  a.button.customise span,
  a.button.close span,
  a.button.cancel span,
  a.button.change span,
  a.button.no span,
  a.button.addpayment span,
  a.button.logout span,
  a.button.cancelorder span,
  a.button.changeorder span,
  a.button.order-next span,
  a.button.order-prev span,
  a.button.timeslot span,
  a.button.more span,
  a.button.showmore span,
  a.button.modify span,
  a.button.social span,
  a.button.order-from span,
  a.button.order-time span,
  a.button.fav span,
  a.button.emailreceipt span,
  a.button.access span,
  a.button.reset span,
  a.button.arrived span,
  a.button.cookie-settings span,
  a.button.delete span,
  a.button.getaddress span {
    padding-top: 0.188rem;
  }
  button.info span > i.ico, button.pin span > i.ico, button.edit span > i.ico, button.order-later2 span > i.ico, button.customise span > i.ico, button.close span > i.ico, button.cancel span > i.ico, button.change span > i.ico, button.no span > i.ico, button.addpayment span > i.ico, button.logout span > i.ico, button.cancelorder span > i.ico, button.changeorder span > i.ico, button.order-next span > i.ico, button.order-prev span > i.ico, button.timeslot span > i.ico, button.more span > i.ico, button.showmore span > i.ico, button.modify span > i.ico, button.social span > i.ico, button.order-from span > i.ico, button.order-time span > i.ico, button.fav span > i.ico, button.emailreceipt span > i.ico, button.access span > i.ico, button.reset span > i.ico, button.arrived span > i.ico, button.cookie-settings 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.edit span > i.ico,
  a.button.order-later2 span > i.ico,
  a.button.customise span > i.ico,
  a.button.close span > i.ico,
  a.button.cancel span > i.ico,
  a.button.change span > i.ico,
  a.button.no span > i.ico,
  a.button.addpayment span > i.ico,
  a.button.logout span > i.ico,
  a.button.cancelorder span > i.ico,
  a.button.changeorder span > i.ico,
  a.button.order-next span > i.ico,
  a.button.order-prev span > i.ico,
  a.button.timeslot span > i.ico,
  a.button.more span > i.ico,
  a.button.showmore span > i.ico,
  a.button.modify span > i.ico,
  a.button.social span > i.ico,
  a.button.order-from span > i.ico,
  a.button.order-time span > i.ico,
  a.button.fav span > i.ico,
  a.button.emailreceipt span > i.ico,
  a.button.access span > i.ico,
  a.button.reset span > i.ico,
  a.button.arrived span > i.ico,
  a.button.cookie-settings span > i.ico,
  a.button.delete span > i.ico,
  a.button.getaddress span > i.ico {
    top: 1.313rem;
  }
  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;
  }
}
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;
    bottom: 1.875rem;
  }
  .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.access span > i.ico,
a.button.access span > i.ico {
  top: 0.313rem;
}
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;
  top: 0.875rem;
}
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;
  top: 0.75rem;
}
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;
}

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