@font-face {
  font-family: "icon";
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v156/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format("woff2")
}

.icon {
  font-family: "icon";
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  --fill: 0;
  --wght: 400;
  --grad: 0;
  --opsz: 24;
  font-variation-settings: "FILL" var(--fill),"wght" var(--wght),"GRAD" var(--grad),"opsz" var(--opsz)
}

.icon.fill {
  --fill: 1
}

.icon.w-100 {
  --wght: 100
}

.icon.w-200 {
  --wght: 200
}

.icon.w-300 {
  --wght: 300
}

.icon.w-400 {
  --wght: 400
}

.icon.w-500 {
  --wght: 500
}

.icon.w-600 {
  --wght: 600
}

.icon.w-700 {
  --wght: 700
}

.icon.g-0 {
  --grad: -25
}

.icon.g-1 {
  --grad: 0
}

.icon.g-2 {
  --grad: 200
}

html *,html *::before,html *::after {
  box-sizing: border-box;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: normal;
  line-height: 1rlh;
  border: 0 solid currentColor;
  content: unset
}

html,:host {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-tab-size: 4;
  text-transform: none;
  tab-size: 4;
  font: 400 18px/1 "DM Sans",sans-serif;
  font-feature-settings: "kern","liga" 1,"calt" 0;
  font-variation-settings: normal;
  font-kerning: normal;
  font-synthesis: none;
  scroll-behavior: smooth
}

body {
  min-height: 100dvh;
}

img,picture,video,canvas,svg {
  display: inline-block;
  max-width: 100%;
  object-fit: cover;
  -webkit-user-drag: none;
}

p,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h3,.h4,.h5,.h6 {
  overflow-wrap: break-word
}

h1,h2,h3,h4,h5,h6,b,strong,.h1,.h2,.h3,.h3,.h4,.h5,.h6 {
  text-wrap: balance;
  font-weight: 700;
  line-height: 1.1;
  font-family: "GT Walsheim"
}

p {
  text-wrap: pretty;
  line-height: 1.5
}

i {
  font-style: italic
}

h6,.h6 {
  font-size: .875em
}

h5,.h5 {
  font-size: 1em
}

h4,.h4 {
  font-size: 1.25em
}

h3,.h3 {
  font-size: 1.5em
}

h2,.h2 {
  font-size: 1.75em
}

h1,.h1 {
  font-size: 2.25em
}

code,kbd,samp,pre {
  font-family: ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px
}

small {
  font-size: .875em
}

sub,sup {
  font-size: .75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
}

ol,ul,menu {
  list-style: none
}

textarea {
  resize: vertical
}

input::placeholder,textarea::placeholder {
  opacity: 1
}

button,[role=button] {
  cursor: pointer
}

:disabled {
  cursor: default
}

[hidden] {
  display: none
}

:root {
  --accent: #00bb6d;
  --white: #fff;
  --black: #000;
  --background: #fff;
  --color: --black;
  --gray: #eee;
  --cover: color-mix(in srgb, var(--accent) 20%, transparent 80%);
  --gap: 1rem;
  --desktop: 1470px;
  --tablet: 1024px;
  --mobile: 680px;
  --shadow: 0 .125rem .125rem 0 rgba(0,0,0,.02);
}

* {
  outline-color: color-mix(in srgb, var(--accent) 30%, var(--background) 70%)
}

#wrapper {
  background: var(--background);
  color: #333
}

a {
  text-decoration: none;
  color: inherit;
  transition: color 200ms ease
}

a:hover,a:focus {
  color: var(--accent)
}

button {
  border: unset;
  background: var(--color);
  color: var(--background);
  width: fit-content;
  transition: background 200ms ease,color 200ms ease
}

button:hover,button:focus {
  background: var(--accent);
  color: var(--white)
}

.contain,
.container {
  width: min(var(--desktop),100% - 2rem);
  margin-inline:auto;
  max-width: unset;
  padding: 0px;
}

@media(max-width: 992px) {
  #wrapper .contain,
  #wrapper .container {
    width: calc(100% - 2rem);
  }
}


#customizer .card {
  background: var(--background);
  border-radius: 0.25rem;
}


.flex {
  display: flex;
  align-items: center
}

.grid {
  display: grid;
}

.mobile {
  visibility: hidden;
  position: absolute
}

@media(max-width: 680px) {
  .mobile {
    visibility:visible;
    position: initial
  }
}

.tablet {
  visibility: hidden;
  position: absolute
}

@media(min-width: 680px)and (max-width: 1024px) {
  .tablet {
    visibility:visible !important;
    position: initial !important
  }
}

.desktop {
  visibility: hidden;
  position: absolute
}

@media(min-width: 1024px) {
  .desktop {
    visibility:visible;
    position: initial
  }
}

.breadcrumb {
  padding-block:1rem;overflow: hidden
}

