/* EmbroLab storefront shell.
   Desktop: embrolab-html/embrolab-search-results.html.
   Mobile: embrolab-html/mobile/signup.html and the 430px signup reference.
   Loaded after page CSS so the shared header/footer stay consistent everywhere. */

.site-header{width:100%;position:sticky;top:0;z-index:90;background:#f1ebe7}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.announcement-bar{
  position:relative;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 60px;
  background:#7a1f2b;
  color:#fff;
  text-align:center;
}
.announcement-bar__text{
  margin:0;
  font-size:16px;
  font-weight:500;
  line-height:26px;
  letter-spacing:-.32px;
  text-transform:none;
}
.announcement-bar__link{text-decoration:underline;text-underline-offset:2px}
.announcement-bar__text{overflow-wrap:anywhere}
.announcement-bar__close{
  position:absolute;
  top:50%;
  right:12px;
  width:36px;
  height:36px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateY(-50%);
  border:0;
  border-radius:50%;
  background:transparent;
  color:#fff;
  font-size:26px;
  line-height:1;
  opacity:.85;
}
.announcement-bar__close:hover{background:rgba(255,255,255,.12);opacity:1}
.announcement-bar__close:focus-visible{outline:2px solid #fff;outline-offset:2px;opacity:1}

.navbar{
  position:relative;
  z-index:30;
  height:105px;
  background:#f1ebe7;
  border-bottom:1px solid rgba(17,17,17,.09);
}
.navbar__inner{
  width:calc(100% - 200px);
  max-width:1720px;
  height:100%;
  margin:0 auto;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.navbar__brand{display:block;flex:0 0 auto}
.navbar__logo{width:156px;height:57px;aspect-ratio:auto;object-fit:contain}
.navbar__collapse{display:contents}
.site-header .navbar__mobile-search{display:none}
.navbar__links{
  display:flex;
  align-items:center;
  gap:35px;
  margin:0;
  padding:0;
  list-style:none;
  color:#111;
  font-size:16px;
  font-weight:400;
  line-height:normal;
  white-space:nowrap;
}
.navbar__links a{display:inline-flex;align-items:center;min-height:40px}
.navbar__actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.lang-switch{display:flex;align-items:center;gap:4px}
.lang-switch__option,.icon-btn{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:rgba(122,31,43,.03);
}
.lang-switch__option{padding:0;color:rgba(17,17,17,.6);font-size:14px;letter-spacing:-.05em;text-transform:uppercase}
.lang-switch__option--active{color:#111;background:rgba(122,31,43,.1)}
.lang-switch__sep{color:rgba(17,17,17,.6);font-size:14px}
.navbar__icons{display:flex;align-items:center;gap:8px}
.icon-btn{position:relative;background:#ede5e1}
.icon-btn--account{margin-left:8px}
.icon-btn img{width:20px;height:20px;object-fit:contain}
.icon-btn--account img{width:16px;height:20px}
.icon-btn__badge{
  position:absolute;
  top:-2px;
  right:-2px;
  width:17px;
  height:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#ee0000;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:17px;
}
.navbar__toggle{
  width:42px;
  height:42px;
  display:none;
  flex:0 0 auto;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid rgba(122,31,43,.16);
  border-radius:50%;
  background:#ede5e1;
}
.navbar__toggle-bar{display:block;width:18px;height:2px;border-radius:2px;background:#111;transition:transform 240ms ease,opacity 180ms ease}
.navbar__toggle-bar+.navbar__toggle-bar{margin-top:5px}
.navbar__toggle[aria-expanded=true] .navbar__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.navbar__toggle[aria-expanded=true] .navbar__toggle-bar:nth-child(2){opacity:0}
.navbar__toggle[aria-expanded=true] .navbar__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.site-subheader{min-height:71px;background:#f8f8f8}
.site-subheader__inner{
  width:calc(100% - 202px);
  max-width:1718px;
  min-height:71px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.breadcrumb{
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:nowrap;
  list-style:none;
  background:transparent;
}
.breadcrumb__item{color:#111;font-size:16px;white-space:nowrap}
.breadcrumb__item--current{color:rgba(17,17,17,.6)}
.breadcrumb__sep{display:block;width:5px;height:9px;flex:0 0 auto}
.sort-control{
  position:relative;
  width:221px;
  height:47px;
  display:flex;
  align-items:center;
  flex:0 0 auto;
  border:1px solid rgba(17,17,17,.09);
  border-radius:147px;
  background:#fff;
}
.sort-control select{
  width:100%;
  height:100%;
  padding:0 58px 0 30px;
  border:0;
  border-radius:inherit;
  outline:0;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  color:#111;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
}
.sort-control__chevron{
  position:absolute;
  top:15px;
  right:30px;
  width:11px;
  height:11px;
  border-right:1.5px solid #111;
  border-bottom:1.5px solid #111;
  pointer-events:none;
  transform:rotate(45deg);
}

.site-footer{
  position:relative;
  min-height:625px;
  overflow:hidden;
  color:#fff;
  background:#281d16;
}
.site-footer__top{
  position:relative;
  z-index:2;
  width:calc(100% - 200px);
  max-width:1720px;
  margin:0 auto;
  padding:100px 0 0;
  display:flex;
  flex-wrap:nowrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:48px;
}
.site-footer__overview{display:flex;flex-direction:column;align-items:flex-start;gap:25px;width:263px;max-width:263px}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:25px;width:263px;max-width:263px}
.footer-brand__logo{width:156px;height:57px;aspect-ratio:auto;object-fit:contain;filter:none}
.footer-brand__tagline{
  width:263px;
  margin:0;
  color:rgba(255,255,255,.7);
  font-family:'Inter Tight',Arial,sans-serif;
  font-size:18px;
  font-weight:500;
  line-height:28px;
  text-transform:capitalize;
}
.footer-follow{display:flex;flex-direction:column;gap:15px}
.footer-follow__heading{margin:0;color:#fff;font-family:'Host Grotesk',Arial,sans-serif;font-size:24px;font-weight:500;line-height:24px;letter-spacing:-.48px}
.footer-social{display:flex;align-items:center;gap:12px}
.footer-social__link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#7a1f2b}
.footer-social__link img,.footer-social__link:not(:first-child) img{width:18px;height:18px;object-fit:contain;filter:none}
.site-footer__links{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:clamp(60px,8.75vw,168px)}
.footer-col{display:flex;flex-direction:column;gap:24px;min-width:144px}
.footer-col__heading{margin:0;color:#d4a017;font-family:'Host Grotesk',Arial,sans-serif;font-size:20px;font-weight:500;line-height:24px}
.footer-col__list,.footer-contact__list{margin:0;padding:0;display:flex;flex-direction:column;gap:18px;list-style:none}
.footer-contact__list{gap:12px}
.footer-col__list a,.footer-contact__row,.footer-contact__row a,.footer-contact__row span{
  color:#fff;
  font-family:'Host Grotesk',Arial,sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:1.2;
  white-space:nowrap;
}
.footer-contact__row{display:flex;align-items:center;gap:10px}
.footer-contact__icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:#7a1f2b}
.footer-contact__icon img{width:15px;height:15px;object-fit:contain;filter:brightness(0) invert(1)}
.site-footer__illustration{position:absolute;z-index:1;right:0;bottom:0;left:0;width:100%;height:223px;margin:0;overflow:hidden;line-height:0}
.site-footer__illustration img{display:block;width:100%;height:223px;object-fit:fill;object-position:center;opacity:.9}

@media(max-width:1280px){
  .navbar__inner,.site-footer__top{width:calc(100% - 64px)}
  .site-subheader__inner{width:calc(100% - 64px)}
  .navbar__links{gap:20px}
  .site-footer__links{gap:70px}
}

/* Mobile shell measured from embrolab-html/mobile/signup.html (430px frame). */
@media(max-width:1024px){
  .announcement-bar{min-height:42px;padding:8px 12px}
  .announcement-bar__text{font:500 clamp(10px,2.7907vw,12px)/26px 'Roboto',Arial,sans-serif;letter-spacing:0}
  .announcement-bar__link{margin-left:4px}
  .announcement-bar__close{display:none}
  .navbar{height:54px;border-bottom:0}
  .navbar__inner{position:relative;width:calc(100% - 36px);display:grid;grid-template-columns:36px 1fr 36px;gap:0;padding:0}
  .navbar__brand{grid-column:2;grid-row:1;justify-self:center;transform:none}
  .navbar__logo{width:87.579px;height:32px}
  .navbar__toggle{display:flex;grid-column:1;grid-row:1;width:36px;height:36px;margin:0;padding:0;border:0;background:#d4a017}
  .navbar__toggle-bar{width:12px;height:1.3px;border-radius:0;background:#fff}
  .navbar__toggle-bar+.navbar__toggle-bar{margin-top:2.2px}
  .navbar__toggle[aria-expanded=true] .navbar__toggle-bar:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
  .navbar__toggle[aria-expanded=true] .navbar__toggle-bar:nth-child(3){transform:translateY(-3.5px) rotate(-45deg)}
  .site-header .navbar__mobile-search{display:flex;grid-column:3;grid-row:1;justify-self:end;width:32px;height:32px;padding:0}
  .navbar__mobile-search img{width:20px;height:20px}
  .navbar__collapse{
    position:absolute;top:100%;right:-18px;left:-18px;max-height:0;
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    overflow:hidden;visibility:hidden;opacity:0;background:#f1ebe7;
    box-shadow:0 16px 30px rgba(40,29,22,.12);
    transition:max-height 320ms ease,opacity 220ms ease,visibility 320ms;
  }
  .navbar__collapse.is-open{max-height:520px;padding:0;visibility:visible;opacity:1;border-top:0}
  .navbar__links{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0}
  .navbar__links li{border-top:1px solid rgba(17,17,17,.08)}
  .navbar__links a{width:100%;min-height:54px;padding:0 18px}
  .navbar__actions{width:100%;padding:14px 18px 20px;border-top:1px solid rgba(17,17,17,.08)}
  .site-subheader{height:auto;min-height:0}
  .site-subheader__inner{width:calc(100% - 36px);min-height:0;padding:0;gap:14px}
  .site-subheader__inner>nav,.breadcrumb{display:none}
  .breadcrumb__item{font:400 12px/14px 'Roboto',Arial,sans-serif}
  .breadcrumb__sep{width:4px;height:6px}
  .sort-control{width:330px}
  .site-footer{min-height:360px}
  .site-footer__top{width:calc(100% - 36px);max-width:1200px;padding:40px 0 110px;display:grid;grid-template-columns:1fr;gap:42px}
  .site-footer__overview{width:100%;max-width:none;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:24px}
  .footer-brand{width:162.293px;max-width:162.293px;gap:12px;flex-shrink:0}
  .footer-brand__logo{width:98.931px;height:36px}
  .footer-brand__tagline{width:162.293px;color:#fff;font:400 10px/14px 'Roboto',Arial,sans-serif;text-transform:none}
  .footer-follow{width:110.81px;flex-shrink:0;gap:10px;margin-top:33px}
  .footer-follow__heading{font:500 12px/15px 'Roboto',Arial,sans-serif;letter-spacing:0}
  .footer-social{gap:7.405px;flex-wrap:wrap}
  .footer-social__link{width:32px;height:32px}
  .footer-social__link img,.footer-social__link:not(:first-child) img{width:14px;height:14px}
  .footer-social__link--facebook{order:-3}
  .footer-social__link--youtube{order:-2}
  .footer-social__link--instagram{order:-1}
  .site-footer__links{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:24px}
  .footer-col{min-width:0;gap:16px}
  .footer-col__heading{font:500 14px/13px 'Roboto',Arial,sans-serif}
  .footer-col__list{gap:9.235px}
  .footer-col__list li{font:400 12px/14px 'Roboto',Arial,sans-serif}
  .footer-col__list a{font:inherit;white-space:normal}
  .footer-col:first-child .footer-col__list{gap:8px}
  .footer-col:first-child .footer-col__list li{font-family:'Host Grotesk',Arial,sans-serif;line-height:16px}
  .footer-col:first-child .footer-col__list li:nth-child(n+4){line-height:14px}
  .footer-contact__list{gap:6px}
  .footer-contact__row{gap:5px}
  .footer-contact__row,.footer-contact__row a,.footer-contact__row span{font:400 10px/13px 'Roboto',Arial,sans-serif;white-space:normal;overflow-wrap:anywhere;min-width:0}
  .footer-contact__icon{width:13px;height:13px;flex:0 0 13px}
  .footer-contact__icon img{width:8px;height:8px}
  .site-footer__illustration{right:auto;bottom:-14px;left:50%;width:676.862px;height:105px;transform:translateX(-50%);pointer-events:none}
  .site-footer__illustration img{width:100%;min-width:0;max-width:none;height:105px;object-fit:fill;opacity:1}
}

@media(max-width:768px){
  .site-subheader__inner{flex-direction:column;align-items:stretch;gap:0}
  .sort-control{width:100%;height:45px;margin-bottom:14px}
  .site-footer{min-height:429px}
  .site-footer__top{gap:42px;padding-top:39.84px;padding-bottom:98px}
  .site-footer__overview{min-height:90px;gap:8px}
  .footer-follow{align-self:flex-end;margin-top:0}
  .site-footer__links{grid-template-columns:80fr 152fr 117.13fr;gap:clamp(8px,5.2174vw,22.435px)}
}

@media(prefers-reduced-motion:reduce){
  .navbar__collapse,.navbar__toggle-bar{transition:none}
}

/* Mobile navigation dialog: embrolab-html/mobile/navigation_modal.html. */
.navigation-modal {display:none}
@media(max-width:1024px) {

    .navigation-modal {
      --menu-surface: #f8f8f8;
      --menu-border: rgba(191, 191, 191, .5);
      --menu-text: #111;
      --menu-muted: rgba(17, 17, 17, .6);
      --menu-icon-surface: #ede5e1;
      --menu-brand: #7a1f2b;
      --menu-radius: 16px;
      --menu-space: 12px;
    }
    .navigation-modal,
    .navigation-modal * { box-sizing: border-box; }
    .navigation-modal {
      width: 340px;
      max-width: calc(100vw - 16px);
      max-height: calc(100dvh - var(--menu-top, 74px) - 16px);
      inset: var(--menu-top, 74px) auto auto 8px;
      margin: 0;
      padding: 16px 24px 24px;
      overflow: auto;
      border: 1px solid var(--menu-border);
      border-radius: var(--menu-radius);
      background: var(--menu-surface);
      box-shadow: 0 18px 34px rgba(0, 0, 0, .28);
      color: var(--menu-text);
      font-family: Roboto, Arial, sans-serif;
      overscroll-behavior: contain;
    }
    .navigation-modal::backdrop {
      background: rgba(17, 12, 9, .9);
      -webkit-backdrop-filter: blur(7px);
      backdrop-filter: blur(7px);
      clip-path: inset(var(--menu-header-bottom, 54px) 0 0);
    }
    .navigation-modal__close {
      position:fixed;
      left:var(--menu-close-left);
      top:var(--menu-close-top);
      width:var(--menu-close-size, 36px);
      height:var(--menu-close-size, 36px);
    }
    .navigation-modal__top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      min-height: 36px;
    }
    .navigation-modal__logo {
      position: relative;
      width: 87.579px;
      height: 32px;
      overflow: hidden;
      flex: none;
    }
    .navigation-modal__logo img {
      position: absolute;
      width: 108.97%;
      height: 121.89%;
      left: -4.49%;
      top: -10.95%;
      max-width: none;
    }
    .navigation-modal button {
      font-family: inherit;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
    }
    .navigation-modal :is(button, a):focus-visible {
      outline: 2px solid var(--menu-brand);
      outline-offset: 3px;
    }
    .navigation-modal__utilities { display: flex; align-items: center; gap: 8px; }
    .navigation-modal__cart-wrap { position: relative; width: 43.201px; height: 36px; }
    .navigation-modal__icon-button {
      display: grid;
      place-items: center;
      width: 36px;
      height: 36px;
      padding: 0;
      border: 0;
      border-radius: 50.351px;
      background: var(--menu-icon-surface);
      color: var(--menu-text);
    }
    .navigation-modal__cart-icon { width: 20px; height: 20px; position: relative; overflow: hidden; }
    .navigation-modal__cart-icon img {
      position: absolute;
      width: 19px;
      height: 18.375px;
      left: -2.094px;
      top: -1.5px;
    }
    .navigation-modal__account-icon { position: relative; width: 16.008px; height: 20.011px; }
    .navigation-modal__account-icon img {
      position: absolute;
      width: 109.37%;
      height: 107.5%;
      left: -4.68%;
      top: -3.75%;
    }
    .navigation-modal__count {
      position: absolute;
      top: 0;
      left: 27.25px;
      width: 15.951px;
      height: 15.951px;
      display: grid;
      place-items: center;
      border-radius: 8.862px;
      background: #e00;
      color: #fff;
      font-family: 'Host Grotesk', Arial, sans-serif;
      font-size: 12px;
      line-height: 1.2;
      pointer-events: none;
    }
    .navigation-modal__divider {
      display: block;
      width: 100%;
      height: 1px;
      margin: 11.5px 0;
    }
    .navigation-modal__list { list-style: none; margin: 0; padding: 0; }
    .navigation-modal__link {
      display: block;
      width: 100%;
      margin: 0;
      border: 0;
      padding: 10px;
      border-radius: 8px;
      background: transparent;
      color: var(--menu-text);
      text-align: left;
      font-size: 16px;
      font-weight: 500;
      line-height: 14px;
      letter-spacing: -.32px;
    }
    .navigation-modal__languages {
      display: flex;
      align-items: center;
      gap: 4px;
      margin-top: 42px;
      font-size: 14px;
      line-height: 1;
      letter-spacing: -.7px;
      color: var(--menu-muted);
    }
    .navigation-modal__language {
      display: grid;
      place-items: center;
      width: 40px;
      height: 40px;
      padding: 7px;
      border: 0;
      border-radius: 60px;
      background: rgba(122, 31, 43, .03);
      color: var(--menu-muted);
      font-size: 14px;
      font-weight: 400;
      line-height: 1;
      letter-spacing: -.7px;
      text-transform: uppercase;
    }
    .navigation-modal__language[aria-pressed="true"] { background: rgba(122, 31, 43, .1); color: #000; }

    .navigation-modal__logo img {width:100%;height:100%;left:0;top:0;object-fit:contain}
    .navigation-modal a {text-decoration:none}
    .navigation-modal:not([open]) {display:none}
    html:has(.navigation-modal[open]) {overflow:hidden}
    .site-header .navbar__collapse {display:none}

    .navigation-modal[open] {display:block}
}

/* Mobile search: embrolab-html/mobile/embrolab-search-modal (1).html.
   Share the live search markup and local assets with desktop. */
@media(max-width:1024px){
  html:has(.search-panel-overlay.is-open){overflow:hidden}
  .search-panel-overlay{
    top:var(--search-header-bottom,54px);
    align-items:flex-start;
    padding:20px 18px 16px;
    background:rgba(17,12,9,.85);
    overscroll-behavior:contain;
  }
  .search-panel{
    width:394px;
    max-width:100%;
    min-height:0;
    max-height:calc(100dvh - var(--search-header-bottom,54px) - 36px);
    margin:0 auto;
    padding:0 0 16px;
    display:block;
    border:0;
    border-radius:9.742px;
    background:#f8f8f8;
    color:#111;
    box-shadow:0 6.698px 30.445px 6.089px #00000021;
    font-family:Roboto,Arial,sans-serif;
    overflow:auto;
    overscroll-behavior:contain;
  }
  .search-panel,.search-panel *{box-sizing:border-box}
  .search-panel :is(button,input,a):focus-visible{outline:2px solid #7a1f2b;outline-offset:3px}
  .search-panel__header{height:75px;padding:20px 16px 15px;background:transparent;border-bottom:.609px solid #1113}
  .search-form{margin:0}
  .search-form__field{height:40.218px;display:flex;align-items:center;gap:6.089px;padding:12px 8.525px;border:.609px solid #1113;border-radius:60.89px;background:#00000005}
  .search-form__icon{position:static;width:15px;height:15px;flex:none}
  .search-form__input{min-width:0;width:100%;height:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;font:400 13px/15px Roboto,Arial,sans-serif;color:#111}
  .search-form__input::placeholder{color:#11111180;opacity:1}
  .search-panel__content{padding:20.55px 20px 0 11.481px;gap:20px;max-height:none;overflow:visible;flex:none}
  .search-section{min-width:0;gap:14.613px}
  .search-section__title{margin:0;font-size:14px;line-height:10px;font-weight:600}
  .search-chip-group,.search-chip-group__row{gap:4.871px}
  .search-chip{height:auto;gap:4.871px;padding:6.089px 12.178px;border:.609px solid #11111117;border-radius:89.508px;background:#fff;color:rgba(17,17,17,.6);font:400 12px/14px Roboto,Arial,sans-serif;white-space:nowrap}
  .search-chip__icon{width:14px;height:14px;display:block}
  .search-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10.26px}
  .search-product-card{min-width:0;text-align:center;gap:7.363px}
  .search-product-card>a{display:block;width:100%;border-radius:8.55px}
  .search-product-card__image{display:block;width:100%;height:auto;aspect-ratio:176.13/206.483;border-radius:8.55px}
  .search-product-card__details{width:100%;min-width:0;gap:7.363px}
  .search-product-card__pricing{justify-content:center;gap:2.993px;min-height:11.115px;flex-wrap:wrap}
  .search-product-card__amounts{gap:2.993px}
  .search-product-card__price{font-size:11.045px;line-height:1.3;font-weight:700;color:#7a1f2b}
  .search-product-card__old-price{font-size:9.204px;line-height:1.3;font-weight:400;color:#707070}
  .search-product-card__discount{height:11.115px;margin-left:2.565px;padding:0 3.848px;border-radius:26.505px;font-size:9.204px;line-height:1;letter-spacing:-.1841px;font-weight:600}
  .search-product-card__title{max-width:100%;margin:0;font-size:10.124px;line-height:11.045px;font-weight:500;overflow-wrap:anywhere}
  .search-section--suggestions .search-product-card:nth-child(n+3){display:none}
  .search-view-all{margin-top:8px;font-size:12px}
  .search-empty{margin:0;padding:16px 0;font-size:13px;overflow-wrap:anywhere}
}
@media(max-width:380px){
  .search-panel .search-chip{padding-inline:9px}
  .search-panel .search-product-card__title{font-size:9px}
  .search-panel__content{padding-right:11.481px}
}

/* Shared cart modal. Native dialog keeps focus and scrolling inside the popup. */
  .mobile-cart-modal{display:block}
  .mobile-cart-modal,.mobile-cart-modal *{box-sizing:border-box}
  .mobile-cart-modal__backdrop:not([open]){display:none}
  .mobile-cart-modal__backdrop::backdrop{background:rgba(0,0,0,.3)}
  .mobile-cart-modal__backdrop{
    width:100%;
    max-width:none;
    height:100%;
    max-height:none;
    margin:0;
    border:0;
    position:fixed;
    inset:0;
    z-index:150;
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
    /*padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) 16px;*/
    background:transparent;
  }
  .mobile-cart{
    width:360px;
    max-width:calc(100vw - 48px);
    max-height:calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));
    margin:0;
    overflow:auto;
    overscroll-behavior:contain;
    border:0;
    border-radius:0 0 16px 16px;
    background:#f8f8f8;
    color:#121212;
    box-shadow:0 18px 50px rgba(0,0,0,.18);
    font-family:Roboto,Arial,sans-serif;
  }
  html:has(.mobile-cart-modal__backdrop[open]){overflow:hidden}
  .mobile-cart :is(button,a):focus-visible{outline:2px solid #92251f;outline-offset:3px}
  .mobile-cart button{padding:0;border:0;font:inherit;cursor:pointer}
  .mobile-cart img{display:block}
  .mobile-cart :is(h2,h3,p){margin:0}
  .mobile-cart__header{
    height:52px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#f1ebe7;
  }
  .mobile-cart__title{font-size:16px;font-weight:500;line-height:22px}
  .mobile-cart__close{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff}
  .mobile-cart__close img{width:12.414px;height:12.414px}
  .mobile-cart__items{padding-top:4px}
  .mobile-cart-item{
    position:relative;
    min-height:112px;
    padding:16px;
    display:flex;
    gap:12px;
    border-bottom:1px solid rgba(18,18,18,.1);
  }
  .mobile-cart-item__photo{width:76px;height:84px;flex:0 0 auto;overflow:hidden;border-radius:11.16px;background:#f1ebe7}
  .mobile-cart-item__photo img{width:100%;height:100%;object-fit:cover}
  .mobile-cart-item__details{flex:1;min-width:0;padding-right:24px;font-family:'Host Grotesk',Arial,sans-serif}
  .mobile-cart-item__details h3{
    margin-top:-3px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:14px;
    font-weight:500;
    line-height:18px;
  }
  .mobile-cart-item__prices{display:flex;align-items:center;gap:7px;margin-top:9px;white-space:nowrap;font-family:Roboto,Arial,sans-serif;line-height:20.8px}
  .mobile-cart-item__prices strong{font-size:16px;color:#7a1f2b}
  .mobile-cart-item__prices s{font-size:12px;color:#707070}
  .mobile-cart-item__prices span{padding:0 9px;border-radius:36px;background:#009d52;color:#fff;font-size:10px;font-weight:500;letter-spacing:-.2px;line-height:18px}
  .mobile-cart-item__quantity{
    width:75.187px;
    height:24.667px;
    margin-top:12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    overflow:hidden;
    border:.561px solid rgba(18,18,18,.1);
    border-radius:21.864px;
    background:#fff;
  }
  .mobile-cart-item__quantity button{width:24.667px;height:24.667px;display:grid;place-items:center;background:transparent}
  .mobile-cart-item__quantity img{width:24.667px;height:24.667px}
  .mobile-cart-item__quantity output{font-size:16px;font-weight:500;line-height:1}
  .mobile-cart-item__remove{position:absolute;top:16px;right:16px;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#ffe4e4}
  .mobile-cart-item__remove img{width:16px;height:16px}
  .mobile-cart__empty{padding:40px 16px;text-align:center;color:#5e666c}
  .mobile-cart__summary{padding:24px 16px}
  .mobile-cart__summary h3{margin-bottom:13px;color:#000204;font-size:18px;font-weight:700;line-height:21px}
  .mobile-cart__line{display:flex;align-items:center;justify-content:space-between;color:#5e666c;font-size:16px;line-height:27px}
  .mobile-cart__line span:last-child{color:#231f20}
  .mobile-cart__total{display:flex;justify-content:space-between;margin-top:8px;padding-top:16px;border-top:1px solid #dedede;color:#000204;font-size:18px;font-weight:700;line-height:21px}
  .mobile-cart__checkout{height:42px;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:147px;background:#92251f;color:#fff;text-decoration:none;font-size:16px;font-weight:600}
  .mobile-cart__checkout img{width:14px;height:28.358px;transform:rotate(90deg)}
@media(max-width:370px){
  .mobile-cart-item{min-height:96px;gap:9px;padding-right:12px;padding-left:12px}
  .mobile-cart-item__details{padding-right:14px}
  .mobile-cart-item__prices{flex-wrap:wrap;margin-top:5px;line-height:16px}
  .mobile-cart-item__prices s{font-size:10px}
  .mobile-cart-item__prices span{font-size:8px;line-height:14px}
  .mobile-cart-item__quantity{margin-top:8px}
  .mobile-cart-item__remove{width:20px;height:20px}
  .mobile-cart-item__photo{width:56px;height:64px}
  .mobile-cart-item__details h3{font-size:12px;line-height:15px}
  .mobile-cart-item__prices{gap:4px}
  .mobile-cart-item__prices strong{font-size:12px}
  .mobile-cart-item__prices span{padding:0 5px}
  .mobile-cart-item__remove{right:10px}
  .mobile-cart__summary{padding-right:12px;padding-left:12px}
}