/* Sauté Sweden – shop-specific Hummingbird layer */

:root {
  --saute-rose: #c98972;
  --saute-ink: #211b18;
  --saute-line: #eee8e4;
  --saute-soft: #faf8f7;
}

@media (min-width: 992px) {
  .header-top {
    padding: .45rem 0;
    border-bottom: 1px solid var(--saute-line);
    font-size: .875rem;
  }

  .header-bottom {
    padding: .9rem 0;
    border-bottom: 1px solid var(--saute-line);
    background: #fff;
  }

  .header-bottom__row {
    gap: 1.25rem;
  }

  .header-bottom .navbar-brand {
    max-width: 190px;
  }

  .header-bottom .navbar-brand .logo {
    width: 145px;
    max-width: 145px;
    max-height: none;
  }

  .ps-mainmenu__tree {
    gap: .25rem;
  }

  .ps-mainmenu__tree-link,
  .ps-mainmenu__tree-item-wrapper {
    color: var(--saute-ink);
  }

  .ps-searchbar {
    margin-left: auto;
  }

  .ps-searchbar__form {
    width: 250px;
  }

  .ps-searchbar__input {
    border: 1px solid var(--saute-line);
    border-radius: .4rem;
    background: var(--saute-soft);
    padding-block: .55rem;
  }
}

/* Header refinement */

.header-top {
  color: #5f5550;
}

.header-top a:not(.dropdown-item) {
  color: #5f5550;
}

.header-top a:not(.dropdown-item):hover {
  color: var(--saute-rose);
}

.header-bottom {
  box-shadow: none;
}

.header-bottom .navbar-brand .logo {
  height: auto;
}

.ps-mainmenu__tree-link {
  font-weight: 400;
  letter-spacing: .01em;
}

.ps-mainmenu__tree-link:hover {
  color: var(--saute-rose);
}

.ps-searchbar__input {
  color: var(--saute-ink);
}

.ps-searchbar__input:focus {
  border-color: var(--saute-rose);
  box-shadow: 0 0 0 1px var(--saute-rose);
}

@media (max-width: 991.98px) {
  .header-bottom {
    padding: .7rem 0;
  }

  .header-bottom .navbar-brand .logo {
    width: 155px;
    max-width: 155px;
  }

  .header-block__action-btn {
    color: var(--saute-ink);
  }

  .header-block__action-btn:hover {
    color: var(--saute-rose);
  }
}


/* Sauté – New products */
.ps-newproducts {
  padding: 4.5rem 0 5rem;
}

.ps-newproducts .section-title {
  margin: 0 0 2rem;
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.ps-newproducts .products {
  gap: 2rem 1.5rem;
}

.ps-newproducts .product-miniature {
  background: transparent;
}

.ps-newproducts .product-miniature__image-container {
  overflow: hidden;
  border-radius: 1.25rem;
  background: #f8f6f6;
}

.ps-newproducts .product-miniature__image {
  transition: transform 0.35s ease;
}

@media (hover: hover) {
  .ps-newproducts .product-miniature:hover .product-miniature__image {
    transform: scale(1.025);
  }
}

.ps-newproducts .product-miniature__bottom {
  padding-top: 1rem;
}

.ps-newproducts .product-miniature__title {
  font-weight: 500;
  line-height: 1.35;
}

@media (max-width: 767px) {
  .ps-newproducts {
    padding: 3rem 0 3.5rem;
  }

  .ps-newproducts .section-title {
    margin-bottom: 1.5rem;
  }

  .ps-newproducts .products {
    gap: 1.5rem 0.75rem;
  }

  .ps-newproducts .product-miniature__image-container {
    border-radius: 1rem;
  }
}

/* Sauté design pass 2026-09-09 */

:root {
  --saute-pink: #fcdce3;
  --saute-pink-strong: #ffb0db;
  --saute-black: #1e1e1e;
  --saute-gray: #707070;

  --bs-primary: #ffb0db;
  --bs-primary-rgb: 255, 176, 219;
  --bs-link-color: #1e1e1e;
  --bs-link-color-rgb: 30, 30, 30;
  --bs-link-hover-color: #707070;
  --bs-link-hover-color-rgb: 112, 112, 112;
}

body {
  color: var(--saute-black);
  font-family: "Inter", sans-serif;
}

/* Top utility bar */
.header-top {
  background: var(--saute-pink);
  border-bottom: 0;
  color: var(--saute-black);
}

.header-top .container-md {
  min-height: 38px;
}

.header-top__left,
.header-top__right {
  display: flex;
  align-items: center;
}

.header-top__right {
  justify-content: flex-end;
}

.header-top .ps-contactinfo__email,
.header-top .header-block__title {
  color: var(--saute-black);
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.header-top .header-block__action-btn {
  color: var(--saute-black);
}

.header-top .header-block__action-btn:hover,
.header-top .ps-contactinfo__email:hover {
  color: var(--saute-gray);
}

.header-top .header-block__icon {
  font-size: 1.05rem;
}

/* Main navigation */
.header-bottom {
  background: #fff;
  border-bottom: 1px solid #efefef;
  box-shadow: none;
}

.ps-mainmenu__tree-link,
.ps-mainmenu__tree-item-wrapper {
  color: var(--saute-black);
  font-size: .76rem;
  font-weight: 500;
  letter-spacing: .11em;
  text-transform: uppercase;
}

/* Search */
.ps-searchbar__form {
  position: relative;
}

.ps-searchbar__input {
  min-height: 42px;
  padding-left: 2.65rem;
  padding-right: 2.5rem;
  border: 1px solid #e4e4e4;
  border-radius: 999px;
  background: #f8f8f8;
  color: var(--saute-black);
  font-size: .86rem;
  font-weight: 300;
}

.ps-searchbar__input::placeholder {
  color: #8b8b8b;
}

.ps-searchbar__input:focus {
  border-color: var(--saute-pink-strong);
  box-shadow: 0 0 0 2px rgba(255,176,219,.2);
  background: #fff;
}

.ps-searchbar__magnifier {
  left: .95rem;
}

/* Typography */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--saute-black);
  font-family: "Inter", sans-serif;
}

/* New products */
.ps-newproducts {
  padding-top: 3.5rem;
}

.ps-newproducts .section-title {
  position: relative;
  display: inline-block;
  margin: 0 0 2rem;
  padding-bottom: .6rem;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--saute-black);
}

.ps-newproducts .section-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 2px;
  background: var(--saute-pink-strong);
}