.breadcrumb .contain {
  gap: .5rem;
  font-size: .75rem;
  overflow-x: auto
}

.breadcrumb .contain a {
  white-space: nowrap
}

.breadcrumb .contain a:not(:last-of-type) {
  opacity: .5
}

.breadcrumb .contain a:not(:last-of-type)::after {
  content: "/";
  margin-left: .5rem
}

.product {
  grid-template-columns: 7fr 4fr;
  gap: 1.5rem
}

@media(max-width: 1024px) {
  .product {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}

.product-images {
  grid-template-columns: 120px 1fr;
  gap: 1rem;
  width: 100%;
  height: 100%;
  align-self: start;
  border-right: 1px solid var(--gray);
}

@media(max-width: 1024px) {
  .product-images {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}

.product-images img {
  aspect-ratio: 1/1;
  border-radius: .25rem
}

.product-images .thumbnails {
  flex-direction: column;
  height: 100%;
  gap: 15px;
  align-items: center;
  overflow-y: auto;
  overflow-x: hidden;
}

.product-images .thumbnails::-webkit-scrollbar {
  width: 0;
  height: 0;
}

@media(max-width: 1024px) {
  .product-images .thumbnails {
    padding:2px;
    overflow-x: auto;
    flex-direction: row;
    order: 1
  }
}

.product-images .thumbnails img {
  border: 1px solid var(--gray);
  width: 100%;
  max-width: 120px;
  cursor: pointer
}

.product-images .thumbnails img:hover,
.product-images .thumbnails img:focus-within {
  border: 1px solid var(--white);
}

.product-images .thumbnails .active {
  border: 1px solid #ddd;
}

@media(max-width: 1024px) {
  .product-images .thumbnails img {
    max-width: 72px;
  }
}

.product-images .cover {
  display: grid;
  position: relative;
  cursor: zoom-in;
  font-size: 0;
}

.product-images .cover>* {
  grid-area: 1/1
}

.product-images .cover img {
  justify-self: center;
  align-self: center;
}

@media(min-width: 992px) {
  .product-images .cover img {
    margin-right: 1.5rem;
  }
}

.product-images .cover img.active {
  position: fixed;
  inset: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  padding: 10vmin;
  object-fit: contain;
  box-shadow: inset 100vw 0 #fff1;
  backdrop-filter: blur(4px);
  cursor: zoom-out;
} 

@media(max-width: 1024px) {
  .product-images .cover img.active {
    padding: 2.5vmin;
  }
}

.product-images .cover figcaption {
  padding: 1rem
}

.flags {
  display: flex;
  flex-direction: column;
  gap: .5rem
}

.flags .flag {
  background: var(--black);
  color: var(--white);
  padding: .3em .25em .25em .5em;
  border-radius: .25em;
  width: fit-content;
  font-weight: 700;
  line-height: 1;
  font-size: .875rem
}

.flags .flag.discount {
  background: crimson
}

.flags .flag.popular {
  background: var(--white);
  color: var(--black);
  outline: 1px solid var(--black)
}

.flags .flag.preorder {
  order: -1;
  background: purple
}

.product-info {
  align-items: start;
  height: 100%
}

.product-info .sticky {
  position: sticky;
  top: 1rem;
}

.product-info .sticky .card {
  display: grid;
  gap: 1rem
}

.product-info .sticky .title h1 {
  font-family: 'DM Sans';
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.1;
}

.belowmenuonproduct {
  display: none;
}

@media(max-width: 1024px) {
  .product-info .sticky .title h1 {
    font-size: 1.375rem;
  }

  .product-info .sticky .card {
    gap: 0.75rem;
  }
}

.product-info .sticky .title small {
  display: inline-block;
  margin-bottom: .25rem
}

.product-info .sticky .trustpilot {
  gap: 0.375rem;
  font-size: 0.75rem;
  justify-content: space-between;
}

.product-info .sticky .trustpilot svg {
  margin-right: 0.375rem;
}

.product-info .sticky .trustpilot b {
  border-right: 1px solid #272219;
  padding-right: 0.375rem;
  line-height: 1;
}

@media(max-width: 1024px) {
  .product-info .sticky .trustpilot b {
    display: none;
  }
}

.product-info .sticky .rating {
  margin-block:-0.25rem;
  font-size: 1.25rem
}

.product-info .sticky .checkmarks p {
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1;
  text-transform: none;
  background: #F2EFE9;
  padding: 0.25em 0.75em;
  border-radius: 4px;
  font-size: 0.675rem;
  display: flex;
  align-items: center;
}

/* .product-info .sticky .checkmarks p::before {
  content: "check";
  font-family: 'Icon';
  font-size: 1.125rem;
  margin-right: .5rem;
} */

#product-availability {
  display: flex;
  font-size: 0.875rem;
  cursor: pointer;
  user-select: none;

  .product-delivery {
    display: flex;
  }
}

.put-i-kurv h2 {
  display: none;
}

.put-i-kurv .product-quantity .add .btn-primary {
  line-height: 1.25;
}

#customizer #product-availability .summary,
#customizer #product-availability .summary > * {
  cursor: pointer;
}

