@charset "UTF-8";
/*------------------------------------*\
    #BASE
\*------------------------------------*/
/* Fonts */
@font-face {
  font-display: swap;
  font-family: PlantinMTPro;
  src: url("/font/PlantinMTProLightx.woff2");
  font-style: normal;
  font-feature-settings: "kern", "liga", "cpsp" on;
  font-weight: 300;
}
@font-face {
  font-display: swap;
  font-family: PlantinMTPro;
  src: url("/font/PlantinMTProRg.woff2");
  font-style: normal;
  font-feature-settings: "kern", "liga", "cpsp" on;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Poppins-Regular;
  src: url("/font/Poppins-Regular.woff2");
  font-style: normal;
  font-feature-settings: "kern", "liga", "cpsp" on;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Poppins-Medium;
  src: url("/font/Poppins-Medium.woff2");
  font-style: normal;
  font-feature-settings: "kern", "liga", "cpsp" on;
  font-weight: 500;
}
@font-face {
  font-display: swap;
  font-family: Poppins-SemiBold;
  src: url("/font/Poppins-SemiBold.woff2");
  font-style: normal;
  font-feature-settings: "kern", "liga", "cpsp" on;
  font-weight: 600;
}
/* Global */
/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
* {
  margin: 0;
  padding: 0;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

*:active,
*:focus {
  outline: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  font-synthesis: none;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  max-width: 100%;
  font-family: "Poppins-Regular", sans-serif;
  font-weight: 400;
  background: #fafafa;
  visibility: visible;
}

.ie-msg-wrapper {
  display: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}

a {
  color: #000;
}

button {
  padding: 0;
  font-family: inherit;
  cursor: pointer;
  font-size: 100%;
  border: 0;
  background: transparent;
}

input[type=time],
input[type=date],
input::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

/* Choose your autofill color for input fields etc */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 69.44em #fafafa inset;
  -webkit-text-fill-color: #000;
}

::-moz-selection {
  background: #0050BE;
  color: #fafafa;
}

::selection {
  background: #0050BE;
  color: #fafafa;
}

::-moz-selection {
  background: #0050BE;
  color: #fafafa;
}

/* Helpers */
/* Use this on a span tag instead of depricated br tag */
.br::after {
  display: block;
  clear: both;
  content: "";
}

/* Text meant only for screen readers. */
.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* for Internet Explorer */
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
}

/* Grid */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.39em;
  padding-left: 1.39em;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: "PlantinMTPro", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em;
}

h1 {
  font-size: 2.22em;
  margin-bottom: 2.08rem;
}

h2 {
  font-size: 1.53em;
  margin-bottom: 0.69em;
}

p {
  margin-bottom: 1.39em;
}

strong {
  font-family: "Poppins-SemiBold", sans-serif;
  font-weight: 600;
}

/*------------------------------------*\
    #ELEMENTS
\*------------------------------------*/
/* Inputs */
input,
textarea {
  font-family: "Poppins-Regular", sans-serif;
  font-weight: 400;
  background: #fafafa;
}

/* Apply your own styling to placeholders */
input::-moz-placeholder, input:focus::-moz-placeholder, textarea::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-family: "Poppins-Regular", sans-serif;
  font-weight: 400;
  font-size: 0.97em;
  -webkit-font-smoothing: antialiased;
}
input::placeholder,
input:focus::placeholder,
textarea::placeholder,
textarea:focus::placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-family: "Poppins-Regular", sans-serif;
  font-weight: 400;
  font-size: 0.97em;
  -webkit-font-smoothing: antialiased;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*------------------------------------*\
    #MODULES
\*------------------------------------*/
/* Modal */
.universal-message {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  padding: 0 16px 16px;
  box-sizing: border-box;
  opacity: 1;
  transform: translateY(-10px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
}

.universal-message.universal-message--hidden {
  opacity: 0;
  transform: translateY(100%);
}

.universal-message__inner {
  pointer-events: auto;
  max-width: 960px;
  width: 100%;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.15);
  padding: 16px 24px 18px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.universal-message__note {
  position: absolute;
  left: 24px;
  top: 10px;
  padding: 2px 10px;
  border-radius: 999px;
  background: #dff5ff;
  color: #0f766e;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.universal-message__text {
  margin-bottom: 20px;
  font-size: 14px;
}

.universal-message__text p {
  margin: 0 0 10px;
}

.universal-message__countdown {
  margin-left: auto;
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.universal-message__time {
  min-width: 60px;
  padding: 6px 10px 8px;
  border-radius: 8px;
  background: #0050BE;
  text-align: center;
  color: #fafafa;
}

.universal-message__time span {
  display: block;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.universal-message__time small {
  display: block;
  margin-top: 2px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.universal-message__close {
  position: absolute;
  right: 16px;
  top: 10px;
  border: none;
  background: transparent;
  font-size: 20px;
  color: #000;
  cursor: pointer;
  line-height: 1;
}

.universal-message__close:hover {
  color: #0050BE;
}

.universal-message__expired {
  font-size: 13px;
  color: #6b7280;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .universal-message__inner {
    padding: 14px 14px 16px;
  }
  .universal-message__body {
    flex-direction: column;
    align-items: flex-start;
  }
  .universal-message__countdown {
    margin-left: 0;
  }
  .universal-message__note {
    left: 14px;
  }
  .universal-message__close {
    right: 10px;
  }
}
/* Basket */
.basket-overlay {
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
}

.basket-content {
  position: fixed;
  z-index: 3;
  top: 0;
  right: -22.22em;
  overflow: auto;
  font-size: 0.83em;
  width: 22.22em;
  height: 100%;
  min-height: 13.89em;
  background: #fafafa;
}

.basket-hl {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: 2.5em;
  padding-left: 1.39em;
  border-bottom: 0.07em solid rgba(0, 0, 0, 0.1);
}

.basket-content-quantity {
  position: absolute;
  z-index: 1;
  top: 0.7em;
  right: 1.39em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.69rem;
  height: 1.6em;
  padding: 0.35em;
  color: #fafafa;
  background: #0050BE;
  border-radius: 0.21em;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
}

.basket-items-wrap {
  position: absolute;
  top: 2.5em;
  bottom: 14.7em;
  padding-top: 1.39em;
  overflow-x: hidden;
  overflow-y: auto;
  width: 22.22em;
}

.basket-item {
  display: flex;
  padding: 0 1.39em 1.39em 1.39em;
}

.basket-item-info {
  display: flex;
  flex-direction: column;
  margin-left: 0.49em;
}

.basket-item-info > div:last-of-type {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}

.basket-item-img {
  flex-shrink: 0;
  width: 5em;
}

p.basket-item-name {
  margin-bottom: 0.21em;
  font-family: "Poppins-SemiBold";
  font-weight: 600;
}

.basket-item-stats {
  display: flex;
  align-items: center;
  margin-top: 0.14em;
}

.basket-item-stats > span:first-of-type {
  width: 1.39em;
  margin-left: 0.21em;
}

.basket-item-stats > span:last-of-type {
  display: flex;
}

.basket-item-stats > span:last-of-type > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  color: #fafafa;
  background: #000;
}

.basket-item-stats > span:last-of-type > button:first-of-type {
  margin-right: 0.21em;
}

.basket-item-stats > span:last-of-type > button > svg {
  width: 0.76em;
  height: 0.76em;
  pointer-events: none;
  fill: #fafafa;
}

.basket-quantity-number {
  display: inline;
  width: 3.13em;
  height: initial;
  margin-left: 0.35em;
  padding: 0.14em;
  color: #fafafa;
  border: 0.07em solid #000;
}

.basket-remove-item-btn > svg {
  width: 0.69em;
  height: 0.69em;
  pointer-events: none;
}

.basket-checkout-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.basket-total-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.5em;
  padding: 0 1.39em;
  border-top: 0.07em solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.07em solid rgba(0, 0, 0, 0.1);
}

.basket-total-wrap > p {
  margin-bottom: 0;
}

.basket-continue-btn,
.basket-checkout-btn {
  width: 100%;
  height: 4.5em;
  padding: 0 0.83em;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.basket-checkout-btn {
  background: #0050BE;
  color: #fafafa;
  text-decoration: none;
}

.basket-continue-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}

.basket-checkout-btn:hover {
  background: rgba(0, 80, 190, 0.7);
}

.basket-quantity {
  color: #fafafa;
  font-size: 0.97em;
}

/* Basket animation */
#basket #bsktOvrly {
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
  opacity: 0;
}