.ps-newproducts .product-miniature__title {
  font-size: .82rem;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ps-newproducts .badge.new,
.badge.new {
  background: var(--saute-pink-strong);
  color: var(--saute-black);
}

/* Buttons */
.btn-primary {
  --bs-btn-bg: var(--saute-pink-strong);
  --bs-btn-border-color: var(--saute-pink-strong);
  --bs-btn-color: var(--saute-black);
  --bs-btn-hover-bg: #f59dce;
  --bs-btn-hover-border-color: #f59dce;
  --bs-btn-hover-color: var(--saute-black);
  --bs-btn-active-bg: #f59dce;
  --bs-btn-active-border-color: #f59dce;
  font-weight: 500;
  letter-spacing: .04em;
}

@media (min-width: 992px) {
  .header-top {
    padding: 0;
  }

  .header-bottom {
    padding: 1rem 0;
  }

  .ps-searchbar__form {
    width: 270px;
  }
}

/* Sauté refinement pass 2026-09-09 */

/* Cart count – visible but quiet */
.header-top .header-block__badge {
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 50%;
  background: #fff;
  color: var(--saute-black);
  font-size: .62rem;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}

/* Product badges */
.ps-newproducts .badge.new,
.badge.new {
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Product names keep their real capitalization */
.ps-newproducts .product-miniature__title {
  font-size: .86rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .01em;
  text-transform: none;
}

/* All new products */
.ps-newproducts .module-products__buttons {
  margin-top: 2.5rem;
  text-align: center;
}

.ps-newproducts .module-products__buttons .btn-outline-primary {
  border: 1px solid var(--saute-black);
  border-radius: .45rem;
  background: transparent;
  color: var(--saute-black);
  padding: .7rem 1.15rem;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ps-newproducts .module-products__buttons .btn-outline-primary:hover {
  border-color: var(--saute-pink-strong);
  background: var(--saute-pink);
  color: var(--saute-black);
}

.ps-newproducts .module-products__buttons .material-icons {
  font-size: 1rem;
  margin-left: .25rem;
}

/* Newsletter */
.footer__before {
  background: #fafafa;
}

.ps-emailsubscription {
  background: #fafafa !important;
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.ps-emailsubscription .h3 {
  margin-bottom: 0;
  color: var(--saute-black);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: .03em;
}

.ps-emailsubscription .form-control {
  min-height: 44px;
  border: 1px solid #dedede;
  border-radius: .45rem;
  background: #fff;
  font-size: .85rem;
}

.ps-emailsubscription .btn-primary {
  min-height: 44px;
  border-radius: .45rem;
  padding-inline: 1.25rem;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ps-emailsubscription .text-body-secondary {
  margin-top: .6rem;
  color: var(--saute-gray) !important;
  font-size: .72rem !important;
  line-height: 1.5;
}

/* Main footer */
.footer__main {
  background: var(--saute-pink);
  color: var(--saute-black);
}

.footer__main .footer-block__title {
  color: var(--saute-black);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.footer__main a,
.footer__main .footer-block__list a,
.footer__main .ps-contactinfo {
  color: var(--saute-black);
}

.footer__main a:hover {
  color: var(--saute-gray);
}

@media (max-width: 767.98px) {
  .ps-emailsubscription .h3 {
    margin-bottom: 1rem;
  }
}

/* Sauté premium refinement 2026-09-09 */

/* Softer premium ink */
:root {
  --saute-black: #2b2b2b;
  --saute-footer: #f8cfd9;
}

body {
  color: var(--saute-black);
}

/* Main navigation – slightly more presence */
.ps-mainmenu__tree-link,
.ps-mainmenu__tree-item-wrapper {
  font-size: .82rem;
}

/* Cart count – keep size, lift into alignment */
.header-top .header-block__badge {
  position: relative;
  top: -3px;
}

/* Newsletter – cleaner editorial treatment */
.footer__before,
.ps-emailsubscription {
  background: #fafafa !important;
}

.ps-emailsubscription {
  padding-top: 3.25rem !important;
  padding-bottom: 3.25rem !important;
}

.ps-emailsubscription .h3 {
  margin-bottom: 0;
  color: var(--saute-black);
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ps-emailsubscription .form-control {
  min-height: 46px;
  padding: .7rem 1rem;
  border: 1px solid #d7d7d7;
  border-radius: .5rem;
  background: #fff;
  color: var(--saute-black);
  font-size: .82rem;
  font-weight: 400;
  box-shadow: none;
}

.ps-emailsubscription .form-control::placeholder {
  color: #8a8a8a;
}

.ps-emailsubscription .form-control:focus {
  border-color: var(--saute-pink-strong);
  box-shadow: 0 0 0 .15rem rgba(255,176,219,.18);
}

.ps-emailsubscription .btn-primary {
  min-height: 46px;
  padding-inline: 1.4rem;
  border-radius: .5rem;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ps-emailsubscription .text-body-secondary {
  max-width: 620px;
  margin-top: .65rem;
  color: #777 !important;
  font-size: .69rem !important;
  font-weight: 400;
  line-height: 1.55;
}

/* Footer – deeper blush and more refined typography */
.footer__main {
  background: var(--saute-footer);
  color: var(--saute-black);
}

.footer__main .footer-block__title {
  margin-bottom: 1.15rem;
  color: var(--saute-black);
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.footer__main .footer-block__list {
  line-height: 1.7;
}

.footer__main .footer-block__list li {
  margin-bottom: .35rem;
}

.footer__main .footer-block__list a,
.footer__main .ps-contactinfo__infos,
.footer__main .ps-contactinfo__email,
.footer__main .ps-contactinfo__details {
  color: var(--saute-black);
  font-size: .81rem;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: .01em;
}

.footer__main a {
  color: var(--saute-black);
  text-decoration: none;
}

.footer__main a:hover {
  color: var(--saute-gray);
}

.footer__main .ps-contactinfo__email .material-icons {
  font-size: 1rem;
  vertical-align: -2px;
}

.footer__main .copyright {
  color: #666;
  font-size: .7rem;
  font-weight: 400;
  letter-spacing: .02em;
}

@media (max-width: 767.98px) {
  .ps-emailsubscription .h3 {
    margin-bottom: 1rem;
  }
}

/* Sauté withdrawal request 2026-09-09 */
.withdrawalrequest.card {
  max-width: 780px;
  margin: 4rem auto 5rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.withdrawalrequest .card-block {
  padding: 0;
}

.withdrawalrequest h1 {
  margin: 0 0 1rem;
  color: var(--saute-black);
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.withdrawalrequest > .card-block > p {
  max-width: 640px;
  margin-bottom: 2rem;
  color: #666;
  font-size: .9rem;
  line-height: 1.75;
}

.withdrawalrequest .form-group {
  margin-bottom: 1.5rem;
}

.withdrawalrequest label,
.withdrawalrequest legend {
  margin-bottom: .5rem;
  color: var(--saute-black);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .045em;
}

.withdrawalrequest legend {
  padding: 0;
}

.withdrawalrequest .form-control {
  min-height: 48px;
  padding: .8rem 1rem;
  border: 1px solid #d8d8d8;
  border-radius: .45rem;
  background: #fff;
  color: var(--saute-black);
  font-size: .9rem;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.withdrawalrequest textarea.form-control {
  min-height: 130px;
  resize: vertical;
}

.withdrawalrequest .form-control:focus {
  border-color: var(--saute-pink);
  box-shadow: 0 0 0 3px rgba(255, 176, 219, .18);
}

.withdrawalrequest .form-text {
  margin-top: .45rem;
  color: #777 !important;
  font-size: .72rem;
  line-height: 1.5;
}

.withdrawalrequest fieldset {
  margin: 1.75rem 0;
  padding: 0;
  border: 0;
}

.withdrawalrequest-radio {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin: .65rem 0;
  font-size: .86rem !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  cursor: pointer;
}

.withdrawalrequest-radio input {
  width: 17px;
  height: 17px;
  margin: 0;
  accent-color: var(--saute-pink);
}

.withdrawalrequest .btn-primary {
  min-height: 46px;
  padding: .8rem 1.5rem;
  border: 1px solid var(--saute-black);
  border-radius: .45rem;
  background: var(--saute-black);
  color: #fff;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .075em;
  text-transform: uppercase;
  box-shadow: none;
}

.withdrawalrequest .btn-primary:hover,
.withdrawalrequest .btn-primary:focus {
  border-color: #111;
  background: #111;
  color: #fff;
}

.withdrawalrequest .btn-link {
  margin-left: .75rem;
  color: var(--saute-black);
  font-size: .76rem;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.withdrawalrequest-summary {
  display: grid;
  grid-template-columns: minmax(150px, .8fr) 2fr;
  gap: .7rem 1.5rem;
  margin: 2rem 0;
  padding: 1.5rem;
  border: 1px solid #ececec;
  border-radius: .5rem;
  background: #fafafa;
}

.withdrawalrequest-summary dt {
  color: #666;
  font-size: .74rem;
  font-weight: 500;
}

.withdrawalrequest-summary dd {
  margin: 0;
  color: var(--saute-black);
  font-size: .86rem;
  line-height: 1.55;
}

.withdrawalrequest .alert {
  margin: 1.5rem 0;
  padding: 1rem 1.15rem;
  border-radius: .45rem;
  font-size: .82rem;
  line-height: 1.55;
}

@media (max-width: 767.98px) {
  .withdrawalrequest.card {
    margin: 2.5rem auto 3.5rem;
    padding: 0 .25rem;
  }

  .withdrawalrequest h1 {
    font-size: 1.75rem;
  }

  .withdrawalrequest-summary {
    grid-template-columns: 1fr;
    gap: .25rem;
    padding: 1.2rem;
  }

  .withdrawalrequest-summary dd {
    margin-bottom: .75rem;
  }

  .withdrawalrequest .btn-primary {
    width: 100%;
  }

  .withdrawalrequest .btn-link {
    display: block;
    margin: .8rem 0 0;
    text-align: center;
  }
}

/* Sauté withdrawal refinements 2026-09-09 */
body#module-withdrawalrequest-form .breadcrumb,
body#module-withdrawalrequest-form .breadcrumb-wrapper {
  display: none !important;
}

.withdrawalrequest h1 {
  margin-bottom: .8rem;
  font-size: 1.55rem;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.withdrawalrequest > .card-block > p {
  max-width: none;
  margin-bottom: 1.6rem;
  font-size: .82rem;
  line-height: 1.6;
}

.withdrawalrequest .btn-primary {
  min-width: 150px;
  min-height: 42px;
  padding: .7rem 1.35rem;
  border-color: var(--saute-pink-strong);
  background: var(--saute-pink-strong);
  font-size: .7rem;
  letter-spacing: .09em;
}

.withdrawalrequest .btn-primary:hover,
.withdrawalrequest .btn-primary:focus {
  border-color: var(--saute-pink);
  background: var(--saute-pink);
  color: var(--saute-black);
}

@media (max-width: 767.98px) {
  .withdrawalrequest h1 {
    font-size: 1.3rem;
  }

  .withdrawalrequest .btn-primary {
    width: auto;
    min-width: 140px;
  }
}

/* Sauté withdrawal button refinement */
.withdrawalrequest .btn-primary,
.withdrawalrequest .btn-link {
  min-width: 150px;
  min-height: 42px;
  padding: .7rem 1.35rem;
  border-radius: 999px;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}

.withdrawalrequest .btn-primary {
  border: 1px solid var(--saute-pink-strong);
  background: var(--saute-pink-strong);
  color: #fff;
}

.withdrawalrequest .btn-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: .75rem;
  border: 1px solid var(--saute-pink-strong);
  background: #fff;
  color: var(--saute-pink-strong);
}

.withdrawalrequest .btn-link:hover,
.withdrawalrequest .btn-link:focus {
  border-color: var(--saute-pink);
  background: #fff;
  color: var(--saute-pink);
  text-decoration: none;
}

/* Sauté newsletter button refinement */
.ps-emailsubscription .btn-primary {
  border: 1px solid var(--saute-pink-strong);
  border-radius: 999px;
  background: var(--saute-pink-strong);
  color: #fff;
}
.ps-emailsubscription .btn-primary:hover,
.ps-emailsubscription .btn-primary:focus {
  border-color: var(--saute-pink);
  background: var(--saute-pink);
  color: #fff;
}

/* Sauté newsletter – final spacing */
.ps-emailsubscription .newsletter-unsubscribe-note {
  margin: .35rem 0 0;
  padding-left: 1rem;
  color: #777;
  font-size: .68rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
}

.ps-emailsubscription .newsletter-conditions {
  margin-top: .5rem;
  font-size: .68rem;
  line-height: 1.45;
}

@media (max-width: 767.98px) {
  .ps-emailsubscription .newsletter-unsubscribe-note {
    padding-left: 1rem;
  }
}

/* Sauté newsletter – final layout */
.ps-emailsubscription .newsletter-form-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.ps-emailsubscription .newsletter-email-group {
  flex: 1 1 auto;
  min-width: 0;
}

.ps-emailsubscription .newsletter-email-group .form-control {
  width: 100%;
}

.ps-emailsubscription .newsletter-unsubscribe-note {
  margin: .35rem 0 0;
  padding-left: 1rem;
  color: #777;
  font-size: .68rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
}

.ps-emailsubscription .newsletter-conditions {
  display: none !important;
}

.ps-emailsubscription .newsletter-form-row .btn-primary {
  flex: 0 0 auto;
}

@media (max-width: 767.98px) {
  .ps-emailsubscription .newsletter-form-row {
    flex-direction: column;
    align-items: flex-start;
    gap: .7rem;
  }

  .ps-emailsubscription .newsletter-form-row .btn-primary {
    width: auto;
    min-width: 150px;
  }
}

/* =========================================================
   Sauté Newsletter – FINAL DESIGN
   ========================================================= */

.ps-emailsubscription {
  background: #fcf8fa !important;
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.ps-emailsubscription > .container > .row {
  align-items: center;
}

/* Left editorial block */
.ps-emailsubscription .newsletter-intro {
  align-self: center;
  padding-right: 2rem;
}

.ps-emailsubscription .newsletter-eyebrow {
  margin: 0 0 .75rem;
  color: var(--saute-black);
  font-size: .68rem;
  font-weight: 500;
  letter-spacing: .24em;
  line-height: 1.4;
  text-transform: uppercase;
}

.ps-emailsubscription .newsletter-title {
  margin: 0;
  color: var(--saute-black);
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: .005em;
}

.ps-emailsubscription .newsletter-accent {
  display: block;
  width: 75px;
  height: 3px;
  margin-top: 1.4rem;
  background: var(--saute-pink-strong);
}

/* Right form */
.ps-emailsubscription form {
  align-self: center;
}

.ps-emailsubscription .newsletter-form-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.ps-emailsubscription .newsletter-email-group {
  flex: 1 1 auto;
  min-width: 0;
}

.ps-emailsubscription .newsletter-email-group .form-control {
  width: 100%;
  min-height: 46px;
  padding: .75rem 1.25rem;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  background: #fff;
  color: var(--saute-black);
  font-size: .82rem;
  font-weight: 400;
  box-shadow: none;
}

.ps-emailsubscription .newsletter-email-group .form-control:focus {
  border-color: var(--saute-pink-strong);
  box-shadow: 0 0 0 2px rgba(255,176,219,.16);
}

.ps-emailsubscription .newsletter-unsubscribe-note {
  margin: .4rem 0 0;
  padding-left: 1.25rem;
  color: #777;
  font-size: .68rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
}

.ps-emailsubscription .newsletter-form-row .btn-primary {
  flex: 0 0 auto;
  min-width: 170px;
  min-height: 46px;
  padding: .75rem 1.5rem;
  border: 1px solid var(--saute-pink-strong);
  border-radius: 999px;
  background: var(--saute-pink-strong);
  color: #fff;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  box-shadow: none;
}

.ps-emailsubscription .newsletter-form-row .btn-primary:hover,
.ps-emailsubscription .newsletter-form-row .btn-primary:focus {
  border-color: var(--saute-pink);
  background: var(--saute-pink);
  color: #fff;
}

.ps-emailsubscription .newsletter-conditions {
  display: none !important;
}

/* Mobile */
@media (max-width: 991.98px) {
  .ps-emailsubscription .newsletter-intro {
    padding-right: 0;
    margin-bottom: 1.5rem;
  }

  .ps-emailsubscription .newsletter-title {
    font-size: 1.5rem;
  }
}

@media (max-width: 767.98px) {
  .ps-emailsubscription {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .ps-emailsubscription .newsletter-title {
    font-size: 1.35rem;
  }

  .ps-emailsubscription .newsletter-form-row {
    flex-direction: column;
    gap: .7rem;
  }

  .ps-emailsubscription .newsletter-form-row .btn-primary {
    min-width: 150px;
  }
}

/* Sauté newsletter – editorial headline */
.ps-emailsubscription .newsletter-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}


/* Sauté newsletter – final headline sizing */
.ps-emailsubscription .newsletter-title {
  font-size: 1.9rem;
  line-height: 1.3;
}


/* Sauté newsletter – final headline sizing */
.ps-emailsubscription .newsletter-title {
  font-size: 1.9rem;
  line-height: 1.3;
}


/* Sauté CMS pages */
body#cms .page-title-section {
  margin-bottom: 2.5rem;
  color: var(--saute-black);
  font-size: 1.55rem;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.2;
  text-transform: uppercase;
}

body#cms .page-title-section::after {
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  margin-top: .9rem;
  background: var(--saute-pink-strong);
}

body#cms .page-content--cms > h1 {
  display: none;
}

body#cms .page-content--cms {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  font-size: .92rem;
  line-height: 1.75;
}

body#cms .page-content--cms p {
  margin-bottom: 1.35rem;
}

body#cms .page-content--cms strong {
  font-weight: 600;
}


/* Sauté CMS pages – editorial layout */

.page-header,
.page-content--cms {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  transform: translateX(-89px);
}

.page-content--cms {
  margin-top: 2rem;
  margin-bottom: 5rem;
}

.page-content--cms h1 {
  display: none;
}

.page-content--cms p {
  max-width: 760px;
  margin: 0 0 1.5rem;
  font-size: .88rem;
  line-height: 1.7;
}

.page-content--cms p:last-child {
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  .page-header,
  .page-content--cms {
    max-width: none;
    transform: none;
  }

  .page-content--cms {
    margin-top: 1.5rem;
    margin-bottom: 3.5rem;
  }
}

/* Sauté newsletter button refinement */
.ps-emailsubscription .btn-primary {
  border: 1px solid var(--saute-pink-strong);
  border-radius: 999px;
  background: var(--saute-pink-strong);
  color: #fff;
}
.ps-emailsubscription .btn-primary:hover,
.ps-emailsubscription .btn-primary:focus {
  border-color: var(--saute-pink);
  background: var(--saute-pink);
  color: #fff;
}

/* Sauté newsletter – final spacing */
.ps-emailsubscription .newsletter-unsubscribe-note {
  margin: .35rem 0 0;
  padding-left: 1rem;
  color: #777;
  font-size: .68rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
}

.ps-emailsubscription .newsletter-conditions {
  margin-top: .5rem;
  font-size: .68rem;
  line-height: 1.45;
}

@media (max-width: 767.98px) {
  .ps-emailsubscription .newsletter-unsubscribe-note {
    padding-left: 1rem;
  }
}

/* Sauté newsletter – final layout */
.ps-emailsubscription .newsletter-form-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.ps-emailsubscription .newsletter-email-group {
  flex: 1 1 auto;
  min-width: 0;
}

.ps-emailsubscription .newsletter-email-group .form-control {
  width: 100%;
}

.ps-emailsubscription .newsletter-unsubscribe-note {
  margin: .35rem 0 0;
  padding-left: 1rem;
  color: #777;
  font-size: .68rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
}

.ps-emailsubscription .newsletter-conditions {
  display: none !important;
}

.ps-emailsubscription .newsletter-form-row .btn-primary {
  flex: 0 0 auto;
}

@media (max-width: 767.98px) {
  .ps-emailsubscription .newsletter-form-row {
    flex-direction: column;
    align-items: flex-start;
    gap: .7rem;
  }

  .ps-emailsubscription .newsletter-form-row .btn-primary {
    width: auto;
    min-width: 150px;
  }
}

/* =========================================================
   Sauté Newsletter – FINAL DESIGN
   ========================================================= */

.ps-emailsubscription {
  background: #fcf8fa !important;
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.ps-emailsubscription > .container > .row {
  align-items: center;
}

/* Left editorial block */
.ps-emailsubscription .newsletter-intro {
  align-self: center;
  padding-right: 2rem;
}

.ps-emailsubscription .newsletter-eyebrow {
  margin: 0 0 .75rem;
  color: var(--saute-black);
  font-size: .68rem;
  font-weight: 500;
  letter-spacing: .24em;
  line-height: 1.4;
  text-transform: uppercase;
}

.ps-emailsubscription .newsletter-title {
  margin: 0;
  color: var(--saute-black);
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: .005em;
}

.ps-emailsubscription .newsletter-accent {
  display: block;
  width: 75px;
  height: 3px;
  margin-top: 1.4rem;
  background: var(--saute-pink-strong);
}

/* Right form */
.ps-emailsubscription form {
  align-self: center;
}

.ps-emailsubscription .newsletter-form-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.ps-emailsubscription .newsletter-email-group {
  flex: 1 1 auto;
  min-width: 0;
}

.ps-emailsubscription .newsletter-email-group .form-control {
  width: 100%;
  min-height: 46px;
  padding: .75rem 1.25rem;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  background: #fff;
  color: var(--saute-black);
  font-size: .82rem;
  font-weight: 400;
  box-shadow: none;
}

.ps-emailsubscription .newsletter-email-group .form-control:focus {
  border-color: var(--saute-pink-strong);
  box-shadow: 0 0 0 2px rgba(255,176,219,.16);
}

.ps-emailsubscription .newsletter-unsubscribe-note {
  margin: .4rem 0 0;
  padding-left: 1.25rem;
  color: #777;
  font-size: .68rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
}

.ps-emailsubscription .newsletter-form-row .btn-primary {
  flex: 0 0 auto;
  min-width: 170px;
  min-height: 46px;
  padding: .75rem 1.5rem;
  border: 1px solid var(--saute-pink-strong);
  border-radius: 999px;
  background: var(--saute-pink-strong);
  color: #fff;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  box-shadow: none;
}

.ps-emailsubscription .newsletter-form-row .btn-primary:hover,
.ps-emailsubscription .newsletter-form-row .btn-primary:focus {
  border-color: var(--saute-pink);
  background: var(--saute-pink);
  color: #fff;
}

.ps-emailsubscription .newsletter-conditions {
  display: none !important;
}

/* Mobile */
@media (max-width: 991.98px) {
  .ps-emailsubscription .newsletter-intro {
    padding-right: 0;
    margin-bottom: 1.5rem;
  }

  .ps-emailsubscription .newsletter-title {
    font-size: 1.5rem;
  }
}

@media (max-width: 767.98px) {
  .ps-emailsubscription {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .ps-emailsubscription .newsletter-title {
    font-size: 1.35rem;
  }

  .ps-emailsubscription .newsletter-form-row {
    flex-direction: column;
    gap: .7rem;
  }

  .ps-emailsubscription .newsletter-form-row .btn-primary {
    min-width: 150px;
  }
}

/* Sauté newsletter – editorial headline */
.ps-emailsubscription .newsletter-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}


/* Sauté newsletter – final headline sizing */
.ps-emailsubscription .newsletter-title {
  font-size: 1.9rem;
  line-height: 1.3;
}


/* Sauté newsletter – final headline sizing */
.ps-emailsubscription .newsletter-title {
  font-size: 1.9rem;
  line-height: 1.3;
}


/* Sauté CMS pages */
body#cms .page-title-section {
  margin-bottom: 2.5rem;
  color: var(--saute-black);
  font-size: 1.55rem;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.2;
  text-transform: uppercase;
}

body#cms .page-title-section::after {
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  margin-top: .9rem;
  background: var(--saute-pink-strong);
}

body#cms .page-content--cms > h1 {
  display: none;
}

body#cms .page-content--cms {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  font-size: .92rem;
  line-height: 1.75;
}

body#cms .page-content--cms p {
  margin-bottom: 1.35rem;
}

body#cms .page-content--cms strong {
  font-weight: 600;
}


/* Sauté CMS pages – editorial layout */
.page-header {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.page-content--cms {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  margin-bottom: 5rem;
}

.page-content--cms h1 {
  display: none;
}

.page-content--cms p {
  max-width: 760px;
  margin: 0 0 1.5rem;
  font-size: .88rem;
  line-height: 1.7;
}

.page-content--cms p:last-child {
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  .page-header,
  .page-content--cms {
    max-width: none;
  }

  .page-content--cms {
    margin-top: 1.5rem;
    margin-bottom: 3.5rem;
  }
}

/* Sauté CMS – match newsletter left edge */
.page-header,
.page-content--cms {
  transform: translateX(-89px);
}

@media (max-width: 991.98px) {
  .page-header,
  .page-content--cms {
    transform: none;
  }
}


/* =========================================================
   Sauté – product CTA & review buttons
   ========================================================= */

.product__add-to-cart-button {
  min-height: 48px;
  padding: .8rem 1.5rem;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;
  background: #ffb0db !important;
  color: #2b2b2b !important;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: all .2s ease;
}

.product__add-to-cart-button:hover,
.product__add-to-cart-button:focus {
  border-color: #ffb0db !important;
  background: #fcdce3 !important;
  color: #2b2b2b !important;
}

.product-comments-wrapper .btn-outline-primary {
  border-color: #ffb0db !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #2b2b2b !important;
}

.product-comments-wrapper .btn-outline-primary:hover,
.product-comments-wrapper .btn-outline-primary:focus {
  border-color: #ffb0db !important;
  background: #ffb0db !important;
  color: #2b2b2b !important;
}


/* =========================================================
   Sauté – product CTA buttons
   ========================================================= */

/* PRIMARY – Lägg till i varukorgen */
.product__add-to-cart-button {
  min-height: 48px;
  padding: .8rem 1.5rem;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;
  background: #ffb0db !important;
  color: #fff !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  line-height: 1.2;
  text-transform: uppercase;
  transition: all .2s ease;
}

.product__add-to-cart-button:hover,
.product__add-to-cart-button:focus {
  border-color: #ffb0db !important;
  background: #fcdce3 !important;
  color: #fff !important;
}


/* SECONDARY – recensioner */
.product-comments-wrapper .btn-outline-primary,
.product-comments-wrapper .btn-primary {
  min-height: 42px;
  padding: .7rem 1.35rem;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #ffb0db !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .2s ease;
}

.product-comments-wrapper .btn-outline-primary:hover,
.product-comments-wrapper .btn-outline-primary:focus,
.product-comments-wrapper .btn-primary:hover,
.product-comments-wrapper .btn-primary:focus {
  border-color: #ffb0db !important;
  background: #ffb0db !important;
  color: #fff !important;
}


/* =========================================================
   Sauté – product review CTA
   ========================================================= */

.product-comments-additional-info .post-product-comment,
#product-comments-list-footer .post-product-comment,
#empty-product-comment .post-product-comment {
  min-height: 42px;
  padding: .7rem 1.35rem;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #ffb0db !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .2s ease;
}

.product-comments-additional-info .post-product-comment:hover,
.product-comments-additional-info .post-product-comment:focus,
#product-comments-list-footer .post-product-comment:hover,
#product-comments-list-footer .post-product-comment:focus,
#empty-product-comment .post-product-comment:hover,
#empty-product-comment .post-product-comment:focus {
  border-color: #ffb0db !important;
  background: #ffb0db !important;
  color: #fff !important;
}


/* =========================================================
   Sauté – review modal buttons
   ========================================================= */

.product-comment-modal .post-comment-buttons .btn-primary {
  min-height: 42px;
  padding: .7rem 1.35rem;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;
  background: #ffb0db !important;
  color: #fff !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  line-height: 1.2;
  text-transform: uppercase;
}

.product-comment-modal .post-comment-buttons .btn-outline-primary {
  min-height: 42px;
  padding: .7rem 1.35rem;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #ffb0db !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  line-height: 1.2;
  text-transform: uppercase;
}

.product-comment-modal .post-comment-buttons .btn-primary:hover,
.product-comment-modal .post-comment-buttons .btn-primary:focus {
  background: #fcdce3 !important;
  color: #fff !important;
}

.product-comment-modal .post-comment-buttons .btn-outline-primary:hover,
.product-comment-modal .post-comment-buttons .btn-outline-primary:focus {
  background: #ffb0db !important;
  color: #fff !important;
}


/* Sauté – vit kundvagnsikon i produktlistan */
.product-miniature [data-button-action="add-to-cart"] .material-icons {
  color: #fff !important;
}


/* =========================================================
   Sauté – category / empty category page
   ========================================================= */

/* ---------------------------------------------------------
   Breadcrumb
   --------------------------------------------------------- */

.breadcrumb {
  font-size: .72rem !important;
  letter-spacing: .08em;
}

.breadcrumb a,
.breadcrumb li {
  text-transform: uppercase;
}


/* ---------------------------------------------------------
   Category sidebar
   --------------------------------------------------------- */

.page-category .facet-label,
.page-category .category-subcategories a,
.page-category .block-categories a {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
}

.page-category .block-categories .category-title,
.page-category .block-categories .h3 {
  text-transform: uppercase;
  letter-spacing: .08em;
}


/* ---------------------------------------------------------
   Category main heading
   --------------------------------------------------------- */

.page-category h1,
.page-category .page-header h1,
.page-category .category__title {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: -.02em;
}


/* ---------------------------------------------------------
   Empty category message
   --------------------------------------------------------- */

.page-category .category-empty,
.page-category .no-products,
.page-category .no-products-found {
  color: #2b2b2b;
}

.page-category .category-empty h2,
.page-category .no-products h2,
.page-category .no-products-found h2 {
  font-size: 1.05rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .09em;
}


/* ---------------------------------------------------------
   Secondary button – "Tillbaka till startsidan"
   --------------------------------------------------------- */

.page-category .btn-primary {
  min-height: 42px;
  padding: .7rem 1.35rem;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #ffb0db !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  line-height: 1.2;
  text-transform: uppercase;
  transition: all .2s ease;
}

.page-category .btn-primary:hover,
.page-category .btn-primary:focus {
  border-color: #ffb0db !important;
  background: #ffb0db !important;
  color: #fff !important;
}


/* ---------------------------------------------------------
   Empty category explanatory text
   --------------------------------------------------------- */

.page-category .no-products-found p,
.page-category .category-empty p {
  color: #555;
  line-height: 1.7;
}


/* ---------------------------------------------------------
   Newsletter section
   --------------------------------------------------------- */

.page-category .newsletter,
.page-category #newsletter {
  letter-spacing: .02em;
}

