@media (max-width: 991.98px) {
:root {
  --pm-accent: #12b5da;        
  --pm-accent-hi: #25c0e2;     
  --pm-accent-press: #0ea0c2;  
  --pm-accent-deep: #0b7a96;   
  --pm-link: #0f8fb0;          
  --pm-accent-soft: #eaf8fc;   
  --pm-accent-chip: #e6f7fb;   
  --pm-accent-line: #bee7f1;   
  --pm-on-accent: #06232b;     
  --pm-info-bg: #eef6f9;       
  --pm-ink: #0c0f13;           
  --pm-ink-2: #161b21;         
  --pm-ink-3: #262e36;         
  --pm-ink-4: #1e252c;         
  --pm-ink-hover: #1d242b;     
  --pm-on-ink: #c7d0d7;        
  --pm-on-ink-muted: #6e7c86;  
  --pm-text: #12181d;
  --pm-text-2: #404b54;
  --pm-muted: #5b6871;         
  --pm-muted-2: #8a949c;
  --pm-placeholder: #6b7883;
  --pm-surface: #f5f7f9;       
  --pm-card: #ffffff;
  --pm-border: #e3e8ec;
  --pm-border-2: #c6d0d8;
  --pm-divider: #edf1f4;
  --pm-tint: #f5fbfd;          
  --pm-track: #d5dce1;         
  --pm-disabled: #c9d3d9;
  --pm-disabled-fg: #7a868e;
  --pm-footer-art: 320px;
  --pm-success: #0e7c4a;
  --pm-success-bg: #e8f7ee;
  --pm-success-dot: #12a150;
  --pm-warn: #8a5a00;
  --pm-warn-bg: #fff4e0;
  --pm-danger: #c0362b;
  --pm-danger-bg: #fbe9e7;
  --pm-danger-line: #e3b4af;
  --pm-display: "Oswald", "Jockey One", sans-serif;          
  --pm-body: "Rubik", "Muller", system-ui, sans-serif;       
  --pm-r-chip: 6px;
  --pm-r-input: 10px;
  --pm-r-btn: 12px;
  --pm-r-card: 14px;
  --pm-r-pill: 19px;
  --pm-gutter: 14px;
  --pm-tabbar-h: 64px;
  --pm-tap: 44px;              
  --pm-cta-h: 50px;
  --pm-shadow-card: 0 6px 18px rgba(16, 24, 32, 0.08);
  --pm-shadow-sheet: 0 10px 26px rgba(0, 0, 0, 0.25);
  --pm-focus-ring: 0 0 0 3px rgba(18, 181, 218, 0.18);
  --primary-color: var(--pm-accent);
  --color-primary: var(--pm-accent);
  --font-family: "Rubik";
  --font-family-content: "Oswald";
  --font-size-lg: 1.25rem;
}
:root {
  text-rendering: geometricPrecision;
}
:root:root:root body {
  zoom: 1 !important;
  background: var(--pm-surface);
  color: var(--pm-text);
}
:root:root:root main.main-content {
  overflow: visible !important;
  overflow-x: clip !important;
}
:root:root:root .footer-bg-1 {
  display: none !important;
}

:root:root:root .footer-wrapper {
  display: block !important;
  position: absolute !important;
  right: 0;
  bottom: calc(var(--pm-tabbar-h) + env(safe-area-inset-bottom, 0px));
  left: 0;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
}

:root:root:root .footer-bg-2 {
  display: flex !important;
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  justify-content: flex-end;
  width: 100% !important;
  max-width: none !important;
  pointer-events: none;
}

:root:root:root .footer-bg-2 img {
  display: block;
  width: auto !important;
  max-width: 70% !important;
  height: auto !important;
  max-height: 300px !important;
  margin-left: auto;
  object-fit: contain;
}
:root:root:root .main-layout-content {
  padding: 14px var(--pm-gutter) calc(var(--pm-tabbar-h) + 16px + var(--pm-footer-art) + env(safe-area-inset-bottom, 0px)) !important;
  background: var(--pm-surface);
  font-family: var(--pm-body);
}
:root:root:root body header {
  position: sticky;
  top: 0;
  z-index: 1030;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 8px var(--pm-gutter) 12px;
  background: var(--pm-ink);
}
:root:root:root body header .logo-wrapper {
  order: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  overflow: hidden;
  margin: 0;
}
:root:root:root body header .logo-mobile {
  align-items: center;
  min-width: 0;
  max-width: 100%;
  margin: 0;
}
:root:root:root body header .logo-mobile img {
  height: 30px;
  width: auto;
  max-width: min(100%, 190px);
  object-fit: contain;
  display: block;
}
:root:root:root body header .logo-wrapper .logo-mobile {
  display: flex !important;
  align-items: center;
  min-height: var(--pm-tap);
}
:root:root:root body header .pm-header-btn {
  order: 0;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--pm-tap);
  height: var(--pm-tap);
  padding: 0;
  border: 0;
  border-radius: var(--pm-r-btn);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
:root:root:root body header .pm-header-btn:active {
  background: rgba(255, 255, 255, 0.16);
}
:root:root:root body header .search.navbar-toggler.d-xl-none {
  order: 3;
  flex: 0 0 auto;
  width: var(--pm-tap);
  height: var(--pm-tap);
  max-width: none;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: var(--pm-r-btn);
  background-color: rgba(255, 255, 255, 0.06) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
:root:root:root body header .search.navbar-toggler.d-xl-none:active {
  background-color: rgba(255, 255, 255, 0.16) !important;
}
:root:root:root body header .search.navbar-toggler.d-xl-none form {
  display: flex;
  margin: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
:root:root:root body header .search.navbar-toggler.d-xl-none form span {
  position: static !important;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
:root:root:root body header .search.navbar-toggler.d-xl-none svg {
  width: 19px;
  height: 19px;
}
:root:root:root body header .header-mobile-wallet {
  order: 2;
  flex: 0 0 auto;
  gap: 6px;
  height: var(--pm-tap);
  padding: 0 8px;
  border-radius: var(--pm-r-btn);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
:root:root:root .footer-mobile {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1046;
  background: var(--pm-ink);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
:root:root:root .footer-mobile .menu--footer {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  align-items: stretch;
  gap: 0;
  min-height: var(--pm-tabbar-h);
  margin: 0;
  padding: 6px 4px 8px;
  background: var(--pm-ink);
  list-style: none;
}
:root:root:root .footer-mobile .menu--footer li {
  flex-grow: 0;
  padding: 0 !important;
}
:root:root:root .footer-mobile .menu--footer li > a,
:root:root:root .footer-mobile .menu--footer li > button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 100%;
  min-height: var(--pm-tap);
  padding: 6px 0;
  border: 0;
  background: transparent;
  border-radius: var(--pm-r-input);
  color: var(--pm-muted-2);
  text-decoration: none;
}
:root:root:root .footer-mobile .menu--footer li > a:active,
:root:root:root .footer-mobile .menu--footer li > button:active {
  background: rgba(255, 255, 255, 0.07);
}
:root:root:root .footer-mobile .menu--footer svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
}
:root:root:root .footer-mobile .menu--footer i {
  display: inline-flex;
  font-size: 22px;
  line-height: 1;
  color: currentColor;
}
:root:root:root .footer-mobile .menu--footer .pm-tab-label {
  font-family: var(--pm-body);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.1;
  color: currentColor;
}
:root:root:root .footer-mobile .menu--footer .current-tab,
:root:root:root .footer-mobile .menu--footer .current-tab .pm-tab-label {
  color: var(--pm-accent-hi);
}
:root:root:root body:has(#menu-header.show, #menu-header.showing) .footer-mobile .menu--footer .current-tab,
:root:root:root body:has(#menu-header.show, #menu-header.showing) .footer-mobile .menu--footer .current-tab .pm-tab-label {
  color: var(--pm-muted-2);
}
:root:root:root body:has(#menu-header.show, #menu-header.showing) .footer-mobile .menu--footer li > button[data-bs-target="#menu-header"],
:root:root:root body:has(#menu-header.show, #menu-header.showing) .footer-mobile .menu--footer li > button[data-bs-target="#menu-header"] .pm-tab-label {
  color: var(--pm-accent-hi);
}
:root:root:root .footer-mobile .menu--footer .cart-counter {
  position: absolute;
  top: -4px;
  left: 7px;
  right: auto;
  margin: 0;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background-color: var(--pm-accent);
  color: var(--pm-on-accent) !important;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
}
:root:root:root .footer-mobile .menu--footer .cart-counter span {
  color: var(--pm-on-accent) !important;
}
:root:root:root .menu-mobile.offcanvas,
:root:root:root body header nav.menu-mobile.offcanvas.offcanvas-start,
:root:root:root .menu-search.offcanvas {
  top: 0 !important;
  bottom: calc(var(--pm-tabbar-h) + env(safe-area-inset-bottom, 0px)) !important;
  height: auto !important;
  width: 100%;
  max-width: 360px;
  padding-bottom: 0;
  border: 0;
  background-color: var(--pm-ink-2) !important;
  z-index: 1045 !important;
}
:root:root:root #menu-header.offcanvas {
  max-width: none;
}
:root:root:root .offcanvas-backdrop.show {
  top: 0 !important;
  bottom: calc(var(--pm-tabbar-h) + env(safe-area-inset-bottom, 0px)) !important;
  height: auto !important;
  opacity: 1;
  background: rgba(8, 11, 14, 0.55);
  z-index: 1044;
}
:root:root:root .menu-mobile .offcanvas-header,
:root:root:root .menu-search .offcanvas-header {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 56px;
  padding: 12px var(--pm-gutter);
  border-bottom: 1px solid var(--pm-ink-3);
  background: var(--pm-ink-2);
}
:root:root:root .menu-mobile .offcanvas-header button,
:root:root:root .menu-search .offcanvas-header button {
  width: var(--pm-tap);
  height: var(--pm-tap);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: var(--pm-r-input);
  background-color: rgba(255, 255, 255, 0.07);
  opacity: 1;
}
:root:root:root .menu-mobile .offcanvas-body,
:root:root:root .menu-search .offcanvas-body {
  padding: 0 0 24px;
  background: var(--pm-ink-2);
  overflow-y: auto;
}
:root:root:root #menu-left.offcanvas {
  top: 64px !important;
  width: 330px;
  max-width: calc(100vw - 60px);
}
:root:root:root body:has(#menu-left.show, #menu-left.showing, #menu-left.hiding) .offcanvas-backdrop {
  top: 64px !important;
}
:root:root:root #menu-left .offcanvas-header,
:root:root:root #menu-header .offcanvas-header {
  justify-content: space-between;
}
:root:root:root .menu-mobile .pm-drawer-title {
  margin: 0;
  font-family: var(--font-family-content), sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 1.1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
}
:root:root:root #menu-left .offcanvas-header {
  flex-shrink: 0;
  min-height: 0;
  padding: 16px 16px 10px;
}
:root:root:root #menu-left .pm-drawer-title {
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 17px;
  line-height: 1.3;
}
:root:root:root #menu-left .offcanvas-header .btn-close {
  box-sizing: border-box;
  width: var(--pm-tap);
  height: var(--pm-tap);
  margin: -4px;
  padding: 4px;
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.07);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M1 1l12 12M13 1L1 13'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-clip: content-box;
  filter: none;
  opacity: 1;
}
:root:root:root #menu-left .offcanvas-header .btn-close:active {
  background-color: rgba(255, 255, 255, 0.16);
}
:root:root:root #menu-left .content-menu-wrapper {
  width: 100%;
  max-width: none;
  gap: 0;
  padding: 0 !important;
  background: transparent;
  overflow: visible !important;
}
:root:root:root #menu-left .main-content {
  gap: 0;
  margin: 0 !important;
  padding: 0;
  border-bottom: 1px solid var(--pm-ink-3);
}
:root:root:root #menu-left .menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  max-width: none !important;
  min-height: 52px;
  padding: 0 2px 0 16px;
  margin: 0;
}
:root:root:root #menu-left .menu-header:active {
  background: var(--pm-ink-hover);
}
:root:root:root #menu-left .menu-header .menu-one {
  flex: 1 1 auto;
  min-width: 0;
  padding: 15px 0;
  text-decoration: none;
}
:root:root:root #menu-left .menu-header .title {
  font-family: var(--pm-display);
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 22px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff !important;
}
:root:root:root #menu-left .menu-header .title br {
  display: none;
}
:root:root:root #menu-left .main-content:not(.gap-0) > .menu-header .title,
:root:root:root #menu-left .main-content.is-current > .menu-header .title {
  color: var(--pm-accent-hi) !important;
}
:root:root:root #menu-left .menu-header .expand-icon,
:root:root:root #menu-left .menu-header .collapse-icon {
  flex: 0 0 auto;
  width: var(--pm-tap);
  height: var(--pm-tap);
  padding: 0;
  border: 0;
  border-radius: var(--pm-r-input);
  background: transparent;
  line-height: 0;
}
:root:root:root #menu-left .menu-header .expand-icon svg,
:root:root:root #menu-left .menu-header .collapse-icon svg {
  width: 11px;
  height: auto;
  overflow: visible;
}
:root:root:root #menu-left .menu-header .expand-icon line,
:root:root:root #menu-left .menu-header .collapse-icon line {
  stroke: var(--pm-accent-hi);
}
:root:root:root #menu-left .menu-content {
  gap: 0;
  padding: 0;
}
:root:root:root #menu-left .small-menu .list-content {
  gap: 0;
  margin: 0;
  padding: 0 0 12px;
  list-style: none;
}
:root:root:root #menu-left .menu-two-wrapper {
  margin: 0 16px;
}
:root:root:root #menu-left .menu-two {
  align-items: center;
  min-height: var(--pm-tap);
  margin: 0;
  padding: 0;
  border-top: 0;
  border-bottom: 1px solid var(--pm-ink-4);
}
:root:root:root #menu-left .menu-two > .d-flex {
  flex: 1 1 auto;
  min-width: 0;
  justify-content: flex-start;
  gap: 8px;
  padding-right: 38px;
}
:root:root:root #menu-left .menu-two > .d-flex:has(> .menu-two-expand-icon) {
  padding-right: 0;
}
:root:root:root #menu-left .small-menu .list-content a {
  display: block;
  -webkit-line-clamp: none;
  overflow: visible;
  font-family: var(--pm-body);
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.3;
  color: var(--pm-on-ink);
  text-decoration: none;
}
:root:root:root #menu-left .small-menu .list-content a:active {
  color: var(--pm-accent-hi);
}
:root:root:root #menu-left .menu-two > .d-flex > a {
  flex: 1 1 auto;
  min-width: 0;
  padding: 11px 0;
}
:root:root:root #menu-left .menu-two-expand-icon,
:root:root:root #menu-left .menu-two-collapse-icon {
  flex: 0 0 auto;
  width: var(--pm-tap);
  height: var(--pm-tap);
  margin: 0 -14px 0 0 !important;
  padding: 0;
  border: 0;
  border-radius: var(--pm-r-input);
  background: transparent;
  color: var(--pm-on-ink-muted) !important;
  line-height: 0;
}
:root:root:root #menu-left .menu-two-collapse-icon {
  color: var(--pm-accent-hi) !important;
}
:root:root:root #menu-left .menu-two-expand-icon:active,
:root:root:root #menu-left .menu-two-collapse-icon:active {
  background: rgba(255, 255, 255, 0.07);
}
:root:root:root #menu-left .menu-two-expand-icon svg,
:root:root:root #menu-left .menu-two-collapse-icon svg {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}
:root:root:root #menu-left .menu-three-wrapper {
  margin: 0;
  padding: 0 0 0 14px;
  border-left: 0;
}
:root:root:root #menu-left .menu-three {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: var(--pm-tap);
  margin: 0 !important;
  padding: 0 38px 0 0;
  border-bottom: 1px solid var(--pm-ink-4);
}
:root:root:root #menu-left .small-menu .list-content .menu-three a {
  flex: 1 1 auto;
  min-width: 0;
  padding: 11px 0;
  font-size: 14px !important;
}
:root:root:root #menu-left .small-menu .list-content a.is-current {
  color: var(--pm-accent-hi) !important;
}
:root:root:root #menu-left .sidebar-copyright {
  padding: 18px var(--pm-gutter) 24px !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--pm-on-ink-muted);
}
:root:root:root #menu-search.offcanvas {
  top: var(--pm-sheet-top, 64px) !important;
  bottom: calc(var(--pm-tabbar-h) - 2px + env(safe-area-inset-bottom, 0px)) !important;
  max-width: none;
  border: 0;
  box-shadow: none;
  background-color: var(--pm-surface) !important;
}
:root:root:root header:has(> #menu-search.showing, > #menu-search.show, > #menu-search.hiding) > .offcanvas-backdrop {
  top: var(--pm-sheet-top, 64px) !important;
}
:root:root:root .pm-search {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  color: var(--pm-text);
  font-family: var(--pm-body);
}
:root:root:root .pm-search__bar {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  padding: var(--pm-gutter) var(--pm-gutter) 0;
  background: var(--pm-surface);
}
:root:root:root .pm-search__form {
  display: flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  height: var(--pm-cta-h);
  margin: 0;
  padding: 0 0 0 14px;
  border: 2px solid var(--pm-accent);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
  box-shadow: 0 0 0 3px rgba(18, 181, 218, 0.15);
}
:root:root:root .pm-search__form .pm-search__icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  color: var(--pm-accent-deep);
}
:root:root:root .pm-search__input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pm-text);
  font-family: var(--pm-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
:root:root:root .pm-search__input:focus {
  outline: none;
  box-shadow: none;
}
:root:root:root .pm-search__input::placeholder {
  color: var(--pm-placeholder);
  opacity: 1;
}
:root:root:root .pm-search__input::-webkit-search-decoration,
:root:root:root .pm-search__input::-webkit-search-cancel-button,
:root:root:root .pm-search__input::-webkit-search-results-button,
:root:root:root .pm-search__input::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
}
:root:root:root .pm-search__cancel {
  flex: 0 0 auto;
  align-self: stretch;
  min-width: var(--pm-tap);
  margin: 0;
  padding: 0 14px 0 4px;
  border: 0;
  border-radius: 0 10px 10px 0;
  background: transparent;
  color: var(--pm-link);
  font-family: var(--pm-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
:root:root:root .pm-search__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px var(--pm-gutter) 24px;
  background: var(--pm-surface);
}
:root:root:root .pm-search__label {
  margin: 0 0 8px;
  color: var(--pm-muted);
  font-family: var(--pm-display);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
}
:root:root:root .pm-search__list + .pm-search__label,
:root:root:root .pm-search__all + .pm-search__label {
  margin-top: 18px;
}
:root:root:root .pm-search__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  overflow: hidden;
}
:root:root:root .pm-search__list-item + .pm-search__list-item {
  border-top: 1px solid var(--pm-divider);
}
:root:root:root .pm-search__suggestion {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: var(--pm-tap);
  padding: 13px 14px;
  color: var(--pm-text);
  text-decoration: none;
}
:root:root:root .pm-search__suggestion:active,
:root:root:root .pm-search__result:active {
  background: var(--pm-tint);
}
:root:root:root .pm-search__suggestion .pm-search__icon {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  color: var(--pm-muted-2);
}
:root:root:root .pm-search__term {
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--pm-body);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:root:root:root .pm-search__count {
  flex: 0 0 auto;
  color: var(--pm-muted);
  font-family: var(--pm-body);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
}
:root:root:root .pm-search__result {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 10px 14px;
  color: var(--pm-text);
  text-decoration: none;
}
:root:root:root .pm-search__result-img {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-chip);
  background: var(--pm-card);
  overflow: hidden;
}
:root:root:root .pm-search__result-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
:root:root:root .pm-search__result-text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
:root:root:root .pm-search__result-name {
  font-family: var(--pm-body);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
:root:root:root .pm-search__result-price {
  color: var(--pm-accent-deep);
  font-family: var(--pm-display);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
}
:root:root:root .pm-search__all {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--pm-cta-h);
  margin-top: 12px;
  padding: 0 16px;
  border-radius: var(--pm-r-btn);
  background: var(--pm-accent);
  color: var(--pm-on-accent);
  font-family: var(--pm-display);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.15;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}