#product-availability .icon {
  margin-left: auto;
  font-size: 1rem;
  --wght: 700;
}

.product-delivery {
  gap: 0.25rem;
}

.product-delivery b {
  font-size: 0.875rem;
  font-weight: 700;
}

.product-delivery span {
  font-size: 1.5rem;
  line-height: 0.75;
  vertical-align: middle;
}

.product-delivery .in-stock {
  color: #61AD77;
}

.product-delivery .out-stock {
  color: #EE5E00;
}

.lightbox {
  border-bottom: 1px solid var(--gray);
  padding-bottom: 0.875rem;
  font-size: 0.75rem;
  font-weight: 700;
  display: flex;
  gap: 0.5rem;
  cursor: pointer;
}

.lightbox::before {
  font-family: 'Icon';
  content: 'check';
  font-size: 1.25rem;
}

.lightbox::after {
  --wght: 200;
  font-family: 'Icon';
  content: 'chevron_right';
  margin-left: auto;
  font-size: 1rem;
  transition: rotate 200ms ease;
}

.product-info .accordion {
  display: grid;
}

.product-info .accordion .content {
  font-size: 0.875rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 200ms ease, padding 200ms ease;
}

.product-info .accordion.open .lightbox::after {
  rotate: 90deg;
}

.product-info .accordion.open .content {
  max-height: 302px;
  padding-block: 0.5rem;
  border-bottom: 1px solid var(--gray);
}

.product-delivery .delivery-information {
  font-size: 0.75rem;
  font-weight: 400;
  opacity: 0.75;
}

.product-info .sticky .stock-delivery {
  gap: .5rem;
  margin-top: -0.5rem;
  font-size: .875rem
}

.product-info .sticky .stock-delivery {
  font-size: 1rem;
}

.product-info .sticky .stock-delivery p {
  display: flex;
  align-items: center;
}

.product-info .sticky .stock-delivery p::before {
  content: "check";
  font-family: 'Icon';
  margin-right: .5rem;
}

.product-info .sticky .price .h2 {
  font-family: 'DM Sans';
  font-weight: 700;
  font-size: 1.25em;
  line-height: 1.1;
  gap: .5rem;
  justify-content: space-between;
}

.product-info .sticky .price .discount {
  display: inline;
  font-size: .75em;
  opacity: .5;
  text-decoration: line-through;
  font-weight: 400;
  color: var(--color)
}

.product-variants:empty {
  display: none;
}

.product-variants ._desktop_wishlist_icon {
  display: none;
}

.product-info .sticky .variants {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem .5rem
}

.product-info .sticky .variants small {
  flex: 0 0 100%;
  font-weight: 700
}

.product-info .sticky .variants a img {
  max-width: 3rem;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  outline: 2px solid rgba(0,0,0,.3333333333);
  box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.03)
}

.product-info .sticky .variants .active {
  outline: 2px solid var(--accent)
}

.product-info .sticky .customize {
  padding: .75rem 1rem;
  outline: 2px solid;
  border-radius: 100vmax;
  justify-content: center;
  gap: .5rem
}

.product-info .sticky .customize~small {
  font-size: .75rem;
  margin-top: -0.5rem
}

.product-info .sticky .details .outline {
  border: 1px solid var(--gray);
  padding: 1.5rem;
  margin-top: 1.5rem;
  padding-top: 2rem;
  border-radius: .25rem
}

.product-info .sticky .details .outline .avatars {
  margin-top: -3rem;
  position: relative;
  z-index: 1
}

.product-info .sticky .details .outline .avatars img {
  width: 2.5rem;
  height: 2.5rem;
  border: max(2px,.1em) solid var(--gray);
  border-radius: 100%
}

.product-info .sticky .details .outline .avatars img:not(:first-of-type) {
  margin-left: -0.5rem
}

.product-info .sticky .details .outline .content {
  margin-top: .5rem;
  font-size: 14px
}

.product-info .sticky .details .outline .content b {
  display: inline-block;
  margin-bottom: .5rem;
  font-size: 1rem
}

.product-info .sticky .details .outline .content a {
  font-weight: 700;
  display: inline-block
}

.product-info .sticky .details .outline .content a:first-of-type {
  font-size: 1.125rem;
  margin-block:.75rem}

.product-info .sticky .details .outline .content a:last-of-type {
  border-bottom: max(2px,.1em) solid currentColor
}