.page-category .newsletter h2,
.page-category #newsletter h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: -.02em;
}

.page-category .newsletter label,
.page-category #newsletter label {
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .65rem;
}


/* ---------------------------------------------------------
   Newsletter button
   --------------------------------------------------------- */

.page-category .newsletter .btn,
.page-category #newsletter .btn {
  min-height: 44px;
  border-radius: 999px !important;
  background: #ffb0db !important;
  border: 1px solid #ffb0db !important;
  color: #fff !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase;
}


/* ---------------------------------------------------------
   Small uppercase labels / eyebrow text
   --------------------------------------------------------- */

.page-category .newsletter small,
.page-category .newsletter .small {
  letter-spacing: .02em;
}


/* =========================================================
   Sauté – category page final polish
   ========================================================= */

/* ---------------------------------------------------------
   CATEGORY CONTENT
   --------------------------------------------------------- */

.page-category .page-header {
  margin-bottom: 1.5rem;
}

/* Rosa varumärkesetikett ovanför kategorinamnet */
.page-category .page-header::before {
  content: "SAUTÉ NAILS";
  display: block;
  margin-bottom: .55rem;
  color: #ffb0db;
  font-family: inherit;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .16em;
  line-height: 1.2;
  text-transform: uppercase;
}

/* Stor kategorirubrik */
.page-category .page-header h1 {
  margin: 0;
  color: #17202a;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 2.15rem !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
  line-height: 1.15;
}