:root:root:root .pm-search__all:active {
  background: var(--pm-accent-press);
}
:root:root:root .pm-search__empty {
  margin: 0;
  padding: 24px 4px;
  color: var(--pm-muted);
  font-family: var(--pm-body);
  font-size: 15px;
  line-height: 1.4;
  text-align: center;
}
:root:root:root .pm-search__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
:root:root:root .pm-search__chip {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 9px 14px;
  border: 1px solid var(--pm-border-2);
  border-radius: 18px;
  background: var(--pm-card);
  color: var(--pm-text);
  font-family: var(--pm-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}
:root:root:root .pm-search__chip::after {
  content: "";
  position: absolute;
  top: -5px;
  right: 0;
  bottom: -5px;
  left: 0;
}
:root:root:root .pm-search__chip:active {
  border-color: var(--pm-accent);
  color: var(--pm-link);
}
:root:root:root .pm-search__cancel:focus-visible,
:root:root:root .pm-search__chip:focus-visible,
:root:root:root .pm-search__all:focus-visible,
:root:root:root .pm-search__suggestion:focus-visible,
:root:root:root .pm-search__result:focus-visible {
  outline: none;
  box-shadow: var(--pm-focus-ring);
}
:root:root:root body#page-home .main-layout-content {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-top: 0 !important;
}
:root:root:root body#page-home .ck-content {
  display: contents;
}
:root:root:root body#page-home .main-layout-content > *,
:root:root:root body#page-home .ck-content > * {
  flex: none;
}
:root:root:root body#page-home .pm-home-search { order: 1; }
:root:root:root body#page-home .shortcode-hero-banner { order: 2; }
:root:root:root body#page-home .shortcode-blog-posts { order: 3; }
:root:root:root body#page-home .pm-rail { order: 4; }
:root:root:root body#page-home .pm-home-head--categories { order: 5; }
:root:root:root body#page-home .products-section { order: 6; }
:root:root:root body#page-home .shortcode-simple-banner { order: 7; }
:root:root:root body#page-home .ck-content > h1,
:root:root:root body#page-home .ck-content > h2,
:root:root:root body#page-home .ck-content > h3,
:root:root:root body#page-home .ck-content > h4,
:root:root:root body#page-home .ck-content > p,
:root:root:root body#page-home .ck-content > ul,
:root:root:root body#page-home .ck-content > ol,
:root:root:root body#page-home .ck-content > div,
:root:root:root body#page-home .ck-content > table { order: 8; }
:root:root:root body#page-home .shortcode-hero-banner { margin: 14px 0 0 !important; }
:root:root:root body#page-home .pm-home-head--categories { margin-top: 22px; }
:root:root:root body#page-home .pm-rail { margin-top: 24px; }
:root:root:root body#page-home .shortcode-blog-posts { margin: 24px 0 0 !important; }
:root:root:root body#page-home .shortcode-simple-banner { margin: 22px 0 0 !important; }
:root:root:root .pm-home-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 10px;
}
:root:root:root .pm-home-head__title,
:root:root:root .shortcode-blog-posts .todo-information-new > h2.title {
  margin: 0;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 19px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--pm-text);
}
:root:root:root .pm-home-head__link {
  position: relative;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: var(--pm-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--pm-link);
  text-decoration: none;
}
:root:root:root .pm-home-head__link::after {
  content: "";
  position: absolute;
  inset: -14px -10px;
}
:root:root:root .pm-home-search {
  margin: 0 calc(-1 * var(--pm-gutter));
  padding: 0 var(--pm-gutter) 14px;
  background: var(--pm-ink);
}
:root:root:root .pm-home-search__field {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 46px;
  padding: 0 var(--pm-gutter);
  border: 2px solid transparent;
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
  color: var(--pm-placeholder);
  font-family: var(--pm-body);
  font-size: 15px;
  line-height: 1.2;
  text-align: left;
}
:root:root:root .pm-home-search__field svg {
  flex: 0 0 auto;
  color: var(--pm-muted);
}
:root:root:root body#page-home header .search.navbar-toggler.d-xl-none {
  overflow: hidden;
  transition: width 0.2s ease, margin 0.2s ease, opacity 0.15s ease, visibility 0s linear 0s;
}
:root:root:root.pm-home-search-watch:not(.pm-home-search-away) body#page-home header .search.navbar-toggler.d-xl-none {
  width: 0;
  margin-left: -10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: width 0.2s ease, margin 0.2s ease, opacity 0.15s ease, visibility 0s linear 0.2s;
}
:root:root:root.pm-reduced-motion body#page-home header .search.navbar-toggler.d-xl-none {
  transition: none !important;
}
:root:root:root .pm-home-search__field span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:root:root:root .pm-home-search__field:focus-visible,
:root:root:root .pm-home-search__field:active {
  outline: none;
  border-color: var(--pm-accent-hi);
}
:root:root:root .shortcode-hero-banner {
  display: block;
  gap: 0;
  border-radius: 16px;
  overflow: hidden;
  background: var(--pm-ink);
}
:root:root:root .shortcode-hero-banner .pm-hero__photo {
  position: relative;
  height: 168px;
  overflow: hidden;
}
:root:root:root .shortcode-hero-banner .pm-hero__photo img {
  position: absolute;
  top: -10px;
  left: -19%;
  width: max(140%, 470px);
  max-width: none;
  height: auto;
  opacity: 0.85;
}
:root:root:root .shortcode-hero-banner .hero-content {
  margin: 0 !important;
  padding: 14px 16px 0;
}
:root:root:root .shortcode-hero-banner .image-hero-content {
  display: none;
}
:root:root:root .shortcode-hero-banner .hero-main-content {
  position: static;
  display: block;
  width: auto;
  height: auto;
  text-align: left;
}
:root:root:root .shortcode-hero-banner .hero-main-content span {
  display: block;
  max-width: none;
  margin: 0 0 8px;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 26px !important;
  line-height: 1.1;
  text-align: left;
  text-transform: uppercase;
  text-wrap: pretty;
  color: #fff;
}
:root:root:root .shortcode-hero-banner .intro-wrapper {
  display: block;
  padding: 0 16px 18px !important;
}
:root:root:root .shortcode-hero-banner .intro-content {
  margin: 0 0 14px !important;
  text-align: left !important;
  text-transform: none;
}
:root:root:root .shortcode-hero-banner .intro-content span {
  font-family: var(--pm-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  color: var(--pm-on-ink);
}
:root:root:root .shortcode-hero-banner .intro-content br {
  display: none;
}
:root:root:root .shortcode-hero-banner .intro-action-order {
  display: block;
  margin: 0 !important;
}
:root:root:root .shortcode-hero-banner .intro-action-order a.btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: var(--pm-cta-h);
  padding: 0 20px !important;
  border: 0;
  border-radius: var(--pm-r-btn);
  background: var(--pm-accent);
  color: var(--pm-on-accent);
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 18px !important;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
:root:root:root .shortcode-hero-banner .intro-action-order a.btn-primary:active {
  background: var(--pm-accent-press);
}
:root:root:root .shortcode-hero-banner .intro-action-order:hover {
  opacity: 1;
}
:root:root:root .products-section {
  --pm-cat-strip-h: 132px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
:root:root:root .products-section .product {
  min-height: 0;
  max-height: none;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  overflow: hidden;
  background: var(--pm-ink);
}
:root:root:root .products-section .product > a {
  position: relative;
  display: block;
  padding-top: var(--pm-cat-strip-h);
  overflow: hidden;
  text-decoration: none;
}
:root:root:root .products-section .product .bg-product {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--pm-cat-strip-h) !important;
  overflow: hidden;
}
:root:root:root .products-section .product .bg-product img {
  display: block;
  width: 100%;
  height: var(--pm-cat-strip-h);
  min-height: 0 !important;
  object-fit: cover;
  object-position: 50% 50%;
}
:root:root:root .products-section .product .img-product {
  position: absolute;
  top: auto;
  bottom: calc(100% - var(--pm-cat-strip-h) + 12px);
  left: 10px;
  width: auto;
  height: calc(var(--pm-cat-strip-h) - 24px);
  max-width: 46% !important;
  margin: 0;
}
:root:root:root .products-section .product .img-product img {
  position: static;
  display: block;
  width: auto;
  max-width: 100% !important;
  height: 100%;
  object-fit: contain;
  object-position: left bottom;
}
:root:root:root .products-section .product span.white-text {
  position: absolute;
  top: calc(var(--pm-cat-strip-h) / 2);
  right: 14px;
  left: auto;
  z-index: 2;
  width: max-content;
  max-width: 45%;
  text-wrap: balance;
  transform: translateY(-50%);
  font-family: "Jockey One", var(--pm-display);
  font-weight: 400;
  font-size: 30px;
  line-height: 0.95;
  letter-spacing: 0;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
}
:root:root:root .products-section .product .pm-cat__label,
:root:root:root .products-section .product .pm-cat__label span {
  position: static;
  top: auto;
  right: auto;
  z-index: auto;
  width: auto;
  max-width: none;
  transform: none;
  font-size: inherit;
  line-height: inherit;
  text-align: left;
  text-transform: none;
}
:root:root:root .products-section .product .pm-cat__label {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px var(--pm-gutter);
  background: var(--pm-card);
  line-height: 1.2;
}
:root:root:root .products-section .product .pm-cat__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
:root:root:root .products-section .product .pm-cat__label .pm-cat__name {
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  text-transform: uppercase;
  color: var(--pm-text);
}
:root:root:root .products-section .product .pm-cat__label .pm-cat__count {
  font-family: var(--pm-body);
  font-size: 12px;
  line-height: 1.35;
  color: var(--pm-muted);
}
:root:root:root .products-section .product .pm-cat__arrow {
  flex: 0 0 auto;
  color: var(--pm-link);
}
:root:root:root .pm-rail__track {
  display: flex;
  gap: 10px;
  margin: 0 calc(-1 * var(--pm-gutter));
  padding: 2px var(--pm-gutter) 6px;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 var(--pm-gutter);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
:root:root:root .pm-rail__track::-webkit-scrollbar {
  display: none;
}
:root:root:root .pm-rail__item {
  flex: 0 0 auto;
  width: 146px;
  scroll-snap-align: start;
}
:root:root:root .pm-rail__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  text-decoration: none;
}
:root:root:root .pm-rail__card:active {
  border-color: var(--pm-accent);
}
:root:root:root .pm-rail__img {
  display: block;
  height: 96px;
}
:root:root:root .pm-rail__img img {
  display: block;
  width: 100%;
  height: 96px;
  object-fit: contain;
}
:root:root:root .pm-rail__brand {
  margin-top: 6px;
  font-family: var(--pm-body);
  font-size: 11px;
  line-height: 1.3;
  color: var(--pm-muted);
}
:root:root:root .pm-rail__name {
  flex: 1 1 auto;
  margin-top: 1px;
  font-family: var(--pm-display);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.15;
  color: var(--pm-text);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
:root:root:root .pm-rail__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-top: 6px;
}
:root:root:root .pm-rail__price {
  min-width: 0;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 17px;
  line-height: 1.1;
  color: var(--pm-accent-deep);
}
:root:root:root .pm-rail__cart {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: var(--pm-r-input);
  background: var(--pm-accent);
  color: var(--pm-on-accent);
}
:root:root:root .shortcode-blog-posts .news-product-wrapper {
  max-width: none;
  padding: 0 !important;
}
:root:root:root .shortcode-blog-posts .news-product-wrapper > .row {
  margin: 0;
}
:root:root:root .shortcode-blog-posts .todo-information-new > h2.title {
  margin: 0 0 10px !important;
  text-align: left !important;
}
:root:root:root .shortcode-blog-posts .todo-information-new > h2.title a {
  color: inherit;
  text-decoration: none;
}
:root:root:root .shortcode-blog-posts .todo-information-new > h2.title br {
  display: none;
}
:root:root:root .shortcode-blog-posts .news-product {
  display: block !important;
  width: 100%;
  margin: 0 !important;
  padding: 0;
  background: var(--pm-card);
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  overflow: hidden;
}
:root:root:root .shortcode-blog-posts .news-product > .news {
  display: block;
  width: 100%;
  max-width: none;
  padding: 0;
  border-bottom: 1px solid var(--pm-divider);
}
:root:root:root body#page-home .shortcode-blog-posts .news-product > .news:nth-child(n + 5) {
  display: none;
}
:root:root:root .shortcode-blog-posts .news-product > .news:last-child,
:root:root:root body#page-home .shortcode-blog-posts .news-product > .news:nth-child(4) {
  border-bottom: 0;
}
:root:root:root .shortcode-blog-posts .news-product > .news .item-news {
  padding: 13px var(--pm-gutter);
}
:root:root:root .shortcode-blog-posts .news-product > .news .item-news > .title {
  margin: 0;
  font-size: 12px;
  line-height: 1.3;
}
:root:root:root .shortcode-blog-posts .news-product > .news .item-news .category-name {
  display: none;
}
:root:root:root .shortcode-blog-posts .news-product > .news .item-news .time {
  font-family: var(--pm-body);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--pm-link);
}
:root:root:root .shortcode-blog-posts .news-product > .news .item-news .subtitle {
  margin: 3px 0 0;
  font-family: var(--pm-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  text-transform: none;
  text-wrap: pretty;
  color: var(--pm-text);
}
:root:root:root body#page-home .shortcode-blog-posts .featured-mini,
:root:root:root body#page-home .shortcode-blog-posts .todo-information-new > .d-lg-none {
  display: none !important;
}
:root:root:root .shortcode-simple-banner {
  display: block;
  gap: 0;
  border-radius: var(--pm-r-card);
  overflow: hidden;
}
:root:root:root .shortcode-simple-banner .banner-product-wrapper {
  position: relative;
  aspect-ratio: 553 / 455;
}
:root:root:root .shortcode-simple-banner .banner-product,
:root:root:root .shortcode-simple-banner .banner-product img {
  display: block;
  width: 100%;
  height: 100% !important;
  max-height: none !important;
}
:root:root:root .shortcode-simple-banner .banner-product img {
  object-fit: cover;
  object-position: 65% 50%;
}
:root:root:root .shortcode-simple-banner .floating-image {
  position: absolute;
  right: 3%;
  bottom: 8%;
  width: 55%;
}
:root:root:root .shortcode-simple-banner .floating-image img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  max-height: none !important;
}
:root:root:root .shortcode-simple-banner .details-product {
  position: absolute;
  top: 6.5%;
  left: 5%;
  right: 5%;
  padding: 0;
}
:root:root:root .shortcode-simple-banner .details-product p {
  font-family: "Jockey One", var(--pm-display);
  font-weight: 400;
  font-size: 27px;
  line-height: 1.08;
}
:root:root:root body#page-home .ck-content > h2,
:root:root:root body#page-home .ck-content > h3 {
  margin: 26px 0 8px;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 19px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--pm-text);
}
:root:root:root body#page-home .ck-content > p {
  margin: 0 0 12px;
  font-family: var(--pm-body);
  font-size: 15px;
  line-height: 1.5;
  color: var(--pm-text-2);
}
:root:root:root body#page-home .ck-content > h1 > br:first-child,
:root:root:root body#page-home .ck-content > h2 > br:first-child,
:root:root:root body#page-home .ck-content > h3 > br:first-child,
:root:root:root body#page-home .ck-content > h2 > br:first-child + br,
:root:root:root body#page-home .ck-content > h2 > br:first-child + br + br,
:root:root:root body#page-home .ck-content > h2 > br:first-child + br + br + br {
  display: none;
}
:root:root:root .product-list-section-wrapper .hero-image-section {
  display: none;
}
:root:root:root .product-list-section-wrapper .page-header {
  margin: -14px calc(-1 * var(--pm-gutter)) 0;
  padding: 12px var(--pm-gutter) 0;
  background: var(--pm-card);
}
:root:root:root .product-list-section-wrapper .page-header .container-xxxl {
  max-width: none;
  padding: 0;
}
:root:root:root .product-list-section-wrapper .page-header .breadcrumb {
  justify-content: flex-start;
  row-gap: 2px;
  margin: 0;
  padding: 0;
  font-family: var(--pm-body);
  font-size: 12px;
  line-height: 1.4;
  color: var(--pm-muted);
}
:root:root:root .product-list-section-wrapper .page-header .breadcrumb-item + .breadcrumb-item::before {
  padding: 0 6px;
  font-size: 1em;
  line-height: inherit;
  color: var(--pm-muted);
}
:root:root:root .product-list-section-wrapper .page-header .breadcrumb-item a {
  font-weight: 400;
  color: var(--pm-link);
  text-decoration: none;
}
:root:root:root .product-list-section-wrapper .page-header .breadcrumb-item.active,
:root:root:root .product-list-section-wrapper .page-header .breadcrumb-item.active span {
  font-weight: 500;
  color: var(--pm-text);
}
:root:root:root .product-list-section-wrapper .pm-catalog-head {
  display: flow-root;
  margin: 0 calc(-1 * var(--pm-gutter));
  padding: 0 var(--pm-gutter);
  background: var(--pm-card);
}
:root:root:root .product-list-section-wrapper .pm-catalog-title {
  margin: 6px 0 2px;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--pm-text);
  overflow-wrap: anywhere;
}
:root:root:root .single-product .breadcrumb {
  background: transparent;
}
:root:root:root .single-product .breadcrumb .breadcrumb-item {
  color: var(--pm-muted);
}
:root:root:root .single-product .breadcrumb .breadcrumb-item a {
  color: var(--pm-accent-deep);
  text-decoration: none;
}
:root:root:root .single-product .breadcrumb .breadcrumb-item.active span {
  color: var(--pm-text);
  font-weight: 500;
}
:root:root:root .product-list-section-wrapper .sort-section {
  position: sticky;
  top: 64px;
  z-index: 9;
  margin: 0 calc(-1 * var(--pm-gutter)) !important;
  padding: 0 0 7px;
  background: var(--pm-card);
  border-bottom: 1px solid var(--pm-border);
}
:root:root:root .product-list-section-wrapper .sort-section:has(> .pm-catalog-meta) {
  top: calc(64px - 28px);
}
:root:root:root .product-list-section-wrapper .sort-section > .pm-catalog-meta {
  box-sizing: border-box;
  height: 28px;
  margin: 0;
  padding: 0 var(--pm-gutter) 10px;
  overflow: hidden;
  font-family: var(--pm-body);
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--pm-muted);
}
:root:root:root .product-list-section-wrapper .sort-section .sort-wrapper {
  margin-top: 5px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  padding: 0 var(--pm-gutter);
  font-size: 13px !important;
}
:root:root:root .product-list-section-wrapper .sort-section .sort-wrapper::-webkit-scrollbar {
  display: none;
}
:root:root:root .product-list-section-wrapper .sort-section .pm-chip--categories {
  order: -3;
}
:root:root:root .product-list-section-wrapper .sort-section .sort-by-order {
  order: -2;
}
:root:root:root .product-list-section-wrapper .sort-section .select-warehouse {
  order: -1;
}
:root:root:root .product-list-section-wrapper .sort-section .sort,
:root:root:root .product-list-section-wrapper .sort-section .pm-chip {
  position: relative;
  isolation: isolate;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  height: var(--pm-tap);
  margin: 0;
  border: 0;
  background: transparent;
  color: var(--pm-text-2);
  font-family: var(--pm-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}
:root:root:root .product-list-section-wrapper .sort-section .sort {
  gap: 4px !important;
  padding: 0 !important;
  border-radius: var(--pm-r-pill) !important;
}
:root:root:root .product-list-section-wrapper .sort-section .pm-chip {
  gap: 6px;
  padding: 0 14px;
}
:root:root:root .product-list-section-wrapper .sort-section .sort::before,
:root:root:root .product-list-section-wrapper .sort-section .pm-chip::before {
  content: "";
  position: absolute;
  inset: 3px 0;
  z-index: -1;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-pill);
  background: var(--pm-card);
}
:root:root:root .product-list-section-wrapper .sort-section .sort.is-active {
  color: var(--pm-accent-deep);
}
:root:root:root .product-list-section-wrapper .sort-section .sort.is-active::before {
  border-color: var(--pm-accent);
  background: var(--pm-accent-chip);
}
:root:root:root .product-list-section-wrapper .sort-section .sort:has(.select2-container--focus)::before,
:root:root:root .product-list-section-wrapper .sort-section .pm-chip:focus-visible::before {
  border-color: var(--pm-accent);
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .product-list-section-wrapper .sort-section .pm-chip:focus-visible {
  outline: 0;
}
:root:root:root .product-list-section-wrapper .sort-section .pm-chip--categories {
  color: #fff;
}
:root:root:root .product-list-section-wrapper .sort-section .pm-chip--categories::before {
  border-color: var(--pm-ink);
  background: var(--pm-ink);
}
:root:root:root .product-list-section-wrapper .sort-section .pm-chip--categories:active::before {
  background: var(--pm-ink-hover);
}
:root:root:root .product-list-section-wrapper .sort-section .sort .icon {
  display: none !important;
}
:root:root:root .product-list-section-wrapper .sort-section .pm-chip-prefix {
  padding-left: 14px;
}
:root:root:root .product-list-section-wrapper .sort-section .pm-chip-prefix::after {
  content: ":";
}
:root:root:root .product-list-section-wrapper .sort-section .sort .select2-container {
  flex: 0 0 auto;
  width: auto !important;
}
:root:root:root .product-list-section-wrapper .sort-section .select2-container--default .select2-selection--single {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--pm-tap);
  padding: 0 30px 0 14px;
  border: 0 !important;
  border-radius: var(--pm-r-pill);
  background-color: transparent !important;
  color: inherit;
  outline: 0;
}
:root:root:root .product-list-section-wrapper .sort-section .sort-by-order .select2-container--default .select2-selection--single {
  padding-left: 0;
}
:root:root:root .product-list-section-wrapper .sort-section .select2-container--default .select2-selection--single .select2-selection__rendered,
:root:root:root .product-list-section-wrapper .sort-section .select2-container--default .select2-selection--single .select2-selection__placeholder {
  max-width: 200px;
  padding: 0 !important;
  font-family: var(--pm-body);
  font-size: 13px !important;
  font-weight: 500;
  line-height: 1.2;
  color: inherit !important;
}
:root:root:root .product-list-section-wrapper .sort-section .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  right: 14px;
  width: 9px;
  height: 6px;
  margin-top: -3px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E") center / 9px 6px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E") center / 9px 6px no-repeat;
}
:root:root:root .product-list-section-wrapper .sort-section .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
:root:root:root .pm-filter-dropdown {
  border: 1px solid var(--pm-border) !important;
  border-radius: var(--pm-r-input) !important;
  box-shadow: var(--pm-shadow-card) !important;
  overflow: hidden !important;
}
:root:root:root .pm-filter-dropdown .select2-results__option {
  min-height: var(--pm-tap) !important;
  display: flex !important;
  align-items: center !important;
  padding: 11px 14px !important;
  font-family: var(--font-family), sans-serif !important;
  font-size: 14px !important;
  color: var(--pm-text) !important;
}
:root:root:root .pm-filter-dropdown .select2-results__option--highlighted[aria-selected],
:root:root:root .pm-filter-dropdown .select2-results__option[aria-selected="true"] {
  background: var(--pm-accent-soft) !important;
  color: var(--pm-accent-deep) !important;
}
:root:root:root .product-list-section-wrapper .sort-section .sort-wrapper > [data-bb-toggle="clear-filter"] {
  display: none !important;
}
:root:root:root .product-list-section-wrapper .sort-section .pm-active-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 8px;
  min-height: 36px;
  padding: 0 var(--pm-gutter);
  font-family: var(--pm-body);
  font-size: 12px;
  line-height: 1.4;
  color: var(--pm-muted);
}
:root:root:root .product-list-section-wrapper .sort-section:has(.pm-active-filters) {
  padding-bottom: 4px;
}
:root:root:root .product-list-section-wrapper .sort-section .pm-active-filters b {
  font-weight: 600;
  color: var(--pm-text);
}
:root:root:root .product-list-section-wrapper .sort-section .pm-active-filters__clear {
  min-height: var(--pm-tap);
  margin: -4px -10px;
  padding: 0 10px;
  border: 0;
  background: transparent;
  font: inherit;
  font-weight: 500;
  color: var(--pm-link);
}
:root:root:root .product-list-section {
  margin: 0 !important;
  padding: 12px 0 20px !important;
  background: transparent;
}
:root:root:root .product-list-section .product-list-wrapper {
  padding: 0;
}
:root:root:root .product-list-section .product-list-wrapper .products > .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px !important;
  margin: 0;
}
:root:root:root .product-list-section .product-list-wrapper .products > .row > * {
  width: auto;
  max-width: none !important;
  margin: 0;
}
:root:root:root .product-list-section .product-list-wrapper .products > .row > .text-center {
  grid-column: 1 / -1;
  padding: 24px 0;
  color: var(--pm-muted);
}
:root:root:root .product-list-section .product-list-wrapper .product .bg {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  background: var(--pm-card);
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
}
:root:root:root .product-list-section .product-list-wrapper .product .pm-card-pills {
  flex-wrap: wrap;
  min-height: 19px;
  margin: 0 0 6px;
}
:root:root:root .product-list-section .product-list-wrapper .product .warehouse-badge-mobile {
  margin: 0;
  padding: 3px clamp(4px, calc((100vw - 320px) * 0.0286 + 4px), 6px);
  border-radius: 5px;
  background: var(--pm-accent);
  color: var(--pm-on-accent);
  font-family: var(--pm-body);
  font-size: 10px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: clamp(0px, calc((100vw - 320px) * 0.0057), 0.4px);
}
:root:root:root .product-list-section .product-list-wrapper .product .warehouse-badge-mobile.out-of-stock {
  background: #e7ecf0 !important;
  color: #98a2aa !important;
}
:root:root:root .product-list-section .product-list-wrapper .product .bg > a {
  display: block;
}
:root:root:root .product-list-section .product-list-wrapper .product .bg .image-product {
  display: block;
  width: 100%;
  height: 110px;
  aspect-ratio: auto;
  overflow: hidden;
}
:root:root:root .product-list-section .product-list-wrapper .product .bg .image-product img {
  display: block;
  width: 100%;
  height: 110px;
  max-width: 100%;
  max-height: 110px;
  object-fit: contain;
}
:root:root:root .product-list-section .product-list-wrapper .product .information-product {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr auto auto;
  column-gap: 8px;
  padding: 0;
}
:root:root:root .product-list-section .product-list-wrapper .product .information-product > .category-name {
  grid-row: 1;
  grid-column: 1 / -1;
  min-width: 0;
  margin-bottom: 1px !important;
  font-family: var(--pm-body);
  font-size: 11px;
  line-height: 1.3;
  color: var(--pm-muted);
}
:root:root:root .product-list-section .product-list-wrapper .product .information-product > .category-name a {
  color: var(--pm-muted);
}
:root:root:root .product-list-section .product-list-wrapper .product .information-product > .name {
  grid-row: 2;
  grid-column: 1 / -1;
  align-self: start;
  min-width: 0;
  margin-bottom: 0 !important;
  font-family: var(--pm-display);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
:root:root:root .product-list-section .product-list-wrapper .product .information-product > .name a {
  color: var(--pm-text);
}
:root:root:root .product-list-section .product-list-wrapper .product .information-product > .pm-card-sub {
  grid-row: 3;
  grid-column: 1 / -1;
  min-width: 0;
  margin-top: 3px;
  font-family: var(--pm-body);
  font-size: 11px;
  line-height: 1.3;
  color: var(--pm-muted);
}
:root:root:root .product-list-section .product-list-wrapper .product .information-product > .price {
  grid-row: 4;
  grid-column: 1;
  align-self: center;
  min-width: 0;
  margin: 8px 0 0 !important;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 19px !important;
  line-height: 1;
}
:root:root:root .product-list-section .product-list-wrapper .product .information-product > .price span:first-child {
  font-size: 19px;
  color: var(--pm-accent-deep) !important;
}
:root:root:root .product-list-section .product-list-wrapper .product .information-product > .price span.text-decoration-line-through {
  display: block;
  margin-top: 2px;
  font-family: var(--pm-body);
  font-size: 11px;
  font-weight: 400;
  color: var(--pm-muted) !important;
}
:root:root:root .product-list-section .product-list-wrapper .product .information-product > .icon-cart {
  grid-row: 4;
  grid-column: 2;
  align-self: center;
  position: relative;
  right: auto;
  bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-top: 8px;
  padding: 0;
  border-radius: var(--pm-r-input);
  background: var(--pm-accent);
  opacity: 1;
}
:root:root:root .product-list-section .product-list-wrapper .product .information-product > .icon-cart::after {
  content: "";
  position: absolute;
  inset: -3px;
}
:root:root:root .product-list-section .product-list-wrapper .product .information-product > .icon-cart:active {
  background: var(--pm-accent-press);
}
:root:root:root .product-list-section .product-list-wrapper .product .information-product > .icon-cart svg path {
  fill: var(--pm-on-accent);
}
:root:root:root .category-description,
:root:root:root .active-substance-description {
  padding: 4px 0 20px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--pm-text-2);
}
:root:root:root .product-list-section .pm-next-page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  margin: 20px 0 0;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
  font-family: var(--pm-body);
  font-size: 16px;
  font-weight: 500;
  color: var(--pm-muted);
  text-decoration: none;
}
:root:root:root .product-list-section .pm-next-page:active {
  border-color: var(--pm-accent);
  color: var(--pm-link);
}
:root:root:root .product-list-section .pages-url.pagination {
  margin-top: 16px !important;
}
:root:root:root .pages-url.pagination .page-link {
  min-width: var(--pm-tap);
  min-height: var(--pm-tap);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-input);
  background: var(--pm-card);
  color: var(--pm-text-2);
  text-decoration: none;
}
:root:root:root .pages-url.pagination .page-link.active {
  border-color: var(--pm-accent);
  background: var(--pm-accent);
  color: var(--pm-on-accent);
}
:root:root:root .pages-url.pagination .page-link.disabled {
  opacity: 0.45;
}
:root:root:root .product-list-section .pages-url.pagination .page-link {
  border-radius: var(--pm-r-btn);
  font-weight: 500;
}
:root:root:root .product-list-section .pages-url.pagination .page-dotted {
  display: flex;
  align-items: center;
  min-height: var(--pm-tap);
  padding: 0 2px;
  color: var(--pm-muted);
  text-decoration: none;
}
:root:root:root .product-list-section .pages-url.pagination .pagination > li:last-child {
  display: none;
}
:root:root:root .pages-url.pagination .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
}
:root:root:root .single-product .banner-product-detail {
  display: none;
}
:root:root:root .product-detail-container > div > .container-xxxl,
:root:root:root .product-detail-container > .container-xxxl {
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
}
:root:root:root .product-detail-container > div > .container-xxxl > .row {
  margin: 0;
  padding: 0 !important;
}
:root:root:root .product-detail-container > div > .container-xxxl > .row > .col-12 {
  padding: 0 !important;
}
:root:root:root .product-detail-container .page-header {
  margin: -14px calc(-1 * var(--pm-gutter)) 0;
  padding: 10px var(--pm-gutter) 0;
  background: var(--pm-card);
}
:root:root:root .product-detail-container .page-header .breadcrumb {
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  font-family: var(--pm-body);
  font-size: 12px;
  line-height: 1.45;
  color: var(--pm-muted);
}
:root:root:root .product-detail-container .page-header .breadcrumb .breadcrumb-item {
  display: inline;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  color: var(--pm-muted);
}
:root:root:root .product-detail-container .page-header .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  float: none;
  display: inline;
  padding: 0 5px 0 2px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pm-muted);
}
:root:root:root .product-detail-container .page-header .breadcrumb .breadcrumb-item a {
  color: var(--pm-link);
  font-weight: 400;
  text-decoration: none;
}
:root:root:root .product-detail-container .page-header .breadcrumb .breadcrumb-item.active,
:root:root:root .product-detail-container .page-header .breadcrumb .breadcrumb-item.active span {
  color: var(--pm-text);
  font-weight: 500;
}
:root:root:root .product-detail-container .page-header .breadcrumb .breadcrumb-item:not(:first-child):not(:nth-child(3)):not(:last-child) {
  display: none;
}
:root:root:root .pblock {
  gap: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pm-text);
  font-family: var(--pm-body);
}
:root:root:root .pblock > .top-row {
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin: 0 calc(-1 * var(--pm-gutter));
  padding: 12px var(--pm-gutter) 14px;
  background: var(--pm-card);
}
:root:root:root .pblock .img-box {
  width: 132px;
  height: 132px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
}
:root:root:root .pblock .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
:root:root:root .pblock .img-col {
  gap: 6px;
}
:root:root:root .pblock .img-thumbs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
}
:root:root:root .pblock .img-thumb {
  width: 100%;
  height: var(--pm-tap);
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-input);
}
:root:root:root .pblock .img-thumb.active {
  border-color: var(--pm-accent);
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .pblock .pm-brand {
  font-size: 12px;
  line-height: 1.3;
  color: var(--pm-muted);
}
:root:root:root .pblock .title-h1 {
  margin: 2px 0 6px;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 26px;
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: uppercase;
  overflow-wrap: break-word;
  color: var(--pm-text);
}
:root:root:root .pblock .pm-sub {
  font-size: 13px;
  line-height: 1.4;
  color: var(--pm-muted);
}
:root:root:root .pblock .wh-section {
  margin-top: 14px;
}
:root:root:root .pblock .section-label {
  margin-bottom: 8px;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pm-muted);
}
:root:root:root .pblock .wh-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
:root:root:root .pblock .wh-tab {
  justify-content: flex-start;
  gap: 0;
  min-width: 0;
  min-height: var(--pm-tap);
  padding: 11px 12px;
  border: 2px solid var(--pm-border);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
  color: var(--pm-text);
  font-family: var(--pm-body);
}
:root:root:root .pblock .wh-tab.active {
  padding-top: 11px;
  border: 2px solid var(--pm-accent);
  background: var(--pm-accent-soft);
}
:root:root:root .pblock .wh-tab:focus-visible {
  outline: none;
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .pblock .wh-tab.is-oos {
  border-color: var(--pm-divider);
  opacity: 0.55;
  cursor: not-allowed;
}
:root:root:root .pblock .wh-tab-name,
:root:root:root .pblock .wh-tab.active .wh-tab-name {
  font-family: var(--pm-body);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
  color: var(--pm-text);
}
:root:root:root .pblock .wh-tab-price,
:root:root:root .pblock .wh-tab.active .wh-tab-price {
  flex-wrap: wrap;
  gap: 0 6px;
  margin-top: 2px;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: 0;
  color: var(--pm-accent-deep);
}
:root:root:root .pblock .wh-tab-was {
  font-family: var(--pm-body);
  font-weight: 400;
  font-size: 13px;
  color: var(--pm-muted);
}
:root:root:root .pblock .wh-tab .wh-tab-stock {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--pm-success);
}
:root:root:root .pblock .wh-tab .wh-tab-stock::before {
  flex: none;
  width: 7px;
  height: 7px;
  background: var(--pm-success-dot);
}
:root:root:root .pblock .wh-tab .wh-tab-stock.is-out {
  color: var(--pm-danger);
}
:root:root:root .pblock .wh-tab .wh-tab-stock.is-out::before {
  background: var(--pm-danger);
}
:root:root:root .pblock .wh-tab .wh-tab-eta {
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.3;
  color: var(--pm-muted);
}
:root:root:root .pblock .wh-tab .wh-tab-eta .pm-nowrap {
  white-space: nowrap;
}
:root:root:root .pblock .detail {
  gap: 14px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--pm-accent-line);
  border-top: 3px solid var(--pm-accent);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
}
:root:root:root .pblock .det-head {
  gap: 12px;
}
:root:root:root .pblock .det-head > div:first-child {
  min-width: 0;
}
:root:root:root .pblock .det-name {
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  overflow-wrap: break-word;
  color: var(--pm-accent-deep);
}
:root:root:root .pblock .det-intl-note {
  margin: 2px 0 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pm-muted);
}
:root:root:root .pblock .det-price-block {
  flex: none;
  gap: 2px;
}
:root:root:root .pblock .det-price {
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: 0;
  color: var(--pm-accent-deep);
}
:root:root:root .pblock .det-was {
  font-size: 14px;
  color: var(--pm-muted);
}
:root:root:root .pblock .det-unit {
  font-size: 11px;
  line-height: 1.3;
  color: var(--pm-muted);
}
:root:root:root .pblock .det-save {
  padding: 3px 7px;
  border-radius: var(--pm-r-chip);
  background: var(--pm-success-bg);
  color: var(--pm-success);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
}
:root:root:root .pblock .det-meta {
  font-size: 13px;
  color: var(--pm-text-2);
}
:root:root:root .pblock .det-meta .warn {
  color: var(--pm-warn);
}
:root:root:root .pblock .det-meta .danger,
:root:root:root .pblock .det-stock.is-out {
  color: var(--pm-danger);
}
:root:root:root .pblock .det-stock {
  color: var(--pm-success);
  font-weight: 500;
}
:root:root:root .pblock .det-stock::before {
  width: 7px;
  height: 7px;
  background: var(--pm-success-dot);
}
:root:root:root .pblock .det-stock.is-out::before {
  background: var(--pm-danger);
}
:root:root:root .pblock .tiers {
  gap: 8px;
}
:root:root:root .pblock .tier {
  min-height: var(--pm-tap);
  padding: 6px 8px;
  white-space: normal;
  line-height: 1.2;
  text-align: center;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-input);
  background: var(--pm-card);
  color: var(--pm-text-2);
  font-size: 13px;
}
:root:root:root .pblock .tier.act {
  border-color: var(--pm-accent);
  background: var(--pm-accent-soft);
  color: var(--pm-accent-deep);
  font-weight: 500;
}
:root:root:root .pblock .tier:disabled,
:root:root:root .pblock .tier.is-disabled {
  background: var(--pm-surface);
}
:root:root:root .pblock .tg {
  height: var(--pm-tap);
  padding: 3px;
  border-radius: var(--pm-r-input);
  background: var(--pm-surface);
}
:root:root:root .pblock .tb {
  border-radius: 8px;
  color: var(--pm-muted);
  font-size: 13px;
}
:root:root:root .pblock .tb.on {
  background: var(--pm-card);
  color: var(--pm-text);
  font-weight: 500;
}
:root:root:root .pblock .dc {
  border-radius: var(--pm-r-chip);
  background: var(--pm-danger-bg);
  color: var(--pm-danger);
}
:root:root:root .pblock .exp-note {
  color: var(--pm-danger);
}
:root:root:root .pblock .det-action {
  flex-wrap: wrap;
  gap: 10px;
}
:root:root:root .pblock .qty {
  flex: 1 0 auto;
  justify-content: space-between;
  height: var(--pm-cta-h);
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
}
:root:root:root .pblock .qty button {
  width: 46px;
  min-width: var(--pm-tap);
  height: 100%;
  font-size: 22px;
  color: var(--pm-text);
}
:root:root:root .pblock .qty input {
  width: 34px;
  height: 100%;
  font-family: var(--pm-body);
  font-size: 16px;
  font-weight: 600;
  color: var(--pm-text);
}
:root:root:root .pblock .add {
  flex: 999 0 auto;
  min-width: 0;
  height: var(--pm-cta-h);
  gap: 0;
  padding: 0 14px;
  border-radius: var(--pm-r-btn);
  background: var(--pm-accent);
  color: var(--pm-on-accent);
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 17px;
  letter-spacing: 0.03em;
}
:root:root:root .pblock .add:hover {
  background: var(--pm-accent-hi);
}
:root:root:root .pblock .add:active {
  background: var(--pm-accent-press);
}
:root:root:root .pblock .add:focus-visible {
  outline: none;
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .pblock .add:disabled {
  background: var(--pm-disabled);
  color: var(--pm-disabled-fg);
}
:root:root:root .pm-facts {
  margin: 14px 0 0;
  padding: 0;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
  overflow: hidden;
  font-family: var(--pm-body);
}
:root:root:root .pm-facts .pm-fact {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 14px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--pm-divider);
  font-size: 14px;
  line-height: 1.4;
}
:root:root:root .pm-facts .pm-fact:last-child {
  border-bottom: 0;
}
:root:root:root .pm-facts dt {
  flex: 1 1 0;
  min-width: 0;
  font-weight: 400;
  color: var(--pm-muted);
}
:root:root:root .pm-facts dd {
  flex: 0 0 auto;
  max-width: 60%;
  margin: 0;
  font-weight: 500;
  text-align: right;
  overflow-wrap: anywhere;
  color: var(--pm-text);
}
:root:root:root .pm-facts dd a {
  color: var(--pm-link);
  text-decoration: none;
}
:root:root:root .pm-facts ~ .product-details-meta .pm-meta-fact,
:root:root:root .pm-facts ~ .product-details-meta .pm-meta-desc {
  display: none;
}
:root:root:root .pm-facts ~ .product-details-meta:not(:has(> .product-description > :not(.pm-meta-fact):not(.pm-meta-desc))) {
  display: none;
}
:root:root:root .product-detail-container > .container-xxxl.pb-3 {
  padding: 0 0 4px !important;
}
:root:root:root .product-detail-container .product-detail-tabs {
  --bs-gutter-x: 0;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}
