.preview-note,
.store-header,
.store-footer {
  font-family: Arial, sans-serif;
}

.preview-note {
  padding: 10px 16px;
  border-bottom: 1px solid #d2d9ce;
  background: #e6eae2;
  color: #344e48;
  font-size: .8rem;
  text-align: center;
}

.store-header .navbar {
  border-bottom: 4px double #25231f;
}

.store-header .nav-link,
.store-footer a {
  color: #25231f;
}

.store-header .nav-link:hover,
.store-footer a:hover {
  color: var(--button-green);
}

.store-header .nav-link[aria-current="page"] {
  text-decoration: underline;
  text-underline-offset: .25em;
}

:is(.store-header, .store-footer) .brand img {
  display: block;
  width: 150px;
  height: auto;
  mix-blend-mode: multiply;
}

.store-footer .language {
  display: inline-block;
  padding: 6px 10px;
  line-height: 1.5;
  text-decoration: none;
}

.store-footer {
  padding: 40px 0;
  border-top: 4px double #25231f;
  background: #fffcf7;
}

#basket-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#basket-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .preview-note {
    padding: 6px 16px;
    font-size: 10px;
    line-height: 1.5;
  }

  .store-footer .language {
    padding: 7px;
  }

  .store-footer {
    padding: 30px 0 90px;
  }
}

@media (max-width: 360px) {
  .store-header .navbar {
    gap: 4px !important;
  }

  .store-header .brand img {
    width: 70px !important;
  }

  .store-header .navbar .nav-link {
    padding-inline: 2px;
  }

  .store-header #header-basket {
    gap: 2px;
  }

  .store-header #header-basket svg {
    width: 19px;
    height: 19px;
  }
}

html{scrollbar-gutter:stable}body.basket-open{overflow:hidden}
#basket-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100%);max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:#FFFCF7;color:#25231F;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:-10px 0 40px #25231f25}
#basket-dialog::backdrop{background:#25231f66}
#basket-dialog .drawer-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;background:#FFFCF7;border-bottom:1px solid #d9d1c4}
#basket-dialog .drawer-header h2{font:1.6rem Georgia,serif;margin:0}
#close-basket{min-width:44px;min-height:44px;border:1px solid #a79f91;background:transparent;border-radius:4px;font-size:22px}
#basket-dialog #basket{width:100%;padding:24px!important;margin:0}
#basket-dialog #basket>.p-4{padding:0!important;border:0!important;background:transparent!important}
#basket-dialog #basket>.p-4>h2{display:none}
#basket-dialog #cart-lines>div{padding:16px 0!important}
#basket-dialog #cart-lines button{min-height:44px}
#basket-dialog #cart-total{border-top:1px solid #d9d1c4;padding-top:20px}
@media(max-width:575px){#basket-dialog{width:100%}#basket-dialog .drawer-header{padding:16px 20px}#basket-dialog #basket{padding:20px!important}}