/* ---------------------------------------------------------
   CATEGORY SIDEBAR
   --------------------------------------------------------- */

.page-category .block-categories {
  border: 0;
}

.page-category .block-categories .category-top-menu {
  margin: 0;
  padding: 0;
}

.page-category .block-categories li {
  border-bottom: 1px solid #e4e4e4;
}

.page-category .block-categories > ul > li:first-child {
  border-top: 0;
}

.page-category .block-categories a {
  color: #17202a !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-decoration: none;
  text-transform: uppercase;
}

.page-category .block-categories .category-sub-menu {
  padding-bottom: .35rem;
}

.page-category .block-categories .category-sub-menu a {
  font-size: .7rem !important;
  font-weight: 500 !important;
  letter-spacing: .08em !important;
}


/* ---------------------------------------------------------
   SIDEBAR HOME
   --------------------------------------------------------- */

.page-category .block-categories > .category-top-menu::before {
  content: "HEM";
  display: block;
  margin-bottom: .8rem;
  color: #17202a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
  font-weight: 400;
}


/* ---------------------------------------------------------
   CATEGORY MESSAGE
   --------------------------------------------------------- */

.page-category .no-products-found,
.page-category .category-empty {
  margin-top: .5rem;
}

.page-category .no-products-found h2,
.page-category .category-empty h2 {
  margin-bottom: .7rem;
  color: #17202a;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.page-category .no-products-found p,
.page-category .category-empty p {
  color: #555;
  font-size: .95rem;
  line-height: 1.7;
}


/* ---------------------------------------------------------
   BACK BUTTON
   --------------------------------------------------------- */

.page-category .no-products-found .btn,
.page-category .category-empty .btn,
.page-category .page-content .btn-primary {
  min-height: 42px;
  margin-top: .35rem;
  padding: .7rem 1.35rem;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #ffb0db !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  line-height: 1.2;
  text-transform: uppercase;
  transition: all .2s ease;
}

.page-category .no-products-found .btn:hover,
.page-category .no-products-found .btn:focus,
.page-category .category-empty .btn:hover,
.page-category .category-empty .btn:focus,
.page-category .page-content .btn-primary:hover,
.page-category .page-content .btn-primary:focus {
  border-color: #ffb0db !important;
  background: #ffb0db !important;
  color: #fff !important;
}


/* ---------------------------------------------------------
   CATEGORY / PRODUCT GRID HEADINGS
   --------------------------------------------------------- */

.page-category .products-selection .total-products {
  color: #17202a;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}


/* ---------------------------------------------------------
   NEWSLETTER – TYPOGRAPHY
   --------------------------------------------------------- */

.page-category .block_newsletter h2,
.page-category .ps-emailsubscription h2,
.page-category .newsletter h2 {
  color: #17202a;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 2rem !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
  line-height: 1.2;
}

.page-category .block_newsletter p,
.page-category .ps-emailsubscription p,
.page-category .newsletter p {
  color: #555;
}


/* ---------------------------------------------------------
   NEWSLETTER INPUT
   --------------------------------------------------------- */

.page-category .block_newsletter input[type="email"],
.page-category .ps-emailsubscription input[type="email"],
.page-category .newsletter input[type="email"] {
  min-height: 46px;
  border: 1px solid #d8d8d8 !important;
  border-radius: 999px !important;
  padding: .7rem 1.2rem;
}

.page-category .block_newsletter input[type="email"]:focus,
.page-category .ps-emailsubscription input[type="email"]:focus,
.page-category .newsletter input[type="email"]:focus {
  border-color: #ffb0db !important;
  box-shadow: 0 0 0 .15rem rgba(255,176,219,.15) !important;
}


/* ---------------------------------------------------------
   NEWSLETTER BUTTON
   --------------------------------------------------------- */

.page-category .block_newsletter button,
.page-category .block_newsletter .btn,
.page-category .ps-emailsubscription button,
.page-category .ps-emailsubscription .btn,
.page-category .newsletter button,
.page-category .newsletter .btn {
  min-height: 46px;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;
  background: #ffb0db !important;
  color: #fff !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767.98px) {

  .page-category .page-header::before {
    font-size: .65rem;
    letter-spacing: .13em;
  }

  .page-category .page-header h1 {
    font-size: 1.8rem !important;
  }

  .page-category .block-categories a {
    font-size: .72rem !important;
  }

  .page-category .block_newsletter h2,
  .page-category .ps-emailsubscription h2,
  .page-category .newsletter h2 {
    font-size: 1.65rem !important;
  }

}

/* Sauté – category brand label */
.category__header::before {
  content: "SAUTÉ NAILS";
  display: block;
  margin-bottom: .45rem;
  color: #ffb0db;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .16em;
  line-height: 1.2;
  text-transform: uppercase;
}
/* =========================================================
   Sauté – category page final style
   ========================================================= */

/* Main category header */
.category__header {
  margin-bottom: 1.35rem;
}

.category__header::before {
  content: "SAUTÉ NAILS";
  display: block;
  margin-bottom: .65rem;
  color: #ffb0db;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .16em;
  line-height: 1.2;
  text-transform: uppercase;
}

.category__header .page-title-section {
  margin: 0;
  color: #17202a;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 2.15rem !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
  line-height: 1.15;
}

/* Empty category message */
.category__header + #products .page-content--not-found .h3 {
  margin-bottom: .65rem;
  color: #17202a;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.4;
  text-transform: uppercase;
}

.category__header + #products .page-content--not-found > p {
  margin-bottom: 1.35rem;
  color: #555;
  font-size: .95rem;
  line-height: 1.7;
}