:root:root:root .product-detail-container .product-detail-tabs .product-description {
  width: 100%;
  padding: 0;
  font-family: var(--pm-body);
  font-size: 14px;
  line-height: 1.55;
  color: var(--pm-text-2);
}
:root:root:root .product-detail-container .product-detail-tabs .product-description.pm-acc {
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
  overflow: hidden;
}
:root:root:root .product-detail-tabs .product-description p,
:root:root:root .product-detail-tabs .product-description ul,
:root:root:root .product-detail-tabs .product-description ol,
:root:root:root .product-detail-tabs .product-description dl {
  margin: 0 0 10px;
  font-size: 14px !important;
  line-height: 1.55;
}
:root:root:root .product-detail-tabs .product-description p,
:root:root:root .product-detail-tabs .product-description li {
  color: var(--pm-text-2) !important;
}
:root:root:root .product-detail-tabs .product-description ul,
:root:root:root .product-detail-tabs .product-description ol {
  padding-left: 18px;
}
:root:root:root .product-detail-tabs .product-description li {
  margin-bottom: 4px;
}
:root:root:root .product-detail-tabs .product-description strong,
:root:root:root .product-detail-tabs .product-description b {
  font-weight: 600;
  color: var(--pm-text);
}
:root:root:root .product-detail-tabs .product-description a {
  color: var(--pm-link);
}
:root:root:root .product-detail-tabs .product-description h1,
:root:root:root .product-detail-tabs .product-description h2,
:root:root:root .product-detail-tabs .product-description h3,
:root:root:root .product-detail-tabs .product-description h4,
:root:root:root .product-detail-tabs .product-description h5,
:root:root:root .product-detail-tabs .product-description h6 {
  margin: 16px 0 6px;
  font-family: var(--pm-body);
  font-weight: 600;
  font-size: 15px !important;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
  color: var(--pm-text);
}
:root:root:root .product-detail-tabs .product-description h1 strong,
:root:root:root .product-detail-tabs .product-description h2 strong,
:root:root:root .product-detail-tabs .product-description h3 strong,
:root:root:root .product-detail-tabs .product-description h4 strong,
:root:root:root .product-detail-tabs .product-description h5 strong,
:root:root:root .product-detail-tabs .product-description h6 strong {
  font-weight: inherit;
}
:root:root:root .product-detail-tabs .product-description .pm-acc-item {
  border-bottom: 1px solid var(--pm-divider);
}
:root:root:root .product-detail-tabs .product-description .pm-acc-item:last-child {
  border-bottom: 0;
}
:root:root:root .product-detail-tabs .product-description .pm-acc-item > .pm-acc-title {
  margin: 0;
  font-size: 15px !important;
  font-weight: 500;
}
:root:root:root .product-detail-tabs .product-description .pm-acc-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 14px;
  border: 0;
  background: transparent;
  color: var(--pm-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
:root:root:root .product-detail-tabs .product-description .pm-acc-btn:active {
  background: var(--pm-tint);
}
:root:root:root .product-detail-tabs .product-description .pm-acc-btn:focus-visible {
  outline: none;
  box-shadow: inset var(--pm-focus-ring);
}
:root:root:root .product-detail-tabs .product-description .pm-acc-label {
  min-width: 0;
}
:root:root:root .product-detail-tabs .product-description .pm-acc-sign {
  flex: none;
  width: 18px;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  color: var(--pm-link);
}
:root:root:root .product-detail-tabs .product-description .pm-acc-sign::before {
  content: "+";
}
:root:root:root .product-detail-tabs .product-description .pm-acc-item.is-open .pm-acc-sign::before {
  content: "\2013";
}
:root:root:root .product-detail-tabs .product-description .pm-acc-body {
  padding: 0 14px 14px;
}
:root:root:root .product-detail-tabs .product-description .pm-acc-body > :first-child {
  margin-top: 0;
}
:root:root:root .product-detail-tabs .product-description .pm-acc-body > :last-child {
  margin-bottom: 0;
}
:root:root:root .product-detail-tabs .product-description .pm-acc-item:not(.is-open) > .pm-acc-body {
  display: none;
}
:root:root:root .pm-buybar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  padding-bottom: calc(var(--pm-tabbar-h) + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--pm-border);
  background: var(--pm-card);
  font-family: var(--pm-body);
  transition: transform 0.2s ease, visibility 0.2s;
}
:root:root:root .pm-buybar.is-hidden {
  transform: translateY(100%);
  visibility: hidden;
}
:root:root:root .pm-buybar-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px var(--pm-gutter);
}
:root:root:root .pm-buybar-info {
  flex: 0 1 auto;
  min-width: 0;
}
:root:root:root .pm-buybar-total {
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  color: var(--pm-accent-deep);
  white-space: nowrap;
}
:root:root:root .pm-buybar-meta {
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.3;
  color: var(--pm-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:root:root:root .pm-buybar-add {
  flex: 1 0 auto;
  height: 48px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--pm-r-btn);
  background: var(--pm-accent);
  color: var(--pm-on-accent);
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 17px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}
:root:root:root .pm-buybar-add:active {
  background: var(--pm-accent-press);
}
:root:root:root .pm-buybar-add:focus-visible {
  outline: none;
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .pm-buybar-add:disabled {
  background: var(--pm-disabled);
  color: var(--pm-disabled-fg);
  cursor: not-allowed;
}
:root:root:root body.single-product .main-layout-content {
  padding-bottom: calc(var(--pm-tabbar-h) + max(85px, var(--pm-footer-art)) + env(safe-area-inset-bottom, 0px)) !important;
}
:root:root:root .product-detail-container .product-review-container {
  gap: 20px !important;
  margin: 14px 0 0 !important;
  padding: 14px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-btn) !important;
  background: var(--pm-card);
  box-shadow: none;
  font-family: var(--pm-body);
  color: var(--pm-text-2);
}
:root:root:root .product-review-container .row.g-3 {
  margin-bottom: 0;
}
:root:root:root .product-review-container .product-review-number {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
:root:root:root .product-review-container .product-review-number .product-review-number-title,
:root:root:root .product-review-container h3,
:root:root:root .product-review-container h4 {
  margin: 0 0 10px;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 19px;
  line-height: 1.2;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--pm-text);
}
:root:root:root .product-review-container .product-review-number .product-review-summary {
  margin-bottom: 12px;
}
:root:root:root .product-review-container .product-review-number .product-review-summary .product-review-summary-value span {
  margin-right: 10px;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 40px;
  line-height: 1;
  color: var(--pm-accent-deep);
}
:root:root:root .product-review-container .product-review-number .product-review-summary .product-review-summary-rating p {
  margin-left: 6px;
  font-family: var(--pm-body);
  font-size: 13px;
  color: var(--pm-muted);
}
:root:root:root .product-review-container .product-review-number .product-review-progress .product-review-progress-bar {
  margin-bottom: 8px;
}
:root:root:root .product-review-container .product-review-progress-bar-title,
:root:root:root .product-review-container .product-review-progress-bar-percent {
  font-family: var(--pm-body);
  font-size: 12px;
  font-weight: 500;
  color: var(--pm-text-2);
}
:root:root:root .product-review-container .product-review-progress-bar .progress {
  height: 6px;
  border-radius: 3px;
  background: var(--pm-track);
}
:root:root:root .product-review-container .product-review-progress-bar .progress-bar {
  border-radius: 3px;
  background: var(--pm-accent);
}
:root:root:root .product-review-container .row.g-3 > .col-md-4 + .col-12 {
  padding-top: 16px;
  border-top: 1px solid var(--pm-divider);
}
:root:root:root .product-review-container p {
  font-size: 13px;
  line-height: 1.45;
}
:root:root:root .product-review-container a {
  color: var(--pm-link);
}
:root:root:root .product-review-container .form-label {
  font-family: var(--pm-body);
  font-size: 14px;
  font-weight: 500;
  color: var(--pm-text);
}
:root:root:root .product-review-container textarea.form-control {
  height: 132px;
  min-height: 0;
  padding: 12px;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-input);
  background: var(--pm-card);
  font-family: var(--pm-body);
  font-size: 15px;
  color: var(--pm-text);
}
:root:root:root .product-review-container textarea.form-control:disabled {
  background: var(--pm-surface);
}
:root:root:root .product-review-container textarea.form-control:focus {
  border-color: var(--pm-accent);
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .product-review-container .image-upload__uploader {
  border-color: var(--pm-border-2);
  border-radius: var(--pm-r-input);
  color: var(--pm-muted);
}
:root:root:root .product-review-container .image-upload-info {
  border: 0;
  border-radius: var(--pm-r-input);
  background: var(--pm-info-bg);
  color: var(--pm-text-2);
}
:root:root:root .product-review-container button[type="submit"].btn {
  width: 100%;
  height: var(--pm-cta-h);
  padding: 0 16px !important;
  border: 0;
  border-radius: var(--pm-r-btn) !important;
  background-color: var(--pm-accent) !important;
  color: var(--pm-on-accent);
  font-family: var(--pm-display) !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
:root:root:root .product-review-container button[type="submit"].btn:disabled,
:root:root:root .product-review-container button[type="submit"].btn.disabled {
  background-color: var(--pm-disabled) !important;
  color: var(--pm-disabled-fg);
  opacity: 1;
}
:root:root:root .product-review-container .review-item {
  --bs-border-color: var(--pm-divider);
}
:root:root:root .product-review-container .review-item img.rounded-circle {
  width: 40px;
  height: 40px;
}
:root:root:root .product-review-container .review-item__header .fw-medium {
  font-size: 14px;
  color: var(--pm-text);
}
:root:root:root .product-review-container .review-item__body {
  font-size: 14px;
  line-height: 1.55;
  color: var(--pm-text-2);
}
:root:root:root .cart-area {
  padding-top: 0;
  padding-bottom: 0;
}
:root:root:root .cart-area h1.title {
  display: block;
  margin: 0 0 12px;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--pm-text);
}
:root:root:root .cart-area .pm-cart-meta {
  margin: -10px 0 12px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--pm-muted);
}
:root:root:root .cart-area .cart-list-mobile {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}
:root:root:root .cart-area .cart-list-mobile .cart-item {
  margin: 0;
  padding: 12px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
}
:root:root:root .cart-area .cart-list-mobile .cart-item .cart-img-detail {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .image {
  flex: none;
  width: 72px;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .image a {
  display: block;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .image img {
  display: block;
  width: 72px;
  height: 72px;
  object-fit: contain;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .description {
  flex: 1 1 auto;
  min-width: 0;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .pm-cart-line-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .detail {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 400;
  overflow-wrap: break-word;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .cart-title {
  margin: 0;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .cart-title a {
  font-family: var(--pm-display);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.1;
  color: var(--pm-text);
  text-decoration: none;
  white-space: normal;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .detail .small,
:root:root:root .cart-area .cart-list-mobile .cart-item .pm-cart-line-meta {
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--pm-muted);
}
:root:root:root .cart-area .cart-list-mobile .cart-item .pm-cart-line-meta {
  display: flex;
  flex-wrap: wrap;
}
:root:root:root .cart-area .cart-list-mobile .pm-cart-line-meta > span:not(:last-child)::after {
  content: "\00B7";
  margin: 0 5px;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .mobile-cart-remove {
  position: relative;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--pm-tap);
  height: var(--pm-tap);
  margin: -8px -8px -8px 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--pm-muted-2);
  opacity: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .mobile-cart-remove::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 8px;
  background: transparent;
  transition: background-color 0.15s ease;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .mobile-cart-remove svg {
  position: relative;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .mobile-cart-remove:hover,
:root:root:root .cart-area .cart-list-mobile .cart-item .mobile-cart-remove:active,
:root:root:root .cart-area .cart-list-mobile .cart-item .mobile-cart-remove:focus-visible {
  color: var(--pm-danger);
  opacity: 1;
  outline: 0;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .mobile-cart-remove:hover::before,
:root:root:root .cart-area .cart-list-mobile .cart-item .mobile-cart-remove:active::before {
  background: var(--pm-danger-bg);
}
:root:root:root .cart-area .cart-list-mobile .cart-item .mobile-cart-remove:focus-visible::before {
  background: var(--pm-danger-bg);
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .cart-area .cart-list-mobile .cart-item .mobile-cart-quantity-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 10px;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .cart-quantity {
  display: flex;
  margin: 0;
  border: 0;
  border-radius: 0;
  line-height: normal;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .bb-product-quantity {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 40px;
  padding: 0;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-input);
  background: var(--pm-card);
}
:root:root:root .cart-area .cart-list-mobile .cart-item .bb-product-quantity .btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pm-text);
  box-shadow: none;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .bb-product-quantity .btn::after {
  content: "";
  position: absolute;
  inset: -2px -3px;
  z-index: 1;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .bb-product-quantity .btn:hover,
:root:root:root .cart-area .cart-list-mobile .cart-item .bb-product-quantity .btn:active {
  background: transparent;
  color: var(--pm-link);
}
:root:root:root .cart-area .cart-list-mobile .cart-item .bb-product-quantity .btn:focus-visible {
  border-radius: var(--pm-r-input);
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .cart-area .cart-list-mobile .cart-item .bb-product-quantity .btn svg {
  width: 16px;
  height: 16px;
  color: currentColor;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .bb-product-quantity input.form-control {
  flex: none;
  width: 30px;
  min-width: 30px;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-family: var(--pm-body);
  font-size: 16px;
  font-weight: 600;
  color: var(--pm-text);
  text-align: center;
  -moz-appearance: textfield;
  appearance: textfield;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .bb-product-quantity input::-webkit-outer-spin-button,
:root:root:root .cart-area .cart-list-mobile .cart-item .bb-product-quantity input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .cart-price {
  display: flex;
  align-items: center;
  margin-left: auto;
  line-height: 1.1;
  white-space: nowrap;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .cart-price .bb-product-price-text {
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 19px;
  color: var(--pm-accent-deep);
}
:root:root:root .cart-area .cart-list-mobile .cart-item .pm-cart-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 12px 0 0;
  padding: 9px 12px;
  border-radius: var(--pm-r-input);
  background: var(--pm-danger-bg);
  color: var(--pm-danger);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}
:root:root:root .cart-area .cart-list-mobile .cart-item .pm-cart-note svg {
  flex: none;
  margin-top: 1px;
}
:root:root:root .cart-area .wallet-partial-offer {
  margin: 12px 0 0 !important;
  padding: 14px;
  border: 1px solid var(--pm-accent-line);
  border-radius: var(--pm-r-card);
  background: var(--pm-info-bg);
  color: var(--pm-text);
  font-size: 14px;
}
:root:root:root .cart-area #coupon-form-wrapper {
  width: 100% !important;
  margin: 12px 0 0 !important;
}
:root:root:root .cart-area #coupon-form-wrapper .cart-coupon {
  margin: 0 !important;
  padding: 14px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
}
:root:root:root .cart-area #coupon-form .coupon-text {
  margin: 0 0 6px !important;
  font-family: var(--pm-body);
  font-size: 13px !important;
  font-weight: 500;
  line-height: 1.3;
  color: var(--pm-text-2);
}
:root:root:root .cart-area #coupon-form .input-group {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0 !important;
}
:root:root:root .cart-area #coupon-form .input-group input.form-control {
  flex: 1 1 auto;
  min-width: 0;
  height: 46px;
  min-height: 46px; 
  margin: 0 !important;
  padding: 0 12px;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-input);
  background-color: var(--pm-card) !important;
  font-family: var(--pm-body);
  font-size: 16px;
  color: var(--pm-text);
  box-shadow: none;
}
:root:root:root .cart-area #coupon-form .input-group input.form-control:focus {
  border-color: var(--pm-accent);
  box-shadow: var(--pm-focus-ring);
  outline: 0;
}
:root:root:root .cart-area #coupon-form .input-group .btn {
  flex: none;
  height: 46px;
  margin: 0;
  padding: 0 18px !important;
  border: 1px solid var(--pm-border-2) !important;
  border-radius: var(--pm-r-input) !important;
  background-color: var(--pm-card) !important;
  color: var(--pm-text-2);
  font-family: var(--pm-body) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  opacity: 1;
  box-shadow: none;
}
:root:root:root .cart-area #coupon-form .input-group .btn:hover,
:root:root:root .cart-area #coupon-form .input-group .btn:focus-visible {
  border-color: var(--pm-accent) !important;
  color: var(--pm-link);
  opacity: 1;
}
:root:root:root .cart-area #coupon-form .input-group .btn:disabled {
  color: var(--pm-disabled-fg);
  opacity: 1;
}
:root:root:root .cart-area .cart-checkout {
  width: 100% !important;
  max-width: none !important;
  margin: 12px 0 0 !important;
  font-family: var(--pm-body);
  font-size: 14px !important;
}
:root:root:root .cart-area .cart-checkout .card {
  padding: 14px !important;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card) !important;
  background: var(--pm-card);
  box-shadow: none;
}
:root:root:root .cart-area .cart-checkout .card .d-flex:not(.cart-checkout-total) {
  gap: 12px;
  align-items: baseline !important;
  margin: 0 !important;
  padding: 5px 0;
  font-size: 14px;
  line-height: 1.4;
  color: var(--pm-text-2);
}
:root:root:root .cart-area .cart-checkout .card .d-flex:not(.cart-checkout-total) > span:last-child {
  font-weight: 500;
  color: var(--pm-text);
  white-space: nowrap;
}
:root:root:root .cart-area .cart-checkout .warehouse-shipping-fee-list {
  max-width: none !important;
  font-size: 12px !important;
}

:root:root:root .cart-area .cart-checkout .warehouse-shipping-fee-item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 1px 0;
  font-size: 12px;
  color: var(--pm-muted);
}

:root:root:root .cart-area .cart-checkout .warehouse-shipping-fee-price {
  margin-left: 0 !important;
  font-size: 12px !important;
  font-weight: 500;
  color: var(--pm-text-2);
  white-space: nowrap;
}
:root:root:root .cart-area .cart-checkout .terms {
  margin: 8px 0 0 !important;
  font-size: 12px !important;
  color: var(--pm-muted);
}
:root:root:root .cart-area .cart-checkout .cart-checkout-total {
  gap: 12px;
  align-items: baseline !important;
  margin: 8px 0 0 !important;
  padding-top: 10px;
  border-top: 1px solid var(--pm-border);
}
:root:root:root .cart-area .cart-checkout .cart-checkout-total span {
  font-family: var(--pm-display);
  font-weight: 600;
  line-height: 1.15;
}
:root:root:root .cart-area .cart-checkout .cart-checkout-total span:first-child {
  margin: 0 !important;
  font-size: 17px !important;
  text-transform: uppercase;
  color: var(--pm-text) !important;
}
:root:root:root .cart-area .cart-checkout .cart-checkout-total [data-bb-value="cart-total"] {
  font-size: 24px !important;
  color: var(--pm-accent-deep) !important;
  white-space: nowrap;
}
:root:root:root .cart-area .cart-checkout:has(+ .cart-checkout-proceed) .card {
  padding-bottom: 0 !important;
  border-bottom: 0;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
:root:root:root .cart-area .cart-checkout-proceed {
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 14px 14px;
  border: 1px solid var(--pm-border);
  border-top: 0;
  border-radius: 0 0 var(--pm-r-card) var(--pm-r-card);
  background: var(--pm-card);
}
:root:root:root .cart-area .cart-checkout-proceed .cart-checkout-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px;
  margin: 0;
  padding: 8px 18px !important;
  border: 0 !important;
  border-radius: var(--pm-r-btn) !important;
  background-color: var(--pm-accent) !important;
  color: var(--pm-on-accent);
  font-family: var(--pm-display) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 1.15;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  opacity: 1;
  box-shadow: none;
}
:root:root:root .cart-area .cart-checkout-proceed .cart-checkout-btn:hover {
  background-color: var(--pm-accent-hi) !important;
  opacity: 1;
}
:root:root:root .cart-area .cart-checkout-proceed .cart-checkout-btn:active {
  background-color: var(--pm-accent-press) !important;
}
:root:root:root .cart-area .cart-checkout-proceed .cart-checkout-btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(18, 181, 218, 0.35);
  outline: 0;
}
:root:root:root .cart-area .cart-checkout-proceed .cart-checkout-btn svg {
  flex: none;
  width: 16px;
  height: 14px;
  max-width: none;
  max-height: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none' stroke='%2306232B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 7h13M9 2l5 5-5 5'/%3E%3C/svg%3E") no-repeat center / 16px 14px;
}
:root:root:root .cart-area .pm-cart-continue {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin-top: 8px;
  padding: 8px 18px;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
  color: var(--pm-text-2);
  font-family: var(--pm-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}
:root:root:root .cart-area .pm-cart-continue:hover,
:root:root:root .cart-area .pm-cart-continue:focus-visible {
  border-color: var(--pm-accent);
  color: var(--pm-link);
  outline: 0;
}
:root:root:root .cart-area > .container > .alert-warning {
  margin: 12px 0 0 !important;
  padding: 14px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  color: var(--pm-text-2);
  font-size: 14px;
  line-height: 1.5;
}
:root:root:root .cart-area > .container > .alert-warning p {
  margin: 0;
}
:root:root:root .cart-area > .container > .alert-warning p + p {
  margin-top: 6px;
}
:root:root:root .cart-area > .container > .alert-warning a {
  color: var(--pm-link);
  font-weight: 500;
  text-decoration: underline;
}
:root:root:root .cart-area .bb-empty-state {
  margin: 0;
  padding: 28px 20px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  text-align: center;
}
:root:root:root .cart-area .bb-empty-state h3 {
  margin: 0 !important;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--pm-text);
}
:root:root:root .cart-area .bb-empty-state p {
  margin: 6px 0 16px !important;
  font-size: 14px;
  line-height: 1.5;
  color: var(--pm-muted);
}
:root:root:root .cart-area .bb-empty-state .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: var(--pm-r-btn);
  background: var(--pm-accent);
  color: var(--pm-on-accent);
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}
:root:root:root .bb-empty-state h3 {
  font-family: var(--font-family-content), sans-serif;
  font-weight: 400;
  color: var(--pm-text);
}
:root:root:root .bb-empty-state .btn-outline-primary {
  min-height: var(--pm-cta-h);
  border-color: var(--pm-accent);
  color: var(--pm-accent-deep);
  border-radius: var(--pm-r-btn);
}
:root:root:root .btn-primary.btn-with-logo {
  background: var(--pm-accent) !important;
  border-color: var(--pm-accent) !important;
  color: var(--pm-on-accent) !important;
  min-height: var(--pm-cta-h);
  border-radius: var(--pm-r-btn) !important;
  font-family: var(--font-family-content), sans-serif;
  font-weight: 400;
  font-size: 17px !important;
}
:root:root:root .checkout-content-wrapper {
  padding: 0 !important;
  background-image: none !important;
  background-color: transparent !important;
  font-family: var(--pm-body);
  font-weight: 400;
  color: var(--pm-text);
}
:root:root:root .checkout-content-wrapper .checkout-content-inner {
  max-width: none;
  margin: 0;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
}
:root:root:root .checkout-content-wrapper .row-content :where(p, span, div, label, small, strong, h1, h2, h3, h4, h5, h6, .alert, .text-muted) {
  font-weight: 400;
}
:root:root:root .checkout-content-wrapper .pm-checkout-head {
  margin: 0 0 12px;
}
:root:root:root .checkout-content-wrapper .pm-checkout-steps {
  display: flex;
  align-items: flex-start;
  gap: clamp(5px, 2vw, 8px);
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}
:root:root:root .checkout-content-wrapper .pm-checkout-step {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 0;
}
:root:root:root .checkout-content-wrapper .pm-checkout-step::before {
  content: "";
  display: block;
  height: 4px;
  border-radius: 2px;
  background: var(--pm-track);
}
:root:root:root .checkout-content-wrapper .pm-checkout-step.is-done::before,
:root:root:root .checkout-content-wrapper .pm-checkout-step.is-current::before {
  background: var(--pm-accent);
}
:root:root:root .checkout-content-wrapper .pm-checkout-step__label {
  font-size: clamp(10px, 2.9vw, 11px);
  font-weight: 500;
  line-height: 1.25;
  color: var(--pm-muted);
  overflow-wrap: break-word;
  hyphens: auto;
}
:root:root:root .checkout-content-wrapper .pm-checkout-step.is-current .pm-checkout-step__label {
  color: var(--pm-accent-deep);
}
:root:root:root .checkout-content-wrapper .pm-checkout-title {
  margin: 0;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--pm-text);
}
:root:root:root .checkout-content-wrapper .simple-checkout-container {
  max-width: none;
  margin: 0;
  padding: 0;
}
:root:root:root .checkout-content-wrapper .simple-checkout-container .checkout-row:not(.active) {
  display: none;
}
:root:root:root .checkout-content-wrapper .simple-checkout-container .checkout-row.active {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  opacity: 1;
}
:root:root:root .checkout-content-wrapper .checkout-row.active > .row-header {
  display: none;
}
:root:root:root .checkout-content-wrapper .checkout-row.active > .row-content {
  display: block;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
:root:root:root .checkout-content-wrapper .row-content :is(.checkout-step-content, .cart-review-section, #step2-form, .address-selection-wrapper, #payment-form, .order-review-section) {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
:root:root:root .checkout-content-wrapper .row-content :is(.checkout-step-content, .cart-review-section, #step2-form, .address-selection-wrapper, #payment-form, .order-review-section) > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
:root:root:root .checkout-content-wrapper .row-content :is(.cart-items-wrapper, .order-summary-card, .address-option-card, .payment-methods-wrapper, .terms-agreement-wrapper, .order-items-section, .shipping-address-section, .payment-method-section, .final-order-summary, .delivery-upgrade-section, .package-insurance-section) {
  position: relative;
  padding: 14px !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: var(--pm-r-card) !important;
  background: var(--pm-card) !important;
  box-shadow: none;
  color: var(--pm-text);
  font-size: 14px;
  line-height: 1.45;
}
:root:root:root .checkout-content-wrapper .row-content :is(.section-title, .order-items-section > h5, .shipping-address-section > h5, .payment-method-section > h5, .final-order-summary > h5) {
  margin: 0 0 10px !important;
  padding: 0;
  border: 0;
  background: none;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--pm-muted);
}
:root:root:root .checkout-content-wrapper .row-content :is(.cart-items, .order-items) {
  display: flex;
  flex-direction: column;
}
:root:root:root .checkout-content-wrapper .row-content .cart-item-card {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin: 0 !important;
  padding: 12px 0 !important;
  border: 0;
  border-top: 1px solid var(--pm-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
  transform: none;
}
:root:root:root .checkout-content-wrapper .row-content .cart-item-card:first-child {
  padding-top: 0 !important;
  border-top: 0;
}
:root:root:root .checkout-content-wrapper .row-content .cart-item-card:last-child {
  padding-bottom: 0 !important;
}
:root:root:root .checkout-content-wrapper .row-content .cart-item-card:hover {
  border-color: var(--pm-divider);
  background: transparent;
  box-shadow: none;
  transform: none;
}
:root:root:root .checkout-content-wrapper .row-content .cart-item-card .item-image {
  margin: 0 !important;
}
:root:root:root .checkout-content-wrapper .row-content .cart-item-card .item-image img {
  display: block;
  width: 56px !important;
  height: 56px !important;
  border-radius: 0;
  box-shadow: none;
  object-fit: contain !important;
}
:root:root:root .checkout-content-wrapper .row-content .cart-item-card .item-details {
  display: block !important;
  min-width: 0;
  margin: 0 !important;
}
:root:root:root .checkout-content-wrapper .row-content .cart-item-card .item-name {
  margin: 0 !important;
  font-family: var(--pm-display) !important;
  font-weight: 500;
  font-size: 16px !important;
  line-height: 1.15;
  color: var(--pm-text);
  overflow-wrap: break-word;
}
:root:root:root .checkout-content-wrapper .row-content .cart-item-card .item-details p {
  margin: 2px 0 0 !important;
  font-family: var(--pm-body) !important;
  font-size: 12px !important;
  line-height: 1.4;
  color: var(--pm-muted);
}
:root:root:root .checkout-content-wrapper .row-content .cart-item-card .item-details p small {
  font-size: inherit;
}
:root:root:root .checkout-content-wrapper .row-content .cart-item-card .item-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 6px;
  margin: 6px 0 0 !important;
  font-size: 13px;
  color: var(--pm-muted);
  white-space: normal !important;
  text-align: left !important;
}
:root:root:root .checkout-content-wrapper .row-content .cart-item-card .item-meta span {
  min-width: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  font-family: var(--pm-body);
  font-size: 13px;
  font-weight: 400;
  color: var(--pm-muted) !important;
}
:root:root:root .checkout-content-wrapper .row-content .cart-item-card .item-meta .total-price {
  margin-left: auto;
  font-family: var(--pm-display);
  font-weight: 600 !important;
  font-size: 17px;
  color: var(--pm-accent-deep) !important;
  white-space: nowrap;
}
:root:root:root .checkout-content-wrapper .row-content .order-summary-card .summary-row,
:root:root:root .checkout-content-wrapper .row-content .final-order-summary .summary-line {
  display: flex;
  align-items: baseline !important;
  justify-content: space-between;
  gap: 12px;
  margin: 0 !important;
  padding: 5px 0;
  border: 0;
  font-size: 14px !important;
  line-height: 1.4;
  color: var(--pm-text-2);
}
:root:root:root .checkout-content-wrapper .row-content .order-summary-card .summary-label {
  font-weight: 400;
  color: var(--pm-text-2);
}
:root:root:root .checkout-content-wrapper .row-content .order-summary-card .summary-value,
:root:root:root .checkout-content-wrapper .row-content .final-order-summary .summary-line > span:last-child {
  font-weight: 500;
  color: var(--pm-text);
  white-space: nowrap;
}
:root:root:root .checkout-content-wrapper .row-content .warehouse-shipping-breakdown {
  margin-top: 2px !important;
  font-family: var(--pm-body) !important;
  font-size: 12px !important;
  color: var(--pm-muted);
}
:root:root:root .checkout-content-wrapper .row-content .final-order-summary .summary-line.text-success,
:root:root:root .checkout-content-wrapper .row-content .final-order-summary .summary-line.text-success > span:last-child {
  color: var(--pm-success) !important;
}
:root:root:root .checkout-content-wrapper .row-content .order-summary-card .summary-row.total-row {
  margin-top: 8px !important;
  padding-top: 10px;
  border-top: 1px solid var(--pm-border);
}
:root:root:root .checkout-content-wrapper .row-content .final-order-summary hr {
  margin: 8px 0 0;
  border: 0;
  border-top: 1px solid var(--pm-border);
  opacity: 1;
}
:root:root:root .checkout-content-wrapper .row-content .final-order-summary .summary-total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-top: 10px;
}
:root:root:root .checkout-content-wrapper .row-content .order-summary-card .total-row .summary-label,
:root:root:root .checkout-content-wrapper .row-content .final-order-summary .summary-total strong:first-child {
  margin: 0;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 17px;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--pm-text);
}
:root:root:root .checkout-content-wrapper .row-content .order-summary-card .total-row .summary-value,
:root:root:root .checkout-content-wrapper .row-content .final-order-summary #summary-total-value {
  margin: 0;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.1;
  color: var(--pm-accent-deep) !important;
  white-space: nowrap;
}
:root:root:root .checkout-content-wrapper .row-content .order-items-section > h5 {
  display: none;
}
:root:root:root .checkout-content-wrapper .row-content .pm-summary-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: var(--pm-tap);
  margin: -12px 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