#basket.anim #bsktOvrly {
  pointer-events: auto;
  opacity: 1;
}

#basket #bsktCntnt {
  transition: transform 0.3s ease-in-out;
  transform: translateX(0);
}

#basket.anim #bsktCntnt {
  transform: translateX(-22.22em);
}

#basket.anim-fast #bsktOvrly,
#basket.anim-fast #bsktCntnt {
  transition: all 0s;
}

/* Basket item delete */
.basket-item.anim-delete {
  overflow-y: hidden;
  animation: basket-delete 0.6s ease-in-out forwards;
}

@keyframes basket-delete {
  0% {
    max-height: 22.22em;
    transform: translateX(0%);
  }
  50% {
    max-height: 22.22em;
    transform: translateX(100%);
  }
  100% {
    max-height: 0em;
    transform: translateX(100%);
  }
}
/* Checkout collapse animation */
.collapse {
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/* Header */
.logo {
  position: relative;
  width: 1.39em;
  height: 2.78em;
}

.logo > img {
  position: absolute;
  top: 0;
  transition: 0.3s;
}

.logo > img:hover {
  opacity: 0.6;
}

.logo-img {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.logo-img-w {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.transparent-header .logo-img {
  opacity: 0;
}

.transparent-header .logo-img-w {
  opacity: 1;
}

.nav {
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: 4.17em;
  padding: 0 1.39em;
  border-bottom: 0.07em solid rgba(0, 0, 0, 0.1);
  background: #fafafa;
  transition: 0.3s;
}

.transparent-header .nav {
  border-bottom: 0.07em solid rgba(0, 0, 0, 0);
  background: transparent;
}

.menu-btn-container {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.menu-btn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 2.7em;
  padding: 0.83em 0 0.83em 0.83em;
}

.menu-btn span {
  display: block;
  height: 0.14em;
  width: 1.67em;
  background: #000;
  border-radius: 6.94em;
  transition: 0.3s;
}

.menu-btn span:last-of-type {
  margin-bottom: 0;
}

.transparent-header .menu-btn span {
  background: #fafafa;
}

/* Animation when active */
.menu-btn.anim span:nth-child(1) {
  transform: translateY(0.42em) rotate(45deg);
}

.menu-btn.anim span:nth-child(2) {
  opacity: 0;
}

.menu-btn.anim span:nth-child(3) {
  transform: translateY(-0.42em) rotate(-45deg);
}

.basket-btn {
  display: flex;
  align-items: flex-end;
  text-decoration: none;
  padding: 0.83em;
}

.basket-btn > span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.69em;
  height: 1.6em;
  padding: 0.35em;
  margin-right: 0.15em;
  color: #fafafa;
  background: #0050BE;
  border-radius: 0.21em;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
}

.transparent-header .basket-btn > span {
  color: #000;
  background: #fafafa;
}

.basket-btn > svg {
  flex-shrink: 0;
  width: 1.39em;
  height: 1.39em;
  fill: #000;
  transition: 0.3s;
}

.transparent-header .basket-btn > svg {
  fill: #fafafa;
}

.menu {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: -1;
  padding: 1.39em;
  pointer-events: none;
  opacity: 0;
  background: #fafafa;
}

.menu > ul {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu > ul > li > a {
  display: block;
  font-size: 1.8em;
  margin-bottom: 0.69em;
  text-decoration: none;
  transition: 0.3s;
  color: #000;
}

.menu > ul > li > a:hover {
  color: black;
}

.transparent-header .menu > ul > li > a {
  color: #fff;
}

.transparent-header .menu > ul > li > a:hover {
  color: rgba(255, 255, 255, 0.6);
}

.menu-info {
  display: flex;
  justify-content: space-between;
  max-width: 24.31em;
  margin-top: auto;
}

.menu-info > div:first-of-type {
  padding-right: 0.69em;
}

.menu-info p {
  font-size: 0.83em;
}

.menu-info > div > p:first-of-type {
  margin-bottom: 0.69em;
  color: rgba(0, 0, 0, 0.6);
}

.menu-info > div > p:last-of-type {
  margin-bottom: 0;
}

.menu a.menu-active-link {
  color: rgba(0, 0, 0, 0.6);
}

.menu a.menu-active-link:hover {
  color: rgba(0, 0, 0, 0.8);
}

.transparent-header .menu a.menu-active-link {
  color: rgba(250, 250, 250, 0.6);
}

.transparent-header .menu a.menu-active-link:hover {
  color: rgba(250, 250, 250, 0.8);
}

.menu.anim {
  pointer-events: auto;
  opacity: 1;
}

@media (min-width: 768px) {
  .nav {
    justify-content: space-between;
  }
  .menu {
    position: static;
    flex-direction: row;
    width: 100%;
    align-items: center;
    pointer-events: auto;
    background: none;
    opacity: 1;
  }
  .menu > ul {
    display: flex;
  }
  .menu > ul > li {
    width: initial;
    height: initial;
    margin-right: 2.78em;
    border-top: 0;
  }
  .menu > ul > li:last-of-type {
    margin-right: 0;
  }
  .menu > ul > li > a {
    display: block;
    font-size: 0.83em;
    margin-bottom: 0;
  }
  .menu-btn {
    display: none;
  }
  .menu-btn-container {
    order: 1;
    margin-left: 0;
  }
  .menu > li:hover ul,
  .menu > li:focus ul {
    display: block;
  }
  .basket-btn {
    padding: 0;
  }
  .menu-info {
    display: none;
  }
}
@media (min-width: 1024px) {
  .menu > li {
    margin-right: 4.86em;
  }
}
/* Footer */
.cookie-wrap {
  display: none;
}

.footer {
  margin-top: auto;
  padding: 2.78em 1.39em;
  border-top: 0.07em solid rgba(0, 0, 0, 0.1);
}

.footer p {
  margin-bottom: 0;
  font-size: 0.83em;
}

.footer a {
  text-decoration: none;
  transition: 0.3s;
  font-size: 0.83rem;
}

.footer a:hover {
  color: rgba(0, 0, 0, 0.6);
}

.footer-logo {
  display: inline-block;
  width: 1.39rem;
  height: 2.78rem;
  margin-bottom: 1.04em;
}

.copyright {
  display: block;
}

.footer small {
  display: block;
  font-size: 0.83em;
}

.footer-sitemap {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.accepted-cards {
  display: flex;
  gap: 0.42em;
  margin-bottom: 0.69em;
}

.accepted-cards > svg {
  width: 2.08em;
  height: 1.39em;
}

.footer-info {
  margin-top: 2.08em;
}

.footer-info > div:last-of-type {
  margin-top: 2.08em;
}

.footer-info > div > div {
  margin-bottom: 2.08em;
}

.footer-info > div > div:last-of-type {
  margin-bottom: 0;
}

p.footer-info-hl {
  margin-bottom: 0.4em;
  color: rgba(0, 0, 0, 0.6);
}

.newsletter-container {
  display: flex;
  align-items: center;
  border-radius: 0.21em;
}

.newsletter-input {
  height: 100%;
  padding: 0.69em;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
  border-radius: 0.21em;
}

.newsletter-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  margin-top: 0;
  margin-left: 0.42em;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
  border-radius: 0.21em;
  transition: 0.3s;
}

.newsletter-btn:hover > svg {
  fill: #fafafa;
}

.newsletter-btn > svg {
  width: 1.25em;
  height: 1.25em;
  transform: rotate(-90deg);
  transition: 0.3s;
}

.newsletter-success {
  position: fixed;
  bottom: 20px;
  right: -300px;
  background-color: #0050BE;
  color: #fafafa;
  padding: 16px 24px;
  border-radius: 0.21em;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  transition: right 0.5s ease;
  z-index: 999;
}

.newsletter-success.anim {
  right: 20px;
}

@media (min-width: 430px) {
  .footer-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 29.86em;
  }
  .footer-info > div:first-of-type {
    margin-right: 20px;
  }
}
@media (min-width: 900px) {
  .footer {
    display: flex;
    justify-content: space-between;
    padding: 1.74em 2.08em;
  }
  .footer-info {
    flex-direction: column;
    justify-content: initial;
    max-width: initial;
    margin-top: 0;
  }
  .footer-info > div {
    display: flex;
  }
  .footer-info > div:last-of-type {
    margin-top: 1em;
  }
  .footer-info > div > div {
    margin-bottom: 0;
  }
  .footer-info > div > div:first-of-type {
    width: 14.58em;
  }
  .footer-info > div > div:nth-of-type(2) {
    width: 14.58em;
  }
}
/*------------------------------------*\
    #PAGES
\*------------------------------------*/
/* Index */
.idx-promo-product-wrapper {
  display: flex;
  flex-direction: column;
  background: #0050BE;
  color: #fafafa;
}

.idx-promo-product-wrapper > div {
  display: flex;
  flex-direction: column;
  padding: 0 1.39em;
}

.idx-promo-product-headline {
  font-weight: 300;
}

.idx-promo-product-btn {
  display: flex;
  align-self: center;
  margin-top: 1.39em;
  padding: 0.97em 1.67em;
  border: 0.07em solid #fafafa;
  border-radius: 0.21em;
  color: #fafafa;
  text-decoration: none;
  transition: 0.3s;
}

.idx-promo-product-btn:hover {
  background: #fafafa;
  color: #0050BE;
}

.idx-promo-product-img-wrap {
  max-width: 500px;
  order: -1;
  margin: 0 auto;
  padding-top: 4em;
}

.idx-promo-product-img-wrap img {
  width: 100%;
  height: 100%;
}

.idx-promo-product-wrapper > div > div:first-of-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  padding-bottom: 4em;
}

@media (min-width: 1024px) {
  .idx-promo-product-wrapper > div {
    flex-direction: row;
    height: 100vh;
    max-width: 1500px;
    margin: auto;
  }
  .idx-promo-product-wrapper > div > div:first-of-type {
    max-width: initial;
    margin: 0 auto;
    padding-bottom: 0;
    padding-left: 10em;
    padding-right: 5em;
    text-align: initial;
  }
  .idx-promo-product-wrapper > div > div {
    width: 50%;
  }
  .idx-promo-product-btn {
    align-self: baseline;
  }
  .idx-promo-product-img-wrap {
    max-width: 100%;
    height: 100%;
    order: 1;
    padding-top: 0;
  }
  .idx-promo-product-img-wrap img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 900px;
  }
}
/*.idx-banner { height: 100vh; }

.idx-banner picture { 
    display: block;
    width: 100%;
    height: 100%; 
}

.idx-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 35%;
}

.idx-banner-msg { display: none; }

.idx-content-wrapper {
    max-width: 48.61em;
    margin: 0 auto;
    padding: 2.08em 1.39em;
    font-family: 'PlantinMTPro', sans-serif;
    font-weight: 300;
}

.idx-content-wrapper p {
    font-size: 1.25em;
    line-height: 1.94em;
}

@media(min-width: 1000px) {
    .idx-banner {
        height: 100%;
    }

    .idx-banner img {
        width: 100%;
        height: auto;
        object-fit: initial;
    }

    .idx-banner-msg {
        display: flex;
        justify-content: center;
        align-items: end;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        font-family: 'Poppins-Medium', sans-serif;
        height: 6.94em;
        background-image: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.05) 15%,
            rgba(0, 0, 0, 0.15) 30%,
            rgba(0, 0, 0, 0.3) 50%,
            rgba(0, 0, 0, 0.5) 75%,
            rgba(0, 0, 0, 0.7) 100%
        );
        color: v.$white;
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
    }

    .idx-banner-msg-btn {
        display: flex;
        padding: 1.39em 1.39em 2.08em 1.39em;
        color: v.$white;
        transition: .3s;
    }

    .idx-banner-msg-btn:hover { color: rgba(v.$white, .4); }

    .idx-banner-msg-btn > svg {
        width: 1.39em;
        height: 1.39em;
        margin-right: 1.39em;
        fill: v.$white;
        animation: bob 2s infinite;
        transition: .3s;
    }

    .idx-banner-msg-btn:hover > svg { fill: rgba(v.$white, .4); }

    @keyframes bob {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-0.69em);
        }
    }

    .idx-content-wrapper {
        padding: 2.08em 1.39em 4.17em 1.39em;
    }

    .idx-content-wrapper p {
        font-size: 1.46em;
        line-height: 174%;
    }

    .idx-content-wrapper h1 > span { display: none; }
}*/
/* The Bakery */
.bakery-wrapper {
  max-width: 34.72em;
  margin: 0 auto;
  padding: 0 1.39em;
  margin-top: 6.94em;
  margin-bottom: 4.86em;
}