/* Back button */
.category__header + #products .page-content--not-found .btn-primary {
  min-height: 42px;
  margin-top: 0;
  padding: .7rem 1.35rem;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #ffb0db !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  line-height: 1.2;
  text-transform: uppercase;
  transition: all .2s ease;
}

.category__header + #products .page-content--not-found .btn-primary:hover,
.category__header + #products .page-content--not-found .btn-primary:focus {
  border-color: #ffb0db !important;
  background: #ffb0db !important;
  color: #fff !important;
}
/* =========================================================
   Sauté – category sidebar
   ========================================================= */

/* Sidebar home heading */
.page-category .block-categories .category-top-menu > li:first-child > a,
.page-category .block-categories > .h2,
.page-category .block-categories .h2 {
  color: #17202a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.45rem !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;
}

/* Main category names */
.page-category .block-categories a {
  color: #17202a !important;
  font-family: inherit !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  line-height: 1.3;
  text-transform: uppercase;
}

/* More breathing room between category rows */
.page-category .block-categories .category-sub-menu > li,
.page-category .block-categories .category-top-menu > li {
  padding-top: .65rem;
  padding-bottom: .65rem;
}

/* Fine divider */
.page-category .block-categories .category-top-menu > li + li,
.page-category .block-categories .category-sub-menu > li + li {
  border-top: 1px solid #e5e5e5;
}

/* Keep the arrows understated */
.page-category .block-categories .navbar-toggler,
.page-category .block-categories .material-icons {
  color: #17202a !important;
}

/* Sidebar width and spacing */
.page-category .block-categories {
  padding-right: 1.5rem;
}

@media (max-width: 767.98px) {
  .category__header::before {
    margin-bottom: .55rem;
    font-size: .65rem;
    letter-spacing: .13em;
  }

  .category__header .page-title-section {
    font-size: 1.8rem !important;
  }

  .page-category .block-categories {
    padding-right: 0;
  }
}
/* =========================================================
   Sauté – category sidebar final design
   ========================================================= */

/* Hem */
.left-block__title {
  margin-bottom: 1.15rem;
}

.left-block__title-link {
  color: #17202a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.45rem !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;
  line-height: 1.2;
}

/* Top-level categories */
.category-tree__list[data-depth="0"] > .category-tree__item > .category-tree__item-header {
  min-height: 52px;
  border-top: 1px solid #dedede;
  display: flex;
  align-items: center;
}

.category-tree__list[data-depth="0"] > .category-tree__item:last-child > .category-tree__item-header {
  border-bottom: 1px solid #dedede;
}

.category-tree__list[data-depth="0"] > .category-tree__item > .category-tree__item-header > .category-tree__item-link {
  color: #17202a !important;
  font-family: inherit !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none;
}

/* Arrows */
.category-tree__list[data-depth="0"] > .category-tree__item > .category-tree__item-header > .accordion-button {
  width: 42px;
  min-height: 52px;
  margin-left: auto;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.category-tree__list[data-depth="0"] > .category-tree__item > .category-tree__item-header > .accordion-button::after {
  width: .55rem;
  height: .55rem;
  background-size: .55rem;
}

/* Subcategories – keep them quieter */
.category-tree__list[data-depth="1"] .category-tree__item-link,
.category-tree__list[data-depth="2"] .category-tree__item-link,
.category-tree__list[data-depth="3"] .category-tree__item-link {
  color: #555 !important;
  font-size: .78rem !important;
  font-weight: 400 !important;
  letter-spacing: .02em !important;
  text-transform: none;
}
/* Empty category heading */
.category__header + #products .page-content--not-found .h3,
.category__header ~ #products .page-content--not-found .h3 {
  color: #ffb0db !important;
  font-family: inherit !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  line-height: 1.4;
  text-transform: uppercase;
}
/* Remove duplicate bottom divider from category sidebar */
.category-tree__list[data-depth="0"] > .category-tree__item:last-child > .category-tree__item-header {
  border-bottom: 0 !important;
}
/* Empty category message – Sauté style */
.page-content--not-found h1,
.page-content--not-found h2,
.page-content--not-found .h2,
.page-content--not-found .h3 {
  color: #ffb0db !important;
  font-family: inherit !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
}
/* Empty category spacing */
.page-content--not-found h1,
.page-content--not-found h2,
.page-content--not-found .h2,
.page-content--not-found .h3 {
  margin-top: 0 !important;
  margin-bottom: .65rem !important;
}

.page-content--not-found > p {
  margin-bottom: 1.35rem !important;
}
/* Category sidebar – correct final divider */
.category-tree__list[data-depth="0"] {
  border-bottom: 0 !important;
}