:root:root:root .checkout-content-wrapper .row-content .pm-summary-toggle:focus-visible {
  border-radius: var(--pm-r-input);
  box-shadow: var(--pm-focus-ring);
  outline: 0;
}
:root:root:root .checkout-content-wrapper .row-content .pm-summary-toggle__label {
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--pm-muted);
}
:root:root:root .checkout-content-wrapper .row-content .pm-summary-toggle__value {
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.1;
  color: var(--pm-accent-deep);
  white-space: nowrap;
}
:root:root:root .checkout-content-wrapper .row-content .pm-summary-toggle::after {
  content: "";
  flex: none;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%235B6871' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E") no-repeat center / 12px 12px;
  transition: transform 0.2s ease;
}
:root:root:root .checkout-content-wrapper .row-content .pm-summary-toggle[aria-expanded="false"]::after {
  transform: rotate(-90deg);
}
:root:root:root .checkout-content-wrapper .row-content .pm-summary-toggle + .order-items {
  margin-top: 22px;
  padding-top: 10px;
  border-top: 1px solid var(--pm-divider);
}
:root:root:root .checkout-content-wrapper .row-content .order-items.pm-is-collapsed {
  display: none;
}
:root:root:root .checkout-content-wrapper .row-content .confirmation-intro .alert {
  margin: 0;
  padding: 12px 12px 12px 36px;
  border: 0;
  border-radius: var(--pm-r-btn);
  background: var(--pm-success-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230E7C4A' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='M8 7.2v4M8 4.8v.2'/%3E%3C/svg%3E") no-repeat 12px 13px / 16px 16px;
  color: var(--pm-success);
  font-size: 13px;
  line-height: 1.5;
}
:root:root:root .checkout-content-wrapper .row-content .confirmation-intro .alert i {
  display: none;
}
:root:root:root .checkout-content-wrapper .row-content :is(.wallet-settlement-section, .payment-methods-wrapper .alert-warning) {
  padding: 12px !important;
  border: 0 !important;
  border-radius: var(--pm-r-btn) !important;
  background: var(--pm-warn-bg) !important;
  color: var(--pm-warn);
  font-size: 13px;
  line-height: 1.5;
}
:root:root:root .checkout-content-wrapper .row-content .wallet-settlement-section > div {
  margin-bottom: 2px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
:root:root:root .checkout-content-wrapper .row-content .wallet-settlement-section > p {
  font-size: 13px !important;
}
:root:root:root .checkout-content-wrapper .row-content .address-form-wrapper {
  margin: 0 0 -12px;
  padding: 0;
  border: 0;
  background: transparent;
}
:root:root:root .checkout-content-wrapper .row-content .address-form-wrapper .row {
  margin-left: -6px;
  margin-right: -6px;
}
:root:root:root .checkout-content-wrapper .row-content .address-form-wrapper .row > [class*="col-"] {
  margin-bottom: 12px !important;
  padding-left: 6px;
  padding-right: 6px;
}
:root:root:root .checkout-content-wrapper .row-content .form-label {
  display: block;
  margin: 0 0 5px;
  font-family: var(--pm-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--pm-text-2);
}
:root:root:root .checkout-content-wrapper .row-content .form-label .text-danger {
  color: var(--pm-danger) !important;
}
:root:root:root .checkout-content-wrapper .row-content :is(input.form-control, select.form-control, select.form-select) {
  height: 48px;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-input);
  background-color: var(--pm-card);
  box-shadow: none;
  font-family: var(--pm-body);
  font-size: 16px;
  font-weight: 400;
  color: var(--pm-text);
}
:root:root:root .checkout-content-wrapper .row-content :is(select.form-control, select.form-select) {
  padding-right: 36px;
  text-overflow: ellipsis;
}
:root:root:root .checkout-content-wrapper .row-content input.form-control::placeholder {
  color: var(--pm-placeholder);
  opacity: 1;
}
:root:root:root .checkout-content-wrapper .row-content :is(input.form-control, select.form-control, select.form-select):focus {
  border-color: var(--pm-accent);
  box-shadow: var(--pm-focus-ring);
  outline: 0;
}
:root:root:root .checkout-content-wrapper .row-content :is(input.form-control, select.form-control, select.form-select):is(.is-invalid, :user-invalid) {
  border-color: var(--pm-danger);
}
:root:root:root .checkout-content-wrapper .row-content :is(.address-form-wrapper .text-danger.small, #payment-method-error, #agree-terms-error, .terms-card .error-message) {
  margin: 5px 0 0 !important;
  padding-left: 19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23C0362B' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='6'/%3E%3Cpath d='M7 4v4M7 10.2v.2'/%3E%3C/svg%3E") no-repeat 0 1px / 13px 13px;
  font-size: 12px;
  font-weight: 400 !important;
  line-height: 1.35;
  color: var(--pm-danger) !important;
}
:root:root:root .checkout-content-wrapper .row-content .address-option-card:hover,
:root:root:root .checkout-content-wrapper .row-content .address-option-card.active {
  box-shadow: none;
}
:root:root:root .checkout-content-wrapper .row-content .custom-radio-label,
:root:root:root .checkout-content-wrapper .row-content .payment-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  margin: 0;
  padding: 12px;
  border: 2px solid var(--pm-border);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
  box-shadow: none;
  transform: none;
  cursor: pointer;
  font-size: 15px;
}
:root:root:root .checkout-content-wrapper .row-content .custom-radio-label:hover,
:root:root:root .checkout-content-wrapper .row-content .payment-label:hover {
  border-color: var(--pm-accent);
  box-shadow: none;
  transform: none;
}
:root:root:root .checkout-content-wrapper .row-content .custom-radio-input:checked + .custom-radio-label,
:root:root:root .checkout-content-wrapper .row-content .payment-radio:checked + .payment-label {
  border-color: var(--pm-accent);
  background: var(--pm-accent-soft);
  box-shadow: none;
}
:root:root:root .checkout-content-wrapper .row-content .custom-radio-input:focus-visible + .custom-radio-label,
:root:root:root .checkout-content-wrapper .row-content .payment-radio:focus-visible + .payment-label {
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .checkout-content-wrapper .row-content .radio-indicator,
:root:root:root .checkout-content-wrapper .row-content .payment-check {
  position: relative;
  flex: none;
  align-self: center;
  width: 20px;
  height: 20px;
  margin: 0;
  border: 2px solid var(--pm-border-2);
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
}
:root:root:root .checkout-content-wrapper .row-content .payment-check i {
  display: none;
}
:root:root:root .checkout-content-wrapper .row-content .radio-indicator::after,
:root:root:root .checkout-content-wrapper .row-content .payment-check::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--pm-accent);
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease;
}
:root:root:root .checkout-content-wrapper .row-content .custom-radio-input:checked + .custom-radio-label .radio-indicator,
:root:root:root .checkout-content-wrapper .row-content .payment-radio:checked + .payment-label .payment-check {
  border-color: var(--pm-accent);
  background: transparent;
}
:root:root:root .checkout-content-wrapper .row-content .custom-radio-input:checked + .custom-radio-label .radio-indicator::after,
:root:root:root .checkout-content-wrapper .row-content .payment-radio:checked + .payment-label .payment-check::after {
  transform: translate(-50%, -50%) scale(1);
}
:root:root:root .checkout-content-wrapper .row-content .radio-content {
  flex: 1 1 auto;
  min-width: 0;
}
:root:root:root .checkout-content-wrapper .row-content .radio-title,
:root:root:root .checkout-content-wrapper .row-content .payment-radio:checked + .payment-label .payment-name,
:root:root:root .checkout-content-wrapper .row-content .payment-name {
  margin: 0;
  font-family: var(--pm-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--pm-text) !important;
}
:root:root:root .checkout-content-wrapper .row-content .radio-description {
  margin-top: 1px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--pm-muted);
}
:root:root:root .checkout-content-wrapper .row-content .address-content {
  margin: 12px 0 0 !important;
  padding: 0;
  border: 0;
}
:root:root:root .checkout-content-wrapper .row-content .payment-methods-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
:root:root:root .checkout-content-wrapper .row-content .payment-method-card {
  position: relative;
  margin: 0;
}
:root:root:root .checkout-content-wrapper .row-content .payment-label :is(svg, img) {
  flex: none;
  width: 28px;
  height: 28px;
}
:root:root:root .checkout-content-wrapper .row-content .payment-info {
  flex: 1 1 auto;
  min-width: 0;
}
:root:root:root .checkout-content-wrapper .row-content .payment-name small {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
  color: var(--pm-danger) !important;
}
:root:root:root .checkout-content-wrapper .row-content .terms-agreement-wrapper .terms-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
:root:root:root .checkout-content-wrapper .row-content .checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: var(--pm-tap);
  margin: 0;
  padding: 2px 0;
  font-size: 14px;
  line-height: 1.45;
  cursor: pointer;
}
:root:root:root .checkout-content-wrapper .row-content .checkbox-indicator {
  flex: none;
  width: 20px;
  height: 20px;
  margin: 0;
  border: 2px solid var(--pm-border-2);
  border-radius: var(--pm-r-chip);
  background: var(--pm-card) no-repeat center / 12px 12px;
  box-shadow: none;
}
:root:root:root .checkout-content-wrapper .row-content .checkbox-indicator i {
  display: none;
}
:root:root:root .checkout-content-wrapper .row-content .custom-checkbox:checked + .checkbox-label .checkbox-indicator {
  border-color: var(--pm-accent);
  background-color: var(--pm-accent);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%2306232B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5'/%3E%3C/svg%3E");
}
:root:root:root .checkout-content-wrapper .row-content .custom-checkbox:focus-visible + .checkbox-label .checkbox-indicator {
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .checkout-content-wrapper .row-content .checkbox-text {
  color: var(--pm-text-2);
}
:root:root:root .checkout-content-wrapper .row-content .checkbox-text .terms-link {
  color: var(--pm-link);
  font-weight: 500;
  text-decoration: underline;
}
:root:root:root .checkout-content-wrapper .row-content .checkbox-text .required-indicator {
  color: var(--pm-danger);
}
:root:root:root .checkout-content-wrapper .row-content :is(.address-card, .payment-card) {
  padding: 0 !important;
  border: 0;
  border-radius: 0 !important;
  background: transparent !important;
  font-family: var(--pm-body) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5;
  color: var(--pm-text-2);
}
:root:root:root .checkout-content-wrapper .row-content .payment-card > i {
  display: none;
}
:root:root:root .checkout-content-wrapper .row-content .payment-card .fw-semibold {
  font-size: 15px;
  color: var(--pm-text);
}
:root:root:root .checkout-content-wrapper .row-content .payment-card small {
  font-size: 12px;
}
:root:root:root .checkout-content-wrapper .row-content .delivery-upgrade-section label {
  margin: 0 0 8px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.35;
  color: var(--pm-text);
}
:root:root:root .checkout-content-wrapper .row-content #package-insurance-section > div:first-child {
  margin: 0 0 6px !important;
  font-family: var(--pm-display);
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--pm-text);
}
:root:root:root .checkout-content-wrapper .row-content #package-insurance-section > p {
  margin: 0 0 10px !important;
  font-size: 14px !important;
  line-height: 1.5;
  color: var(--pm-text-2) !important;
}
:root:root:root .checkout-content-wrapper .row-content #package-insurance-section .insurance-highlight {
  padding: 10px 12px;
  border-radius: var(--pm-r-input);
  box-shadow: none;
}
:root:root:root .checkout-content-wrapper .row-content #package-insurance-section .insurance-highlight-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--pm-text);
}
:root:root:root .checkout-content-wrapper .row-content #package-insurance-section .form-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: var(--pm-tap);
  margin-bottom: 0 !important;
  padding-left: 0;
}
:root:root:root .checkout-content-wrapper .row-content #package-insurance-section .form-check-input {
  flex: none;
  width: 20px;
  height: 20px;
  margin: 1px 0 0;
  border: 2px solid var(--pm-border-2);
  border-radius: var(--pm-r-chip);
}
:root:root:root .checkout-content-wrapper .row-content #package-insurance-section .form-check-input:checked {
  border-color: var(--pm-accent);
  background-color: var(--pm-accent);
}
:root:root:root .checkout-content-wrapper .row-content #package-insurance-section .form-check-label {
  font-size: 14px !important;
  line-height: 1.45;
  color: var(--pm-text-2);
}
:root:root:root .checkout-content-wrapper .row-content .checkout-actions-wrapper {
  margin: 2px 0 0 !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
:root:root:root .checkout-content-wrapper .row-content .checkout-actions-wrapper .actions-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
:root:root:root .checkout-content-wrapper .row-content .checkout-actions-wrapper .actions-container > form {
  display: block;
  order: 1;
  width: 100%;
  margin: 0;
}
:root:root:root .checkout-content-wrapper .row-content .checkout-actions-wrapper .btn-primary {
  display: flex;
  order: 1;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 54px;
  margin: 0;
  padding: 10px 18px !important;
  border: 0;
  border-color: var(--pm-accent) !important;
  border-radius: var(--pm-r-btn) !important;
  background: var(--pm-accent) !important;
  box-shadow: none;
  color: var(--pm-on-accent);
  font-family: var(--pm-display) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.15;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
  opacity: 1;
  transform: none;
}
:root:root:root .checkout-content-wrapper .row-content .checkout-actions-wrapper .btn-primary:hover {
  background-color: var(--pm-accent-hi) !important;
  opacity: 1;
  transform: none;
}
:root:root:root .checkout-content-wrapper .row-content .checkout-actions-wrapper .btn-primary:active {
  background-color: var(--pm-accent-press) !important;
}
:root:root:root .checkout-content-wrapper .row-content .checkout-actions-wrapper .btn-primary:focus-visible {
  box-shadow: 0 0 0 3px rgba(18, 181, 218, 0.35);
  outline: 0;
}
:root:root:root .checkout-content-wrapper .row-content .checkout-actions-wrapper .btn-primary:disabled {
  border-color: var(--pm-disabled) !important;
  background-color: var(--pm-disabled) !important;
  color: var(--pm-disabled-fg);
}
:root:root:root .checkout-content-wrapper .row-content .checkout-actions-wrapper .btn i {
  display: none;
}
:root:root:root .checkout-content-wrapper .row-content .checkout-actions-wrapper .btn-outline-secondary {
  display: flex;
  order: 2;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  padding: 8px 18px !important;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-btn) !important;
  background: var(--pm-card);
  box-shadow: none;
  color: var(--pm-text-2);
  font-family: var(--pm-body);
  font-size: 15px !important;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  transform: none;
}
:root:root:root .checkout-content-wrapper .row-content .checkout-actions-wrapper .btn-outline-secondary:hover,
:root:root:root .checkout-content-wrapper .row-content .checkout-actions-wrapper .btn-outline-secondary:focus-visible {
  border-color: var(--pm-accent);
  background: var(--pm-card);
  color: var(--pm-link);
  outline: 0;
}
:root:root:root .pm-success-card {
  margin: 12px 0 0;
  padding: 24px 18px;
  border: 1px solid var(--pm-border);
  border-radius: 16px;
  background: var(--pm-card);
  text-align: center;
}
:root:root:root .pm-success-card .pm-success-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: var(--pm-success-bg);
  color: var(--pm-success);
}
:root:root:root .pm-success-card .pm-success-card__title {
  margin: 0 0 6px;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--pm-text);
}
:root:root:root .pm-success-card .pm-success-card__text,
:root:root:root .pm-success-card .pm-success-card__code {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--pm-muted);
}
:root:root:root .pm-success-card .pm-success-card__code {
  margin-top: 8px;
}
:root:root:root .pm-success-card .pm-success-card__code b {
  font-weight: 600;
  color: var(--pm-text);
}
:root:root:root .pm-success-card .pm-success-card__link,
:root:root:root .pm-success-card ~ .row .payment-checkout-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  margin: 16px 0 0;
  padding: 8px 18px !important;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
  box-shadow: none;
  color: var(--pm-text-2);
  font-family: var(--pm-body) !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-transform: none;
}
:root:root:root .pm-success-card .pm-success-card__link:hover,
:root:root:root .pm-success-card .pm-success-card__link:focus-visible,
:root:root:root .pm-success-card ~ .row .payment-checkout-btn:hover,
:root:root:root .pm-success-card ~ .row .payment-checkout-btn:focus-visible {
  border-color: var(--pm-accent);
  background: var(--pm-card);
  color: var(--pm-link);
  outline: 0;
}
:root:root:root .pm-success-card ~ .customer-wrapper,
:root:root:root .pm-success-card ~ .row .thank-you {
  display: none;
}
:root:root:root .pm-success-card ~ .row .payment-checkout-btn {
  margin-top: 12px;
}
:root:root:root .pm-success-card ~ .row > [class*="col-"] > :is(.border.rounded, .payment-confirmation-section) {
  margin: 12px 0 0 !important;
  padding: 14px !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: var(--pm-r-card) !important;
  background: var(--pm-card) !important;
  box-shadow: none;
  font-size: 14px;
}
:root:root:root .pm-success-card ~ .row > [class*="col-"] > :is(.border.rounded, .payment-confirmation-section) > :is(h3, h5):first-child {
  margin: 0 0 10px !important;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 17px !important;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--pm-text);
}
:root:root:root .pm-success-card ~ .row .alert-warning {
  padding: 10px 12px;
  border: 0;
  border-radius: var(--pm-r-input);
  background: var(--pm-warn-bg);
  color: var(--pm-warn);
  font-size: 14px;
  line-height: 1.45;
}
:root:root:root .pm-success-card ~ .row .alert-warning strong {
  font-weight: 600;
}
:root:root:root .pm-success-card ~ .row label {
  font-size: 13px;
  font-weight: 500;
  color: var(--pm-text-2);
}
:root:root:root .pm-success-card ~ .row .input-group > .form-control,
:root:root:root .pm-success-card ~ .row .input-group > .btn {
  height: 48px;
}
:root:root:root .pm-success-card ~ .row .input-group > .form-control {
  border-color: var(--pm-border-2);
  border-radius: var(--pm-r-input) 0 0 var(--pm-r-input);
  font-size: 14px;
}
:root:root:root .pm-success-card ~ .row .input-group > .btn {
  border-color: var(--pm-border-2);
  border-radius: 0 var(--pm-r-input) var(--pm-r-input) 0;
}
:root:root:root .pm-success-card ~ .row .table {
  margin: 0;
  table-layout: fixed;
  font-size: 13px;
}
:root:root:root .pm-success-card ~ .row .table td {
  padding: 6px 0;
  border-color: var(--pm-divider);
  vertical-align: top;
}
:root:root:root .pm-success-card ~ .row .table td:first-child {
  width: 40%;
  padding-right: 10px;
  color: var(--pm-muted);
  font-weight: 500 !important;
}
:root:root:root .pm-success-card ~ .row .table code {
  color: var(--pm-text);
  font-size: 12px;
}
:root:root:root .pm-success-card ~ .row .payment-confirmation-section :is(input.form-control, select.form-select, textarea.form-control) {
  min-height: 48px;
  border-color: var(--pm-border-2);
  border-radius: var(--pm-r-input);
  font-size: 16px;
}
:root:root:root .pm-success-card ~ .row .payment-confirmation-section .btn-primary {
  width: 100%;
  min-height: 50px;
  padding: 8px 18px !important;
  border-color: var(--pm-accent) !important;
  border-radius: var(--pm-r-btn) !important;
  background-color: var(--pm-accent) !important;
  color: var(--pm-on-accent);
  font-family: var(--pm-display) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
}
:root:root:root .auth-wrapper {
  max-width: none;
  margin: 0;
}
:root:root:root .auth-wrapper > .container {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}
:root:root:root .page-header:has(+ .auth-wrapper) .container-xl {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}
:root:root:root .page-header:has(+ .auth-wrapper) .breadcrumb {
  justify-content: flex-start;
  margin: 0 0 10px;
  padding: 0;
  color: var(--pm-muted);
  font-family: var(--pm-body);
  font-size: 12px;
  line-height: 1.4;
}
:root:root:root .page-header:has(+ .auth-wrapper) .breadcrumb-item + .breadcrumb-item::before {
  padding: 0 6px;
  color: var(--pm-muted);
  font-size: 1em;
  line-height: inherit;
}
:root:root:root .page-header:has(+ .auth-wrapper) .breadcrumb-item a {
  color: var(--pm-link);
  font-weight: 400;
  text-decoration: none;
}
:root:root:root .page-header:has(+ .auth-wrapper) .breadcrumb-item.active,
:root:root:root .page-header:has(+ .auth-wrapper) .breadcrumb-item.active span {
  color: var(--pm-text);
  font-weight: 500;
}
:root:root:root .auth-wrapper .row.py-5 {
  padding-top: 4px !important;
  padding-bottom: 8px !important;
}
:root:root:root .auth-wrapper .auth-card {
  margin: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none;
}
:root:root:root .auth-wrapper .auth-card__header {
  margin: 0 0 12px;
  padding: 0 !important;
  border: 0;
  background: transparent;
}
:root:root:root .auth-wrapper .auth-card__header .d-flex {
  align-items: flex-start !important;
  gap: 0 !important;
  text-align: left;
}
:root:root:root .auth-wrapper .auth-card__header .text-center {
  text-align: left !important;
}
:root:root:root .auth-wrapper .auth-card__header-icon {
  display: none;
}
:root:root:root .auth-wrapper .auth-card .auth-card__header .auth-card__header-title {
  margin: 0 0 6px !important;
  color: var(--pm-text);
  font-family: var(--pm-display);
  font-size: 24px !important;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  text-align: left;
  text-transform: uppercase;
}
:root:root:root .auth-wrapper .auth-card .auth-card__header-description {
  margin: 0;
  color: var(--pm-muted) !important;
  font-family: var(--pm-body) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5;
}
:root:root:root .auth-wrapper .auth-card .auth-card__body {
  padding: 14px !important;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  color: var(--pm-text);
  font-family: var(--pm-body);
}
:root:root:root .auth-wrapper .auth-card .mb-3.position-relative {
  margin-bottom: 12px !important;
}
:root:root:root .auth-wrapper .auth-card .form-label {
  display: block;
  margin: 0 0 5px;
  color: var(--pm-text-2);
  font-family: var(--pm-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}
:root:root:root .auth-wrapper .auth-card label.form-label.fs-2 {
  margin: 18px 0 10px !important;
  color: var(--pm-muted);
  font-family: var(--pm-display);
  font-size: 15px !important;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-align: left !important;
  text-transform: uppercase;
}
:root:root:root .auth-wrapper .auth-card .login-page-link + label.form-label.fs-2 {
  margin-top: 8px !important;
}
:root:root:root .auth-wrapper .auth-card .mb-3:has(> select[style*="none"]) > .form-label {
  display: none;
}
:root:root:root .auth-wrapper .auth-card label.form-label[for="helper_text"] {
  margin: -2px 0 12px;
  color: var(--pm-muted) !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
:root:root:root .auth-wrapper .auth-card .auth-input-icon {
  display: none;
}
:root:root:root .auth-wrapper .auth-card input.form-control,
:root:root:root .auth-wrapper .auth-card .form-select {
  box-sizing: border-box;
  height: 48px;
  min-height: 48px;
  padding: 0 12px !important;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-input);
  background-color: var(--pm-card);
  box-shadow: none;
  color: var(--pm-text);
  font-family: var(--pm-body);
  font-size: 16px;
  line-height: 1.3;
}
:root:root:root .auth-wrapper .auth-card .form-select {
  padding-right: 36px !important;
}
:root:root:root .auth-wrapper .auth-card input.form-control::placeholder {
  color: var(--pm-placeholder);
  opacity: 1;
}
:root:root:root .auth-wrapper .auth-card input.form-control:focus,
:root:root:root .auth-wrapper .auth-card .form-select:focus {
  border-color: var(--pm-accent);
  box-shadow: var(--pm-focus-ring);
  outline: none;
}
:root:root:root .auth-wrapper .invalid-feedback,
:root:root:root .auth-wrapper .text-danger {
  color: var(--pm-danger) !important;
  font-size: 12px;
}
:root:root:root .auth-wrapper .auth-card .form-control.is-invalid {
  border-color: #d8837a;
}
:root:root:root .auth-wrapper .auth-card label.form-check {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: var(--pm-tap);
  margin: 0;
  padding: 0;
  color: var(--pm-text-2);
  font-size: 14px;
}
:root:root:root .auth-wrapper .auth-card label.form-check .form-check-input {
  flex: 0 0 auto;
  float: none;
  width: 20px;
  height: 20px;
  margin: 0;
  border: 2px solid var(--pm-border-2);
  border-radius: var(--pm-r-chip);
}
:root:root:root .auth-wrapper .auth-card label.form-check .form-check-input:checked {
  border-color: var(--pm-accent);
  background-color: var(--pm-accent);
}
:root:root:root .auth-wrapper .auth-card a {
  color: var(--pm-link) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
:root:root:root .auth-wrapper .auth-card .login-page-link,
:root:root:root .auth-wrapper .auth-card .row.g-0 a {
  display: flex;
  align-items: center;
  min-height: var(--pm-tap);
  margin: 0 !important;
  font-size: 14px;
  line-height: 1.3;
  text-align: left !important;
}
:root:root:root .auth-wrapper .auth-card .row.g-0.mb-3 {
  margin: -6px 0 6px !important;
}
:root:root:root .auth-wrapper .auth-card .row.g-0 > .col-6 {
  width: 100%;
  padding: 0;
  text-align: left !important;
}
:root:root:root .auth-wrapper .auth-card div.mt-3.text-center {
  margin-top: 12px !important;
  color: var(--pm-text-2);
  font-size: 14px;
  line-height: 1.5;
}
:root:root:root .auth-wrapper .auth-card .btn-auth-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--pm-cta-h);
  margin: 4px 0 0;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: var(--pm-r-btn) !important;
  background: var(--pm-accent) !important;
  box-shadow: none;
  color: var(--pm-on-accent);
  font-family: var(--pm-display) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em;
  line-height: 1.15;
  text-transform: uppercase;
}
:root:root:root .auth-wrapper .auth-card .btn-auth-submit:active {
  background: var(--pm-accent-press) !important;
  color: var(--pm-on-accent);
}
:root:root:root .auth-wrapper .auth-card .btn-auth-submit:focus-visible,
:root:root:root .auth-wrapper .auth-card a:focus-visible {
  outline: none;
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .auth-wrapper .auth-card .btn-with-logo svg {
  display: none;
}
:root:root:root .tracking-wrapper > .auth-card.p-4 {
  padding: 0 !important;
}
:root:root:root .tracking-wrapper input.form-control {
  min-height: 48px;
  border-radius: var(--pm-r-input);
  border-color: var(--pm-border-2);
  color: var(--pm-text);
}
:root:root:root .tracking-wrapper input.form-control:focus {
  border-color: var(--pm-accent);
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .customer-wrapper.container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
:root:root:root .customer-wrapper > .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  margin: 0 !important;
  padding: 0 !important;
}
:root:root:root .customer-dashboard-content {
  color: var(--pm-text);
  font-family: var(--pm-body);
}
:root:root:root .customer-wrapper .dashboard-navigation {
  display: none !important;
}
:root:root:root .pm-account-bar {
  margin: -4px 0 12px;
}
:root:root:root .pm-account-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: var(--pm-tap);
  padding: 0 12px 0 2px;
  color: var(--pm-link);
  font-family: var(--pm-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}
:root:root:root .pm-account-title {
  margin: 0;
  color: var(--pm-text);
  font-family: var(--pm-display);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  text-transform: uppercase;
  overflow-wrap: break-word;
}
:root:root:root .pm-account ~ .bb-customer-profile-wrapper {
  display: none;
}
:root:root:root .pm-account-profile {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-radius: var(--pm-r-card);
  background: var(--pm-ink);
}
:root:root:root .pm-account-profile__avatar {
  display: flex;
  flex: 0 0 48px;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--pm-accent);
  color: var(--pm-on-accent);
  font-family: var(--pm-display);
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  overflow: hidden;
}
:root:root:root .pm-account-profile__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:root:root:root .pm-account-profile__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}
:root:root:root .pm-account-profile__name {
  color: #fff;
  font-family: var(--pm-display);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
  overflow-wrap: break-word;
}
:root:root:root .pm-account-profile__email {
  color: #93a0a9;
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: break-word;
}
:root:root:root .pm-account-profile__edit {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  min-width: var(--pm-tap);
  min-height: var(--pm-tap);
  color: var(--pm-accent-hi);
  font-size: 13px;
  line-height: 1.2;
  text-decoration: none;
}
:root:root:root .pm-account-order {
  display: block;
  margin-top: 12px;
  padding: 14px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  color: var(--pm-text);
  text-decoration: none;
}
:root:root:root .pm-account-order:active {
  background: var(--pm-tint);
}
:root:root:root .pm-account-order__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
:root:root:root .pm-account-order__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
:root:root:root .pm-account-order__code {
  color: var(--pm-text);
  font-family: var(--pm-display);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  overflow-wrap: break-word;
}
:root:root:root .pm-account-order__meta {
  margin-top: 2px;
  color: var(--pm-muted);
  font-size: 12px;
  line-height: 1.35;
}
:root:root:root .pm-account-order__badge {
  flex: 0 1 auto;
  max-width: 50%;
  padding: 5px 9px;
  border-radius: var(--pm-r-chip);
  background: #e7ecf0;
  color: var(--pm-muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}
:root:root:root .pm-account-order__badge--warn {
  background: var(--pm-warn-bg);
  color: var(--pm-warn);
}
:root:root:root .pm-account-order__badge--info {
  background: var(--pm-accent-chip);
  color: var(--pm-accent-deep);
}
:root:root:root .pm-account-order__badge--success {
  background: var(--pm-success-bg);
  color: var(--pm-success);
}
:root:root:root .pm-account-order__badge--danger {
  background: var(--pm-danger-bg);
  color: var(--pm-danger);
}
:root:root:root .pm-account-order__ladder {
  display: flex;
  gap: 6px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
:root:root:root .pm-account-order__step {
  flex: 1 1 0;
  min-width: 0;
}
:root:root:root .pm-account-order__bar {
  display: block;
  height: 4px;
  border-radius: 2px;
  background: var(--pm-track);
}
:root:root:root .pm-account-order__step.is-done .pm-account-order__bar {
  background: var(--pm-accent);
}
:root:root:root .pm-account-order__step-label {
  display: block;
  margin-top: 5px;
  color: var(--pm-muted);
  font-size: 10px;
  line-height: 1.25;
  overflow-wrap: break-word;
}
:root:root:root .pm-account-order__step.is-done .pm-account-order__step-label {
  color: var(--pm-accent-deep);
}
:root:root:root .pm-account-menu {
  margin-top: 12px;
}
:root:root:root .pm-account-links {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  overflow: hidden;
}
:root:root:root .pm-account-links > li + li {
  border-top: 1px solid var(--pm-divider);
}
:root:root:root .pm-account-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
  min-height: 52px;
  padding: 15px 14px;
  color: var(--pm-text);
  font-family: var(--pm-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
}
:root:root:root .pm-account-link:active {
  background: var(--pm-tint);
}
:root:root:root .pm-account-link svg {
  flex: 0 0 auto;
  color: var(--pm-muted-2);
}
:root:root:root .pm-account-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 48px;
  margin-top: 12px;
  padding: 0 16px;
  border: 1px solid var(--pm-danger-line);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
  color: var(--pm-danger);
  font-family: var(--pm-body);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}
:root:root:root .pm-account-logout:active {
  background: var(--pm-danger-bg);
}
:root:root:root .pm-account-profile__edit:focus-visible,
:root:root:root .pm-account-order:focus-visible,
:root:root:root .pm-account-link:focus-visible,
:root:root:root .pm-account-logout:focus-visible,
:root:root:root .pm-account-back:focus-visible {
  outline: none;
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .customer-dashboard-wrapper .card,
:root:root:root .customer-wrapper .card,
:root:root:root .e-wallet-wrapper .card,
:root:root:root .tracking-results-wrapper .card {
  border-color: var(--pm-border);
  border-radius: var(--pm-r-card);
  box-shadow: none;
}
:root:root:root .customer-wrapper .badge {
  padding: 5px 9px;
  border-radius: var(--pm-r-chip);
  font-family: var(--pm-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25;
  white-space: normal;
}
:root:root:root .customer-wrapper .badge.bg-warning {
  background-color: var(--pm-warn-bg) !important;
  color: var(--pm-warn) !important;
}
:root:root:root .customer-wrapper .badge.bg-info,
:root:root:root .customer-wrapper .badge.bg-primary {
  background-color: var(--pm-accent-chip) !important;
  color: var(--pm-accent-deep) !important;
}
:root:root:root .customer-wrapper .badge.bg-success {
  background-color: var(--pm-success-bg) !important;
  color: var(--pm-success) !important;
}
:root:root:root .customer-wrapper .badge.bg-danger {
  background-color: var(--pm-danger-bg) !important;
  color: var(--pm-danger) !important;
}
:root:root:root .customer-wrapper .badge.bg-secondary {
  background-color: #e7ecf0 !important;
  color: var(--pm-muted) !important;
}
:root:root:root .customer-wrapper .badge svg,
:root:root:root .customer-wrapper .badge .icon {
  width: 12px;
  height: 12px;
  margin: 0 3px 0 0;
  vertical-align: -2px;
}
:root:root:root .customer-dashboard-content h3,
:root:root:root .customer-dashboard-content h4,
:root:root:root .customer-dashboard-content h5,
:root:root:root .customer-dashboard-content .bb-customer-card-title {
  color: var(--pm-text);
  font-family: var(--pm-display);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
}
:root:root:root .customer-dashboard-content h3 {
  font-size: 19px;
}
:root:root:root .customer-dashboard-content h4,
:root:root:root .customer-dashboard-content .bb-customer-card-title {
  font-size: 16px;
}
:root:root:root .customer-dashboard-content h5 {
  font-size: 15px;
}
:root:root:root .customer-dashboard-content .form-label {
  display: block;
  margin: 0 0 5px;
  color: var(--pm-text-2);
  font-family: var(--pm-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}
:root:root:root .customer-dashboard-content .form-control:not(textarea),
:root:root:root .customer-dashboard-content .form-select {
  box-sizing: border-box;
  height: 48px;
  min-height: 48px;
  padding-top: 0;
  padding-bottom: 0;
}
:root:root:root .customer-dashboard-content .form-control,
:root:root:root .customer-dashboard-content .form-select {
  padding-right: 12px;
  padding-left: 12px;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-input);
  background-color: var(--pm-card);
  box-shadow: none;
  color: var(--pm-text);
  font-family: var(--pm-body);
  font-size: 16px;
  line-height: 1.3;
}
:root:root:root .customer-dashboard-content .form-select {
  padding-right: 36px;
}
:root:root:root .customer-dashboard-content .form-control:focus,
:root:root:root .customer-dashboard-content .form-select:focus {
  border-color: var(--pm-accent);
  box-shadow: var(--pm-focus-ring);
  outline: none;
}
:root:root:root .customer-dashboard-content .form-control:disabled {
  background-color: var(--pm-surface);
  color: var(--pm-muted);
}
:root:root:root .customer-dashboard-content .form-control::placeholder {
  color: var(--pm-placeholder);
  opacity: 1;
}
:root:root:root .customer-dashboard-content .tab-content,
:root:root:root .customer-dashboard-content > form {
  padding: 14px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
}
:root:root:root .customer-dashboard-content > form > .row {
  --bs-gutter-x: 0;
  margin-right: 0;
  margin-left: 0;
}
:root:root:root .customer-dashboard-content .tab-pane.pt-4 {
  padding-top: 0 !important;
}
:root:root:root .customer-dashboard-content .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--pm-tap);
  border-radius: var(--pm-r-btn);
  font-family: var(--pm-body);
  font-weight: 500;
}
:root:root:root .customer-dashboard-content .btn-primary {
  border-color: var(--pm-accent);
  border-radius: var(--pm-r-btn) !important;
  background-color: var(--pm-accent) !important;
  color: var(--pm-on-accent);
  font-family: var(--pm-display) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em;
  padding: 0 16px !important;
  text-transform: uppercase;
}
:root:root:root .customer-dashboard-content .btn-primary:active {
  border-color: var(--pm-accent-press);
  background-color: var(--pm-accent-press) !important;
  color: var(--pm-on-accent);
}
:root:root:root .customer-dashboard-content form .btn-primary[type="submit"],
:root:root:root .customer-dashboard-content .dashboard-address > .d-flex > .btn-primary,
:root:root:root .customer-dashboard-content .bb-empty-action .btn {
  width: 100%;
  min-height: var(--pm-cta-h);
  margin-top: 4px;
  font-size: 17px !important;
}
:root:root:root .customer-dashboard-content .nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  margin: 0 0 12px;
  padding: 4px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
}
:root:root:root .customer-dashboard-content .nav-tabs .nav-item {
  flex: 1 1 0;
  min-width: 0;
  font-family: var(--pm-body);
}
:root:root:root .customer-dashboard-content .nav-tabs .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--pm-tap);
  margin: 0;
  padding: 0 8px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--pm-text-2);
  font-family: var(--pm-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
:root:root:root .customer-dashboard-content .nav-tabs .nav-link.active {
  background: var(--pm-ink);
  color: #fff;
}
:root:root:root .customer-dashboard-content .bb-empty {
  padding: 24px 18px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  text-align: center;
}
:root:root:root .customer-dashboard-content .bb-empty-title {
  margin: 0 0 6px;
  color: var(--pm-text);
  font-family: var(--pm-display);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}
:root:root:root .customer-dashboard-content .bb-empty-subtitle {
  margin: 0;
  color: var(--pm-muted) !important;
  font-size: 14px;
  line-height: 1.5;
}
:root:root:root .customer-dashboard-content .bb-empty-action {
  align-self: stretch;
  margin-top: 16px;
}
:root:root:root .customer-wrapper .customer-list-order__row {
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  box-shadow: none;
}
:root:root:root .customer-wrapper .customer-list-order tbody tr:hover {
  box-shadow: none;
  transform: none;
}
:root:root:root .customer-wrapper .customer-list-order td {
  font-family: var(--pm-body) !important;
  color: var(--pm-text);
  font-size: 14px;
  overflow-wrap: break-word;
}
:root:root:root .customer-wrapper .customer-list-order__cell::before {
  color: var(--pm-muted);
  font-family: var(--pm-body) !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
:root:root:root .customer-wrapper .customer-list-order__cell--code .customer-list-order__value {
  color: var(--pm-text);
  font-family: var(--pm-display);
  font-size: 16px;
  font-weight: 600;
}
:root:root:root .customer-wrapper .customer-list-order__value {
  overflow-wrap: break-word;
}
:root:root:root .customer-wrapper .customer-list-order__actions-list .btn {
  min-height: var(--pm-tap);
  padding: 10px 16px !important;
  border-radius: var(--pm-r-btn) !important;
  font-size: 15px !important;
  font-weight: 500;
}
:root:root:root .customer-wrapper .customer-list-order__actions-list .btn-primary {
  font-family: var(--pm-display);
  font-weight: 600;
}
:root:root:root .customer-dashboard-content .btn-success {
  border-color: var(--pm-success);
  background-color: var(--pm-success);
  color: #fff;
}
:root:root:root .customer-dashboard-content .btn-danger {
  border: 1px solid var(--pm-danger-line);
  background-color: var(--pm-card);
  color: var(--pm-danger);
}
:root:root:root .customer-dashboard-content .btn-danger:active {
  border-color: var(--pm-danger-line);
  background-color: var(--pm-danger-bg);
  color: var(--pm-danger);
}
:root:root:root .customer-order-detail > .row > .col-12 > h3 {
  display: none;
}
:root:root:root .customer-order-detail > .card {
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  box-shadow: none;
}
:root:root:root .customer-order-detail > .card > .card-body {
  padding: 14px;
}
:root:root:root .customer-order-detail .order-info-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
:root:root:root .customer-order-detail .order-info-card__title {
  margin: 0 0 8px;
  padding: 0 0 8px;
  border-bottom: 1px solid var(--pm-divider);
  color: var(--pm-muted);
  font-family: var(--pm-display);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
:root:root:root .customer-order-detail .order-info-card p {
  font-size: 14px;
}
:root:root:root .customer-order-detail .order-section-title {
  color: var(--pm-text);
  font-family: var(--pm-display);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
:root:root:root .customer-order-detail .order-products-table,
:root:root:root .customer-order-detail .order-products-table tbody {
  display: block;
  width: 100%;
  margin: 0;
}
:root:root:root .customer-order-detail .order-products-table thead {
  display: none;
}
:root:root:root .customer-order-detail .order-products-table tr {
  display: grid;
  grid-template-columns: 64px auto auto minmax(0, 1fr);
  grid-template-areas:
    "img info info info"
    "img amount qty total";
  align-items: start;
  column-gap: 12px;
  row-gap: 8px;
  padding: 12px 0;
  border-top: 1px solid var(--pm-divider);
}
:root:root:root .customer-order-detail .order-products-table tr:first-child {
  border-top: 0;
  padding-top: 0;
}
:root:root:root .customer-order-detail .order-products-table td {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--pm-text);
  font-size: 14px;
  text-align: left;
}
:root:root:root .customer-order-detail .order-products-table td:nth-child(1) {
  display: none;
}
:root:root:root .customer-order-detail .order-products-table td:nth-child(2) {
  grid-area: img;
  max-width: 64px;
}
:root:root:root .customer-order-detail .order-products-table td:nth-child(2) img {
  display: block;
  width: 64px;
  height: 64px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-chip);
  object-fit: contain;
}
:root:root:root .customer-order-detail .order-products-table td:nth-child(3) {
  grid-area: info;
  min-width: 0;
}
:root:root:root .customer-order-detail .order-products-table td:nth-child(3) .cart-title a {
  color: var(--pm-text);
  font-size: 15px;
  font-weight: 500;
}
:root:root:root .customer-order-detail .order-products-table td:nth-child(4) {
  grid-area: amount;
  color: var(--pm-muted);
}
:root:root:root .customer-order-detail .order-products-table td:nth-child(5) {
  grid-area: qty;
  color: var(--pm-muted);
}
:root:root:root .customer-order-detail .order-products-table td:nth-child(5)::before {
  content: "\00D7\00A0";
}
:root:root:root .customer-order-detail .order-products-table td:nth-child(6) {
  grid-area: total;
  text-align: right;
}
:root:root:root .customer-order-detail .order-products-table td:nth-child(6) strong {
  color: var(--pm-accent-deep);
  font-family: var(--pm-display);
  font-size: 16px;
  font-weight: 600;
}
:root:root:root .customer-dashboard-content .dashboard-address .card {
  margin-bottom: 0 !important;
  padding: 14px !important;
  background: var(--pm-card);
  color: var(--pm-text-2);
  font-size: 14px;
  line-height: 1.45;
}
:root:root:root .customer-dashboard-content .dashboard-address .card .fw-semibold {
  color: var(--pm-text);
  font-size: 15px;
  font-weight: 500 !important;
}
:root:root:root .customer-dashboard-content .dashboard-address .card > .d-flex {
  align-items: center;
  margin-top: 8px !important;
  color: var(--pm-border-2);
}
:root:root:root .customer-dashboard-content .dashboard-address .card > .d-flex a,
:root:root:root .customer-dashboard-content .dashboard-address .card > .d-flex button {
  display: inline-flex !important;
  align-items: center;
  min-height: var(--pm-tap);
  padding: 0 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
:root:root:root .customer-dashboard-content .dashboard-address .card > .d-flex a.text-info {
  color: var(--pm-link) !important;
}
:root:root:root .customer-dashboard-content .dashboard-address .card > .d-flex .text-danger {
  color: var(--pm-danger) !important;
}
:root:root:root .customer-dashboard-content .bb-customer-card {
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  box-shadow: none;
  overflow: hidden;
}
:root:root:root .customer-dashboard-content .bb-customer-card-header {
  padding: 12px 14px;
  border-bottom: 1px solid var(--pm-divider);
  background: var(--pm-card);
}
:root:root:root .customer-dashboard-content .info-item .label {
  color: var(--pm-muted);
  font-family: var(--pm-body);
  font-size: 12px;
  font-weight: 500;
}
:root:root:root .customer-dashboard-content .wallet-balance-section .info-item .value {
  font-family: var(--pm-display);
  font-size: 24px;
  font-weight: 600;
}
:root:root:root .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
:root:root:root #menu-header.offcanvas {
  top: var(--pm-sheet-top, 64px) !important;
  bottom: calc(var(--pm-tabbar-h) - 2px + env(safe-area-inset-bottom, 0px)) !important;
  max-width: none;
  border: 0;
  box-shadow: none;
  background-color: var(--pm-surface) !important;
}
:root:root:root header:has(> #menu-header.showing, > #menu-header.show, > #menu-header.hiding) > .offcanvas-backdrop {
  top: var(--pm-sheet-top, 64px) !important;
}
:root:root:root #menu-header .offcanvas-body {
  padding: var(--pm-gutter) var(--pm-gutter) 24px;
  background: var(--pm-surface);
  color: var(--pm-text);
  font-family: var(--pm-body);
}
:root:root:root #menu-header .pm-info__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
}
:root:root:root #menu-header .pm-info__title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  color: var(--pm-text);
  font-family: var(--pm-display);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  text-transform: uppercase;
}
:root:root:root #menu-header .pm-info__lang {
  flex: 0 0 auto;
}
:root:root:root #menu-header .language-switcher__toggle {
  align-items: center;
  gap: 6px;
  height: var(--pm-tap);
  margin: 0;
  padding: 0 12px;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
  box-shadow: none;
  color: var(--pm-text-2);
  font-family: var(--pm-body);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
  opacity: 1;
}
:root:root:root #menu-header .language-switcher__toggle:active,
:root:root:root #menu-header .language-switcher__toggle[aria-expanded="true"] {
  border-color: var(--pm-accent);
  color: var(--pm-link);
}
:root:root:root #menu-header .language-switcher__menu {
  min-width: 200px;
  margin: 0;
  padding: 6px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
  box-shadow: var(--pm-shadow-card);
}
:root:root:root #menu-header .language-switcher__menu .dropdown-item {
  min-height: var(--pm-tap);
  padding: 0 10px;
  border-radius: 8px;
  color: var(--pm-text);
  font-family: var(--pm-body);
  font-size: 15px;
}
:root:root:root #menu-header .language-switcher__menu .dropdown-item:active {
  background: var(--pm-tint);
  color: var(--pm-text);
}
:root:root:root #menu-header .language-switcher__menu .dropdown-item.active {
  background: var(--pm-accent-soft);
  color: var(--pm-accent-deep);
  font-weight: 500;
}
:root:root:root #menu-header .pm-info__close:focus {
  flex: 0 0 auto;
  width: var(--pm-tap);
  height: var(--pm-tap);
  padding: 0;
  border-radius: var(--pm-r-input);
  box-shadow: var(--pm-focus-ring);
  opacity: 1;
}
:root:root:root .pm-info {
  margin: 0;
  padding: 0;
  color: var(--pm-text);
}
:root:root:root .pm-info__nav {
  margin: 0;
}
:root:root:root .pm-info__tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
:root:root:root .pm-info__tiles > li {
  display: flex;
  min-width: 0;
}
:root:root:root .pm-info__tile {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: var(--pm-tap);
  padding: 13px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  color: var(--pm-text);
  font-family: var(--pm-display);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  overflow-wrap: break-word;
  text-decoration: none;
  text-transform: uppercase;
}
:root:root:root .pm-info__tile:active {
  border-color: var(--pm-accent);
}
:root:root:root .pm-info__tile.is-current {
  border-color: var(--pm-accent);
  background: var(--pm-accent-soft);
  color: var(--pm-accent-deep);
}
:root:root:root .pm-info__section {
  margin: 20px 0 0;
}
:root:root:root .pm-info__heading {
  margin: 0 0 10px;
  color: var(--pm-text);
  font-family: var(--pm-display);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
}
:root:root:root .pm-info__card {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  overflow: hidden;
}
:root:root:root .pm-info__card > li + li {
  border-top: 1px solid var(--pm-divider);
}
:root:root:root .pm-info__news {
  display: block;
  padding: 13px 14px;
  color: var(--pm-text);
  text-decoration: none;
}
:root:root:root .pm-info__news:active,
:root:root:root .pm-info__row:active {
  background: var(--pm-tint);
}
:root:root:root .pm-info__news-date {
  display: block;
  color: var(--pm-link);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}