.bakery-wrapper p {
  font-size: 0.83em;
}

@media (min-width: 768px) {
  .bakery-wrapper {
    margin-top: 11.81em;
    margin-bottom: 6.94em;
  }
  .bakery-wrapper > h1 > span {
    display: none;
  }
}
/* Advent Calendar */
.advent-wrapper {
  margin-top: 4.17em;
  margin-bottom: 0;
}

.advent-img-wrap {
  height: 64vw;
  width: 100%;
  border-bottom: 0.07em solid rgba(0, 0, 0, 0.1);
}

.advent-img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: multiply;
}

.advent-wrapper > div:last-of-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 38.89em;
  margin: 0 auto;
  padding: 3.47em 1.39em;
}

@media (min-width: 1024px) {
  .advent-wrapper {
    display: flex;
    height: calc(100vh - 4.17em);
  }
  .advent-wrapper > div {
    width: 50%;
  }
  .advent-img-wrap {
    height: 100%;
    border-right: 0.07em solid rgba(0, 0, 0, 0.1);
    border-bottom: 0;
  }
  .advent-img-wrap img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
/* Juno Book */
.book-wrapper {
  margin-top: 4.17em;
  margin-bottom: 0;
}

.book-img-wrap {
  width: 100%;
  border-bottom: 0.07em solid rgba(0, 0, 0, 0.1);
}

.book-img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: multiply;
}