.category-tree__list[data-depth="0"] > .category-tree__item:last-child > .category-tree__item-header {
  border-bottom: 1px solid #dedede !important;
}
/* Remove the category tree bottom line */
.category-tree__list[data-depth="0"],
.category-tree__list[data-depth="0"]::after {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Keep one divider directly under Sauté Care */
.category-tree__list[data-depth="0"] > .category-tree__item:last-child > .category-tree__item-header {
  border-bottom: 1px solid #dedede !important;
}
/* Remove extra divider below category tree */
.page-category .left-block .category-tree {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.page-category .left-block .category-tree__list {
  border-bottom: 0 !important;
  box-shadow: none !important;
}
/* Remove unwanted divider below the category navigation */
.page-category .left-block .accordion--category,
.page-category .left-block .accordion--category > nav,
.page-category .left-block .accordion--category .category-tree__child {
  border-bottom: 0 !important;
  box-shadow: none !important;
}
/* Remove bottom divider under Sauté Care */
.category-tree__list[data-depth="0"] > .category-tree__item:last-child > .category-tree__item-header {
  border-bottom: 0 !important;
}
/* Final category sidebar spacing */
.page-category .category-tree__child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.page-category .accordion--category {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.page-category .category-tree__list[data-depth="0"] {
  margin-bottom: 0 !important;
}

/* =========================================================
   Sauté – product list add-to-cart button
   ========================================================= */

.product-miniature__add {
  min-height: 48px;
  min-width: 48px;
  padding: .8rem 1.2rem;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;
  background: #ffb0db !important;
  color: #fff !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  line-height: 1.2;
  text-transform: uppercase;
}

.product-miniature__add:hover,
.product-miniature__add:focus {
  border-color: #ffb0db !important;
  background: #fcdce3 !important;
  color: #fff !important;
}

.product-miniature__add .material-icons {
  color: #fff !important;
}

.product-miniature__add-text {
  color: #fff !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}
}

.product-miniature__add .material-icons {
  color: #fff !important;
}

.product-miniature__add-text {
  color: #fff !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* Product card – restore cart icon visibility */
.product-miniature__add {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .45rem;
}

.product-miniature__add .material-icons {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #fff !important;
}

/* Product list cart icon */
.product-miniature__add > .material-icons {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  color: #fff !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
}

/* TEST – visa varukorgsikonen i produktkort */
.product-miniature__add {
  position: relative !important;
}

.product-miniature__add > i.material-icons {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  color: #ffffff !important;
  font-family: "Material Icons" !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
}


/* Sauté product card – primary add-to-cart state */
.product-miniature__add {
  background: #ffb0db !important;
  border-color: #ffb0db !important;
  color: #fff !important;
}

.product-miniature__add:hover,
.product-miniature__add:focus {
  background: #fcdce3 !important;
  border-color: #fcdce3 !important;
  color: #fff !important;
}

/* Sauté product card – force primary button background */
.product-miniature .product-miniature__add.btn.btn-primary {
  background-color: #ffb0db !important;
  background-image: none !important;
  border-color: #ffb0db !important;
  color: #fff !important;
}

.product-miniature .product-miniature__add.btn.btn-primary:hover,
.product-miniature .product-miniature__add.btn.btn-primary:focus {
  background-color: #fcdce3 !important;
  background-image: none !important;
  border-color: #fcdce3 !important;
  color: #fff !important;
}

/* =========================================================
   Sauté – product list quantity selector
   ========================================================= */

.product-miniature .quantity-button {
  border: 1px solid #dedede !important;
  border-radius: 999px !important;
  overflow: hidden;
}

.product-miniature .quantity-button__group {
  border-radius: 999px !important;
  overflow: hidden;
}

.product-miniature .quantity-button button {
  background: #fff !important;
  border: 0 !important;
  color: #2b2b2b !important;
}

.product-miniature .quantity-button input {
  border: 0 !important;
  background: #fff !important;
  text-align: center !important;
}

/* =========================================================
   Sauté – product card typography
   ========================================================= */

.product-miniature .product-miniature__title {
  font-weight: 500 !important;
  letter-spacing: .01em;
}

.product-miniature .product-miniature__price {
  font-weight: 600 !important;
  letter-spacing: .01em;
}

/* =========================================================
   Sauté – product list sorting
   ========================================================= */

.products__sort-dropdown-button {
  border: 1px solid #dedede !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #2b2b2b !important;
  font-size: .72rem !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: .7rem 1.1rem !important;
}

/* All new products – secondary Sauté button */
.ps-newproducts .module-products__buttons .btn-outline-primary {
  border: 1px solid var(--saute-pink-strong);
  border-radius: 999px;
  background: #fff;
  color: var(--saute-pink-strong);
  padding: .8rem 1.5rem;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ps-newproducts .module-products__buttons .btn-outline-primary:hover,
.ps-newproducts .module-products__buttons .btn-outline-primary:focus {
  border-color: var(--saute-pink-strong);
  background: var(--saute-pink);
  color: var(--saute-pink-strong);
}

/* New products page title – match category title styling */
body#new-products .page-title-section {
  margin: 0 0 1.35rem;
  color: #17202a;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 2.15rem !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
  line-height: 1.15;
}


/* New products page title – match category title styling */
body#new-products .page-title-section {
  margin: 0 0 1.35rem;
  color: #17202a;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 2.15rem !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
  line-height: 1.15;
}


/* New products page eyebrow */
body#new-products .page-title-section::before {
  content: "SAUTÉ NAILS";
  display: block;
  margin-bottom: .65rem;
  color: #ffb0db;
  font-family: Inter, sans-serif;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .16em;
  line-height: 1.2;
  text-transform: uppercase;
}


/* Megamenu – link to full Hybrid Polish category */
.submenu__all-link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin-bottom: 1.4rem;
  color: #222;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  text-decoration: none;
  text-transform: none;
}

.submenu__all-link:hover,
.submenu__all-link:focus {
  color: #ff8fc5;
  text-decoration: none;
}

/* =========================================================
   SEARCH RESULTS – HEADER
   Match Sauté category pages
   ========================================================= */

body#search .search-results__header {
  margin-bottom: 1.35rem;
}

body#search .search-results__eyebrow {
  display: block;
  margin-bottom: .65rem;
  color: #ffb0db;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .16em;
  line-height: 1.2;
  text-transform: uppercase;
}

body#search .search-results__header .page-title-section {
  margin: 0;
  color: #17202a;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 2.15rem !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
  line-height: 1.15;
}


/* =========================================================
   Sauté – Limited Edition product badge
   ========================================================= */

/* =========================================================
   Sauté – product badges
   NY → LIMITED EDITION → SLUT I LAGER
   ========================================================= */

.product-flags {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
}

/* Gemensam form + typografi */
body .product-flags .badge {
    border-radius: 7px !important;
    font-family: Inter, sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    line-height: 1.15 !important;
}

/* Ordning */
body .product-flags .badge.new {
    order: 1 !important;
}

body .product-flags .badge.limited-edition {
    order: 2 !important;
}

body .product-flags .badge.out_of_stock {
    order: 3 !important;
}

/* NY + LIMITED EDITION – Sautés rosa */
body .product-flags .badge.new,
body .product-flags .badge.limited-edition {
    background: #ff9bcf !important;
    background-color: #ff9bcf !important;
    background-image: none !important;
    border-color: #ff9bcf !important;
    color: #ffffff !important;
}

/* SLUT I LAGER – neutral grå */
body ul.product-flags li.badge.out_of_stock,
body .product-flags li.badge.out_of_stock,
body .product-miniature ul.product-flags li.badge.out_of_stock {
    background: #6f6f6f !important;
    background-color: #6f6f6f !important;
    background-image: none !important;
    border: 0 !important;
    border-color: #6f6f6f !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Säkerhet mot pseudo-element från temat */
body .product-flags .badge.out_of_stock::before,
body .product-flags .badge.out_of_stock::after {
    background: #6f6f6f !important;
    background-color: #6f6f6f !important;
    background-image: none !important;
    border-color: #6f6f6f !important;
}

/* =========================================================
   Sauté – SLUT I LAGER, definitiv neutral grå
   ========================================================= */

html body .product-miniature ul.product-flags > li.badge.out_of_stock,
html body ul.product-flags > li.badge.out_of_stock {
    --bs-badge-bg: #6f6f6f !important;
    --bs-badge-color: #ffffff !important;
    --bs-bg-opacity: 1 !important;

    background: #6f6f6f !important;
    background-color: #6f6f6f !important;
    background-image: none !important;

    border: 0 !important;
    border-color: #6f6f6f !important;
    color: #ffffff !important;

    border-radius: 7px !important;

    font-family: Inter, sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;

    box-shadow: none !important;
}

/* =========================================================
   Sauté – SLUT I LAGER, definitiv neutral grå
   ========================================================= */

html body .product-miniature ul.product-flags > li.badge.out_of_stock,
html body ul.product-flags > li.badge.out_of_stock {
    --bs-badge-bg: #6f6f6f !important;
    --bs-badge-color: #ffffff !important;
    --bs-bg-opacity: 1 !important;

    background: #6f6f6f !important;
    background-color: #6f6f6f !important;
    background-image: none !important;

    border: 0 !important;
    border-color: #6f6f6f !important;
    color: #ffffff !important;

    border-radius: 7px !important;

    font-family: Inter, sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;

    box-shadow: none !important;
}

/* =========================================================
   Sauté – SLUT I LAGER, kall grå FINAL
   ========================================================= */

@layer bs-base {
  .product-flags .badge.out_of_stock {
    background: #929ca6 !important;
    background-color: #929ca6 !important;
    border-color: #929ca6 !important;
    color: #ffffff !important;
  }
}

/* ===== SAUTE FILTER DESIGN FINAL START ===== */

/* =========================================================
   Sauté – Product filters
   UTVALT / FÄRG / EFFEKT = menu typography
   Filter values = calm normal text
   ========================================================= */

.page-category #search-filters {
  font-family: Inter, sans-serif;
}

/* Huvudrubriker: UTVALT / FÄRG / EFFEKT */
.page-category #search-filters .accordion-button {
  padding-top: 1rem;
  padding-bottom: 1rem;

  color: #222 !important;
  background: transparent !important;

  font-family: Inter, sans-serif !important;
  font-size: .76rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;

  text-transform: uppercase !important;
  letter-spacing: .09em !important;

  box-shadow: none !important;
}

/* Ingen Bootstrap-bakgrund när sektionen är öppen */
.page-category #search-filters .accordion-button:not(.collapsed) {
  color: #222 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Lite mindre och renare pil */
.page-category #search-filters .accordion-button::after {
  width: .7rem;
  height: .7rem;
  background-size: .7rem;
}

/* Själva filterinnehållet */
.page-category #search-filters .accordion-body {
  padding-top: .25rem;
  padding-bottom: .9rem;
}

/* Lite luft mellan varje val */
.page-category #search-filters .accordion-body > li {
  margin-bottom: .42rem;
}

.page-category #search-filters .accordion-body > li:last-child {
  margin-bottom: 0;
}

/* Filtervärden:
   Nyheter, Limited Edition, Rosa, Glitter osv */
.page-category #search-filters .facet-label,
.page-category #search-filters .facet-label a,
.page-category #search-filters .search-filters__form-label,
.page-category #search-filters .search-filters__link {
  color: #383838 !important;

  font-family: Inter, sans-serif !important;
  font-size: .82rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;

  text-transform: none !important;
  letter-spacing: 0 !important;

  text-decoration: none !important;
}

/* Hover – diskret */
.page-category #search-filters .facet-label a:hover,
.page-category #search-filters .search-filters__link:hover {
  color: #111 !important;
}

/* Antal resultat */
.page-category #search-filters .search-filters__magnitude {
  margin-left: .22rem;

  color: #969696 !important;

  font-size: .72rem !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Checkbox – neutral när den inte är vald */
.page-category #search-filters .form-check-input {
  width: 1rem;
  height: 1rem;
  margin-top: .13rem;

  border: 1px solid #b9b9b9 !important;
  border-radius: 3px !important;

  background-color: #fff !important;

  box-shadow: none !important;
}

/* Checkbox – Sauté-rosa när vald */
.page-category #search-filters .form-check-input:checked {
  background-color: #ffb0db !important;
  border-color: #ffb0db !important;
}

/* Fokus utan blå Bootstrap-ring */
.page-category #search-filters .form-check-input:focus {
  border-color: #ffb0db !important;
  box-shadow: 0 0 0 .12rem rgba(255, 176, 219, .18) !important;
}

/* Checkbox + text får en lugn, jämn rad */
.page-category #search-filters .search-filters__form-check {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
}

/* Ta bort onödigt extra label-avstånd */
.page-category #search-filters .search-filters__form-label {
  margin: 0 !important;
}

/* Tydliga men diskreta avdelare mellan huvudgrupper */
.page-category #search-filters .accordion-item {
  border-left: 0 !important;
  border-right: 0 !important;
}

/* Aktivt filter ska inte bli versalt eller tungt */
.page-category #search-filters .facet-label.active,
.page-category #search-filters .facet-label.active a {
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* ===== SAUTE FILTER DESIGN FINAL END ===== */

/* =========================================================
   Sauté – Add-to-cart modal / Fortsätt shoppa
   ========================================================= */