:root:root:root .pm-info__news-title {
  display: block;
  margin-top: 3px;
  color: var(--pm-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
}
:root:root:root .pm-info__support {
  margin: 14px 0 0;
  padding: 16px;
  border: 0;
  border-radius: var(--pm-r-card);
  background: var(--pm-ink);
  color: var(--pm-on-ink);
}
:root:root:root .pm-info__support-title {
  margin: 0 0 12px;
  color: #fff;
  font-family: var(--pm-display);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
}
:root:root:root .pm-info__support-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 11px;
  background: var(--pm-accent);
  color: var(--pm-on-accent);
  font-family: var(--pm-body);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}
:root:root:root .pm-info__support-cta:active {
  background: var(--pm-accent-press);
}
:root:root:root .pm-info__section--links {
  margin-top: 18px;
}
:root:root:root .pm-info__label {
  margin: 0 0 8px;
  color: var(--pm-muted);
  font-family: var(--pm-display);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
}
:root:root:root .pm-info__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
  min-height: 52px;
  padding: 15px 14px;
  color: var(--pm-text);
  font-family: var(--pm-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
}
:root:root:root .pm-info__row.is-current {
  color: var(--pm-link);
}
:root:root:root .pm-info__chevron {
  flex: 0 0 auto;
  color: var(--pm-muted-2);
}
:root:root:root .pm-info__tile:focus-visible,
:root:root:root .pm-info__news:focus-visible,
:root:root:root .pm-info__row:focus-visible,
:root:root:root .pm-info__support-cta:focus-visible,
:root:root:root #menu-header .language-switcher__toggle:focus-visible {
  outline: none;
  box-shadow: var(--pm-focus-ring);
}
:root:root:root .ck-content {
  overflow-wrap: break-word;
}
:root:root:root .ck-content img,
:root:root:root .ck-content iframe,
:root:root:root .ck-content video {
  max-width: 100%;
  height: auto;
}
:root:root:root .ck-content iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
}
:root:root:root .ck-content table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
:root:root:root .ck-content pre {
  overflow-x: auto;
}
:root:root:root .ck-content h1,
:root:root:root .ck-content h2,
:root:root:root .ck-content h3,
:root:root:root .ck-content h4 {
  margin: 22px 0 8px;
  font-family: var(--pm-display);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: var(--pm-text);
}
:root:root:root .ck-content h1 { font-size: 24px; text-transform: uppercase; }
:root:root:root .ck-content h2 { font-size: 20px; text-transform: uppercase; }
:root:root:root .ck-content h3 { font-size: 18px; text-transform: uppercase; }
:root:root:root .ck-content h4 { font-size: 16px; }
:root:root:root .ck-content > :first-child {
  margin-top: 0;
}
:root:root:root .ck-content p,
:root:root:root .ck-content li {
  font-family: var(--pm-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--pm-text-2);
}
:root:root:root .btn-primary {
  border-radius: var(--pm-r-btn) !important;
  color: var(--pm-on-accent);
  font-family: var(--pm-display) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em;
  padding: 12px 20px !important;
  text-transform: uppercase;
}
:root:root:root .btn-primary:active {
  background-color: var(--pm-accent-press) !important;
}
:root:root:root .page-hero-banner {
  margin: 0 0 14px;
}