@media(max-width: 1024px) {
  .product-info .sticky .details .outline {
    padding: 1rem;
    margin-top: 2em;
  }
}

.product-info .sticky .cart {
  grid-template-columns: 1fr auto;
  gap: .5rem
}

.product-quantity .add {
  margin-bottom: 0;
}

.product-info .sticky .cart .btn {
  padding: 0.625rem;
  border-radius: .25rem;
  text-align: center;
  justify-content: center;
  gap: .25rem;
  box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.03);
  font-weight: 700;
  text-transform: lowercase;
  display: inline-block;
}

.product-info .sticky .cart .btn::first-letter {
  text-transform: capitalize !important;
}

.product-info .sticky .cart .favorite {
  background: #E0E0E0;
  border: 2px solid #E0E0E0;
  padding: 0.625rem 0.875rem;
  align-self: end;
}

.product-info .sticky .cart .favorite:hover .icon,.product-info .sticky .cart .favorite:focus .icon {
  --fill: 1
}

.product-info .sticky .cart .add-to-cart {
  width: 100%;
  background: #228C60;
  color: var(--white);
  font-size: 1.25rem;
  cursor: pointer;
  user-select: none;
  outline: unset;
  transition: background 200ms ease;
}

.product-info .sticky .cart .add-to-cart:hover,.product-info .sticky .cart .add-to-cart:focus {
  background: var(--accent)
}

.product-info .sticky .delivery {
  border: max(2px,.1em) solid var(--gray);
  border-radius: .25rem;
  padding: 1rem;
  gap: .5rem
}

.product-info .sticky .delivery h5 {
  font-weight: 500
}

.product-info .sticky .delivery li {
  font-size: .75rem;
  justify-content: space-between
}

.product-info .sticky .delivery li:not(:last-of-type) {
  border-bottom: 1px solid var(--gray);
  padding-bottom: .5rem
}

.product-info .sticky .delivery li b {
  font-weight: 400
}

.product-info .sticky .delivery li p {
  font-size: .875em
}

.rating {
  display: grid;
  width: fit-content;
  color: #ffb84d
}

.rating>* {
  grid-area: 1/1;
  white-space: nowrap
}

.rating .filled {
  width: 91.5%;
  overflow: hidden
}

.usper {
  padding-block:1.5rem;margin-block:2rem}

.usper > .grid {
  grid-template-columns: repeat(5, 1fr);
  justify-content: center;
  gap: 1rem 2rem
}

@media(max-width: 1500px) {
  .usper > .grid {
    grid-template-columns:repeat(3, 1fr)
  }
}

@media(min-width: 680px) and (max-width: 1024px) {
  .usper > .grid {
    grid-template-columns:repeat(2, 1fr)
  }
}

@media(max-width: 1024px) {
  .usper {
    margin-block: 0rem;
  }

  .usper > .grid {
    gap: 0.5rem 2rem;
  }
}

@media(max-width: 680px) {
  .usper > .grid {
    grid-template-columns:repeat(1, 1fr)
  }
}

.usper > .grid .flex {
  gap: 1.5rem;
  font-size: 1rem;
  border-radius: .25rem;
  padding: 1rem;
  border: 1px solid var(--gray);
  color: #666;
  transition: background 200ms ease, border-color 200ms ease;
}

.usper > .grid .flex svg {
  width: 2.5rem;
  height: 2.5rem
}

.usper > .grid .flex svg path {
  fill: #666
}

.usper > .grid .flex b {
  display: inline-block;
  margin-bottom: .25rem;
  font-weight: 500;
}

.usper > .grid .flex small {
  font-size: .75rem
}

.product-specification>.grid {
  grid-template-columns: 7fr 4fr;
  gap: 2rem;
  align-items: start
}

@media(max-width: 1024px) {
  .product-specification>.grid {
    grid-template-columns:1fr
  }

  .usper > .grid .flex {
    gap: 1rem;
    padding: 0.25rem;
  }

  .usper > .grid .flex svg {
    width: 1.5rem;
    height: 1.5rem;
  }

  .usper > .grid .flex small {
    display: none;
  }

  .usper > .grid .flex b {
    margin-bottom: 0;
    font-size: 0.875rem;
  }
}

.product-specification {
  margin-bottom: 1.25rem;
}

.product-specification .product-accordions {
  display: grid
}

.product-accordions br {
  display: none;
}

.product-specification .product-accordions .accordion .summary {
  width: 100%;
  padding-block: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  user-select: none;
  cursor: pointer
}

.product-specification .product-accordions .accordion .summary::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDE3IDEwIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMSAxTDguNDg4MjYgOUwxNS45NzY1IDEiIHN0cm9rZT0iIzBBMEEwQSIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
  transition: rotate 200ms ease
}