.modal-footer .btn.btn-outline-primary.btn-with-icon {
  background: #fff !important;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;
  color: #ff7fbe !important;

  font-family: Inter, sans-serif !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;

  min-height: 48px;
  padding: 12.8px 24px;

  box-shadow: none !important;
}

.modal-footer .btn.btn-outline-primary.btn-with-icon:hover,
.modal-footer .btn.btn-outline-primary.btn-with-icon:focus {
  background: #fff5fa !important;
  border-color: #ff9dcc !important;
  color: #ff6fb5 !important;
  box-shadow: none !important;
}

/* =========================================================
   Sauté – Add-to-cart modal / Gå till kassan – PRIMARY
   ========================================================= */

.modal-footer .btn.btn-primary {
  min-height: 48px;
  padding: 12.8px 24px;

  background: #ffb0db !important;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;

  color: #ffffff !important;

  font-family: Inter, sans-serif !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;

  box-shadow: none !important;
}

.modal-footer .btn.btn-primary:hover,
.modal-footer .btn.btn-primary:focus {
  background: #ff9dcc !important;
  border-color: #ff9dcc !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* =========================================================
   Sauté – behörighet / kontoansökan
   ========================================================= */

.saute-access-application-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-height: 46px;
  padding: 12px 22px;

  background: #ffffff !important;
  border: 1px solid #ffb0db !important;
  border-radius: 999px !important;

  color: #ff7fbe !important;

  font-family: Inter, sans-serif !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;

  box-shadow: none !important;
}

.saute-access-application-btn:hover,
.saute-access-application-btn:focus {
  background: #fff5fa !important;
  border-color: #ff9dcc !important;
  color: #ff6fb5 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.product-miniature__access-cta {
  width: 100%;
  margin-top: .75rem;
}

.product-miniature__access-cta .saute-access-application-btn {
  width: 100%;
}

.sauteaccess-restriction {
  margin-top: 1rem;
}

.sauteaccess-restriction__message {
  margin: 0 0 .75rem;
  font-family: Inter, sans-serif;
  font-size: .85rem;
  line-height: 1.5;
  color: #555;
}

.sauteaccess-restriction__login {
  margin-top: .65rem;
  font-family: Inter, sans-serif;
  font-size: .78rem;
  color: #707070;
}

/* ==========================================================
   SAUTÉ CHECKOUT – PAYMENT RADIO
   ========================================================== */

.payment-options__list .payment-option__input.form-check-input {
  accent-color: var(--saute-pink);
}

.payment-options__list .payment-option__input.form-check-input:checked {
  background-color: var(--saute-pink) !important;
  border-color: var(--saute-pink) !important;
}

.payment-options__list .payment-option__input.form-check-input:focus {
  border-color: var(--saute-pink) !important;
  box-shadow: 0 0 0 .12rem rgba(255, 176, 219, .18) !important;
}

/* ==========================================================
   SAUTÉ CHECKOUT – PAYMENT RADIO END
   ========================================================== */

/* =========================================================
   Sauté order confirmation – typography
   2026-09-13
   ========================================================= */

/* Grundtypografi */
body#order-confirmation #content,
body.page-order-confirmation #content {
  font-family: "Inter", sans-serif;
}

/* Huvudrubrik – samma editorial-känsla som kategorisidorna */
body#order-confirmation #content h1,
body.page-order-confirmation #content h1 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
  line-height: 1.15 !important;
}

/* Större rubriker inne i korten */
body#order-confirmation #content h2,
body.page-order-confirmation #content h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;
  line-height: 1.2 !important;
}

/* Mindre rubriker / labels */
body#order-confirmation #content h3,
body#order-confirmation #content h4,
body#order-confirmation #content h5,
body#order-confirmation #content h6,
body.page-order-confirmation #content h3,
body.page-order-confirmation #content h4,
body.page-order-confirmation #content h5,
body.page-order-confirmation #content h6 {
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: .10em !important;
  line-height: 1.3 !important;
}

/* Brödtext */
body#order-confirmation #content p,
body#order-confirmation #content li,
body.page-order-confirmation #content p,
body.page-order-confirmation #content li {
  font-family: "Inter", sans-serif;
  letter-spacing: 0;
  line-height: 1.65;
}

/* Orderdata och annan mindre information */
body#order-confirmation #content .text-muted,
body#order-confirmation #content small,
body.page-order-confirmation #content .text-muted,
body.page-order-confirmation #content small {
  font-family: "Inter", sans-serif;
  letter-spacing: .01em;
  line-height: 1.5;
}


/* =========================================================
   Sauté – Sample Sale
   ========================================================= */

/* Flagga */
body .product-flags .badge.sample-sale {
    order: 3 !important;

    background: #a85f78 !important;
    background-color: #a85f78 !important;
    background-image: none !important;

    border: 0 !important;
    border-color: #a85f78 !important;
    color: #ffffff !important;

    border-radius: 7px !important;

    font-family: Inter, sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    line-height: 1.15 !important;

    box-shadow: none !important;
}

/* Slut i lager ska ligga efter Sample Sale */
body .product-flags .badge.out_of_stock {
    order: 4 !important;
}

/* Informationsruta på produktsidan */
.page-product .sample-sale-notice {
    margin: 1rem 0 1.25rem;
    padding: 14px 16px;

    background: #fcdce3;
    border: 1px solid #ffb0db;
    border-radius: 7px;

    color: #1e1e1e;

    font-family: Inter, sans-serif;
    font-size: .84rem;
    font-weight: 400;
    line-height: 1.55;
}

.page-product .sample-sale-notice strong {
    font-weight: 600;
}


/* =========================================================
   Sauté – Sample Sale FINAL
   ========================================================= */

html body .product-flags .badge.sample-sale,
html body .product-miniature ul.product-flags > li.badge.sample-sale,
html body ul.product-flags > li.badge.sample-sale {
    --bs-badge-bg: #a85f78 !important;
    --bs-badge-color: #ffffff !important;
    --bs-bg-opacity: 1 !important;

    background: #a85f78 !important;
    background-color: #a85f78 !important;
    background-image: none !important;

    border: 0 !important;
    border-color: #a85f78 !important;
    color: #ffffff !important;

    border-radius: 7px !important;
    box-shadow: none !important;

    order: 3 !important;
}

/* Slut i lager efter Sample Sale */
html body .product-flags .badge.out_of_stock,
html body .product-miniature ul.product-flags > li.badge.out_of_stock {
    order: 4 !important;
}

/* Spara-belopp på produktsidan */
.page-product .product-discount,
.page-product .discount-amount,
.page-product .product-discount .discount,
.page-product .current-price .discount,
.page-product .product-prices .discount {
    color: #ff9bcf !important;
}

/* Sample Sale-ruta */
.page-product .sample-sale-notice {
    margin: 1rem 0 1.25rem;
    padding: 14px 16px;
    background: #fcdce3;
    border: 1px solid #ffb0db;
    border-radius: 7px;
    color: #1e1e1e;
    font-family: Inter, sans-serif;
    font-size: .84rem;
    font-weight: 400;
    line-height: 1.55;
}

.page-product .sample-sale-notice strong {
    font-weight: 600;
}



/* =========================================================
   Sauté – Sample Sale / discount DEFINITIV
   ========================================================= */

/* Sample Sale – mörk rosé */
html body ul.product-flags > li.badge.sample-sale,
html body .product-miniature ul.product-flags > li.badge.sample-sale,
html body .product-flags > li.badge.sample-sale {
    --bs-badge-bg: #a85f78 !important;
    --bs-badge-color: #ffffff !important;
    --bs-bg-opacity: 1 !important;

    background: #a85f78 !important;
    background-color: #a85f78 !important;
    background-image: none !important;
    border-color: #a85f78 !important;
    color: #ffffff !important;

    order: 3 !important;
}

/* Exakt Hummingbird-klass för "(Spara 30,00 kr)" */
html body.page-product .product__prices
.product__discount-amount.text-primary-emphasis,
html body.page-product .product__prices
.product__discount-percentage.text-primary-emphasis {
    color: #ff9bcf !important;
}