:root:root:root .page-hero-banner__inner {
  height: 104px;
  padding: 0 14px;
  border-radius: var(--pm-r-card);
  overflow: hidden;
}

:root:root:root .page-hero-banner__bg,
:root:root:root .page-hero-banner__accent {
  border-radius: var(--pm-r-card);
}

:root:root:root .page-hero-banner__figure {
  right: 6px;
  height: 124px;
}

:root:root:root .page-hero-banner__text {
  max-width: 62%;
  row-gap: 2px;
}

:root:root:root .page-hero-banner__title {
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: 0;
}

:root:root:root .page-hero-banner--about-us .page-hero-banner__title,
:root:root:root .page-hero-banner--contact-us .page-hero-banner__title,
:root:root:root .page-hero-banner--new-arrivals .page-hero-banner__title {
  font-size: 19px;
}

:root:root:root .page-hero-banner__subtitle {
  font-family: var(--pm-body);
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: 0;
}
:root:root:root main.main-content > .row {
  margin-left: 0;
  margin-right: 0;
}
:root:root:root .container:has(> .row > .blog-page-content),
:root:root:root .container:has(> .row > .blog-single) {
  padding-left: 0;
  padding-right: 0;
}
:root:root:root .container > .row:has(> .blog-page-content),
:root:root:root .container > .row:has(> .blog-single) {
  margin-left: 0;
  margin-right: 0;
}
:root:root:root .blog-page-content,
:root:root:root .blog-single {
  padding-left: 0;
  padding-right: 0;
}
:root:root:root .page-blog .page-breadcrumbs .breadcrumb {
  margin: 0 0 10px;
  padding: 0;
}
:root:root:root .blog-card {
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  box-shadow: none;
  overflow: hidden;
}
:root:root:root .blog-card__title {
  margin: 0;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
}
:root:root:root .blog-card__title a {
  color: var(--pm-text);
  text-decoration: none;
}
:root:root:root .blog-card__cat {
  font-size: 12px;
  font-weight: 500;
  color: var(--pm-link);
}
:root:root:root .blog-card__excerpt {
  font-family: var(--pm-body);
  font-size: 14px;
  line-height: 1.5;
  color: var(--pm-text-2);
}
:root:root:root .blog-card__meta {
  font-family: var(--pm-body);
  font-size: 12px;
  color: var(--pm-muted);
}
:root:root:root .blog-single__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 6px;
  margin: 0 0 10px;
  font-family: var(--pm-body);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pm-muted);
}
:root:root:root .blog-single__breadcrumb a {
  font-weight: 400;
  color: var(--pm-link);
  text-decoration: none;
}
:root:root:root .blog-single__breadcrumb .sep {
  font-size: 0;
}
:root:root:root .blog-single__breadcrumb .sep::before {
  content: "›";
  font-size: 12px;
  color: var(--pm-muted);
}
:root:root:root .blog-single__card {
  padding: 16px 14px 20px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-card);
  background: var(--pm-card);
  box-shadow: none;
}
:root:root:root .blog-single__meta {
  font-family: var(--pm-body);
  font-size: 12px;
  color: var(--pm-muted);
}
:root:root:root .blog-single__title {
  margin: 6px 0 10px;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--pm-text);
}
:root:root:root .blog-single__lead {
  font-family: var(--pm-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--pm-text-2);
}
:root:root:root .faqs-wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
:root:root:root .faqs-wrapper .row {
  margin-left: 0;
  margin-right: 0;
}
:root:root:root .faqs-wrapper .row > * {
  padding-left: 0;
  padding-right: 0;
}
:root:root:root .faqs-wrapper .faqs-nav-tab .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px !important;
  padding: 0;
  border: 0;
}
:root:root:root .faqs-wrapper .faqs-nav-tab .nav-tabs .nav-link {
  display: flex;
  align-items: center;
  min-height: 38px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-pill);
  background-color: var(--pm-card) !important;
  color: var(--pm-text-2);
  font-family: var(--pm-body);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