.product-specification .product-accordions .accordion .content {
  width: 100%;
  border-bottom: 1px solid var(--gray);
  transition: margin 200ms ease;
  overflow: hidden;
  max-height: 0;
  transition: max-height 500ms ease,padding-block 500ms ease
}

.product-specification .product-accordions .accordion .content p {
  margin-bottom: 1rem
}

.product-specification .product-accordions .accordion .content p:empty {
  display: none;
}

.product-specification .product-accordions .accordion.open .summary {
  width: 100%;
}

.product-specification .product-accordions .accordion.open .summary::after {
  rotate: 180deg
}

.product-specification .product-accordions .accordion .summary h2 {
  font-size: 1.5rem;
  font-weight: 500;
}

.product-specification .product-accordions .accordion.open .content {
  max-height: 2000px;
  padding-block:.75rem;
}

.product-specification .product-description-long .content {
  display: grid;
}

.product-specification .product-description-long .content h2, 
.product-specification .product-description-long .content .h2 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0.5em;
}

.product-specification .product-description-long .content h2:not(:first-of-type),
.product-specification .product-description-long .content .h2:not(:first-of-type) {
  margin-top: 0.5em;
}

.product-specification .product-features {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: start;
  padding: 0;
  margin: 0;
}

.product-specification .product-features.open .content {
  padding-bottom: 0 !important;
}

.product-specification .product-features .content h2 {
  margin-bottom: .5rem
}

.product-specification .product-features .content .item {
  width: 100%;
  display: flex;
  gap: .5rem;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0,0,0,.1333333333);
  padding-block:.75rem}

.product-specification .product-features .content .item .title {
  font-weight: 700;
  flex: 0 0 75%
}

.product-specification .product-features .content .item .text {
  text-align: right;
  line-height: 1.3
}

.nxtal-product-variant {
  margin-top: 0 !important;
}

@media(max-width: 1024px) {

  .product-specification .product-features .content .item {
    gap: 0;
  }

  .product-specification .product-features .content .item .title {
    flex: 0 0 50%;
    padding-right: 0.5rem;
  }

  .product-specification .product-features .content .item .text {
    flex: 0 0 50%;
  }

  .product-specification .product-accordions .accordion .summary h2 {
    font-size: 1.125rem;
  }

  .product-specification .product-accordions .accordion .content p {
    font-size: 0.875rem;
  }

  #product .nxtal-product-variant, .quickview .nxtal-product-variant {
    margin-top: 0.5rem;
  }
}

.product-specification .product-features .content .item:last-of-type {
  border-bottom: unset;
}

.brand {
  padding: 1rem;
}

@media(max-width: 1024px) {
  .brand {
    max-width:unset
  }
}

@media(max-width: 680px) {
  .brand {
    grid-template-columns:1fr
  }
}

.brand section {
  flex: 0 0 50%;
  display: grid;
  gap: 1rem
}

.brand section.short h2 {
  justify-content: center;
  text-align: center;
  gap: 1rem
}

.brand section.long a {
  border-bottom: 1px solid;
  width: fit-content
}

.featured-products {
  overflow: hidden;
  padding-block:2rem}

.featured-products .slider {
  overflow-y: hidden;
  overflow-x: auto;
  padding-block:.125rem;gap: 1%;
  scroll-snap-type: x mandatory
}

@media(max-width: 680px) {
  .featured-products .slider {
    gap:2%
  }
}

.featured-products .slider .product-miniature {
  flex: 0 0 19%;
  display: grid;
  gap: 1rem;
  border-radius: .25rem;
  padding: .5rem;
  background: var(--white);
  box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.03);
  overflow: hidden;
  scroll-snap-align: end;
  transition: translate 200ms ease
}

.featured-products .slider .product-miniature:hover,.featured-products .slider .product-miniature:focus {
  translate: 0 -1px
}

@media(min-width: 680px)and (max-width: 1024px) {
  .featured-products .slider .product-miniature {
    flex:0 0 32.5%
  }
}

@media(max-width: 680px) {
  .featured-products .slider .product-miniature {
    flex:0 0 48.5%
  }
}

.featured-products .slider .product-miniature figure {
  display: grid;
  aspect-ratio: 3/4;
  border-radius: .125rem;
  overflow: hidden
}

.featured-products .slider .product-miniature figure>* {
  grid-area: 1/1
}

.featured-products .slider .product-miniature figure img {
  width: 100%;
  aspect-ratio: inherit
}

.featured-products .slider .product-miniature figure figcaption {
  aspect-ratio: inherit;
  padding: .5rem;
  display: grid;
  align-items: space-between
}

.featured-products .slider .product-miniature figure figcaption .labels {
  display: flex;
  flex-direction: column;
  justify-content: end
}