.book-wrapper > div:last-of-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 38.89em;
  margin: 0 auto;
  padding: 3.47em 1.39em;
}

@media (min-width: 1024px) {
  .book-wrapper {
    display: flex;
    height: calc(100vh - 4.17em);
  }
  .book-wrapper > div {
    width: 50%;
  }
  .book-img-wrap {
    height: 100%;
    border-right: 0.07em solid rgba(0, 0, 0, 0.1);
    border-bottom: 0;
  }
  .book-img-wrap img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.book-language {
  margin: 1.5em 0 0.8em 0;
}

.book-language-label {
  font-size: 0.83em;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 0 0.75rem;
}

.book-language-options {
  display: flex;
  gap: 0.75rem;
}

.book-language-option {
  position: relative;
  cursor: pointer;
  font-size: 0.83em;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Skjul standard radio */
.book-language-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* “Fake” knap */
.book-language-option span {
  display: inline-block;
  padding: 0.6rem 1.4rem;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
  border-radius: 0.21em;
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

/* Hover-stil */
.book-language-option:hover span {
  border-color: #0050BE;
}

/* Aktiv/valgt */
.book-language-option input:checked + span {
  border-color: #0050BE;
  background-color: #0050BE;
  color: #ffffff;
}

/*.product-quantity-wrap { 
    pointer-events: none;
    opacity: 0.2;
}*/
/* Butter cookies */
.danish-cookies-wrapper {
  margin-top: 4.17em;
  margin-bottom: 0;
}

.video-container {
  height: 64vw;
  width: 100%;
  border-bottom: 0.07em solid rgba(0, 0, 0, 0.1);
}

.video-container video {
  width: 100%;
  height: 100%;
  clip-path: fill-box;
  border-radius: 0.01px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 65%;
     object-position: 50% 65%;
  mix-blend-mode: multiply;
}

.danish-cookies-wrapper > div:last-of-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 38.89em;
  margin: 0 auto;
  padding: 3.47em 1.39em;
}

.danish-cookies-wrapper > div:last-of-type > p:first-of-type {
  font-family: "PlantinMTPro", sans-serif;
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.94em;
  text-align: justify;
}

.danish-cookies-wrapper > div:last-of-type > p:last-of-type {
  margin-bottom: 0;
  font-size: 0.83em;
  color: rgba(0, 0, 0, 0.6);
}

.explore-cookies-btn {
  display: flex;
  align-items: center;
  font-size: 1em;
  font-family: "Poppins-Medium", sans-serif;
  font-weight: 500;
  margin-top: 30px;
  transition: 0.3s;
}

.explore-cookies-btn:hover {
  color: rgba(0, 0, 0, 0.6);
}

.explore-cookies-btn > svg {
  width: 1.4em;
  height: 1.4em;
  margin-right: 20px;
  transition: 0.3s;
}

.explore-cookies-btn:hover > svg {
  fill: rgba(0, 0, 0, 0.6);
}

.danish-cookies-container {
  border-top: 0.07em solid rgba(0, 0, 0, 0.1);
  padding-top: 50px;
}

.large-cans,
.small-cans {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.39em;
  gap: 24px;
}

.small-cans {
  margin-top: 40px;
  margin-bottom: 40px;
}

.small-cans .product-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
}

.cookie-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
}

.cookie-item {
  width: 80px;
}

.product--small {
  margin-top: 60px;
}

.product-media img,
.cookie-item img {
  max-width: 100%;
  height: auto;
  display: block;
}