:root:root:root .faqs-wrapper .faqs-nav-tab .nav-tabs .nav-link.active {
  border-color: var(--pm-ink);
  background-color: var(--pm-ink) !important;
  color: #fff;
}
:root:root:root .faqs-wrapper .faqs-nav-tab .faq-tab-wrapper {
  margin: 0 0 16px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid var(--pm-divider);
}
:root:root:root .faqs-wrapper .faqs-nav-tab .faq-tab-wrapper .faq-title {
  margin: 0 0 6px;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--pm-text);
}
:root:root:root .faqs-wrapper .faqs-nav-tab .faq-tab-wrapper .faq-desc,
:root:root:root .faqs-wrapper .faqs-nav-tab .faq-tab-wrapper .faq-desc li {
  margin-top: 0;
  font-family: var(--pm-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.55;
  color: var(--pm-text-2);
}
:root:root:root .faqs-wrapper .faqs-nav-tab .faq-desc strong,
:root:root:root .faqs-wrapper .faqs-nav-tab .faq-desc b {
  font-weight: 600;
  color: var(--pm-text);
}
:root:root:root .container-xxxl > .row:has(> .col-md-4 > .contact-page-info) {
  margin: 0 !important;
  padding: 0 !important;
}
:root:root:root .container-xxxl > .row:has(> .col-md-4 > .contact-page-info) > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
:root:root:root .contact-page-info {
  margin: 0 !important;
}
:root:root:root .contact-page-info h2 {
  margin: 0;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--pm-text);
}
:root:root:root .contact-page-info > .fs-5 {
  margin: 14px 0 8px !important;
  font-family: var(--pm-display);
  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--pm-muted);
}
:root:root:root .contact-page-info-item {
  margin: 0 0 8px;
  padding: 12px 14px;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-r-btn);
  background: var(--pm-card);
}
:root:root:root .contact-page-info-item small {
  display: block;
  margin-bottom: 3px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--pm-muted);
}
:root:root:root .contact-page-info-item .fs-5 {
  font-size: 15px !important;
  line-height: 1.45;
  color: var(--pm-text);
}
:root:root:root .contact-page-info-item p {
  margin: 0;
}
:root:root:root .contact-page-info-item p + p {
  margin-top: 4px;
}
:root:root:root .contact-page-info-item a {
  color: var(--pm-link);
  text-decoration: none;
}
:root:root:root .container-xxxl > .row > .col-md-8.border-start {
  margin-top: 18px;
  border-left: 0 !important;
}
:root:root:root .contact-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--pm-cta-h);
  padding: 12px 18px;
  border: 0;
  border-radius: var(--pm-r-btn);
  background: var(--pm-accent);
  color: var(--pm-on-accent);
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 17px;
  letter-spacing: 0.03em;
  line-height: 1.15;
  text-transform: uppercase;
}
:root:root:root .contact-form-group + .contact-form-group {
  margin-top: 4px;
}
:root:root:root .error-page-title,
:root:root:root .error-code {
  font-family: var(--pm-display);
  font-weight: 600;
  color: var(--pm-text);
}
:root:root:root .page-404 .container {
  min-height: calc(100vh - 64px - var(--pm-tabbar-h));
  padding: 32px var(--pm-gutter);
  text-align: center;
}
:root:root:root .page-404 .error-code {
  font-size: 96px;
  line-height: 1;
}
:root:root:root .page-404 .error-message {
  margin: 10px 0 20px;
  font-family: var(--pm-body);
  font-size: 17px;
  color: var(--pm-muted);
}
:root:root:root .page-404 .back-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  height: var(--pm-cta-h);
  padding: 0 24px;
  border-radius: var(--pm-r-btn);
  background: var(--pm-accent);
  color: var(--pm-on-accent);
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 17px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
:root:root:root .compare-page-content > .col-12 > p.text-center,
:root:root:root .wishlist-page-content > .col-12 > p.text-center {
  margin: 0;
  padding: 40px 16px;
  font-family: var(--pm-display);
  font-weight: 600;
  font-size: 19px;
  line-height: 1.3;
  color: var(--pm-muted);
}