/* Sample Sale-information */
html body.page-product .sample-sale-notice {
    display: block !important;
    margin: 1rem 0 1.25rem !important;
    padding: 14px 16px !important;

    background: #fcdce3 !important;
    background-color: #fcdce3 !important;
    border: 1px solid #ffb0db !important;
    border-radius: 7px !important;

    color: #1e1e1e !important;
    font-family: Inter, sans-serif !important;
    font-size: .84rem !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

html body.page-product .sample-sale-notice strong {
    color: #1e1e1e !important;
    font-weight: 600 !important;
}


/* =========================================================
   Sauté – discount text + badge order FINAL
   ========================================================= */

/* Högersidan: (Spara 30,00 kr) */
html body.page-product
.product__discount-price
.product__discount-amount.text-primary-emphasis,
html body.page-product
.product__discount-price
.product__discount-percentage.text-primary-emphasis {
    color: #ff9bcf !important;
    --bs-text-opacity: 1 !important;
}

/* Flaggraden:
   1 NY
   2 SAMPLE SALE
   3 rabatt, t.ex. -30,00 kr
   4 SLUT I LAGER
*/

html body .product-flags .badge.new {
    order: 1 !important;
}

html body .product-flags .badge.sample-sale {
    order: 2 !important;
}

/* PrestaShops rabattflagga */
html body .product-flags .badge.discount,
html body .product-flags .badge.discount-amount,
html body .product-flags .badge.discount-percentage,
html body .product-flags .badge.reduction {
    order: 3 !important;
}

html body .product-flags .badge.out_of_stock {
    order: 4 !important;
}


/* =========================================================
   Sauté – FINAL verifierad flaggordning + rabatttext
   ========================================================= */

/*
 * Product flags måste vara flex för att CSS order ska fungera.
 * Önskad ordning:
 * 1. NY
 * 2. SAMPLE SALE
 * 3. RABATT
 * 4. SLUT I LAGER
 */
html body .product-flags.js-product-flags {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

html body .product-flags.js-product-flags > .badge.new {
    order: 1 !important;
}

html body .product-flags.js-product-flags > .badge.sample-sale {
    order: 2 !important;
}

html body .product-flags.js-product-flags > .badge.discount {
    order: 3 !important;
}

html body .product-flags.js-product-flags > .badge.out_of_stock {
    order: 4 !important;
}

/* Sample Sale – mörk rosé */
html body .product-flags.js-product-flags > .badge.sample-sale {
    background: #a85f78 !important;
    background-color: #a85f78 !important;
    border-color: #a85f78 !important;
    color: #ffffff !important;
}

/* Produktsidan: (Spara 30,00 kr) */
html body.page-product
.product__prices
.product__discount-price
span.product__discount-amount.text-primary-emphasis {
    color: #ff9bcf !important;
    -webkit-text-fill-color: #ff9bcf !important;
    --bs-text-opacity: 1 !important;
}


/* =========================================================
   Sauté – Sample Sale utan separat rabattflagga
   ========================================================= */

/*
 * Om samma product-flags-lista innehåller SAMPLE SALE,
 * dölj rabattflaggan. Vanliga reavaror påverkas inte.
 */
html body .product-flags.js-product-flags:has(.badge.sample-sale) > .badge.discount {
    display: none !important;
}


/* =========================================================
   Sauté – shared homepage product module standard
   Applies the established ps-newproducts design to other
   homepage product modules using the same module-products /
   product-miniature structure.
   ========================================================= */

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) {
  padding: 3.5rem 0 5rem;
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .section-title {
  position: relative;
  display: inline-block;
  margin: 0 0 2rem;
  padding-bottom: .6rem;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--saute-black);
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .section-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 2px;
  background: var(--saute-pink-strong);
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .products {
  gap: 2rem 1.5rem;
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .product-miniature {
  background: transparent;
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .product-miniature__image-container {
  overflow: hidden;
  border-radius: 1.25rem;
  background: #f8f6f6;
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .product-miniature__image {
  transition: transform .35s ease;
}

@media (hover: hover) {
  .page-content--home :is(
    .ps-newproducts,
    .ps-specials,
    .featured-products
  ) .product-miniature:hover .product-miniature__image {
    transform: scale(1.025);
  }
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .product-miniature__bottom {
  padding-top: 1rem;
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .product-miniature__title {
  font-size: .86rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .01em;
  text-transform: none;
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .module-products__buttons {
  margin-top: 2.5rem;
  text-align: center;
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .module-products__buttons .btn-outline-primary {
  border: 1px solid var(--saute-black);
  border-radius: .45rem;
  background: transparent;
  color: var(--saute-black);
  padding: .7rem 1.15rem;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .module-products__buttons .btn-outline-primary:hover {
  border-color: var(--saute-pink-strong);
  background: var(--saute-pink);
  color: var(--saute-black);
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .module-products__buttons .material-icons {
  margin-left: .25rem;
  font-size: 1rem;
}

@media (max-width: 767px) {
  .page-content--home :is(
    .ps-newproducts,
    .ps-specials,
    .featured-products
  ) {
    padding: 3rem 0 3.5rem;
  }

  .page-content--home :is(
    .ps-newproducts,
    .ps-specials,
    .featured-products
  ) .section-title {
    margin-bottom: 1.5rem;
  }

  .page-content--home :is(
    .ps-newproducts,
    .ps-specials,
    .featured-products
  ) .products {
    gap: 1.5rem .75rem;
  }

  .page-content--home :is(
    .ps-newproducts,
    .ps-specials,
    .featured-products
  ) .product-miniature__image-container {
    border-radius: 1rem;
  }
}


/* Sauté – homepage section CTA buttons */
.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .module-products__buttons .btn-outline-primary {
  border: 1px solid var(--saute-pink-strong);
  border-radius: 999px;
  background: #fff;
  color: var(--saute-pink-strong);
  padding: .7rem 1.15rem;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .module-products__buttons .btn-outline-primary:hover,
.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .module-products__buttons .btn-outline-primary:focus {
  border-color: var(--saute-pink-strong);
  background: var(--saute-pink);
  color: var(--saute-black);
}


/* Sauté – homepage section CTA, exact established outline style */
.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .module-products__buttons .btn-outline-primary {
  border: 1px solid #ff9dce !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #ff7fbd !important;

  font-family: Inter, sans-serif;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: none !important;
}

.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .module-products__buttons .btn-outline-primary:hover,
.page-content--home :is(
  .ps-newproducts,
  .ps-specials,
  .featured-products
) .module-products__buttons .btn-outline-primary:focus {
  border-color: #ff8fc6 !important;
  background: #fff4fa !important;
  color: #ff6fb4 !important;
  box-shadow: none !important;
}



/* =========================================================
   Sauté – Hybrid Polish megamenu
   Säker alignment utan att påverka panelens synlighet
   ========================================================= */

@media (min-width: 992px) {

  #submenu_hybrid-polish_2_category-18 > .submenu__all-link {
    display: inline-block;
    vertical-align: top;
    min-width: 180px;
    margin: 0 3.5rem 0 0;
  }

  #submenu_hybrid-polish_2_category-18 > .menu-item__group--child {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
  }

  #submenu_hybrid-polish_2_category-18
  > .menu-item__group--child
  > li:first-child {
    margin-top: 0;
  }

}


/* =========================================================
   Sauté – Shoppingingångar
   ========================================================= */

.brandcontent {
  padding: 2rem 0 3rem;
}

.brandcontent__layout {
  display: grid;
  grid-template-columns: 1.05fr 1.1fr;
  gap: 1rem;
  height: 350px;
}


/* Sauté Care
   --------------------------------------------------------- */

.brandcontent__feature {
  position: relative;
  display: block;
  min-width: 0;
  height: 350px;
  overflow: hidden;
  border-radius: 18px;
  color: inherit;
  text-decoration: none;
}

.brandcontent__feature:hover {
  color: inherit;
  text-decoration: none;
}

.brandcontent__feature-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.brandcontent__feature-media img {
  position: absolute;
  inset: 0;

  display: block;
  width: 100%;
  height: 100%;

  padding: 0;
  margin: 0;

  object-fit: cover;
  object-position: center center;

  transform: scale(1.10);
  transition: transform .35s ease;
}

.brandcontent__feature:hover .brandcontent__feature-media img {
  transform: scale(1.12);
}

.brandcontent__feature-content {
  position: absolute;
  z-index: 2;

  left: 14px;
  right: 14px;
  bottom: 14px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;

  padding: 14px 18px;

  background: rgba(255,255,255,.94);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  border-radius: 14px;
}


/* Navigationskort
   --------------------------------------------------------- */

.brandcontent__nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(3, 1fr);
  gap: 10px;

  min-width: 0;
  height: 350px;
}

.brandcontent__nav-card {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;

  min-width: 0;
  padding: 16px 18px;

  overflow: hidden;

  border: 1px solid rgba(0,0,0,.09);
  border-radius: 14px;

  background: #fff;
  color: var(--saute-black);
  text-decoration: none;

  transition:
    background-color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.brandcontent__nav-card:last-child {
  grid-column: 1 / -1;
}

.brandcontent__nav-card::before {
  content: "";

  position: absolute;
  top: 0;
  left: 18px;

  width: 34px;
  height: 2px;

  background: var(--saute-pink-strong);
}

.brandcontent__nav-card:hover {
  color: var(--saute-black);
  text-decoration: none;

  transform: translateY(-1px);

  border-color: var(--saute-pink);
}


/* Typografi
   --------------------------------------------------------- */

.brandcontent__eyebrow {
  display: block;

  margin: 0 0 5px;

  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;

  letter-spacing: .14em;
  text-transform: uppercase;

  color: var(--saute-gray);
}

.brandcontent__feature-title,
.brandcontent__nav-title {
  margin: 0;

  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;

  color: var(--saute-black);
}

.brandcontent__feature-title {
  font-size: 1.35rem;
  line-height: 1.12;
}

.brandcontent__nav-title {
  font-size: 1.18rem;
  line-height: 1.15;
}

.brandcontent__subtitle {
  display: block;

  margin-top: 5px;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.25;

  color: var(--saute-gray);
}

.brandcontent__arrow {
  flex: 0 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  border-radius: 50%;

  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1;

  color: var(--saute-black);
  background: rgba(255,176,219,.14);

  transition:
    transform .2s ease,
    background-color .2s ease;
}

.brandcontent__feature:hover .brandcontent__arrow,
.brandcontent__nav-card:hover .brandcontent__arrow {
  transform: translateX(2px);
  background: rgba(255,176,219,.24);
}


/* Mobil
   --------------------------------------------------------- */

@media (max-width: 767.98px) {

  .brandcontent {
    padding: 1.25rem 0 2rem;
  }

  .brandcontent__layout {
    display: block;
    height: auto;
  }

  .brandcontent__feature {
    height: auto;
    aspect-ratio: 16 / 11;

    margin-bottom: 10px;

    border-radius: 14px;
  }

  .brandcontent__feature-media img {
    transform: scale(1.08);
  }

  .brandcontent__feature:hover .brandcontent__feature-media img {
    transform: scale(1.10);
  }

  .brandcontent__feature-content {
    left: 9px;
    right: 9px;
    bottom: 9px;

    padding: 11px 13px;

    border-radius: 11px;
  }

  .brandcontent__feature-title {
    font-size: 1.15rem;
  }

  .brandcontent__nav {
    height: auto;

    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;

    gap: 8px;
  }

  .brandcontent__nav-card {
    min-height: 100px;

    padding: 13px;

    border-radius: 12px;
  }

  .brandcontent__nav-card:last-child {
    grid-column: 1 / -1;
  }

  .brandcontent__nav-card::before {
    left: 13px;

    width: 27px;
  }

  .brandcontent__eyebrow {
    font-size: 9px;
  }

  .brandcontent__nav-title {
    font-size: 1rem;
  }

  .brandcontent__subtitle {
    font-size: 11px;
  }

  .brandcontent__arrow {
    width: 26px;
    height: 26px;

    font-size: 14px;
  }
}


/* =========================================================
   Sauté – mobilslider
   Behåll mobilbildens naturliga proportioner
   ========================================================= */

@media (max-width: 767.98px) {

  #ps_imageslider_mobile .ps-imageslider__figure {
    height: auto !important;
    margin: 0;
  }

  #ps_imageslider_mobile .ps-imageslider__figure img {
    display: block;
    width: 100%;
    height: auto !important;
    object-fit: contain !important;
  }

}


/* =========================================================
   Sauté – mjukare bildövergång i hero-slider
   ========================================================= */

#ps_imageslider_desktop .carousel-item,
#ps_imageslider_mobile .carousel-item {
  transition: transform 1.25s ease-in-out !important;
}