.featured-products .slider .product-miniature figure figcaption .labels .free {
  color: #999;
  background: #e9e9e9;
  outline: 1px solid var(--gray);
  font-weight: 500;
  width: fit-content;
  padding: .3em .25em .25em .5em;
  border-radius: .25em;
  width: fit-content;
  line-height: 1;
  font-size: .875rem
}

.featured-products .slider .product-miniature .title {
  min-height: 2.2em
}

.featured-products .slider .product-miniature .price .h6 {
  display: flex;
  align-items: center;
  gap: .5rem
}

.featured-products .slider .product-miniature .price .h6 .discount {
  opacity: .5;
  font-weight: 400;
  text-decoration: line-through
}

.product-reviews {
  background: #e9e9e9;
  padding-block:3rem}

.product-reviews .contain {
  grid-template-columns: 2fr 4fr;
  gap: 2rem
}

@media(max-width: 1024px) {
  .product-reviews .contain {
    grid-template-columns:1fr;
    gap: 1rem
  }
}

.product-reviews .info {
  gap: 1rem
}

.product-reviews .info .rating.general {
  font-size: 1.25rem;
  margin-block:-0.25rem}

.product-reviews .info .rating.general .filled {
  width: 91.725%;
  overflow: hidden
}

.product-reviews .info .ratings-list .flex {
  gap: 1rem;
  font-size: .75rem
}

.product-reviews .info .ratings-list .flex p {
  flex: 0 0 1rem;
  text-align: center
}

.product-reviews .info .ratings-list .five .filled {
  width: 100%
}

.product-reviews .info .ratings-list .four .filled {
  width: 75%
}

.product-reviews .info .ratings-list .three .filled {
  width: 55%
}

.product-reviews .info .ratings-list .two .filled {
  width: 35%
}

.product-reviews .info .ratings-list .one .filled {
  width: 12%
}

.product-reviews .reviews {
  background: var(--white);
  box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.03);
  padding: 1rem;
  border-radius: .25rem;
  height: 100%
}

body:has(#customizer.open) {
  overflow: hidden;
}

body:has(#customizer.open) *:not(#customizer) {
  z-index: auto;
  pointer-events: all;
}

body:has(#customizer.open) .modal-backdrop {
  z-index: -1 !important;
}

#customizer {
  position: fixed;
  transition: opacity 500ms, transform 500ms, display 500ms allow-discrete;
  opacity: 0;
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  transition-behavior: allow-discrete;
  visibility: hidden;
  pointer-events: none;
  overflow-y: auto;
  overflow-x: clip;
}

#customizer.open {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1 !important;
}

#customizer > .contain {
  transform: translateY(-100%);
  display: grid;
  grid-template: auto auto 1fr / 2fr 1fr;
  gap: 1rem;
  position: relative;
  z-index: 1 !important;
  margin-top: 4rem;
  transition: opacity 500ms, transform 500ms
}

#customizer.open > .contain {
  transform: none;
}

#customizer > .custom-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.4);
  backdrop-filter: blur(4px);
  z-index: 0 !important;
  order: -1;
}

@media(max-width: 1024px) {
  #customizer.open > .contain {
    display: flex;
    flex-direction: column;
    top: 0;
    padding-bottom: 1rem;
  }
  #customizer .wk_price_impact{
    display: none;
  }
  #customizer .control-label a{
    display: none;
  }
}

.dd-click-off-close {
  z-index: 1 !important;
}

.product-variants-item {
  margin: 0 !important;
}

[itemprop="brand"] {
  display: none;
}

#customizer span {
  flex-wrap: wrap;
  gap: .5rem
}

#customizer span label {
  font-size: .875rem
}

#customizer span label i {
  font-size: .75rem
}

#customizer span label::after {
  content: "info";
  font-family: "Icon";
  margin-left: .25rem
}

#customizer span input[type=text],#customizer span .accordion {
  flex: 0 0 100%;
  outline: 1px solid var(--cover);
  padding: .5rem 1rem;
  transition: outline-color 200ms ease
}

#customizer span input[type=text]:hover,#customizer span input[type=text]:focus-within,#customizer span .accordion:hover,#customizer span .accordion:focus-within {
  outline-color: var(--black)
}

#customizer .contain > .js-product-add-to-cart {
  background: var(--white);
  border-radius: .25rem;
  padding: 2rem;
  height: fit-content;
  grid-row: 1 / -1;
}

@media(max-width: 1024px) {
  #customizer .contain > .js-product-add-to-cart {
    padding: 1rem;
  }
}

#customizer .product-quantity .add .btn-primary {
  background: #228C60;
  font-size: 1.25rem;
  font-weight: 700;
}

.btn.loading,
.btn.loader {
  position: relative;
  color: #228C60 !important;
}

.btn.loading::before,
.btn.loader::before {
  position: absolute;
  inset: 0;
  width: fit-content;
  margin-inline: auto;
  content: 'refresh';
  font-family: 'Icon';
  font-size: 1.75rem;
  color: #fff;
  display: grid;
  place-items: center;
  animation: addToCart 750ms linear infinite;
}