@media (min-width: 700px) {
  .small-cans {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px;
  }
  .small-cans > figure {
    width: calc(50% - 16px);
  }
}
@media (min-width: 1024px) {
  .large-cans {
    flex-direction: row;
    gap: 100px;
  }
  .product--large {
    width: 48%;
  }
  .small-cans {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 100px;
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .small-cans > figure {
    width: 33%;
    gap: 20px;
  }
  .small-cans .product-info {
    margin-top: 20px;
  }
  .product--small {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .danish-cookies-wrapper {
    display: flex;
    height: calc(100vh - 4.17em);
  }
  .danish-cookies-wrapper > div {
    width: 50%;
  }
  .video-container {
    height: 100%;
    border-right: 0.07em solid rgba(0, 0, 0, 0.1);
    border-bottom: 0;
  }
  .danish-cookies-wrapper > div:last-of-type {
    padding: 0 2.08em;
  }
  .danish-cookies-wrapper > div:last-of-type > p:first-of-type {
    font-size: 1.46em;
    line-height: 174%;
    text-align: justify;
  }
}
/* Reservation */
.reservation-wrapper {
  max-width: 34.72em;
  margin: 0 auto;
  padding: 0 1.39em;
  margin-top: 6.94em;
  margin-bottom: 4.86em;
}

.reservation-wrapper > p {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.83em;
}

.reservation-form {
  display: flex;
  flex-direction: column;
}

.reservation-form input,
.reservation-form textarea {
  padding: 0.59em;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
  border-radius: 0.21em;
  outline: none;
  color: #000;
  transition: border-color 0.3s ease;
}

.reservation-form input:focus,
.reservation-form textarea:focus {
  border-color: #000;
}

.tag {
  display: inline-flex;
  align-items: center;
  height: 2.08em;
  margin-right: 0.21em;
  margin-bottom: 0.42em;
  cursor: pointer;
  position: relative;
  padding: 0 0.56em;
  border-radius: 0.21em;
  background: rgba(0, 0, 0, 0.05);
  color: #000;
  font-size: 0.83em;
  transition: all 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.tag:hover {
  background: #0050BE;
  color: #fafafa;
}

.tag input[type=checkbox] {
  display: none;
}

.tag:has(input[type=checkbox]:checked) {
  background: #0050BE;
  color: #fafafa;
}

.order-summary {
  margin: 2.08em 0;
  font-size: 0.83em;
}

.order-summary > p {
  margin-bottom: 0.69em;
}

#orderList li {
  height: 2.08em;
  margin-bottom: 0.42em;
  padding: 0 0.56em;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 0.21em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.quantity-control {
  display: flex;
}

.quantity-control button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.39em;
  height: 1.39em;
  border-radius: 0.21em;
  transition: 0.3s;
}

.quantity-control button > svg {
  fill: #000;
  transition: 0.3s;
  width: 1.11em;
  height: 1.11em;
}

.quantity-control button:hover {
  background: #0050BE;
}

.quantity-control button:hover > svg {
  fill: #fafafa;
}

.quantity-control input {
  background: none;
  border: 0;
  padding: 0;
  height: 1.39em;
  width: 2.08em;
  text-align: center;
}

.order-notes {
  margin-bottom: 0.69em;
  resize: vertical;
}

.reservation-details-wrap label {
  margin-bottom: 0.15em;
  display: block;
  color: rgba(0, 0, 0, 0.4);
  font-family: "Poppins-Regular", sans-serif;
  font-weight: 400;
  font-size: 0.77em;
}

.reservation-details-wrap input {
  width: 100%;
  height: 2.5em;
  display: flex;
  align-items: center;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
  border-radius: 0.21em;
  margin-bottom: 0.89em;
}

.reservation-form button[type=submit] {
  height: 2.5em;
  width: 6.94em;
  padding: 0 0.83em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
  font-size: 0.83em;
  border-radius: 0.21em;
  transition: 0.3s;
  color: #000;
}

button[type=submit]:hover {
  background: #0050BE;
  color: #fafafa;
}

.reservation-msg {
  display: none;
  margin-top: 1.39em;
  transform: translateY(20px);
  transition: all 0.5s ease;
  opacity: 0;
}

.reservation-msg.anim {
  display: block;
  opacity: 1;
  transform: translateY(0);
  animation: fadeSlideIn 0.8s ease-out forwards;
}

.reservation-text h2:not(:first-of-type) {
  margin-top: 1.3em;
}

@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (min-width: 430px) {
  .reservation-details-wrap > div {
    display: flex;
    justify-content: space-between;
    margin-right: 0;
  }
  .reservation-details-wrap > div {
    gap: 0.89em;
  }
  .reservation-details-wrap > div > div {
    width: 50%;
    gap: 0.69em;
    justify-content: space-between;
  }
  .reservation-details-wrap > div:last-of-type > div:first-of-type {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .reservation-wrapper {
    margin-top: 11.81em;
    margin-bottom: 6.94em;
  }
}
/* Product Page */
.product-headline {
  font-size: 2.22em;
  margin-bottom: 0.2em;
  font-weight: 300;
}

.product-price {
  font-family: "PlantinMTProRg", sans-serif;
  font-weight: 400;
  font-size: 1.46em;
  margin-bottom: 0;
}

.product-subinfo {
  margin-bottom: 0;
  font-size: 0.83em;
  color: rgba(0, 0, 0, 0.6);
}

.product-desc-tag {
  margin-top: 2.5em;
  margin-bottom: 0.6em;
  font-size: 0.83em;
  color: rgba(0, 0, 0, 0.6);
}

.product-desc {
  font-size: 0.83em;
}

.product-desc p:last-of-type {
  margin-bottom: 0;
}

.product-quantity-wrap > div:last-of-type {
  display: flex;
  align-items: center;
}

.product-quantity {
  display: flex;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
  border-radius: 0.21em;
}

.product-quantity > input {
  width: 3em;
  height: 100%;
  padding: 0.97em 0;
  border: 0;
  padding-left: 1em;
}

.product-quantity > div {
  display: flex;
  flex-direction: column;
}

.quantity-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.42em;
  margin-right: 0.21em;
  width: 1.8em;
  height: 100%;
  border-radius: 0.21em;
  background: rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.quantity-button:hover {
  background: rgba(0, 0, 0, 0.4);
}

.quantity-up {
  margin-bottom: 0.21em;
  margin-top: 0.21em;
}

.quantity-up > svg {
  transform: rotate(-180deg);
}

.quantity-down {
  margin-bottom: 0.21em;
}

.quantity-button > svg {
  width: 12px;
  height: 12px;
}

.buy-btn {
  margin-left: 0.42em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.97em 1.67em;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
  border-radius: 0.21em;
  color: #0050BE;
  transition: 0.3s;
  height: 2.9em;
}

.buy-btn:hover {
  background: #0050BE;
  color: #fafafa;
}

/* Checkout */
.checkout-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 1.39em;
  margin-top: 11.81em;
  margin-bottom: 6.94em;
}

.checkout-container > h1 {
  text-align: center;
}

.checkout-form {
  padding: 1.94em 0;
  border-top: 0.07em solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.07em solid rgba(0, 0, 0, 0.1);
}

.checkout-form > h2 {
  margin-bottom: 2.5em;
  font-size: 1.39em;
}

.input-wrap {
  margin-bottom: 2.08em;
}

.input-wrap > label {
  display: block;
  margin-bottom: 0.69em;
  font-size: 0.9em;
  font-weight: 500;
}

.input-wrap > input,
.select-wrap > select {
  width: 100%;
  height: 2.78em;
  padding: 0 0.69em;
  color: #000;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
  font-size: 1em;
}

.select-wrap {
  position: relative;
}

.select-wrap > svg {
  position: absolute;
  top: 16px;
  right: 1.04em;
  width: 16px;
  height: 16px;
  pointer-events: none;
}

.select-wrap > select {
  padding: 0 2.08em 0 0.69em;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 0;
  background: transparent;
  -webkit-appearance: none;
}

.address-optional > input::-moz-placeholder {
  font-size: 0.97em;
}

.address-optional > input::placeholder {
  font-size: 0.97em;
}

.control {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.control > input {
  position: absolute;
  opacity: 0;
}

.control input:checked ~ .checkbox-indicator > .checkbox-indicator-icon {
  transform: scale(1);
  opacity: 1;
}

.checkbox-indicator {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  order: -1;
  width: 1.74em;
  height: 1.74em;
  margin-right: 0.56em;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
  background: #fafafa;
}

.checkbox-indicator-icon {
  display: block;
  transition: 0.3s;
  transform: scale(0.5);
  opacity: 0;
}

.other-address {
  margin-top: 1.04em;
  margin-bottom: 3.13em;
  font-weight: 500;
  display: none;
}

.other-adress-wrap {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
}

.other-adress-wrap.anim {
  max-height: initial;
  opacity: 1;
}

.ship-payment-select-wrap {
  margin-top: 1.39em;
  margin-bottom: 4.17em;
}

.ship-payment-select-wrap > h2 {
  font-size: 1.39em;
}

.shipping-declaration {
  font-size: 0.83em;
  max-width: 500px;
}

.shipping-rate-free {
  display: none;
}

.shipping-rate-not-free {
  color: #ca0707;
  font-weight: bold;
}

.ch-shipping {
  display: inline-flex;
  flex-direction: column;
}

.ch-shipping > label:first-of-type {
  margin-bottom: 1.39em;
}

.ch-shipping-rate-free .shipping-rate-price {
  text-decoration: line-through;
}

.ch-shipping-rate-free .shipping-rate-free {
  display: block;
  color: #48d559;
  font-weight: bold;
}

.ch-shipping-rate-free .shipping-rate-not-free {
  display: none;
}

.ch-shipping-rate {
  flex-wrap: wrap;
}

.ch-shipping-rate input {
  width: inherit;
}

.shipping-rate-price {
  margin-right: 0.35em;
}

.control-radio {
  min-width: 15.28em;
  min-height: 3.13em;
  padding-top: 0.69em;
  padding-right: 1.04em;
  padding-bottom: 0.69em;
  padding-left: 3.33em;
  background: #f9f9f9;
  font-size: 0.97em;
}

.radio-indicator {
  position: absolute;
  top: 50%;
  left: 0.9em;
  width: 1.39em;
  height: 1.39em;
  transform: translateY(-50%);
  border: 0.07em solid #d7d7d7;
  border-radius: 50%;
  background: #fafafa;
}

.radio-indicator:after {
  position: absolute;
  top: 0.35em;
  left: 0.35em;
  width: 0.56em;
  height: 0.56em;
  content: "";
  transition: 0.3s;
  transform: scale(0.5);
  opacity: 0;
  border-radius: 50%;
  background: #000;
}

.control input:checked ~ .radio-indicator:after {
  transform: scale(1);
  opacity: 1;
}

.added-items-column-wrap {
  display: flex;
}

.added-items-column-wrap > p {
  font-weight: 500;
}

.added-items-content {
  margin-top: 0.35em;
  color: #000;
  border-top: 0.07em solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.07em solid rgba(0, 0, 0, 0.1);
  font-size: 0.83em;
}

p.added-item-name {
  font-size: 0.83em;
  font-weight: 500;
}

.added-item {
  display: flex;
  align-items: center;
  padding: 1.04em 0;
}

.added-item:not(:first-of-type) {
  border-top: 0.07em solid rgba(0, 0, 0, 0.1);
}

.added-item-img {
  display: none;
  flex-shrink: 0;
  width: 5.21em;
  margin-right: 0.69em;
}

.added-item-quantity {
  display: flex;
  align-items: center;
  margin: 0.35em 0;
}

.added-item-quantity > span:first-of-type {
  width: 1.39em;
  height: initial;
  margin-left: 0.21em;
  font-size: 0.83em;
}

.added-item-quantity > span {
  display: inline-flex;
}

.added-item-quantity > span > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  color: #fafafa;
  background: #000;
  font-weight: bold;
}

.added-item-quantity > span > button:first-of-type {
  margin-right: 0.21em;
}

.added-item-quantity > span > button > svg {
  width: 0.76em;
  height: 0.76em;
  pointer-events: none;
  fill: #fafafa;
}

.added-item-price {
  margin-left: auto;
}

.basket-remove-item-btn > svg {
  pointer-events: none;
  fill: #000;
}

.discount-wrapper {
  margin-top: 3.13em;
  margin-bottom: 2.43em;
  display: none;
}

.discount-input {
  display: flex;
}

.coupon-remove {
  margin-top: 0.69em;
  padding: 0.28em 0.42em;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
}

.discount-input .btn {
  z-index: 0;
  color: #fafafa;
  border-radius: 0;
  background: #000;
  box-shadow: none;
  font-size: 0.97em;
}

.sum-total-payment-wrapper {
  font-size: 0.97em;
}

.sum-total-payment-wrapper > div:first-of-type {
  display: flex;
  justify-content: space-between;
  padding: 1.39em 0;
}

.accept-terms-wrap {
  display: flex;
  align-items: center;
  margin-top: 1.74em;
  margin-bottom: 0.69em;
}

.accept-terms-wrap a {
  margin-left: 0.21em;
  font-weight: bold;
}

.total > p:first-of-type,
.shipping > p:first-of-type,
.moms > p:first-of-type {
  font-weight: bold;
}

.moms {
  margin-top: 2.08em;
}

.go-to-payment-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.97em 1.67em;
  border: 0.07em solid rgba(0, 0, 0, 0.1);
  border-radius: 0.21em;
  color: #0050BE;
  transition: 0.3s;
}

.basket-render-empty {
  margin: 1.39em 0;
}

.checkout-hr {
  height: 0.07em;
  background: rgba(0, 0, 0, 0.1);
}

.added-item-gnl > div:last-of-type > p:last-of-type,
p.added-item-name {
  margin-bottom: 0;
}

@media (min-width: 53.33em) {
  .discount-newsletter-wrapper {
    margin-top: 2.08em;
    margin-bottom: 0;
  }
  .discount-sum-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .sum-total-payment-wrapper {
    width: 22.22em;
    margin-top: 0.42em;
    margin-left: auto;
  }
  .added-item-img {
    width: 6.25em;
  }
}
@media (min-width: 71.11em) {
  .checkout-inputs-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .checkout-inputs-wrapper > div {
    width: 48%;
  }
  .added-items-content {
    font-size: 0.9em;
  }
  p.added-item-name {
    font-size: 1.25em;
  }
  .added-item-gnl {
    display: flex;
    align-items: center;
  }
  .added-item-gnl > div:first-of-type {
    width: 16.67em;
    margin-right: 4.17em;
  }
  .added-item-img {
    width: 8.33em;
  }
  .added-item-quantity > span:first-of-type {
    font-size: 0.9em;
  }
  .added-item-desc {
    margin: 0;
  }
  .added-item .basket-remove-item-btn {
    padding: 1.39em 0 1.39em 1.39em;
  }
  .added-item .basket-remove-item-btn > svg {
    width: 1.04em;
    height: 1.04em;
  }
}
/* Privacy */
.data-policy-wrapper {
  max-width: 34.72em;
  margin: 0 auto;
  padding: 0 1.39em;
  margin-top: 6.94em;
  margin-bottom: 4.86em;
}

.data-policy-wrapper p {
  font-size: 0.83em;
}

.data-policy-wrapper > p:first-of-type {
  color: rgba(0, 0, 0, 0.6);
}

.data-policy-hl2 {
  margin-top: 2.78em;
}

@media (min-width: 768px) {
  .data-policy-wrapper {
    margin-top: 11.81em;
    margin-bottom: 6.94em;
  }
}
/* Sitemap */
.sitemap-wrapper {
  max-width: 34.72em;
  margin: 0 auto;
  padding: 0 1.39em;
  margin-top: 6.94em;
  margin-bottom: 4.86em;
}

.sitemap-wrapper > p:first-of-type {
  font-size: 0.83em;
  color: rgba(0, 0, 0, 0.6);
}

.sitemap-wrapper a {
  font-size: 0.83em;
}

.sitemap-wrapper ul {
  list-style: none;
}

.sitemap-wrapper ul li {
  margin-bottom: 0.69em;
}

@media (min-width: 768px) {
  .sitemap-wrapper {
    margin-top: 11.81em;
    margin-bottom: 6.94em;
  }
}
/* 404 */
.error-page-wrap {
  margin-top: 11.81em;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

/* Thank you */
.thanks-wrapper {
  max-width: 34.72em;
  margin: 0 auto;
  padding: 0 1.39em;
  margin-top: 6.94em;
  margin-bottom: 4.86em;
  text-align: center;
}

.thanks-wrapper h1 {
  font-weight: 300;
}

.spam-info-msg > small {
  font-size: 0.83em;
  color: rgba(0, 0, 0, 0.6);
}

.thanks-img {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

@media (min-width: 768px) {
  .thanks-wrapper {
    margin-top: 11.81em;
    margin-bottom: 6.94em;
  }
}
/*------------------------------------*\
    #STATES
\*------------------------------------*/
/* Cookies */
/* Page transition + loading screen */
.transition-mask-primary,
.transition-mask-secondary {
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  background: #fafafa;
}

/* Primary */
#pgTrnstn.anim .transition-mask-primary {
  animation: transition-mask-primary 0.5s cubic-bezier(0.35, 1, 0.71, 1) forwards;
}

@keyframes transition-mask-primary {
  0% {
    pointer-events: none;
    opacity: 0;
  }
  100% {
    pointer-events: auto;
    opacity: 1;
  }
}
/* Secondary */
#pgTrnstn.anim .transition-mask-secondary {
  animation: transition-mask-secondary 0.5s cubic-bezier(0.35, 1, 0.71, 1) forwards;
}

@keyframes transition-mask-secondary {
  0% {
    pointer-events: none;
    opacity: 0;
  }
  100% {
    pointer-events: auto;
    opacity: 1;
  }
}
#pgTrnstn.anim-done .transition-mask-primary {
  animation: transition-mask-primary2 cubic-bezier(0.35, 1, 0.71, 1) 0.5s;
}