/* The payment-addresses "now submit the confirmation form" line (its own view carries an
   inline green). Same tinted note as step 4 instead of a wall of bright green type; the
   colour is !important only because that inline style would otherwise win. */
:root:root:root .pa-payment-note {
  margin: 14px 0 0 !important;
  padding: 12px 12px 12px 36px;
  border-radius: var(--pm-r-btn);
  background: var(--pm-success-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230E7C4A' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='M8 7.2v4M8 4.8v.2'/%3E%3C/svg%3E") no-repeat 12px 13px / 16px 16px;
  color: var(--pm-success) !important;
  font-family: var(--pm-body);
  font-size: 15px;
  font-weight: 500 !important;
  line-height: 1.5;
  text-transform: none;
}

/* Payment-confirmation file picker (payment-addresses view: a Bootstrap input-group of
   a button + a .form-control span, with the real input hidden off screen). As shipped it
   reads as two mismatched controls; joined here into one field with a chip button. */
:root:root:root .pa-file-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  min-height: 48px;
  padding: 6px;
  border: 1px solid var(--pm-border-2);
  border-radius: var(--pm-r-input);
  background: var(--pm-card);
}

:root:root:root .pa-file-wrap .pa-file-btn {
  flex: none;
  height: 36px;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: var(--pm-r-chip) !important;
  background: var(--pm-accent-chip) !important;
  color: var(--pm-accent-deep) !important;
  font-family: var(--pm-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: none;
  white-space: nowrap;
}

:root:root:root .pa-file-wrap .pa-file-btn:active {
  background: var(--pm-accent-line) !important;
}

:root:root:root .pa-file-wrap .pa-file-name {
  flex: 1 1 auto;
  min-width: 0;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--pm-muted) !important;
  font-size: 13px !important;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:root:root:root .pa-file-wrap + small {
  display: block;
  margin-top: 6px;
  color: var(--pm-muted);
  font-size: 12px;
}

/* --- diagonal backdrop ---------------------------------------------------------
   The brand's diagonal motif (desktop: the .bg-triangle-section-right-7 wedge and the
   hero's cyan band) is drawn on the page surface itself here: that wedge is `d-none`
   below lg and the hero band is desktop artwork, so mobile had no diagonals at all.
   It goes on .main-layout-content, the element that paints the page surface (the
   section above it is white and would be covered anyway). Wide, low-contrast bands:
   every opaque card sits on top, so they read as a backdrop, not as texture. */
:root:root:root .main-layout-content,
:root:root:root #page-home .main-layout-content,
:root:root:root .product-list-section-wrapper .main-layout-content {
  background-image: none;
}
:root:root:root .pm-account-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin: 0 calc(-1 * var(--pm-gutter)) 14px;
  padding: 2px var(--pm-gutter) 4px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

:root:root:root .pm-account-tabs::-webkit-scrollbar {
  display: none;
}

:root:root:root .pm-account-tab {
  display: inline-flex;
  flex: none;
  align-items: center;
  height: 36px;
  padding: 0 14px;
  border: 1px solid var(--pm-border-2);
  border-radius: 999px;
  background: var(--pm-card);
  color: var(--pm-text-2);
  font-family: var(--pm-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
}

:root:root:root .pm-account-tab.is-active {
  border-color: var(--pm-ink);
  background: var(--pm-ink);
  color: #fff;
}

:root:root:root .pm-account-tab:active {
  border-color: var(--pm-border-2);
  background: var(--pm-surface);
}
:root:root:root .product-list-section-wrapper .pm-category-banner {
  margin: -14px calc(-1 * var(--pm-gutter)) 12px;
}

:root:root:root .product-list-section-wrapper .pm-category-banner img {
  display: block;
  width: 100%;
  height: auto;
}
:root:root:root .pm-footer-wedge {
  top: calc(-1 * (var(--pm-tabbar-h) + 6px));
  background: transparent;
}
:root:root:root .main-content .page-contact,
:root:root:root .main-content .page-contact-us,
:root:root:root .main-content .page-blog,
:root:root:root .main-content .page-category-blog {
  z-index: auto;
}
}