#customizer .product-add-to-cart.js-product-add-to-cart .product-add-to-cart.js-product-add-to-cart {
  padding-inline: 0;
}

@keyframes addToCart {
  from {
    rotate: 0deg;
  }

  to {
    rotate: 360deg;
  }
}

#customizer .cart-sidebar {
  background: var(--white);
  border-radius: .25rem;
  padding: 1.5rem;
  height: fit-content;
  display: grid;
  gap: 1rem;
}

@media(max-width: 1024px) {
  #customizer .cart-sidebar {
    order: 1;
  }

  #customizer h2 {
    font-size: 1.25rem;
  }

  .product-quantity .add .btn-primary {
    font-size: 1rem;
    padding-block: 0.25rem;
  }

  #customizer .font-explorer .summary {
    font-size: 0.875rem;
  }
}

#customizer .faq-liste {
  font-size: 0.75rem;
  display: grid;
  gap: 0.875rem;
}

#customizer .faq-liste .summary {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
}

#customizer .faq-liste .content {
  font-size: 0.75rem;
}

#customizer .faq-liste .accordion.open .content {
  max-height: 500px;
}

#customizer .faq-liste .summary::before {
  font-family: 'Icon';
  font-size: 1rem;
}

#customizer .faq-liste .mail .summary::before {
  content: 'mail';
}

#customizer .faq-liste .levering .summary::before {
  content: 'local_shipping';
}

#customizer .faq-liste .engraving .summary::before {
  content: 'featured_seasonal_and_gifts';
}

#customizer .faq-liste .summary::after {
  font-family: 'Icon';
  content: 'chevron_right';
  margin-left: auto;
  font-size: 1rem;
}

#customizer .faq-liste .accordion.open .summary::after {
  rotate: 90deg;
}

#customizer #product-availability {
  display: none !important;
}

#customizer .ringtilelke {
  gap: 0.5rem;
  align-items: center;
  border-bottom: 1px solid var(--gray);
  padding-bottom: 1rem;
}

#customizer .ringtilelke img {
  width: 84px;
  height: 84px;
}

#customizer .ringtilelke .grid {
  font-size: 0.75rem;
  gap: 0.125rem;
}

#customizer .popover-close {
  position: absolute;
  top: -4rem;
  right: 0;
  font-size: 3rem;
  line-height: 1;
  padding: 0;
  border-radius: 100%;
  outline: unset;
}

@media(max-width: 1024px) {
  #customizer .popover-close {
    top: -3.5rem;
    right: -0.5rem;
  }
}

#customizer .font-explorer {
  align-self: start;
  background: var(--white);
  padding: 1rem;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: 100%;
}

#customizer .font-explorer .summary {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
}

#customizer .font-explorer .summary::after {
  content: 'chevron_right';
  font-family: 'Icon';
  transition: rotate 200ms;
}

#customizer .font-explorer.open .summary::after {
  rotate: 90deg;
}

#customizer .font-explorer.open {
  max-height: unset;
}

#customizer .font-explorer.open .content {
  padding-top: 1rem;
  display: grid;
  gap: 0.5rem;
  max-height: 400px;
  height: 100%;
}

#customizer .font-explorer .preview {
  overflow: auto;
  max-height: 260px;
}

#customizer .font-explorer .preview li,
#customizer .font-explorer .preview .btn-heading {
  line-height: 1.5;
}

#customizer .font-explorer .preview li {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid #afc6d0;
}

#customizer .font-explorer .preview .btn-heading {
  font-size: 0.875rem;
}

#customizer .font-explorer .preview li > * {
  padding-inline: 0.5rem;
}

#customizer .product-add-to-cart {
  padding-top: 1.5rem;
  background: #fff;
  padding: 0 1rem;
  border-radius: 4px;
  height: fit-content;
}

#customizer span.grid {
  height: fit-content;
  gap: 1rem;
}

.nxtal-wishlist-icon {
  position: static;
  opacity: 1;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}

.hpp-products {
  margin-bottom: 0;
}

.wk_product_opt_container {
  background: unset;
  margin: 0;
  box-shadow: unset;
  padding: 0;
}

.product-quantity .add .btn-primary {
  margin-top: 0;
}

/* .hpp-products .product-miniature {
  box-shadow: var(--shadow);
  border-radius: 0.25rem;
  overflow: hidden;
}

.hpp-products .product-thumbnail {
  background: var(--white);
}

.hpp-products .product-description {
  padding-inline: 0.5rem;
  padding-bottom: 0.5rem;
}
*/

.hpp-products .product-miniature ._desktop_wishlist_icon {
  position: absolute;
  top: 280px;
  right: 16px;
}