@keyframes transition-mask-primary2 {
  0% {
    pointer-events: auto;
    opacity: 1;
  }
  100% {
    pointer-events: none;
    opacity: 0;
  }
}
#pgTrnstn.anim-done .transition-mask-secondary {
  animation: transition-mask-secondary2 cubic-bezier(0.35, 1, 0.71, 1) 0.5s;
}

@keyframes transition-mask-secondary2 {
  0% {
    pointer-events: auto;
    opacity: 1;
  }
  100% {
    pointer-events: none;
    opacity: 0;
  }
}
#pgTrnstn .logo-loader-wrap {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
}

#pgTrnstn .logo {
  display: block;
  width: 2.78em;
  height: 5.49em;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNzkiIHZpZXdCb3g9IjAgMCA0MCA3OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM4LjMzMjIgNzQuNDE1M0MzMC4wNzU1IDYyLjIzNzIgMjEuODA2MiA0OS44NDcyIDE0LjgyMTggMzcuODMxM0MxNC41NTEgMzcuMzYzNyAxNC4zMjQyIDM2Ljg3NzMgMTMuOTE0OSAzNy4yNDUyQzguMzIyMjUgNDIuMzU4MyAzLjIwODI4IDQ4LjA5NSAwLjQ2ODY1NCA1NS4yMzQ3QzAuMDE1MTI0NSA1Ni4wNjE3IC0wLjExNDkxMiA1Ny4wMjUxIDAuMTAzMzcxIDU3Ljk0MUMzLjM5MDkyIDcxLjQ3MjEgMTYuNjA0MSA3OS44NTg5IDMwLjQ4NDkgNzguNjQ5MkMzMy4wODc0IDc4LjQ2NjQgMzUuNjUzIDc3LjkzNTcgMzguMTExNyA3Ny4wNzE2QzM5LjgwNTkgNzYuNDQ4IDM4Ljk4MDkgNzUuNDAwNSAzOC4zMzIyIDc0LjQxNTNaIiBmaWxsPSIjMDA1MEJFIi8+CjxwYXRoIGQ9Ik0yMi44MzkyIDE1LjExMDJDMjQuNjY1NiAxNS44NDYgMjMuNDY5IDE4LjY1MiAyMS42ODAzIDE3Ljg5NzVDMjEuMzI2NyAxNy43MzIzIDIxLjA1MDcgMTcuNDM5IDIwLjkwOTQgMTcuMDc4MUMyMC43NjgxIDE2LjcxNzEgMjAuNzcyMyAxNi4zMTYyIDIwLjkyMTIgMTUuOTU4M0MyMS4wNyAxNS42MDAzIDIxLjM1MiAxNS4zMTI3IDIxLjcwOSAxNS4xNTQ4QzIyLjA2NiAxNC45OTcgMjIuNDcwNiAxNC45ODEgMjIuODM5MiAxNS4xMTAyWk0xNi4yMzg5IDM2LjU5MTZDMTkuNzI4IDQyLjY1ODggMjcuNzUxNiA1NC41MTI2IDMxLjc4MjMgNjAuMjQzQzMyLjM2OCA2MS4wNzg2IDMyLjQxMjEgNjEuNTc3NCAzNC4xNjMgNTguNjAzMUMzNi4yNjI0IDU0Ljc0MTUgMzguMDYwNSA1MC43MjY2IDM5LjU0MTQgNDYuNTkzNEMzOS44Mzc0IDQ1LjY3MDYgNDAuMTcxMiA0NC4xODAzIDM5LjkwMDQgNDMuNjc1MkMzNi43MDEgMzYuOTUzMyAzMC44MTI0IDMxLjM2IDI1LjI1NzYgMjYuNzMzMkMyMy4xNzMgMjQuOTk5OCAyMC45MjQ2IDIzLjE2NjUgMTguNjE5NSAyMS42MDE0QzE4LjM3MzkgMjEuNDMzIDE4LjI4NTcgMjEuMTE1IDE4LjkwMjkgMjEuMTE1SDMwLjk0NDdDMzEuMjY1OSAyMS4xMTUgMzIuMTYwMiAyMS4xODk4IDMxLjk3NzUgMjAuNzM0NkMzMC4yMzkzIDE2LjMxMzYgMjcuMTk3NCAxMS4wNDQ2IDIxLjczMDcgMTEuMjU2NkMxMy41ODExIDExLjU2ODQgMTEuMzk1NyAyMS4wNDY0IDEyLjYzMDEgMjcuOTA1NUMxMy4xNzggMzEuMDQ4MiAxNC42NjQ0IDMzLjg2MDUgMTYuMjM4OSAzNi41OTE2WiIgZmlsbD0iIzAwNTBCRSIvPgo8cGF0aCBkPSJNMTkuNjQ3IDAuNDc0ODI0VjEwLjI4MzNDMTkuNjQ4IDEwLjMyMzUgMTkuNjM2NyAxMC4zNjMgMTkuNjE0NiAxMC4zOTY3QzE5LjU5MjUgMTAuNDMwNCAxOS41NjA3IDEwLjQ1NjcgMTkuNTIzMyAxMC40NzIyQzE5LjQ4NTkgMTAuNDg3NyAxOS40NDQ2IDEwLjQ5MTYgMTkuNDA0OSAxMC40ODM1QzE5LjM2NTEgMTAuNDc1NCAxOS4zMjg4IDEwLjQ1NTYgMTkuMzAwNiAxMC40MjY3TDEyLjUxMTQgMy42MzYyNEMxMi40MzM5IDMuNTUwNSAxMi4zOTExIDMuNDM5NSAxMi4zOTExIDMuMzI0NDdDMTIuMzkxMSAzLjIwOTQzIDEyLjQzMzkgMy4wOTg0MyAxMi41MTE0IDMuMDEyNjlDMTMuMzMyMiAyLjA1MjUzIDE0LjM1NzcgMS4yODQ0NCAxNS41MTQzIDAuNzYzNjY3QzE2LjY3MDggMC4yNDI4OTggMTcuOTI5NSAtMC4wMTc1OTc1IDE5LjE5OTkgMC4wMDA5MjI2NzJDMTkuMzIxOCAwLjAwNzM1ODM4IDE5LjQzNjUgMC4wNjAzMTA3IDE5LjUxOTkgMC4xNDg2NjhDMTkuNjAzMyAwLjIzNzAyNiAxOS42NDg4IDAuMzUzOTIxIDE5LjY0NyAwLjQ3NDgyNFoiIGZpbGw9IiMwMDUwQkUiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-size: contain;
}