.wk-product-variants>.wk-product-variants-item .control-label {
  margin-block: 0.75rem 0.375rem;
}

.wk-custom-file {
  margin-top: 0.25rem;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  box-shadow: var(--shadow);
}

.wk-custom-file .file-input,
.wk-product-variants>.wk-product-variants-item select,
.wk_custom_text {
  box-shadow: var(--shadow);
  border-radius: 0.25rem;
}

.wk-custom-file button,
.wk-custom-file .file-input {
  height: 2.375rem;
}

.ets_mm_megamenu .mm_menus_li {
  padding-bottom: 10px !important;
}

.nxtal-wishlist-text {
  display: none;
}

.nxtal-wishlist-icon svg path {
  fill: #000;
}

.wk_product_opt_container .wk_option_text_area {
  height: 2em;
  font-size: 1rem;
  line-height: 1.25;
}

.tregutter {
  grid-column: span 2;
  font-size: 0.75rem;
  gap: 1em;
  background: #F2EFE9;
  padding: 0.5em 1em;
  border-radius: 4px;
  justify-content: center;

  .flex {
    gap: 0.25em;
  }
}



@media(max-width: 1433px) {
  .tregutter .icon {
    font-size: 0.5rem;
  }
}

.featured-features {
  font-size: 0.75rem;

  .flex {
    gap: 0.25em;
    align-items: start;

    &::before {
      font-family: 'Icon';
      content: 'info';
    }

    &.id-12 {
      order: 0;
    }

    &.id-11 {
      order: 1;
    }

    &.id-7 {
      order: 2;
    }

    &:has(a) {
      order: 3;
      text-decoration: underline;
      cursor: pointer;

      &::before {
        content: unset;
      }
    }
  }
}

@media(max-width: 1024px) {
  .hpp-products .item_listing {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-inline: 0;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    scroll-behavior: smooth;
		scroll-snap-type: x mandatory;
  }

  .hpp-products .item_listing::before,
  .hpp-products .item_listing::after {
    content: unset;
  }

  .hpp-products .item_listing .item {
    flex: 0 0 calc(50% - 0.25rem);
    max-width: calc(50% - 0.25rem);
    padding: 0;
    scroll-snap-align: end;
  }

  .featured-products {
    margin-top: 0rem !important; 
  }

  .tregutter {
    gap: 0.25em;
    font-size: 0.6rem;
    padding: 0.25em;
  }

  .product-images {
    border: unset;
  }
}

.flag.pack {
  display: none;
}

#customizer .row.other_checkbox .col-md-12.form-group {
  margin-bottom: 0;
  margin-top: 1rem;
}

.wk-product-variants-item .wk_option_checkbox_parent,
.wk-product-variants-item .wk_option_info_icon {
  display: none;
}

#customizer > .contain .previewer {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  padding: 1em;
  margin-bottom: 0;
}

#customizer > .contain .previewer > * {
  grid-area: 1 / 1;
}

#customizer > .contain .previewer img {
  aspect-ratio: 16 / 10;
  object-fit: contain;
}

#customizer > .contain .previewer .heading {
  display: inline-block;
  background: #ebf5e8;
  color: #3b3d3a;
  width: fit-content;
  height: fit-content;
  font-size: 0.75rem;
  padding: 0.5em 1em;
  border-radius: 4px;
}

.cart.grid #add-to-cart-or-refresh {
  display: grid;

  .product-variants.js-product-variants {
    margin-bottom: 0.5em;

    select {
      border-radius: 4px;
    }

    .control-label {
      display: none;
    }
  }
}


.modal-content .modal-header,
.modal-content .modal-body {
    border: unset;
    border-radius: 4px;
    box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,.02), 0 0 0 0.125rem rgba(0,0,0,.02) !important;
}

.modal-content .cart-content-btn {
  margin-top: 10px;
}

.cart.grid .product-actions.js-product-actions {
  order: -1;
}

.cart.grid .product-actions.js-product-actions > ._desktop_wishlist_icon {
  display: none;
}

.cart.grid .product-actions.js-product-actions .btn.btn-primary.add-to-cart {
  line-height: 1.3;
  font-family: 'DM Sans';
}

.cart.grid .product-discounts {
  margin-bottom: 0;
}

.cart.grid .product-actions.js-product-actions {
  display: grid;
  grid-column: span 2;
}

.js-product-actions .nxtal-wishlist-text {
  display: none !important;
}

.cart.grid .product-actions.js-product-actions .product-add-to-cart.js-product-add-to-cart {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5em;
}

.cart.grid .product-actions.js-product-actions ._desktop_wishlist_icon .nxtal-wishlist-icon {
  line-height: 1rlh;
}

.product-info .sticky .checkmarks p:has(.graveret) {
  background: #fdbb3f !important;
  color: #000 !important;
}