#pgTrnstn.anim .logo-loader-wrap {
  transition: opacity 0.1s 2.5s;
  opacity: 1;
}

#pgTrnstn.anim-done .logo-loader-wrap {
  transition: opacity 0.2s;
  opacity: 0;
}

.loader {
  overflow: hidden;
  width: 2.78em;
  height: 0.14em;
  margin-top: 1em;
  border-radius: 0.35em;
  opacity: 1;
  background: rgba(0, 80, 190, 0.2);
}

.loader::after {
  display: block;
  width: 2.78em;
  height: 0.14em;
  content: "";
  transform: translateX(-100%);
  animation: loader 1.3s ease infinite;
  border-radius: 0.35em;
  background: #0050BE;
}

@keyframes loader {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
/*------------------------------------*\
    #Miscellaneous
\*------------------------------------*/
/* JS */
/*------------------------------------*\
    #JS
\*------------------------------------*/
.hide {
  pointer-events: none;
  opacity: 0;
}

.show {
  pointer-events: auto;
  opacity: 1;
}

.hide-d {
  display: none;
}

.show-d {
  display: block;
}

.show-f {
  display: flex;
}

.overflow {
  overflow: hidden;
}

.overflow-y {
  overflow-y: hidden;
}

.overflow-x {
  overflow-x: hidden;
}

.overflow-idx {
  overflow: hidden;
}

.no-pointer-events {
  pointer-events: none;
}

/* INPUT INVALID */
form input.input-validate:invalid,
form textarea.input-validate:invalid,
form.form-validate input:invalid,
form.form-validate textarea:invalid,
form.form-validate input[type=checkbox]:invalid + label span {
  border: 2px solid #ca0707;
}

input[type=checkbox]:checked + label span:after {
  transform: translateX(-50%) scale(1);
  opacity: 1;
}
/*# sourceMappingURL=main.css.map */