@media (min-width: 992px) {
:root {
  --pd-accent: #12b5da;        
  --pd-accent-hi: #25c0e2;     
  --pd-accent-press: #0ea0c2;  
  --pd-deep: #0b7a96;          
  --pd-on-accent: #06232b;     
  --pd-accent-soft: #eaf8fc;   
  --pd-accent-chip: #e6f7fb;   
  --pd-accent-line: #bee7f1;   
  --pd-accent-wash: #f3fbfd;   
  --pd-accent-hover-row: #f0f9fc; 
  --pd-page: #e6ebef;          
  --pd-surface: #f5f7f9;       
  --pd-card: #ffffff;
  --pd-card-soft: #fafcfd;     
  --pd-ink: #0c0f13;           
  --pd-rail: #161b21;          
  --pd-rail-line: #232b33;     
  --pd-rail-line-2: #2a333c;   
  --pd-rail-hover: #1d242b;    
  --pd-rail-hover-2: #1f272f;  
  --pd-on-ink: #c7d0d7;        
  --pd-on-ink-muted: #8a949c;  
  --pd-text: #12181d;
  --pd-text-2: #404b54;
  --pd-text-3: #5b6871;
  --pd-text-4: #8a949c;
  --pd-text-5: #a3adb5;
  --pd-border: #e3e8ec;        
  --pd-border-soft: #edf1f4;   
  --pd-border-input: #c6d0d8;  
  --pd-border-panel: #dce3e8;
  --pd-ok: #0e7c4a;
  --pd-ok-bg: #e8f7ee;
  --pd-danger: #c0362b;
  --pd-danger-bg: #fbe9e7;
  --pd-danger-line: #e3b4af;
  --pd-warn: #8a5a00;
  --pd-warn-bg: #fff4e0;
  --pd-warn-line: #f1dfae;
  --pd-star: #e8a317;
  --pd-stock: #12a150;
  --pd-display: 'Oswald', 'Arial Narrow', system-ui, sans-serif;
  --pd-body: 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pd-frame-max: 1440px;      
  --pd-frame-min: 1280px;
  --pd-header-h: 72px;
  --pd-rail-w: 272px;
  --pd-main-max: 1180px;       
  --pd-gutter: 36px;
  --pd-r-sm: 8px;
  --pd-r: 10px;
  --pd-r-md: 12px;
  --pd-r-lg: 14px;
  --pd-r-xl: 16px;
  --pd-shadow-card: 0 8px 22px rgba(16, 24, 32, .10);
  --pd-shadow-pop: 0 18px 40px rgba(8, 11, 14, .28);
  --pd-shadow-frame: 0 24px 60px rgba(16, 24, 32, .18);
}
:root:root:root body:is(body, #_) {
  background: var(--pd-page) !important;
}
:root:root:root body {
  margin: 0;
  min-height: 100vh;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--pd-body);
  color: var(--pd-text);
  -webkit-font-smoothing: antialiased;
  zoom: 1 !important;
}
:root:root:root *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
:root:root:root *::-webkit-scrollbar-thumb {
  background: #c6d0d8;
  border-radius: 8px;
}
:root:root:root .pd-frame {
  position: relative;
  max-width: none;
  margin: 0;
  min-height: 100vh;
  background: var(--pd-surface);
  border-radius: 0;
  box-shadow: none;
  font-family: var(--pd-body);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  text-transform: none;
  color: var(--pd-text);
}
:root:root:root .pd-x :where(:not(svg, svg *, iframe, video, embed, object, canvas)),
:root:root:root .pd-x :where(:not(svg, svg *, iframe, video, embed, object, canvas))::before,
:root:root:root .pd-x :where(:not(svg, svg *, iframe, video, embed, object, canvas))::after {
  all: revert;
}
:root:root:root .pd-x :where(svg) {
  vertical-align: baseline;
}
:root:root:root .pd-x :where(input, textarea, select, button) {
  font-family: var(--pd-body);
}
:root:root:root .pd-x :where(a) {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
:root:root:root :where(a).pd-x {
  text-decoration: none;
}
:root:root:root .pd-x :where(button) {
  appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: inherit;
  color: inherit;
  cursor: pointer;
}
:root:root:root .pd-x :where(b, strong) {
  font-weight: 600;
}
:root:root:root .pd-link {
  color: #0b7a96;
  text-decoration: none;
}
:root:root:root .pd-link:hover {
  color: #0b6680;
  text-decoration: underline;
}
:root:root:root body .set-font-jockey-one,
:root:root:root body input,
:root:root:root body textarea,
:root:root:root body select,
:root:root:root body button {
  font-family: var(--pd-body);
}
:root:root:root body a:where(:not(.pd-x, .pd-x *)) {
  color: var(--pd-deep);
  text-decoration: none;
}
:root:root:root body a:where(:not(.pd-x, .pd-x *)):hover {
  color: #0b6680;
}
:root:root:root .pd-frame .container-fluid {
  max-width: none;
  padding: 0;
}
:root:root:root .pd-frame > main.main-content {
  overflow: clip !important;
}
:root:root:root .pd-frame .container-fluid > .row,
:root:root:root .pd-frame > main > .row {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin: 0;
}
:root:root:root .col-second-menu {
  display: none !important;
}
:root:root:root .pd-frame > header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: 72px;
  min-height: 0;
  margin: 0;
  padding: 0 24px;
  box-sizing: border-box;
  background: var(--pd-ink);
  border: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 24px;
  font-family: var(--pd-body);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
:root:root:root .pd-logo {
  flex: none;
  cursor: pointer;
}
:root:root:root .pd-logo img {
  height: 32px;
  width: auto;
  max-width: 190px;
  object-fit: contain;
  display: block;
  box-sizing: border-box;
  padding: 0;
}
:root:root:root .pd-nav {
  gap: 2px;
  flex: none;
}
:root:root:root .pd-nav__link {
  height: 40px;
  padding: 0 12px;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  color: #c7d0d7;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: inset 0 -2px 0 transparent;
  text-decoration: none;
}
:root:root:root .pd-nav__link:hover {
  background: rgba(255, 255, 255, .08);
  color: #fff;
}
:root:root:root .pd-nav__link.is-active {
  color: #fff;
  box-shadow: inset 0 -2px 0 var(--pd-accent);
}
:root:root:root .pd-search {
  flex: 1;
  min-width: 180px;
  max-width: 440px;
  position: relative;
  margin: 0;
}
:root:root:root .pd-search__box {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  background: #fff;
  border-radius: 10px;
  padding: 0 14px;
  border: 2px solid transparent;
  box-sizing: border-box;
}
:root:root:root .pd-search:focus-within .pd-search__box {
  border-color: var(--pd-accent);
}
:root:root:root .pd-search__box svg {
  flex: none;
}
:root:root:root .pd-search__input {
  flex: 1;
  min-width: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 1px 2px;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  font-family: var(--pd-body);
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  background: transparent;
  color: #12181d;
}
:root:root:root .pd-search__input::placeholder,
:root:root:root .pd-rail__filter-box input::placeholder {
  color: #757575;
  opacity: 1;
}
:root:root:root .pd-search__dd {
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: var(--pd-shadow-pop);
  overflow: hidden;
  animation: pd-dd-in .14s ease-out;
  z-index: 60;
}
:root:root:root .pd-search__dd[hidden] {
  display: none;
}
@keyframes pd-dd-in {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
:root:root:root .pd-search__dd .pm-search__label {
  margin: 0;
  padding: 10px 14px 6px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 12px;
  line-height: normal;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #5b6871;
}
:root:root:root .pd-search__dd .pm-search__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
:root:root:root .pd-search__dd .pm-search__result {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 14px;
  cursor: pointer;
  color: var(--pd-text);
  text-decoration: none;
}
:root:root:root .pd-search__dd .pm-search__result:hover,
:root:root:root .pd-search__dd .pm-search__result:focus {
  background: #f0f9fc;
}
:root:root:root .pd-search__dd .pm-search__result-img {
  flex: none;
  width: 40px;
  height: 40px;
  display: block;
}
:root:root:root .pd-search__dd .pm-search__result-img img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: block;
}
:root:root:root .pd-search__dd .pm-search__result-text {
  flex: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px;
}
:root:root:root .pd-search__dd .pm-search__result-name {
  grid-column: 1;
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
}
:root:root:root .pd-search__dd .pm-search__result-brand {
  grid-column: 1;
  display: block;
  font-size: 12px;
  line-height: normal;
  color: #5b6871;
}
:root:root:root .pd-search__dd .pm-search__result-price {
  grid-column: 2;
  grid-row: 1 / span 2;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  color: #0b7a96;
}
:root:root:root .pd-search__dd .pm-search__empty {
  margin: 0;
  padding: 14px;
  font-size: 14px;
  line-height: normal;
  color: #5b6871;
}
:root:root:root .pd-search__dd .pm-search__all {
  display: none;
}
:root:root:root .pd-actions {
  margin-left: auto;
  align-items: center;
  gap: 8px;
  flex: none;
}
:root:root:root .pd-lang {
  position: relative;
}
:root:root:root .pd-lang__btn {
  height: 40px;
  margin: 0;
  padding: 0 10px;
  box-sizing: content-box;
  border: 0;
  background: transparent;
  color: #c7d0d7;
  font-family: var(--pd-body);
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  cursor: pointer;
}
:root:root:root .pd-lang__btn:hover,
:root:root:root .pd-lang__btn[aria-expanded="true"] {
  background: rgba(255, 255, 255, .08);
}
:root:root:root .pd-lang__menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 60;
  min-width: 190px;
  margin: 0;
  padding: 6px;
  border: 0;
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--pd-shadow-pop);
  list-style: none;
  font-size: 14px;
}
:root:root:root .pd-lang__menu.is-open {
  display: block;
  animation: pd-dd-in .14s ease-out;
}
:root:root:root .pd-lang__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--pd-text);
  text-decoration: none;
}
:root:root:root .pd-lang__item:hover {
  background: #f0f9fc;
  color: var(--pd-text);
}
:root:root:root .pd-lang__item.is-active {
  font-weight: 500;
  color: var(--pd-deep);
}
:root:root:root .pd-lang__code {
  font-size: 12px;
  font-weight: 600;
  color: #5b6871;
}
:root:root:root .pd-action {
  height: 44px;
  padding: 0 12px;
  box-sizing: content-box;
  border-radius: 10px;
  background: rgba(255, 255, 255, .07);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}
:root:root:root .pd-action:hover {
  background: rgba(255, 255, 255, .14);
  color: #fff;
}
:root:root:root .pd-cart {
  height: 44px;
  padding: 0 14px 0 12px;
  box-sizing: content-box;
  border-radius: 10px;
  background: var(--pd-accent);
  color: #06232b;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}
:root:root:root .pd-cart:hover {
  background: #25c0e2;
  color: #06232b;
}
:root:root:root .pd-cart:active {
  background: #0ea0c2;
}
:root:root:root .pd-cart__label {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .03em;
}
:root:root:root .pd-cart__count {
  min-width: 22px;
  height: 22px;
  border-radius: 11px;
  background: #0c0f13;
  color: #25c0e2;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  box-sizing: border-box;
}
:root:root:root .pd-cart__total {
  font-weight: 600;
  font-size: 14px;
}
:root:root:root .pd-frame > header.pd-fit-1 {
  gap: 16px;
}
:root:root:root .pd-frame > header.pd-fit-1 .pd-nav__link {
  padding: 0 8px;
  font-size: 14px;
}
:root:root:root .pd-frame > header.pd-fit-1 .pd-search {
  min-width: 120px;
}
:root:root:root .pd-frame > header.pd-fit-2 .pd-cart__total {
  display: none;
}
:root:root:root .pd-frame > header.pd-fit-3 .pd-action--account .pd-action__label {
  display: none;
}
:root:root:root .pd-frame > header.pd-fit-4 {
  gap: 12px;
  padding: 0 16px;
}
:root:root:root .pd-frame > header.pd-fit-4 .pd-cart__label,
:root:root:root .pd-frame > header.pd-fit-4 .pd-action--wallet .pd-action__label {
  display: none;
}
:root:root:root .pd-frame > header.pd-fit-5 .pd-nav {
  flex: 0 1 auto;
  min-width: 0;
  flex-wrap: wrap;
  height: 40px;
  overflow: hidden;
}
:root:root:root .toastify {
  position: fixed;
  left: auto !important;
  right: 32px !important;
  margin: 69px 0 0 !important;
  transform: none !important;
  z-index: 80;
  width: auto;
  max-width: min(640px, calc(100% - 64px));
  box-sizing: border-box;
  background: #0e7c4a !important;
  color: #fff;
  border-radius: 12px;
  padding: 12px 16px !important;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--pd-body);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
  cursor: default;
  transition: opacity .2s ease;
  animation: pd-toast-in .18s ease-out;
}
@keyframes pd-toast-in {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}
:root:root:root .toastify[style*="189, 54, 47"] {
  background: #c0362b !important;
}
:root:root:root .toastify[style*="248, 148, 6"] {
  background: #8a5a00 !important;
}
:root:root:root .toastify[style*="47, 150, 180"] {
  background: #0b7a96 !important;
}
:root:root:root .toastify .toastify-icon {
  flex: none;
  width: 18px;
  height: 18px;
  display: flex;
}
:root:root:root .toastify .toastify-icon svg {
  width: 18px;
  height: 18px;
  stroke: #fff;
  stroke-width: 2.4;
}
:root:root:root .toastify .toastify-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  font-size: 14px;
  line-height: normal;
  color: #fff;
}
:root:root:root .toastify .toastify-text a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
:root:root:root .toastify .pd-toast__link {
  flex: none;
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}
:root:root:root .toastify .toast-close {
  display: none;
}
:root:root:root body > .alert.position-fixed {
  top: 84px !important;
  right: 32px !important;
  left: auto;
  z-index: 80 !important;
  min-width: 0 !important;
  max-width: min(640px, calc(100% - 64px));
  margin: 0;
  padding: 12px 16px;
  border: 0;
  border-radius: 12px;
  background: #0b7a96;
  color: #fff;
  font-family: var(--pd-body);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
}
:root:root:root body > .alert.position-fixed.alert-danger {
  background: #c0362b;
}
:root:root:root body > .alert.position-fixed.alert-success {
  background: #0e7c4a;
}
:root:root:root body > .alert.position-fixed.alert-warning {
  background: #8a5a00;
}
:root:root:root body > .alert.position-fixed .btn-close {
  display: none;
}
:root:root:root .pd-rail {
  flex: none;
  width: 272px;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #161b21;
  position: sticky;
  top: 72px;
  height: calc(100vh - 72px);
  max-height: 1400px;
  overflow-y: auto;
  flex-direction: column;
  border-radius: 0;
  z-index: 5;
  font-family: var(--pd-body);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
:root:root:root .pd-rail__filter {
  padding: 16px 14px 10px;
  position: sticky;
  top: 0;
  background: #161b21;
  z-index: 2;
}
:root:root:root .pd-rail__filter-box {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  box-sizing: content-box;
  border-radius: 10px;
  background: #0c0f13;
  border: 1px solid #2a333c;
  padding: 0 12px;
}
:root:root:root .pd-rail__filter-box svg {
  flex: none;
}
:root:root:root .pd-rail__filter-box input {
  flex: 1;
  min-width: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 1px 2px;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
  color: #fff;
  font-family: var(--pd-body);
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
}
:root:root:root .pd-rail__group {
  border-bottom: 1px solid #232b33;
}
:root:root:root .pd-rail__group[hidden],
:root:root:root .pd-rail__entry[hidden],
:root:root:root .pd-rail__kid[hidden] {
  display: none;
}
:root:root:root .pd-rail__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
  cursor: pointer;
}
:root:root:root .pd-rail__head:hover {
  background: #1d242b;
}
:root:root:root .pd-rail__name {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.2;
  text-decoration: none;
}
:root:root:root .pd-rail__group.is-open > .pd-rail__head .pd-rail__name {
  color: #25c0e2;
}
:root:root:root .pd-rail__sign {
  color: #25c0e2;
  font-size: 18px;
  flex: none;
  line-height: 1;
}
:root:root:root .pd-rail__sign::before {
  content: "+";
}
:root:root:root .pd-rail__group.is-open > .pd-rail__head .pd-rail__sign::before {
  content: "–";
}
:root:root:root .pd-rail__body {
  display: none;
  padding: 0 8px 10px;
}
:root:root:root .pd-rail__group.is-open > .pd-rail__body {
  display: block;
}
:root:root:root .pd-rail__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: transparent;
}
:root:root:root .pd-rail__item:hover {
  background: #1f272f;
}
:root:root:root .pd-rail__item.is-current {
  color: #25c0e2;
  background: rgba(18, 181, 218, .12);
}
:root:root:root .pd-rail__item a {
  color: inherit;
  font: inherit;
  text-decoration: none;
}
:root:root:root .pd-rail__chev {
  flex: none;
  transform: rotate(0deg);
}
:root:root:root .pd-rail__entry.is-open > .pd-rail__item .pd-rail__chev {
  transform: rotate(180deg);
}
:root:root:root .pd-rail__kids {
  display: none;
  padding: 2px 0 6px 8px;
  margin-left: 12px;
  border-left: 1px solid #2a333c;
}
:root:root:root .pd-rail__entry.is-open > .pd-rail__kids {
  display: block;
}
:root:root:root .pd-rail__kid {
  display: block;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #c7d0d7;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
}
:root:root:root .pd-rail__kid:hover {
  color: #25c0e2;
}
:root:root:root .pd-rail__kid.is-current {
  color: #25c0e2;
  background: rgba(18, 181, 218, .12);
}
:root:root:root .pd-rail__copy {
  margin-top: auto;
  padding: 22px 16px;
  font-size: 12px;
  color: #8a949c;
  line-height: 1.5;
}
:root:root:root body .main-layout-content {
  flex: 1 1 0%;
  min-width: 0;
  width: auto;
  max-width: none;
  box-sizing: border-box;
  padding: 26px max(36px, calc((100% - 272px - 1180px) / 2)) calc(var(--pd-foot) + 32px) !important;
  background: transparent;
  position: relative;
  z-index: 4 !important;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
:root:root:root .pd-frame:not(:has(.pd-rail)) .main-layout-content {
  padding: 26px max(36px, calc((100% - 1180px) / 2)) calc(var(--pd-foot) + 32px) !important;
}
:root:root:root .pd-crumbs {
  display: block;
}
:root:root:root .pd-crumbs .breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: #5b6871;
}
:root:root:root .pd-crumbs .breadcrumb-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #0b7a96;
  font-weight: 400;
}
:root:root:root .pd-crumbs .breadcrumb-item::before {
  content: "›";
  color: #a3adb5;
}
:root:root:root .pd-crumbs .breadcrumb-item:first-child::before {
  content: "";
}
:root:root:root .pd-crumbs .breadcrumb-item a {
  color: #0b7a96;
  cursor: pointer;
}
:root:root:root .pd-crumbs .breadcrumb-item.active {
  color: #12181d;
  font-weight: 500;
}
:root:root:root .pd-crumbs .extra-breadcrumb-name {
  display: none;
}
:root:root:root .pd-frame .page-header [class*="container"] {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
:root:root:root .pd-frame {
  --pd-foot: 420px;
}
:root:root:root .pd-frame .pm-footer-wedge,
:root:root:root .pd-frame .footer-bg-1 {
  display: none !important;
}
:root:root:root .pd-frame main > .container:has(> .footer-bg-2) {
  display: block !important;
  position: static !important;
  width: auto !important;
  max-width: none !important;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
}
:root:root:root .pd-frame .footer-bg-2 {
  display: block !important;
  position: absolute !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  z-index: 3;
  width: 560px !important;
  max-width: 50% !important;
  height: var(--pd-foot);
  margin: 0;
  padding: 0;
  pointer-events: none;
}
:root:root:root .pd-frame .footer-bg-2::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(var(--pd-foot) * 1292 / 961);
  max-width: 100%;
  height: var(--pd-foot);
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201292%20961%22%3E%3Cpath%20d%3D%22M0%20961L1298%200V961H0Z%22%20fill%3D%22%23F6F6F6%22%2F%3E%3Cpath%20d%3D%22M316%20994L1567%2066V994H316Z%22%20fill%3D%22%23262A2B%22%2F%3E%3Cpath%20d%3D%22M782.479%20489.797L286%20858H1352.69L1567%20481L782.479%20489.797Z%22%20fill%3D%22%23515556%22%20fill-opacity%3D%220.56%22%2F%3E%3C%2Fsvg%3E") right bottom / cover no-repeat;
}
:root:root:root .pd-frame .footer-bg-2 img {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: auto !important;
  height: var(--pd-foot) !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  object-position: right bottom;
}
:root:root:root .pd-seo {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 24px 28px;
}
:root:root:root .pd-seo > :is(h1, h2, h3, h4, h5, h6) {
  margin: 0 0 10px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 22px;
}
:root:root:root .pd-seo > :where(p, ul, ol, div:not(.pd-seo__more)) {
  margin: 0;
  max-width: 86ch;
  font-size: 15px;
  line-height: 1.65;
  color: #404b54;
}
:root:root:root .pd-seo > :where(p, ul, ol) + :where(p, ul, ol) {
  margin-top: 10px;
}
:root:root:root .pd-seo__more {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 86ch;
}
:root:root:root .pd-seo__more[hidden] {
  display: none;
}
:root:root:root .pd-seo__more > :is(h1, h2, h3, h4, h5, h6) {
  margin: 8px 0 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
}
:root:root:root .pd-seo__more > :is(h1, h2, h3, h4, h5, h6):first-child {
  margin: 0;
}
:root:root:root .pd-seo__more > :where(p, ul, ol, div, table) {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: #404b54;
}
:root:root:root .pd-seo :is(ul, ol) {
  padding-left: 22px;
}
:root:root:root .pd-seo__toggle {
  display: inline-flex;
  margin-top: 14px;
  font-size: 14px;
  font-weight: 500;
  color: #0b7a96;
  cursor: pointer;
}
:root:root:root .pd-seo :is(h1, h2, h3, h4, h5, h6) br {
  display: none;
}
:root:root:root .pd-seo :where(span, font, b, strong, em, i, u, s, small, sub, sup, a)[style] {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  background: transparent !important;
}
:root:root:root .pd-seo :where(p, ul, ol, li, div:not(.pd-seo__more), table, td, th)[style] {
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #404b54 !important;
  background: transparent !important;
  text-align: start !important;
}
:root:root:root .pd-seo > :where(h1, h2, h3, h4, h5, h6)[style] {
  font-family: 'Oswald' !important;
  font-size: 22px !important;
  line-height: normal !important;
  color: inherit !important;
  background: transparent !important;
  text-align: start !important;
}
:root:root:root .pd-seo__more > :where(h1, h2, h3, h4, h5, h6)[style] {
  font-family: 'Oswald' !important;
  font-size: 18px !important;
  line-height: normal !important;
  color: inherit !important;
  background: transparent !important;
  text-align: start !important;
}
:root:root:root .pd-seo :where(p, li, td, div) a {
  color: #0b7a96 !important;
  text-decoration: none;
}
:root:root:root .pd-seo :where(p, li, td, div) a:hover {
  color: #0b6680 !important;
  text-decoration: underline;
}
:root:root:root body#page-home .main-layout-content {
  display: grid;
  grid-template-columns:
    calc((100% - 16px) / 2)
    16px
    calc((100% - 16px) * 1.75 / 2.75 - (100% - 16px) / 2 - 16px)
    16px
    calc((100% - 16px) / 2.75);
  gap: 0;
  align-items: stretch;
  background: none !important;
}
:root:root:root body#page-home .main-layout-content > .ck-content {
  display: contents;
}
:root:root:root .pd-hero {
  grid-column: 1 / 4;
  grid-row: 1;
}
:root:root:root .pd-news {
  grid-column: 5;
  grid-row: 1;
}
:root:root:root .pd-trust {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: 16px;
}
:root:root:root .pd-home-head {
  grid-column: 1 / -1;
  grid-row: 3;
  margin-top: 30px;
}
:root:root:root .pd-cats {
  grid-column: 1 / -1;
  grid-row: 4;
}
:root:root:root .pd-arrivals {
  grid-column: 1;
  grid-row: 5;
  margin-top: 30px;
}
:root:root:root .pd-banner {
  grid-column: 3 / -1;
  grid-row: 5;
  margin-top: 30px;
}
:root:root:root body#page-home .main-layout-content .pd-seo {
  grid-column: 1 / -1;
  grid-row: 6;
  margin-top: 30px;
}
:root:root:root .main-layout-content .pd-empty {
  display: none;
}
:root:root:root .pd-hero {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #0c0f13;
  min-height: 390px;
}
:root:root:root .pd-hero__img {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 75% 30%;
}
:root:root:root .pd-hero--banner .pd-hero__img {
  background-size: auto 180%;
  background-position: right -100px top 0;
}
:root:root:root .pd-hero__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #0c0f13 0%, rgba(12, 15, 19, .94) 40%, rgba(12, 15, 19, .25) 78%, rgba(12, 15, 19, .05) 100%);
}
:root:root:root .pd-hero__body {
  position: relative;
  padding: 40px 44px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 16px;
  max-width: 580px;
}
:root:root:root .pd-hero__title {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 46px;
  line-height: 1.02;
  color: #fff;
  text-transform: uppercase;
  text-wrap: balance;
}
:root:root:root .pd-hero__lead {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 18px;
  line-height: 1.35;
  color: #c7d0d7;
  text-transform: uppercase;
  letter-spacing: .01em;
}
:root:root:root .pd-hero__lead br {
  display: none;
}
:root:root:root .pd-hero__actions {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}
:root:root:root .pd-hero__cta {
  height: 52px;
  padding: 0 28px;
  border-radius: 12px;
  background: #12b5da;
  color: #06232b;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: .03em;
  cursor: pointer;
}
:root:root:root .pd-hero__cta:hover {
  background: #25c0e2;
}
:root:root:root .pd-hero__cta:active {
  background: #0ea0c2;
}
:root:root:root .pd-hero__ghost {
  height: 52px;
  padding: 0 22px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .28);
  color: #fff;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
}
:root:root:root .pd-hero__ghost:hover {
  border-color: #25c0e2;
  color: #25c0e2;
}
:root:root:root .pd-banner {
  border-radius: 16px;
  overflow: hidden;
  background: #0c0f13;
  cursor: pointer;
  min-height: 280px;
  position: relative;
}
:root:root:root .pd-banner:hover {
  box-shadow: 0 0 0 2px #12b5da;
}
:root:root:root .pd-banner__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 54% 50%;
  display: block;
}
:root:root:root .pd-banner__text {
  position: absolute;
  top: 24px;
  left: 22px;
  right: 14px;
  display: block;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 27px;
  line-height: 1.2;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #fff;
}
:root:root:root .pd-banner__stroke {
  display: block;
  -webkit-text-stroke: 1px #fff;
  color: transparent;
}
:root:root:root .pd-banner__white {
  display: block;
}
:root:root:root .pd-banner__product {
  position: absolute;
  right: -16px;
  bottom: 14px;
  height: 172px;
  width: auto;
  display: block;
}
:root:root:root .pd-trust {
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 14px;
}
:root:root:root .pd-trust__item {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-right: 1px solid #edf1f4;
}
:root:root:root .pd-trust__big {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 26px;
  color: #0b7a96;
  line-height: 1;
  flex: none;
}
:root:root:root .pd-trust__label {
  font-size: 13px;
  line-height: 1.35;
  color: #404b54;
}
:root:root:root .pd-home-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 12px;
}
:root:root:root .pd-home-head .pm-home-head__title {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: .02em;
}
:root:root:root .pd-home-head .pm-home-head__link {
  font-size: 14px;
  color: #0b7a96;
  font-weight: 500;
  cursor: pointer;
}
:root:root:root .pd-cats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
:root:root:root .pd-cat {
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #e3e8ec;
  background: #fff;
  display: flex;
  flex-direction: column;
}
:root:root:root .pd-cat:hover {
  border-color: #12b5da;
  box-shadow: 0 8px 22px rgba(16, 24, 32, .10);
}
:root:root:root .pd-cat__art {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 150px;
  padding: 0 26px;
  box-sizing: border-box;
  background: #0c0f13;
  position: relative;
  overflow: hidden;
}
:root:root:root .pd-cat__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
:root:root:root .pd-cat__photo {
  position: absolute;
  left: -4px;
  bottom: -8px;
  width: 44%;
  height: auto;
  display: block;
}
:root:root:root .pd-cat__photo[src*="/ozempic."] {
  bottom: 6px;
}
:root:root:root .pd-cat__title {
  position: relative;
  max-width: 62%;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.05;
  text-align: right;
}
:root:root:root .pd-cat__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
}
:root:root:root .pd-cat__name {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 17px;
  text-transform: uppercase;
}
:root:root:root .pd-cat__foot svg {
  flex: none;
}
:root:root:root .pd-arrivals {
  display: block;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 20px;
}
:root:root:root .pd-arrivals .pm-home-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
:root:root:root .pd-arrivals .pm-home-head__title,
:root:root:root .pd-news__title {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
}
:root:root:root .pd-arrivals .pm-home-head__link {
  font-size: 14px;
  color: #0b7a96;
  font-weight: 500;
  cursor: pointer;
}
:root:root:root .pd-arrivals .pm-home-head__link::after {
  content: " →";
}
:root:root:root .pd-arrivals .pm-rail__track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
:root:root:root .pd-arrivals .pm-rail__item {
  display: flex;
}
:root:root:root .pd-arrivals .pm-rail__item:nth-child(n + 4) {
  display: none;
}
:root:root:root .pd-arrivals .pm-rail__card {
  flex: 1;
  min-width: 0;
  border: 1px solid #e3e8ec;
  border-radius: 12px;
  padding: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
:root:root:root .pd-arrivals .pm-rail__card:hover {
  border-color: #12b5da;
}
:root:root:root .pd-arrivals .pm-rail__img {
  display: block;
}
:root:root:root .pd-arrivals .pm-rail__img img {
  width: 100%;
  height: 104px;
  object-fit: contain;
  display: block;
}
:root:root:root .pd-arrivals .pm-rail__brand {
  display: block;
  font-size: 12px;
  color: #5b6871;
  margin-top: 8px;
}
:root:root:root .pd-arrivals .pm-rail__name {
  display: block;
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 16px;
  line-height: 1.15;
  flex: 1;
}
:root:root:root .pd-arrivals .pm-rail__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
:root:root:root .pd-arrivals .pm-rail__price {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
  color: #0b7a96;
}
:root:root:root .pd-arrivals .pm-rail__cart {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #12b5da;
  color: #06232b;
  display: flex;
  align-items: center;
  justify-content: center;
}
:root:root:root .pd-arrivals .pm-rail__cart:hover {
  background: #0ea0c2;
}
:root:root:root .pd-news {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 20px 8px 20px 20px;
  min-width: 0;
  contain: size;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
}
:root:root:root .pd-news__title {
  flex: none;
  margin: 0 12px 6px 0;
}
:root:root:root .pd-news__title br {
  display: none;
}
:root:root:root .pd-news__grid {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 0 20px;
  scrollbar-width: thin;
  scrollbar-color: #c6d0d8 transparent;
}
:root:root:root .pd-news__item:last-child {
  border-bottom: 0;
}
:root:root:root .pd-news__item {
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid #edf1f4;
  cursor: pointer;
}
:root:root:root .pd-news__item:hover {
  color: #0b7a96;
}
:root:root:root .pd-news__date {
  display: block;
  font-size: 12px;
  color: #0b7a96;
  font-weight: 500;
}
:root:root:root .pd-news__name {
  display: block;
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  margin-top: 3px;
  text-transform: uppercase;
}
@media (max-width: 1279.98px) {
  :root:root:root .pd-hero__body {
    padding: 32px;
  }
  :root:root:root .pd-hero__title {
    font-size: 38px;
  }
  :root:root:root .pd-hero__lead {
    font-size: 16px;
  }
  :root:root:root .pd-banner__text {
    top: 20px;
    left: 18px;
    font-size: 22px;
  }
  :root:root:root .pd-banner__product {
    right: -14px;
    height: 140px;
  }
  :root:root:root .pd-cat__art {
    padding: 0 18px;
  }
  :root:root:root .pd-cat__title {
    font-size: 24px;
  }
  :root:root:root .pd-trust__item {
    padding: 14px;
    gap: 10px;
  }
}
@media (max-width: 1099.98px) {
  :root:root:root .pd-hero__title {
    font-size: 32px;
  }
  :root:root:root .pd-cat__title {
    font-size: 20px;
  }
  :root:root:root .pd-trust {
    grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :root:root:root .pd-trust__item:nth-child(-n + 2) {
    border-bottom: 1px solid #edf1f4;
  }
  :root:root:root .pd-hero {
    grid-column: 1 / -1;
  }
  :root:root:root .pd-news {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 16px;
    contain: none;
    padding: 20px;
  }
  :root:root:root .pd-news__grid {
    flex: none;
    overflow: visible;
    padding-right: 0;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  :root:root:root .pd-news__item:nth-last-child(2) {
    border-bottom: 0;
  }
  :root:root:root .pd-trust {
    grid-row: 3;
  }
  :root:root:root .pd-home-head {
    grid-row: 4;
  }
  :root:root:root .pd-cats {
    grid-row: 5;
  }
  :root:root:root .pd-arrivals {
    grid-column: 1 / -1;
    grid-row: 6;
  }
  :root:root:root .pd-banner {
    grid-column: 1 / -1;
    grid-row: 7;
    margin-top: 16px;
    min-height: 300px;
  }
  :root:root:root body#page-home .main-layout-content .pd-seo {
    grid-row: 8;
  }
}
:root:root:root main.product-list-section-wrapper {
  background-color: transparent !important;
}
:root:root:root .pd-plp-banner {
  background: #0c0f13;
  border-radius: 16px;
  min-height: 120px;
  padding: 26px 32px;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  background-image: linear-gradient(115deg, transparent 68%, #12b5da 68%, #12b5da 75%, #0b7a96 75%, #0b7a96 79%, transparent 79%);
}
:root:root:root .pd-plp-banner__title {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 36px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.05;
}
:root:root:root .pd-plp-banner__sub {
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 16px;
  color: #c7d0d7;
  text-transform: uppercase;
  margin-top: 6px;
}
:root:root:root .pd-plp-banner__sub :is(span, b, strong, em, i) {
  color: #25c0e2;
  font-weight: inherit;
  font-style: inherit;
}
:root:root:root :is(.product-list-section-wrapper, .new-arrivals-page) .sort-section {
  display: contents;
}
:root:root:root .pd-na-filters {
  display: contents !important;
}
:root:root:root .sort-section > #product-filter-forms {
  display: none;
}
:root:root:root .pd-plp-bar {
  all: revert;
  position: sticky;
  top: 72px;
  z-index: 10;
  background: #f5f7f9;
  padding: 14px 0 12px;
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
:root:root:root .pd-plp-bar .sort {
  display: block;
  position: relative;
}
:root:root:root .pd-plp-bar .sort > .icon {
  display: none;
}
:root:root:root .pd-plp-bar .select2-container {
  display: block;
  width: auto !important;
}
:root:root:root .pd-plp-bar .select2-container .selection {
  display: block;
}
:root:root:root .pd-plp-bar .select2-selection {
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid #c6d0d8 !important;
  background: #fff !important;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
}
:root:root:root .pd-plp-bar .select2-selection:hover,
:root:root:root .pd-plp-bar .select2-container--open .select2-selection {
  border-color: #12b5da !important;
}
:root:root:root .pd-plp-bar .select2-selection .select2-selection__rendered {
  display: block;
  padding: 0 !important;
  color: inherit !important;
}
:root:root:root .pd-plp-bar .select2-selection__arrow {
  flex: none;
  display: block;
  width: 9px;
  height: 6px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 10 6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M1 1l4 4 4-4'%3E%3C/path%3E%3C/svg%3E") center / 9px 6px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 10 6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M1 1l4 4 4-4'%3E%3C/path%3E%3C/svg%3E") center / 9px 6px no-repeat;
}
:root:root:root .pd-plp-bar .select2-selection__arrow b,
:root:root:root .pd-plp-bar .select2-container .dropdown-wrapper {
  display: none;
}
:root:root:root .pd-plp-bar select:not(.select2-hidden-accessible) {
  appearance: none;
  field-sizing: content;
  display: block;
  box-sizing: content-box;
  max-width: 240px;
  height: 40px;
  margin: 0;
  padding: 0 31px 0 14px;
  border-radius: 10px;
  border: 1px solid #c6d0d8;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 10 6' fill='none' stroke='%2312181D' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M1 1l4 4 4-4'%3E%3C/path%3E%3C/svg%3E") right 14px center / 9px 6px no-repeat;
  font-size: 14px;
  color: #12181d;
  text-overflow: ellipsis;
  cursor: pointer;
}
:root:root:root .pd-plp-seg {
  align-items: center;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #c6d0d8;
  background: #fff;
  padding: 3px;
  box-sizing: border-box;
  gap: 2px;
}
:root:root:root .pd-plp-seg__opt {
  height: 32px;
  padding: 0 12px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  background: transparent;
  color: #404b54;
  white-space: nowrap;
}
:root:root:root .pd-plp-seg__opt[aria-checked="true"] {
  background: #0c0f13;
  color: #25c0e2;
}
:root:root:root .pd-plp-seg__opt:hover {
  color: #0b7a96;
}
:root:root:root .pd-plp-bar__end {
  margin-left: auto;
  align-items: center;
  gap: 14px;
}
:root:root:root .pd-plp-count {
  font-size: 14px;
  color: #5b6871;
  white-space: nowrap;
}
:root:root:root .pd-plp-count b {
  color: #12181d;
}
:root:root:root .pd-plp-sort .select2-selection__rendered::before {
  content: var(--pd-sort-prefix, "");
}
:root:root:root .pd-plp-sort:has(> select:not(.select2-hidden-accessible)) {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 0 0 14px;
  border-radius: 10px;
  border: 1px solid #c6d0d8;
  background: #fff;
  font-size: 14px;
}
:root:root:root .pd-plp-sort:has(> select:not(.select2-hidden-accessible))::before {
  content: var(--pd-sort-prefix, "");
  white-space: pre;
}
:root:root:root .pd-plp-sort > select:not(.select2-hidden-accessible) {
  padding: 0 31px 0 0;
  border: 0;
  border-radius: 0 10px 10px 0;
  background-color: transparent;
}
:root:root:root .pd-plp-note {
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #5b6871;
  margin: -2px 0 12px;
}
:root:root:root .pd-plp-note b {
  color: #12181d;
}
:root:root:root .pd-plp-note__clear {
  color: #0b7a96;
  font-weight: 500;
  cursor: pointer;
}
:root:root:root .select2-container--open .select2-dropdown.pm-filter-dropdown {
  max-width: 400px;
  margin-top: 6px;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(8, 11, 14, .28);
  overflow: hidden;
  font-family: 'Rubik', system-ui, sans-serif;
}
:root:root:root .pm-filter-dropdown .select2-search--dropdown {
  padding: 8px 8px 2px;
}
:root:root:root .pm-filter-dropdown .select2-search--dropdown .select2-search__field {
  min-height: 0;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #c6d0d8;
  border-radius: 8px;
  box-shadow: none;
  font-family: 'Rubik', system-ui, sans-serif;
  font-size: 14px;
  color: #12181d;
  outline: none;
}
:root:root:root .pm-filter-dropdown .select2-search--dropdown .select2-search__field:focus {
  border-color: #12b5da;
  box-shadow: none;
}
:root:root:root .pm-filter-dropdown .select2-results > .select2-results__options {
  max-height: 320px;
  padding: 6px;
}
:root:root:root .pm-filter-dropdown .select2-results__option {
  margin: 0;
  padding: 8px 10px;
  border-radius: 8px;
  font-family: 'Rubik', system-ui, sans-serif;
  font-size: 14px !important;
  font-weight: 400;
  line-height: normal;
  color: #12181d !important;
  background: transparent !important;
}
:root:root:root .pm-filter-dropdown .select2-results__option--highlighted {
  background: #f0f9fc !important;
  color: #12181d !important;
}
:root:root:root .pm-filter-dropdown .select2-results__option[aria-selected="true"],
:root:root:root .pm-filter-dropdown .select2-results__option--selected {
  font-weight: 500;
  color: #0b7a96 !important;
}
:root:root:root .pm-filter-dropdown .select2-results__option[aria-disabled="true"],
:root:root:root .pm-filter-dropdown .select2-results__message {
  color: #5b6871 !important;
}
:root:root:root .product-list-section {
  margin: 0 !important;
  padding: 0 !important;
}
:root:root:root .product-list-section .product-list-wrapper {
  max-width: none;
  padding: 0 !important;
}
:root:root:root .pd-plp-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
:root:root:root .pd-pcard {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 14px;
  padding: 14px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative;
}
:root:root:root .pd-pcard:hover {
  border-color: #12b5da;
  box-shadow: 0 8px 22px rgba(16, 24, 32, .10);
}
:root:root:root .pd-pcard__chips {
  display: flex;
  gap: 4px;
  justify-content: flex-end;
  min-height: 18px;
}
:root:root:root .pd-pcard__chip {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .04em;
  padding: 3px 6px;
  border-radius: 5px;
  background: #12b5da;
  color: #06232b;
}
:root:root:root .pd-pcard__chip.is-out {
  background: #e7ecf0;
  color: #98a2aa;
}
:root:root:root .pd-pcard__img {
  width: 100%;
  height: 150px;
  object-fit: contain;
  display: block;
  margin-top: 6px;
}
:root:root:root .pd-pcard__brand {
  font-size: 12px;
  color: #5b6871;
  margin-top: 10px;
  min-height: 14px;
}
:root:root:root .pd-pcard__name {
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 17px;
  line-height: 1.15;
  margin-top: 2px;
  flex: 1;
  overflow-wrap: anywhere;
}
:root:root:root .pd-pcard__link {
  display: block;
}
:root:root:root .pd-pcard__link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
}
:root:root:root .pd-pcard__brand a,
:root:root:root .pd-pcard__chip,
:root:root:root .pd-pcard__add {
  position: relative;
  z-index: 1;
}
:root:root:root .pd-pcard a.pd-pcard__link:hover,
:root:root:root .pd-pcard .pd-pcard__brand a:hover {
  color: inherit;
}
:root:root:root .pd-pcard__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 12px;
}
:root:root:root .pd-pcard__price {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 21px;
  color: #0b7a96;
  line-height: 1;
}
:root:root:root .pd-pcard__was {
  margin-left: 6px;
  font-family: 'Rubik', system-ui, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #8a949c;
  text-decoration: line-through;
}
:root:root:root .pd-pcard__add {
  flex: none;
  height: 38px;
  padding: 0 12px;
  border-radius: 10px;
  background: #12b5da;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #06232b;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  white-space: nowrap;
}
:root:root:root .pd-pcard__add:hover {
  background: #0ea0c2;
}
:root:root:root .pd-pcard a.pd-pcard__add:hover {
  color: #06232b;
}
:root:root:root .pd-pcard__add[disabled] {
  opacity: .6;
  cursor: progress;
}
:root:root:root .pd-pcard__add svg {
  flex: none;
}
:root:root:root .product-list-content .products.d-none {
  display: block !important;
  opacity: .4;
  pointer-events: none;
}
:root:root:root .product-list-content .wrapper-loader {
  position: sticky;
  top: 45vh;
  left: auto;
  z-index: 2;
  height: 0;
  transform: none;
  display: flex;
  justify-content: center;
}
:root:root:root .product-list-content .wrapper-loader .loader {
  flex: none;
  margin-top: -24px;
  border-color: rgba(18, 181, 218, .15) rgba(18, 181, 218, .3) rgba(18, 181, 218, .55) #12b5da;
  border-width: 5px;
}
:root:root:root .product-list-section .products > .row:not(.d-lg-none) {
  display: block;
  margin: 0;
}
:root:root:root .product-list-section .products > .row > .text-center {
  padding: 56px 0;
  font-size: 15px;
  color: #5b6871;
}
:root:root:root .pd-pager {
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 26px 0;
}
:root:root:root .pd-pager__item {
  min-width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  background: #fff;
  color: #404b54;
  border: 1px solid #e3e8ec;
}
:root:root:root .pd-pager__item:hover {
  border-color: #12b5da;
}
:root:root:root .pd-pager a.pd-pager__item:hover {
  color: #404b54;
}
:root:root:root .pd-pager__item.is-current {
  background: #12b5da;
  color: #06232b;
  border-color: #12b5da;
}
:root:root:root span.pd-pager__item {
  cursor: default;
}
:root:root:root .pd-pager__gap {
  min-width: 24px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #8a949c;
}
:root:root:root .pd-plp-seo {
  all: revert;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 24px 28px;
  margin: 0 !important;
}
:root:root:root .product-list-wrapper:not(:has(.pd-pager)) + .pd-plp-seo,
:root:root:root .pd-plp-seo + .pd-plp-seo {
  margin-top: 26px !important;
}
:root:root:root .pd-plp-seo.pd-plp-seo > :is(h1, h2, h3, h4, h5, h6) {
  margin: 0 0 8px;
  font-family: 'Oswald' !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: normal !important;
  color: #12181d !important;
  text-transform: none !important;
}
:root:root:root .pd-plp-seo.pd-plp-seo > .pd-plp-seo__sub {
  margin: 0 0 6px;
  font-size: 15px !important;
  text-transform: uppercase !important;
  color: #404b54 !important;
}
:root:root:root .pd-plp-seo.pd-plp-seo > :is(p, ul, ol, dl, table, blockquote, div:not(.pd-seo__more)) {
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #404b54 !important;
}
:root:root:root .pd-plp-seo.pd-plp-seo :is(p, ul, ol, dl) {
  font-size: 15px !important;
}
:root:root:root .pd-plp-seo :is(h1, h2, h3, h4, h5, h6) * {
  font-weight: inherit !important;
  text-transform: inherit !important;
  letter-spacing: inherit !important;
}
:root:root:root .pd-plp-seo.pd-plp-seo a {
  color: #0b7a96 !important;
  text-decoration: none;
}
:root:root:root .pd-plp-seo.pd-plp-seo a:hover {
  color: #0b6680 !important;
  text-decoration: underline;
}
:root:root:root .pd-plp-seo .pd-empty {
  display: none;
}
:root:root:root .pd-plp-seo .pd-seo__more {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
  max-width: none;
}
:root:root:root .pd-plp-seo .pd-seo__more[hidden] {
  display: none;
}
:root:root:root .pd-plp-seo__sec {
  min-width: 0;
}
:root:root:root .pd-plp-seo .pd-seo__more:has(> .pd-plp-seo__sec:only-child) {
  grid-template-columns: minmax(0, 86ch);
}
:root:root:root .pd-plp-seo .pd-plp-seo__sec :is(h1, h2, h3, h4, h5, h6) {
  margin: 14px 0 0;
  font-family: 'Rubik', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  color: #12181d !important;
  text-transform: none !important;
}
:root:root:root .pd-plp-seo .pd-plp-seo__sec > :is(h1, h2, h3, h4, h5, h6):first-child {
  margin: 0;
  font-family: 'Oswald' !important;
  font-size: 14px !important;
  line-height: normal !important;
  text-transform: uppercase !important;
  padding: 9px 0;
  border-bottom: 1px solid #edf1f4;
}
:root:root:root .pd-plp-seo__sec :is(p, ul, ol, dl, table, figure, blockquote) {
  margin: 8px 0 0;
}
:root:root:root .pd-plp-seo__sec li + li {
  margin-top: 4px;
}
:root:root:root .pd-plp-seo :is(img, table) {
  max-width: 100%;
  height: auto;
}
@media (max-width: 1179.98px) {
  :root:root:root .pd-plp-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :root:root:root .pd-plp-seo .pd-seo__more {
    grid-template-columns: minmax(0, 1fr);
  }
}
:root:root:root body.single-product {
  background-color: #e6ebef !important;
}
:root:root:root .single-product .banner-product-detail {
  display: none;
}
:root:root:root .product-detail-container {
  background: #f5f7f9;
}
:root:root:root .product-detail-container > div > .container-xxxl {
  max-width: none;
  margin: 0;
  padding: 0 !important;
  background: transparent;
  border-radius: 0;
}
:root:root:root .product-detail-container > div > .container-xxxl > .row {
  display: block;
  margin: 0;
  padding: 0 !important;
}
:root:root:root .product-detail-container > div > .container-xxxl > .row > .col-12 {
  width: auto;
  max-width: none;
  padding: 0;
}
:root:root:root .product-detail-container .page-header .page-breadcrumbs {
  margin: 0;
}
:root:root:root .pd-pdp {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  grid-template-rows: auto 1fr;
  column-gap: 28px;
  row-gap: 0;
  align-items: start;
}
:root:root:root .pd-pdp > .pd-pdp__main {
  grid-column: 1;
  grid-row: 1;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
:root:root:root .pd-pdp > .cart-form {
  display: none;
}
:root:root:root .pd-pdp > .product-details-meta {
  grid-column: 1;
  grid-row: 2;
  margin: 16px 0 0 !important;
  padding: 13px 18px;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.6;
  color: #404b54;
}
:root:root:root .pd-pdp--facts > .product-details-meta,
:root:root:root .pd-pdp--facts > .product-details-meta :is(.pm-meta-fact, .pm-meta-desc) {
  display: none;
}
:root:root:root .pd-pdp--facts > .product-details-meta:has(> .product-description > :not(.pm-meta-fact, .pm-meta-desc)) {
  display: block;
}
:root:root:root .pd-pdp > .product-details-meta p {
  margin: 0 0 6px !important;
  font-size: 14px !important;
  font-family: inherit;
}
:root:root:root .pd-pdp > .product-details-meta :is(a, strong, span, li, div) {
  font-family: inherit;
}
:root:root:root .pd-gallery {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
:root:root:root .pd-gallery__img {
  width: 100%;
  max-width: 520px;
  height: 420px;
  object-fit: contain;
  display: block;
}
:root:root:root .pd-gallery--strip {
  flex-direction: column;
  gap: 16px;
}
:root:root:root .pd-gallery__thumbs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
:root:root:root .pd-gallery__thumb {
  box-sizing: border-box;
  width: 56px;
  height: 56px;
  padding: 4px;
  background: #fff;
  border: 2px solid #e3e8ec;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
:root:root:root .pd-gallery__thumb:hover,
:root:root:root .pd-gallery__thumb.is-active {
  border-color: #12b5da;
}
:root:root:root .pd-gallery__thumb img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
:root:root:root .pd-facts {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 14px;
  overflow: hidden;
}
:root:root:root .pd-facts__row {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 14px;
  padding: 13px 18px;
  border-bottom: 1px solid #edf1f4;
  font-size: 14px;
}
:root:root:root .pd-facts__k {
  color: #5b6871;
}
:root:root:root .pd-facts__v {
  font-weight: 500;
  color: #12181d;
}
:root:root:root .pd-facts__v--link {
  color: #0b7a96;
}
:root:root:root .pd-facts__v--link a:hover {
  color: #0b6680;
  text-decoration: underline;
}
:root:root:root .pd-buy {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: block;
  position: sticky;
  top: 96px;
  min-width: 0;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 22px;
  color: #12181d;
  font-family: inherit;
}
:root:root:root .pd-buy .pm-brand {
  font-size: 13px;
  color: #0b7a96;
  font-weight: 500;
}
:root:root:root .pd-buy .title-h1 {
  margin: 2px 0 6px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 34px;
  line-height: 1.05;
  text-transform: uppercase;
}
:root:root:root .pd-buy .pd-rating {
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #5b6871;
  cursor: pointer;
}
:root:root:root .pd-buy .pd-stars {
  color: #e8a317;
  letter-spacing: 1px;
  font-size: 15px;
}
:root:root:root .pd-buy .pd-stars--partial {
  background: linear-gradient(90deg, #e8a317 var(--pd-fill, 100%), #c6d0d8 0);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
:root:root:root .pd-buy .pd-rating b {
  color: #12181d;
  font-weight: 600;
}
:root:root:root .pd-buy .section-label {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .1em;
  color: #5b6871;
  text-transform: uppercase;
  margin: 18px 0 8px;
}
:root:root:root .pd-buy .wh-tabs {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}
:root:root:root .pd-buy .wh-tab {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 8px;
  align-items: baseline;
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #e3e8ec;
  border-radius: 12px;
  padding: 10px 12px;
  cursor: pointer;
  opacity: 1;
  text-align: start;
}
:root:root:root .pd-buy .wh-tab.active {
  background: #eaf8fc;
  border-color: #12b5da;
}
:root:root:root .pd-buy .wh-tab:hover {
  border-color: #12b5da;
}
:root:root:root .pd-buy .wh-tab.is-oos,
:root:root:root .pd-buy .wh-tab[aria-disabled="true"] {
  opacity: .5;
  cursor: not-allowed;
}
:root:root:root .pd-buy .wh-tab .wh-tab-name {
  justify-self: start;
  min-width: 0;
  font-weight: 600;
  font-size: 14px;
  color: #12181d;
}
:root:root:root .pd-buy .wh-tab .wh-tab-price {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 20px;
  color: #0b7a96;
  white-space: nowrap;
}
:root:root:root .pd-buy .wh-tab-was {
  margin-right: 6px;
  font-family: var(--pd-body);
  font-weight: 400;
  font-size: 12px;
  color: #8a949c;
  text-decoration: line-through;
}
:root:root:root .pd-buy .wh-tab-stock {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  margin-top: 2px;
  color: #12a150;
}
:root:root:root .pd-buy .wh-tab-stock::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  flex: none;
}
:root:root:root .pd-buy .wh-tab-stock.is-out {
  color: #c0362b;
}
:root:root:root .pd-buy .detail {
  margin-top: 14px;
  border: 1px solid #bee7f1;
  background: #f3fbfd;
  border-radius: 12px;
  padding: 14px;
}
:root:root:root .pd-buy .det-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
:root:root:root .pd-buy .pd-panel__info {
  min-width: 0;
}
:root:root:root .pd-buy .det-name {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
  color: #0b7a96;
  text-transform: uppercase;
}
:root:root:root .pd-buy .det-intl-note {
  font-size: 13px;
  color: #404b54;
  margin-top: 3px;
  line-height: 1.4;
}
:root:root:root .pd-buy .pd-panel__dates {
  font-size: 12px;
  color: #5b6871;
  margin-top: 6px;
}
:root:root:root .pd-buy .pd-panel__dates.warn {
  color: #8a5a00;
}
:root:root:root .pd-buy .pd-panel__dates.danger {
  color: #c0362b;
}
:root:root:root .pd-buy .det-price-block {
  text-align: right;
  flex: none;
}
:root:root:root .pd-buy .det-price-row {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 30px;
  color: #0b7a96;
  line-height: 1;
}
:root:root:root .pd-buy .det-unit {
  font-size: 12px;
  color: #5b6871;
  margin-top: 2px;
}
:root:root:root .pd-buy .det-was {
  margin-right: 8px;
  font-family: var(--pd-body);
  font-weight: 400;
  font-size: 14px;
  color: #8a949c;
  text-decoration: line-through;
}
:root:root:root .pd-buy .det-save {
  display: inline-block;
  margin-bottom: 6px;
  background: #e8f7ee;
  color: #0e7c4a;
  padding: 2px 7px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 12px;
}
:root:root:root .pd-buy .det-controls {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
}
:root:root:root .pd-buy .tg {
  display: flex;
  align-items: center;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #c6d0d8;
  background: #fff;
  padding: 3px;
  box-sizing: border-box;
  gap: 2px;
}
:root:root:root .pd-buy .tb {
  flex: 1;
  height: 32px;
  padding: 0 12px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  background: transparent;
  color: #404b54;
}
:root:root:root .pd-buy .tb.on {
  background: #0c0f13;
  color: #25c0e2;
}
:root:root:root .pd-buy .tb:not(.on):hover {
  color: #0b7a96;
}
:root:root:root .pd-buy .dc {
  background: #fbe9e7;
  color: #c0362b;
  padding: 2px 7px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
}
:root:root:root .pd-buy .exp-note-row {
  text-align: right;
}
:root:root:root .pd-buy .exp-note {
  font-size: 12px;
  color: #c0362b;
  text-decoration: underline;
}
:root:root:root .pd-buy .tiers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
:root:root:root .pd-buy .tier {
  flex: 1 1 auto;
  box-sizing: border-box;
  height: 38px;
  padding: 0 14px;
  border-radius: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid #c6d0d8;
  background: #fff;
  color: #404b54;
  white-space: nowrap;
}
:root:root:root .pd-buy .tier:hover {
  border-color: #12b5da;
}
:root:root:root .pd-buy .tier.act {
  border-color: #0c0f13;
  background: #0c0f13;
  color: #25c0e2;
}
:root:root:root .pd-buy .tier:disabled,
:root:root:root .pd-buy .tier.is-disabled {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none;
}
:root:root:root .pd-buy .det-action {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
:root:root:root .pd-buy .qty {
  display: flex;
  align-items: center;
  border: 1px solid #c6d0d8;
  border-radius: 12px;
  height: 52px;
  flex: none;
  background: #fff;
}
:root:root:root .pd-buy .qty button {
  width: 44px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  cursor: pointer;
  user-select: none;
}
:root:root:root .pd-buy .qty button:hover {
  color: #0b7a96;
}
:root:root:root .pd-buy .qty input {
  box-sizing: content-box;
  width: 34px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: #12181d;
  outline: none;
  appearance: textfield;
  -moz-appearance: textfield;
}
:root:root:root .pd-buy .qty:has(input:focus) {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-buy .add {
  flex: 1 1 auto;
  min-width: 0;
  height: 52px;
  border-radius: 12px;
  background: #12b5da;
  color: #06232b;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: .03em;
  cursor: pointer;
  white-space: nowrap;
}
:root:root:root .pd-buy .add > span:first-child {
  margin-left: 12px;
}
:root:root:root .pd-buy .add > span:last-child {
  margin-right: 12px;
}
:root:root:root .pd-buy .add:hover {
  background: #25c0e2;
}
:root:root:root .pd-buy .add:active {
  background: #0ea0c2;
}
:root:root:root .pd-buy .add:disabled {
  background: #9fddec;
  cursor: not-allowed;
}
:root:root:root .pd-buy .det-meta {
  font-size: 13px;
  color: #404b54;
}
:root:root:root .pd-buy .det-meta .danger {
  color: #c0362b;
}
:root:root:root .pd-buy .pd-buy-links {
  gap: 16px;
  margin-top: 14px;
  font-size: 13px;
}
:root:root:root .pd-buy .pd-buy-links a {
  color: #0b7a96;
  font-weight: 500;
  cursor: pointer;
}
:root:root:root .pd-buy .pd-buy-links .pd-buy-links__lab {
  display: flex;
  align-items: center;
  gap: 6px;
}
:root:root:root .product-detail-container > .pd-tabs {
  max-width: none;
  margin: 28px 0 0;
  padding: 0 !important;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  scroll-margin-top: 88px;
  isolation: isolate;
}
:root:root:root .pd-tabs__bar {
  gap: 4px;
  border-bottom: 1px solid #e3e8ec;
  padding: 0 18px;
}
:root:root:root .pd-tabs__tab {
  height: 54px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .03em;
  cursor: pointer;
  color: #5b6871;
  box-shadow: inset 0 -3px 0 transparent;
}
:root:root:root .pd-tabs__tab[aria-selected="true"] {
  color: #12181d;
  box-shadow: inset 0 -3px 0 #12b5da;
}
:root:root:root .pd-tabs .pd-tabs__tab:hover {
  color: #0b7a96;
}
:root:root:root .pd-tabs[data-pd-tabs="desc"] > #pd-reviews,
:root:root:root .pd-tabs[data-pd-tabs="reviews"] > #pd-description {
  display: none !important;
}
:root:root:root .pd-tabs > #pd-description {
  margin: 0 !important;
  padding: 24px 28px !important;
}
:root:root:root .pd-tabs .product-description.pd-desc {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
}
:root:root:root .pd-tabs .product-description :is(h1, h2):not(.pd-acc-title) {
  margin: 0 0 12px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 20px !important;
  text-transform: uppercase;
  color: #12181d;
}
:root:root:root .pd-tabs .product-description :is(h3, h4, h5, h6):not(.pd-acc-title) {
  margin: 0 0 6px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 16px;
  color: #12181d;
}
:root:root:root .pd-tabs .product-description :is(p, ul, ol, dl, li, td, th) {
  font-size: 15px !important;
  line-height: 1.65;
  color: #404b54;
}
:root:root:root .pd-tabs .product-description p {
  margin: 0;
}
:root:root:root .pd-tabs .product-description :is(ul, ol) {
  margin: 0;
  padding-left: 20px;
}
:root:root:root .pd-tabs .product-description :is(p, ul, ol, table, div) + :is(p, ul, ol, table) {
  margin-top: 10px;
}
:root:root:root .pd-tabs .product-description :is(p, ul, ol, table) + :is(h1, h2, h3, h4, h5, h6):not(.pd-acc-title) {
  margin-top: 16px;
}
:root:root:root .pd-tabs .product-description :is(h1, h2, h3, h4, h5, h6) :is(strong, b) {
  font-weight: inherit;
}
:root:root:root .pd-tabs .product-description :is(p, li, td) :is(strong, b) {
  font-weight: 600;
}
:root:root:root .pd-tabs .product-description a {
  color: #0b7a96;
}
:root:root:root .pd-tabs .product-description a:hover {
  color: #0b6680;
  text-decoration: underline;
}
:root:root:root .pd-tabs .product-description :is(img, video, iframe) {
  max-width: 100%;
  height: auto;
}
:root:root:root .pd-tabs .product-description table {
  max-width: 100%;
  border-collapse: collapse;
}
:root:root:root .pd-tabs .product-description :is(p, li, ul, ol, span, td, th)[style] {
  color: #404b54 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  background: transparent !important;
}
:root:root:root .pd-tabs .product-description :is(p, li, td) span[style] {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
:root:root:root .pd-tabs .product-description:not(.pd-desc) > * {
  max-width: 86ch;
}
:root:root:root .pd-desc__acc {
  border: 1px solid #e3e8ec;
  border-radius: 12px;
  overflow: hidden;
  align-self: start;
}
:root:root:root .pd-acc-item {
  border-bottom: 1px solid #edf1f4;
}
:root:root:root .pd-tabs .product-description .pd-acc-title {
  margin: 0;
  font: inherit;
  font-size: 16px !important;
  letter-spacing: normal;
  text-transform: none;
  color: #12181d;
}
:root:root:root .pd-tabs .pd-acc-btn {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  text-align: start;
}
:root:root:root .pd-tabs .pd-acc-btn:hover {
  background: #f5fbfd;
}
:root:root:root .pd-tabs .pd-acc-label {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
}
:root:root:root .pd-tabs .pd-acc-sign {
  font-size: 18px;
  color: #0b7a96;
}
:root:root:root .pd-tabs .pd-acc-body {
  display: none;
  padding: 0 16px 16px;
}
:root:root:root .pd-tabs .pd-acc-item.is-open > .pd-acc-body {
  display: block;
}
:root:root:root #pd-reviews :where(:not(svg, svg *)),
:root:root:root #pd-reviews :where(:not(svg, svg *))::before,
:root:root:root #pd-reviews :where(:not(svg, svg *))::after {
  all: revert;
}
:root:root:root #pd-reviews :where(svg) {
  vertical-align: baseline;
}
:root:root:root #pd-reviews :where(input, textarea, select, button) {
  font-family: var(--pd-body);
}
:root:root:root #pd-reviews :where(a) {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
:root:root:root #pd-reviews :where(button) {
  appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: inherit;
  color: inherit;
  cursor: pointer;
}
:root:root:root #pd-reviews .product-review-container {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto 1fr;
  gap: 0 !important;
  padding: 24px 28px;
}
:root:root:root #pd-reviews .product-review-container > .row {
  display: contents;
}
:root:root:root #pd-reviews .product-review-container > .row > *,
:root:root:root #pd-reviews .product-review-container > :not(.row) {
  grid-column: 2;
  min-width: 0;
}
:root:root:root #pd-reviews .product-review-container > :not(.row) {
  margin-top: 18px;
}
:root:root:root #pd-reviews .product-review-container > .row > .col-md-4 {
  grid-column: 1;
  grid-row: 1 / -1;
  align-self: start;
  width: 300px;
  margin-right: 28px;
}
:root:root:root #pd-reviews .product-review-number {
  border: 1px solid #e3e8ec;
  border-radius: 14px;
  padding: 18px;
}
:root:root:root #pd-reviews .product-review-container :is(h3, h4) {
  margin: 0 !important;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 17px;
}
:root:root:root #pd-reviews .product-review-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 14px;
}
:root:root:root #pd-reviews .product-review-summary-value,
:root:root:root #pd-reviews .product-review-summary-rating {
  display: contents;
}
:root:root:root #pd-reviews .product-review-summary-value span {
  display: block;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 40px;
  color: #0b7a96;
  line-height: 1;
}
:root:root:root #pd-reviews .product-review-summary-rating p {
  margin: 0;
  font-size: 12px;
  color: #5b6871;
}
:root:root:root #pd-reviews .bb-product-rating {
  display: grid;
  width: fit-content;
  color: #e8a317;
  font-size: 16px;
  letter-spacing: 1px;
  white-space: nowrap;
}
:root:root:root #pd-reviews .bb-product-rating::before {
  content: "★★★★★";
  grid-area: 1 / 1;
  color: #c6d0d8;
}
:root:root:root #pd-reviews .bb-product-rating > span {
  grid-area: 1 / 1;
  overflow: hidden;
  background: #fff;
}
:root:root:root #pd-reviews .bb-product-rating > span::before {
  content: "★★★★★";
}
:root:root:root #pd-reviews .product-review-progress-bar {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) 40px;
  gap: 10px;
  align-items: center;
  font-size: 12px;
  color: #5b6871;
  padding: 4px 0;
}
:root:root:root #pd-reviews .product-review-progress-bar .progress {
  height: 6px;
  border-radius: 3px;
  background: #edf1f4;
  overflow: hidden;
}
:root:root:root #pd-reviews .product-review-progress-bar .progress-bar {
  display: block;
  height: 100%;
  background: #12b5da;
}
:root:root:root #pd-reviews .product-review-progress-bar-percent {
  text-align: right;
}
:root:root:root #pd-reviews .product-review-container > .row > :not(.col-md-4) {
  border: 1px solid #e3e8ec;
  border-radius: 14px;
  padding: 18px;
}
:root:root:root #pd-reviews .product-review-container > .row > * > p {
  margin: 4px 0 0;
  font-size: 12px;
  color: #5b6871;
}
:root:root:root #pd-reviews .product-review-container > .row > * > p.text-danger {
  margin-top: 10px;
  font-size: 13px;
  color: #c0362b !important;
}
:root:root:root #pd-reviews .product-review-container > .row > * > p.text-danger a {
  color: #0b7a96;
  cursor: pointer;
}
:root:root:root #pd-reviews .product-review-container > .row > * > p.text-warning {
  margin-top: 10px;
  font-size: 13px;
  color: #8a5a00 !important;
}
:root:root:root #pd-reviews .product-review-container form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 12px;
  margin: 0;
}
:root:root:root #pd-reviews .product-review-container form > * {
  flex: 0 0 100%;
  min-width: 0;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}
:root:root:root #pd-reviews .product-review-container form > .d-flex {
  gap: 8px;
  font-size: 13px;
}
:root:root:root #pd-reviews .product-review-container form label.required::after {
  content: " *";
  color: #c0362b;
}
:root:root:root #pd-reviews .form-rating-stars {
  display: flex;
  flex-direction: row-reverse;
  margin: 0 !important;
  color: #e8a317;
  font-size: 16px;
  letter-spacing: 1px;
}
:root:root:root #pd-reviews .form-rating-stars > input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
:root:root:root #pd-reviews .form-rating-stars > label {
  color: #c6d0d8;
  cursor: pointer;
}
:root:root:root #pd-reviews .form-rating-stars > label::before {
  content: "★";
}
:root:root:root #pd-reviews .form-rating-stars > label svg {
  display: none;
}
:root:root:root #pd-reviews .form-rating-stars > input:checked ~ label,
:root:root:root #pd-reviews .form-rating-stars > label:hover,
:root:root:root #pd-reviews .form-rating-stars > label:hover ~ label {
  color: inherit;
}
:root:root:root #pd-reviews .form-rating-stars > input:focus-visible + label {
  outline: 2px solid #12b5da;
  outline-offset: 2px;
  border-radius: 3px;
}
:root:root:root #pd-reviews .product-review-container form label[for="comment"] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
:root:root:root #pd-reviews .product-review-container textarea {
  width: 100%;
  box-sizing: border-box;
  height: 96px;
  border: 1px solid #c6d0d8;
  border-radius: 10px;
  padding: 12px;
  font-size: 14px;
  resize: vertical;
  outline: none;
  background: #fff;
  color: #000;
}
:root:root:root #pd-reviews .product-review-container textarea::placeholder {
  color: #757575;
  opacity: 1;
}
:root:root:root #pd-reviews .product-review-container textarea:focus {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root #pd-reviews .product-review-container form > .image-upload__viewer {
  flex: 0 1 auto;
}
:root:root:root #pd-reviews .product-review-container form > .image-upload-info {
  flex: 1 1 0;
  padding: 0 !important;
  font-size: 12px;
  color: #5b6871;
}
:root:root:root #pd-reviews .product-review-container .image-upload-info svg {
  display: none;
}
:root:root:root #pd-reviews .product-review-container form > button[type="submit"] {
  flex: 0 0 auto;
  height: 42px;
  padding: 0 22px !important;
  border-radius: 10px !important;
  background-color: #12b5da !important;
  color: #06232b;
  display: flex;
  align-items: center;
  font-family: 'Oswald' !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: uppercase;
  cursor: pointer;
}
:root:root:root #pd-reviews .product-review-container form > button[type="submit"]:disabled {
  background-color: #9fddec !important;
}
:root:root:root #pd-reviews .product-review-container form > button[type="submit"].loading {
  opacity: .7;
  cursor: progress;
}
:root:root:root #pd-reviews .image-upload__uploader {
  position: relative;
  height: 40px;
  padding: 0 14px;
  border: 1px dashed #a3adb5;
  border-radius: 10px;
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #5b6871;
  cursor: pointer;
}
:root:root:root #pd-reviews .image-upload__uploader:hover {
  border-color: #12b5da;
}
:root:root:root #pd-reviews .image-upload__uploader svg {
  display: none;
}
:root:root:root #pd-reviews .image-upload__file-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
:root:root:root #pd-reviews .image-viewer__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
:root:root:root #pd-reviews .image-viewer__item {
  position: relative;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  border: 1px solid #e3e8ec;
  border-radius: 10px;
  overflow: hidden;
  background: #f5f7f9;
}
:root:root:root #pd-reviews .image-viewer__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:root:root:root #pd-reviews .image-viewer__icon-remove {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #0c0f13;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
:root:root:root #pd-reviews .image-viewer__icon-remove svg {
  width: 10px;
  height: 10px;
}
:root:root:root #pd-reviews .product-review-container :is(.review-list-container, .review-images-container) > h4 {
  margin-bottom: 10px !important;
}
:root:root:root #pd-reviews .review-item {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  border-top: 1px solid #edf1f4;
  border-bottom: 0 !important;
  padding: 14px 0 0 !important;
  margin: 0 0 14px !important;
}
:root:root:root #pd-reviews .review-item:last-of-type {
  margin-bottom: 0 !important;
}
:root:root:root #pd-reviews .review-item > .col-auto {
  flex: none;
}
:root:root:root #pd-reviews .review-item > .col {
  flex: 1 1 0;
  min-width: 0;
}
:root:root:root #pd-reviews .pd-rev-initial {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #0c0f13;
  color: #25c0e2;
  font-family: 'Oswald';
  font-weight: 600;
  align-items: center;
  justify-content: center;
  flex: none;
}
:root:root:root #pd-reviews .review-item img.rounded-circle {
  display: block;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50%;
  object-fit: cover;
}
:root:root:root #pd-reviews .review-item__header {
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  font-size: 12px;
  color: #5b6871;
}
:root:root:root #pd-reviews .review-item__header > .fw-medium {
  font-size: 14px;
  font-weight: 600 !important;
  color: #12181d;
}
:root:root:root #pd-reviews .review-item__header > time {
  color: #5b6871 !important;
}
:root:root:root #pd-reviews .review-item__header > div.text-muted {
  background: #e8f7ee;
  color: #0e7c4a !important;
  padding: 2px 7px;
  border-radius: 5px;
  font-weight: 500;
}
:root:root:root #pd-reviews .review-item__header > div.text-warning {
  background: #fff4e0;
  color: #8a5a00 !important;
  padding: 2px 7px;
  border-radius: 5px;
  font-weight: 500;
}
:root:root:root #pd-reviews .review-item__rating {
  color: #e8a317;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 4px 0 !important;
}
:root:root:root #pd-reviews .review-item__rating .bb-product-rating {
  font-size: inherit;
}
:root:root:root #pd-reviews .review-item__body {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #404b54;
  max-width: 80ch;
}
:root:root:root #pd-reviews .review-item__images {
  margin-top: 10px !important;
}
:root:root:root #pd-reviews .review-images {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
:root:root:root #pd-reviews .review-images > a {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 10px;
  overflow: hidden;
}
:root:root:root #pd-reviews .review-images > a > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:root:root:root #pd-reviews .review-images .badge {
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
:root:root:root #pd-reviews .review-item__reply {
  flex: 0 0 100%;
  box-sizing: border-box;
  margin: 0 !important;
  padding-left: 58px;
}
:root:root:root #pd-reviews .review-item__reply > .row {
  display: flex;
  gap: 14px;
  padding: 14px !important;
  background: #fafcfd !important;
  border: 1px solid #edf1f4;
  border-radius: 12px !important;
}
:root:root:root #pd-reviews .review-item__reply .col {
  flex: 1 1 0;
  min-width: 0;
}
:root:root:root #pd-reviews .review-item__reply .badge {
  background: #e6f7fb !important;
  color: #0b7a96;
  padding: 2px 7px;
  border-radius: 5px;
  font-weight: 500;
}
:root:root:root #pd-reviews .review-list .pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}
:root:root:root #pd-reviews .review-list .page-link {
  box-sizing: border-box;
  min-width: 38px;
  height: 38px;
  padding: 0 6px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px !important;
  line-height: normal !important;
  font-weight: 500;
  cursor: pointer;
  background: #fff;
  color: #404b54;
  border: 1px solid #e3e8ec;
}
:root:root:root #pd-reviews .review-list a.page-link:hover {
  border-color: #12b5da;
}
:root:root:root #pd-reviews .review-list .page-item.active .page-link {
  background: #12b5da;
  color: #06232b;
  border-color: #12b5da;
}
:root:root:root #pd-reviews .review-list .page-item.disabled .page-link {
  opacity: .5;
  cursor: default;
}
:root:root:root #pd-reviews .product-review-container .loading-spinner {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .5);
}
:root:root:root #pd-reviews .product-review-container > p {
  margin: 18px 0 0;
  font-size: 13px;
  color: #5b6871 !important;
  text-align: left !important;
}
@media (max-width: 1339.98px) {
  :root:root:root .pd-facts__row {
    grid-template-columns: 230px minmax(0, 1fr);
  }
}
@media (max-width: 1231.98px) {
  :root:root:root .pd-pdp {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    row-gap: 16px;
  }
  :root:root:root .pd-pdp > .pd-pdp__main {
    display: contents !important;
  }
  :root:root:root .pd-pdp .pd-gallery {
    order: 1;
  }
  :root:root:root .pd-pdp > .pd-buy {
    grid-column: auto;
    grid-row: auto;
    order: 2;
    position: static;
  }
  :root:root:root .pd-pdp .pd-facts {
    order: 3;
  }
  :root:root:root .pd-pdp > .product-details-meta {
    grid-column: auto;
    grid-row: auto;
    order: 4;
    margin-top: 0 !important;
  }
  :root:root:root .pd-facts__row {
    grid-template-columns: 260px minmax(0, 1fr);
  }
}
@media (max-width: 1159.98px) {
  :root:root:root #pd-reviews .product-review-container {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
  }
  :root:root:root #pd-reviews .product-review-container > .row > *,
  :root:root:root #pd-reviews .product-review-container > :not(.row) {
    grid-column: 1;
    grid-row: auto;
  }
  :root:root:root #pd-reviews .product-review-container > .row > .col-md-4 {
    width: auto;
    margin: 0 0 18px;
  }
}
:root:root:root .cart-area {
  padding: 0 !important;
}
:root:root:root .cart-area > .container {
  max-width: none;
  margin: 0;
  padding: 0;
}
:root:root:root .cart-area .bb-empty-state {
  display: none;
}
:root:root:root .pd-basket {
  font-family: var(--pd-body);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  text-align: start;
  text-transform: none;
  color: #12181d;
}
:root:root:root .pd-basket__title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 18px;
}
:root:root:root .pd-basket__h1 {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 36px;
  text-transform: uppercase;
}
:root:root:root .pd-basket__count {
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 22px;
  color: #5b6871;
}
:root:root:root .pd-basket__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 24px;
  align-items: start;
}
:root:root:root .pd-basket__main {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
}
:root:root:root .pd-basket__note {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #e6f7fb;
  border: 1px solid #bee7f1;
  border-radius: 12px;
  padding: 14px 16px;
}
:root:root:root .pd-basket__note > svg {
  flex: none;
  margin-top: 1px;
}
:root:root:root .pd-basket__note-text {
  font-size: 14px;
  line-height: 1.5;
  color: #12181d;
}
:root:root:root .pd-basket .pd-basket__note-text a,
:root:root:root .pd-basket .pd-basket__hint a {
  color: #0b7a96;
  font-weight: 500;
}
:root:root:root .pd-basket__group {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  overflow: hidden;
  container-type: inline-size;
}
:root:root:root .pd-basket__ghead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 18px;
  background: #fafcfd;
  border-bottom: 1px solid #edf1f4;
}
:root:root:root .pd-basket__gname {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
:root:root:root .pd-basket__code {
  flex: none;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  padding: 4px 8px;
  border-radius: 6px;
  background: #12b5da;
  color: #06232b;
}
:root:root:root .pd-basket__wh {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}
:root:root:root .pd-basket__gfee {
  flex: none;
  font-size: 13px;
  color: #5b6871;
}
:root:root:root .pd-basket__gfee b {
  color: #12181d;
}
:root:root:root .pd-basket__gfee b,
:root:root:root .pd-basket__fee b,
:root:root:root .pd-basket__extra b {
  font-weight: 600;
}
:root:root:root .pd-basket__warn {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  padding: 10px 18px;
  background: #fbe9e7;
  font-size: 13px;
  line-height: 1.45;
  color: #c0362b;
}
:root:root:root .pd-basket__warn > svg {
  flex: none;
  margin-top: 2px;
}
:root:root:root .pd-basket__cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 90px 130px 100px 40px;
  gap: 12px;
  padding: 10px 18px 0;
  font-size: 12px;
  color: #8a949c;
  text-transform: uppercase;
  letter-spacing: .06em;
}
:root:root:root .pd-basket__cols-total {
  text-align: right;
}
:root:root:root .pd-basket__line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 90px 130px 100px 40px;
  gap: 12px;
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid #edf1f4;
}
:root:root:root .pd-basket__item {
  display: flex;
  gap: 14px;
  align-items: center;
  min-width: 0;
}
:root:root:root .pd-basket__img {
  display: flex;
  flex: none;
}
:root:root:root .pd-basket__img img {
  width: 76px;
  height: 76px;
  object-fit: contain;
  flex: none;
  border: 1px solid #edf1f4;
  border-radius: 10px;
  cursor: pointer;
}
:root:root:root .pd-basket__meta {
  min-width: 0;
}
:root:root:root .pd-basket .pd-basket__name {
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #12181d;
  cursor: pointer;
  overflow-wrap: anywhere;
}
:root:root:root .pd-basket__by {
  font-size: 13px;
  margin-top: 3px;
}
:root:root:root .pd-basket .pd-basket__by a {
  color: #0b7a96;
}
:root:root:root .pd-basket__pack {
  font-size: 12px;
  color: #5b6871;
  margin-top: 2px;
}
:root:root:root .pd-basket__pack :is(p, ul, ol, dl, dd, div) {
  margin: 0;
  padding: 0;
  list-style: none;
}
:root:root:root .pd-basket__pack :is(small, strong, b) {
  font-size: inherit;
  font-weight: 500;
}
:root:root:root .pd-basket__price {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 17px;
}
:root:root:root .pd-basket__qty {
  display: flex;
  align-items: center;
  border: 1px solid #c6d0d8;
  border-radius: 10px;
  height: 42px;
  width: 122px;
  box-sizing: border-box;
}
:root:root:root .pd-basket__step {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  user-select: none;
}
:root:root:root .pd-basket__step:hover {
  color: #0b7a96;
}
:root:root:root .pd-basket__num {
  flex: 1;
  min-width: 0;
  width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  outline: none;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #12181d;
  appearance: textfield;
  -moz-appearance: textfield;
  pointer-events: none;
}
:root:root:root .pd-basket__num::-webkit-outer-spin-button,
:root:root:root .pd-basket__num::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
:root:root:root .pd-basket__sub {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 19px;
  color: #0b7a96;
  text-align: right;
}
:root:root:root .pd-basket__remove {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #8a949c;
  cursor: pointer;
}
:root:root:root .pd-basket__remove:hover {
  background: #fbe9e7;
  color: #c0362b;
}
:root:root:root .pd-basket__remove.btn-loading {
  color: #8a949c !important;
  opacity: .45;
  pointer-events: none;
}
:root:root:root .pd-basket__remove.btn-loading::after {
  content: none !important;
}
:root:root:root .pd-basket .pd-basket__back {
  font-size: 14px;
  font-weight: 500;
  color: #0b7a96;
  cursor: pointer;
}
:root:root:root .pd-basket__side {
  position: sticky;
  top: 96px;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 22px;
}
:root:root:root .pd-basket__side #cart-checkout-total {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0;
  border: 0;
  background: none;
}
:root:root:root .pd-basket__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
:root:root:root .pd-basket__row,
:root:root:root .pd-basket__fee,
:root:root:root .pd-basket__total {
  gap: 12px;
}
:root:root:root .pd-basket__v,
:root:root:root .pd-basket__fee b,
:root:root:root .pd-basket__total-v {
  flex: none;
}
:root:root:root .pd-basket__row:not(:first-child) {
  margin-top: 10px;
}
:root:root:root .pd-basket__k {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 17px;
}
:root:root:root .pd-basket__v {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 19px;
}
:root:root:root .pd-basket__fees {
  margin-top: 8px;
  padding: 10px 12px;
  background: #f5f7f9;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
:root:root:root .pd-basket__fee {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #404b54;
}
:root:root:root .pd-basket__hint {
  font-size: 12px;
  color: #5b6871;
  margin-top: 8px;
  line-height: 1.45;
}
:root:root:root .pd-basket__extra {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  font-size: 14px;
  color: #404b54;
}
:root:root:root .pd-basket__extra b {
  flex: none;
  color: #12181d;
}
:root:root:root .pd-basket__extra--credit,
:root:root:root .pd-basket__extra--credit b {
  color: #0e7c4a;
}
:root:root:root .pd-basket .pd-basket__unapply {
  margin-left: 4px;
  font-size: 13px;
  font-weight: 500;
  color: #c0362b;
}
:root:root:root .pd-basket__total {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-top: 1px solid #e3e8ec;
  margin-top: 14px;
  padding-top: 14px;
}
:root:root:root .pd-basket__total-k {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 22px;
  color: #0b7a96;
}
:root:root:root .pd-basket__total-v {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 30px;
  color: #0b7a96;
}
:root:root:root .pd-basket__gate {
  margin-top: 16px;
  background: #fff8e6;
  border: 1px solid #f1dfae;
  border-radius: 12px;
  padding: 14px;
}
:root:root:root .pd-basket__gate-lead {
  font-size: 14px;
  color: #12181d;
}
:root:root:root .pd-basket__gate-foot {
  font-size: 13px;
  color: #5b6871;
  margin-top: 10px;
}
:root:root:root .pd-basket .pd-basket__gate-lead a,
:root:root:root .pd-basket .pd-basket__gate-foot a {
  color: #0b7a96;
  cursor: pointer;
  font-weight: 500;
}
:root:root:root .pd-basket .pd-basket__login {
  margin-top: 12px;
  height: 50px;
  border-radius: 12px;
  background: #12b5da;
  color: #06232b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: .03em;
  cursor: pointer;
}
:root:root:root .pd-basket .pd-basket__login:hover {
  background: #25c0e2;
}
:root:root:root .pd-basket .pd-basket__go {
  margin-top: 16px;
  height: 54px;
  border-radius: 12px;
  background: #12b5da;
  color: #06232b;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: .03em;
  cursor: pointer;
}
:root:root:root .pd-basket .pd-basket__go:hover {
  background: #25c0e2;
}
:root:root:root .pd-basket .pd-basket__go:active {
  background: #0ea0c2;
}
:root:root:root .pd-basket__side #wallet-partial-offer {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 16px 0 0 !important;
  padding: 14px;
  background: #e6f7fb;
  border: 1px solid #bee7f1;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #12181d;
}
:root:root:root .pd-basket__side #wallet-partial-offer > .fw-bold {
  font-weight: 400 !important;
}
:root:root:root .pd-basket__side #wallet-partial-offer > .d-flex {
  margin-top: 12px;
  flex-wrap: wrap;
  gap: 8px !important;
}
:root:root:root .pd-basket__side #wallet-partial-applied-note {
  flex: 0 0 100%;
  font-size: 13px;
  font-weight: 500 !important;
  color: #0e7c4a !important;
}
:root:root:root .pd-basket__side .wallet-partial-btn {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid #c6d0d8 !important;
  background: #fff !important;
  color: #404b54;
  font-family: 'Oswald' !important;
  font-weight: 600 !important;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: .03em;
  opacity: 1;
  box-shadow: none;
  cursor: pointer;
}
:root:root:root .pd-basket__side .wallet-partial-btn:hover {
  border-color: #12b5da !important;
  color: #0b7a96;
}
:root:root:root .pd-basket__side #wallet-partial-yes {
  border-color: #12b5da !important;
  background: #12b5da !important;
  color: #06232b;
}
:root:root:root .pd-basket__side #wallet-partial-yes:hover {
  border-color: #25c0e2 !important;
  background: #25c0e2 !important;
  color: #06232b;
}
:root:root:root .pd-basket__side .wallet-partial-btn.active {
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .28);
}
:root:root:root .pd-basket__side .wallet-partial-btn .wp-tick {
  display: none;
  margin-right: 6px;
}
:root:root:root .pd-basket__side .wallet-partial-btn.active .wp-tick {
  display: inline;
}
:root:root:root .pd-basket__side #coupon-form-wrapper {
  width: auto !important;
  margin: 16px 0 0 !important;
}
:root:root:root .pd-basket__side #coupon-form-wrapper form {
  margin: 0;
}
:root:root:root .pd-basket__side #coupon-form-wrapper .coupon-text {
  display: block;
  margin: 0 0 6px !important;
  font-size: 14px;
  font-weight: 500;
}
:root:root:root .pd-basket__side #coupon-form-wrapper .input-group {
  display: flex;
  gap: 8px;
  width: auto !important;
  margin: 0 !important;
}
:root:root:root .pd-basket__side #coupon-form-wrapper input[name="coupon_code"] {
  flex: 1;
  min-width: 0;
  width: 0;
  box-sizing: border-box;
  height: 48px;
  margin: 0 !important;
  border: 1px solid #c6d0d8;
  border-radius: 10px;
  padding: 0 14px;
  font-size: 15px;
  outline: none;
  background: #fff !important;
  color: #12181d;
}
:root:root:root .pd-basket__side #coupon-form-wrapper input[name="coupon_code"]:focus {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-basket__side #coupon-form-wrapper button {
  flex: none;
  box-sizing: border-box;
  height: 48px;
  padding: 0 22px !important;
  border: 1px solid #c6d0d8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  display: flex;
  align-items: center;
  font-family: var(--pd-body) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #12181d;
  cursor: pointer;
}
:root:root:root .pd-basket__side #coupon-form-wrapper button:hover {
  border-color: #12b5da !important;
  color: #0b7a96;
}
:root:root:root .pd-basket__side #coupon-form-wrapper button:disabled {
  opacity: .5;
  cursor: default;
}
:root:root:root .pd-basket__empty {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 40px;
  text-align: center;
}
:root:root:root .pd-basket__empty-title {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
}
:root:root:root .pd-basket__empty-text {
  margin-top: 6px;
  font-size: 14px;
  color: #5b6871;
}
:root:root:root .pd-basket .pd-basket__empty-go {
  display: inline-flex;
  margin-top: 16px;
  height: 48px;
  padding: 0 26px;
  border-radius: 12px;
  background: #12b5da;
  color: #06232b;
  align-items: center;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
}
:root:root:root .pd-basket .pd-basket__empty-go:hover {
  background: #25c0e2;
}
@container (max-width: 659.98px) {
  :root:root:root .pd-basket__cols {
    display: none;
  }
  :root:root:root .pd-basket__line {
    grid-template-columns: 90px 122px minmax(0, 1fr) 40px;
    grid-template-areas:
      "item item item item"
      "price qty total remove";
    row-gap: 12px;
  }
  :root:root:root .pd-basket__item {
    grid-area: item;
  }
  :root:root:root .pd-basket__price {
    grid-area: price;
  }
  :root:root:root .pd-basket__qty {
    grid-area: qty;
  }
  :root:root:root .pd-basket__sub {
    grid-area: total;
  }
  :root:root:root .pd-basket__remove {
    grid-area: remove;
  }
}
@media (max-width: 1199.98px) {
  :root:root:root .pd-basket__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  :root:root:root .pd-basket__side {
    position: static;
  }
}
:root:root:root .checkout-content-wrapper.pd-x {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0 !important;
  overflow: visible !important;
  background: none !important;
  font-family: var(--pd-body);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  text-transform: none;
  color: var(--pd-text);
}
:root:root:root .pd-co:is(*, #_) :where(:not(svg, svg *)),
:root:root:root .pd-co:is(*, #_) :where(:not(svg, svg *))::before,
:root:root:root .pd-co:is(*, #_) :where(:not(svg, svg *))::after {
  all: revert;
}
:root:root:root .pd-co:is(*, #_) :where(input, textarea, select, button) {
  font-family: var(--pd-body);
}
:root:root:root .pd-co:is(*, #_) :where(a) {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) :where(button) {
  appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: inherit;
  color: inherit;
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) {
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: none;
}
:root:root:root .pd-co:is(*, #_) .pd-co-steps {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-step {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 11px;
  background: transparent;
  cursor: default;
}
:root:root:root .pd-co:is(*, #_) a.pd-co-step {
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) .pd-co-step.is-on {
  background: #eaf8fc;
}
:root:root:root .pd-co:is(*, #_) .pd-co-step__dot {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e7ecf0;
  color: #8a949c;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
:root:root:root .pd-co:is(*, #_) .pd-co-step.is-on .pd-co-step__dot {
  background: #12b5da;
  color: #06232b;
}
:root:root:root .pd-co:is(*, #_) .pd-co-step.is-done .pd-co-step__dot {
  background: #0e7c4a;
  color: #fff;
}
:root:root:root .pd-co:is(*, #_) .pd-co-step__label {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 17px;
  line-height: 1.15;
  color: #8a949c;
}
:root:root:root .pd-co:is(*, #_) .pd-co-step.is-on .pd-co-step__label {
  color: #12181d;
}
:root:root:root .pd-co:is(*, #_) .pd-co-step.is-done .pd-co-step__label {
  color: #0e7c4a;
}
:root:root:root .pd-co:is(*, #_) .simple-checkout-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 24px;
  align-items: start;
}
:root:root:root .pd-co:is(*, #_) .checkout-row {
  display: none;
}
:root:root:root .pd-co:is(*, #_) .checkout-row.active {
  display: block;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
}
:root:root:root .pd-co:is(*, #_) .row-header {
  padding: 18px 24px;
  border-bottom: 1px solid #edf1f4;
  display: flex;
  align-items: center;
  gap: 12px;
}
:root:root:root .pd-co:is(*, #_) .step-number {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #12b5da;
  color: #06232b;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
:root:root:root .pd-co:is(*, #_) .step-title {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: .02em;
}
:root:root:root .pd-co:is(*, #_) .row-content {
  padding: 22px 24px 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
:root:root:root .pd-co:is(*, #_) .checkout-step-content,
:root:root:root .pd-co:is(*, #_) .cart-review-section,
:root:root:root .pd-co:is(*, #_) .order-review-section,
:root:root:root .pd-co:is(*, #_) #step2-form,
:root:root:root .pd-co:is(*, #_) #payment-form {
  display: contents;
}
:root:root:root .pd-co:is(*, #_) .confirmation-intro { order: 1; }
:root:root:root .pd-co:is(*, #_) .pd-co-items { order: 2; }
:root:root:root .pd-co:is(*, #_) .address-selection-wrapper { order: 2; }
:root:root:root .pd-co:is(*, #_) .payment-methods-wrapper { order: 2; }
:root:root:root .pd-co:is(*, #_) .pd-co-review { order: 3; }
:root:root:root .pd-co:is(*, #_) .terms-agreement-wrapper { order: 3; }
:root:root:root .pd-co:is(*, #_) .delivery-upgrade-section { order: 4; }
:root:root:root .pd-co:is(*, #_) .wallet-settlement-section { order: 5; }
:root:root:root .pd-co:is(*, #_) .package-insurance-section { order: 6; }
:root:root:root .pd-co:is(*, #_) .checkout-actions-wrapper { order: 9; }
:root:root:root .pd-co:is(*, #_) .order-items-section,
:root:root:root .pd-co:is(*, #_) .shipping-address-section,
:root:root:root .pd-co:is(*, #_) .payment-method-section,
:root:root:root .pd-co:is(*, #_) .final-order-summary {
  display: none !important;
}
:root:root:root .pd-co:is(*, #_) .pd-co-label,
:root:root:root .pd-co:is(*, #_) .payment-methods-wrapper .section-title {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #5b6871;
}
:root:root:root .pd-co:is(*, #_) .pd-co-items {
  flex-direction: column;
  gap: 12px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-group {
  border: 1px solid #e3e8ec;
  border-radius: 14px;
  overflow: hidden;
}
:root:root:root .pd-co:is(*, #_) .pd-co-group__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  background: #fafcfd;
  border-bottom: 1px solid #edf1f4;
  flex-wrap: wrap;
}
:root:root:root .pd-co:is(*, #_) .pd-co-group__title {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
  white-space: nowrap;
}
:root:root:root .pd-co:is(*, #_) .pd-co-group__code {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  padding: 4px 8px;
  border-radius: 6px;
  background: #12b5da;
  color: #06232b;
}
:root:root:root .pd-co:is(*, #_) .pd-co-group__name {
  font-weight: 600;
  font-size: 14px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-group__carrier {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #5b6871;
}
:root:root:root .pd-co:is(*, #_) .pd-co-group__carrier svg {
  flex: none;
}
:root:root:root .pd-co:is(*, #_) .pd-co-line {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr) auto 100px;
  gap: 16px;
  align-items: center;
  padding: 12px 16px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-line img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  border: 1px solid #edf1f4;
  border-radius: 10px;
  display: block;
}
:root:root:root .pd-co:is(*, #_) .pd-co-line__body {
  min-width: 0;
}
:root:root:root .pd-co:is(*, #_) .pd-co-line__name {
  font-weight: 500;
  font-size: 15px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-line__ing {
  font-size: 13px;
  color: #5b6871;
  margin-top: 2px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-line__price {
  font-size: 14px;
  color: #404b54;
  white-space: nowrap;
}
:root:root:root .pd-co:is(*, #_) .pd-co-line__price b {
  font-weight: 600;
  color: #0b7a96;
}
:root:root:root .pd-co:is(*, #_) .pd-co-line__total {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
  text-align: right;
}
:root:root:root .pd-co:is(*, #_) .address-selection-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:root:root:root .pd-co:is(*, #_) .address-option-card {
  position: relative;
  margin: 0 !important;
  border: 2px solid #e3e8ec;
  background: #fff;
  border-radius: 14px;
  padding: 16px 18px;
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) .address-option-card:has(.custom-radio-input:checked) {
  border-color: #12b5da;
  background: #f3fbfd;
}
:root:root:root .pd-co:is(*, #_) .custom-radio-input,
:root:root:root .pd-co:is(*, #_) .payment-radio,
:root:root:root .pd-co:is(*, #_) .custom-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
:root:root:root .pd-co:is(*, #_) .custom-radio-wrapper {
  display: flow-root;
}
:root:root:root .pd-co:is(*, #_) .custom-radio-label {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin: -16px -18px;
  padding: 16px 18px;
  border-radius: 12px;
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) .custom-radio-input:focus-visible + .custom-radio-label {
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-co:is(*, #_) .radio-indicator,
:root:root:root .pd-co:is(*, #_) .payment-check {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #a3adb5;
  background: #fff;
  box-shadow: inset 0 0 0 3px #fff;
  box-sizing: border-box;
  flex: none;
}
:root:root:root .pd-co:is(*, #_) .radio-indicator {
  margin-top: 3px;
}
:root:root:root .pd-co:is(*, #_) .custom-radio-input:checked + .custom-radio-label .radio-indicator,
:root:root:root .pd-co:is(*, #_) .payment-radio:checked + .payment-label .payment-check {
  border-color: #12b5da;
  background: #12b5da;
}
:root:root:root .pd-co:is(*, #_) .radio-content {
  flex: 1;
  min-width: 0;
}
:root:root:root .pd-co:is(*, #_) .radio-title {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
}
:root:root:root .pd-co:is(*, #_) .radio-description {
  font-size: 13px;
  color: #5b6871;
  margin-top: 2px;
}
:root:root:root .pd-co:is(*, #_) .address-content {
  margin: 14px 0 0 34px !important;
  cursor: auto;
}
:root:root:root .pd-co:is(*, #_) .address-select-wrapper {
  position: relative;
}
:root:root:root .pd-co:is(*, #_) .address-select-wrapper > .form-label {
  display: block;
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 500;
}
:root:root:root .pd-co:is(*, #_) .address-select {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
}
:root:root:root .pd-co:is(*, #_) .pd-co-addresses {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-address {
  background: #fff;
  border: 2px solid #e3e8ec;
  border-radius: 12px;
  padding: 12px 14px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  text-align: start;
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) .pd-co-address:hover,
:root:root:root .pd-co:is(*, #_) .pd-co-address.is-on {
  border-color: #12b5da;
}
:root:root:root .pd-co:is(*, #_) .pd-co-address__mark {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #a3adb5;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
:root:root:root .pd-co:is(*, #_) .pd-co-address__mark svg {
  visibility: hidden;
}
:root:root:root .pd-co:is(*, #_) .pd-co-address.is-on .pd-co-address__mark {
  border: 0;
  background: #12b5da;
}
:root:root:root .pd-co:is(*, #_) .pd-co-address.is-on .pd-co-address__mark svg {
  visibility: visible;
}
:root:root:root .pd-co:is(*, #_) .pd-co-address__body {
  display: block;
  min-width: 0;
}
:root:root:root .pd-co:is(*, #_) .pd-co-address__name {
  display: block;
  font-weight: 600;
  font-size: 14px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-address__lines {
  display: block;
  font-size: 13px;
  color: #404b54;
  line-height: 1.5;
  margin-top: 2px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-address-new {
  border: 2px dashed #c6d0d8;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #0b7a96;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  min-height: 88px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-address-new:hover {
  border-color: #12b5da;
  background: #fff;
}
:root:root:root .pd-co:is(*, #_) .pd-co-address-new__plus {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #12b5da;
  color: #06232b;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
:root:root:root .pd-co:is(*, #_) .address-form-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
:root:root:root .pd-co:is(*, #_) .address-form-wrapper > .row {
  display: contents;
}
:root:root:root .pd-co:is(*, #_) .address-form-wrapper [class*="col-"] {
  margin: 0 !important;
  min-width: 0;
}
:root:root:root .pd-co:is(*, #_) .address-form-wrapper [class*="col-"]:has(#address) {
  grid-column: 1 / -1;
}
:root:root:root .pd-co:is(*, #_) .address-label,
:root:root:root .pd-co:is(*, #_) .delivery-upgrade-section > label {
  display: block !important;
  margin: 0 0 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
:root:root:root .pd-co:is(*, #_) .address-label .text-danger {
  color: #c0362b !important;
}
:root:root:root .pd-co:is(*, #_) .address-input,
:root:root:root .pd-co:is(*, #_) #delivery-upgrade-select {
  width: 100%;
  box-sizing: border-box;
  height: 46px;
  margin: 0;
  border: 1px solid #c6d0d8;
  border-radius: 10px;
  padding: 0 14px;
  font-size: 15px;
  outline: none;
  background: #fff;
}
:root:root:root .pd-co:is(*, #_) .address-input::placeholder {
  color: #757575;
  opacity: 1;
}
:root:root:root .pd-co:is(*, #_) select.address-input,
:root:root:root .pd-co:is(*, #_) #delivery-upgrade-select {
  appearance: none;
  padding-right: 38px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 10 6' fill='none' stroke='%235B6871' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E") right 15px center / 9px 6px no-repeat;
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) .address-input:focus,
:root:root:root .pd-co:is(*, #_) #delivery-upgrade-select:focus {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-co:is(*, #_) .address-input.is-invalid {
  border-color: #d8837a;
}
:root:root:root .pd-co:is(*, #_) .address-form-wrapper .text-danger.small {
  margin-top: 5px;
  font-size: 12px;
  color: #c0362b !important;
}
:root:root:root .pd-co:is(*, #_) .payment-methods-wrapper {
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
:root:root:root .pd-co:is(*, #_) .payment-methods-wrapper .payment-methods-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
:root:root:root .pd-co:is(*, #_) .payment-method-card {
  display: flex;
  flex-direction: column;
}
:root:root:root .pd-co:is(*, #_) .payment-label {
  display: flex !important;
  align-items: center;
  flex: 1 1 auto;
  gap: 12px !important;
  min-height: 33px;
  padding: 13px 14px;
  border-radius: 12px;
  border: 2px solid #e3e8ec;
  background: #fff;
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) .payment-label:hover {
  border-color: #12b5da;
}
:root:root:root .pd-co:is(*, #_) .payment-methods-wrapper:has(#payment-method-error[style*="block"]) .payment-label {
  border-color: #e3b4af;
}
:root:root:root .pd-co:is(*, #_) .payment-radio:checked + .payment-label {
  border-color: #12b5da;
  background: #f3fbfd;
}
:root:root:root .pd-co:is(*, #_) .payment-radio:focus-visible + .payment-label {
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-co:is(*, #_) .payment-check i {
  display: none;
}
:root:root:root .pd-co:is(*, #_) .payment-label > img,
:root:root:root .pd-co:is(*, #_) .payment-label > svg {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  flex: none;
}
:root:root:root .pd-co:is(*, #_) .payment-info {
  flex: 1;
  min-width: 0;
}
:root:root:root .pd-co:is(*, #_) .payment-methods-wrapper .payment-name {
  display: block;
  font-weight: 500;
  font-size: 15px;
}
:root:root:root .pd-co:is(*, #_) .payment-method-card.is-disabled .payment-label {
  filter: grayscale(1);
  opacity: .55;
  cursor: not-allowed;
  pointer-events: none;
}
:root:root:root .pd-co:is(*, #_) .payment-name small {
  display: block;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 400;
  color: #c0362b;
}
:root:root:root .pd-co:is(*, #_) .pd-co-amount {
  display: block;
  font-size: 12px;
  color: #5b6871;
  margin-top: 1px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-amount[hidden] {
  display: none;
}
:root:root:root .pd-co:is(*, #_) #payment-method-error,
:root:root:root .pd-co:is(*, #_) #agree-terms-error,
:root:root:root .pd-co:is(*, #_) .terms-card .error-message {
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  font-size: 13px;
  font-weight: 400 !important;
  color: #c0362b !important;
}
:root:root:root .pd-co:is(*, #_) #agree-terms-error,
:root:root:root .pd-co:is(*, #_) .terms-card .error-message {
  margin-top: 10px !important;
}
:root:root:root .pd-co:is(*, #_) #payment-method-error[style*="block"],
:root:root:root .pd-co:is(*, #_) #agree-terms-error[style*="block"] {
  display: flex !important;
}
:root:root:root .pd-co:is(*, #_) #payment-method-error::before,
:root:root:root .pd-co:is(*, #_) #agree-terms-error::before {
  content: "";
  flex: none;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' 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") center / 14px 14px no-repeat;
}
:root:root:root .pd-co:is(*, #_) .payment-methods-wrapper > .alert {
  margin: 0 !important;
  padding: 12px 16px;
  border: 1px solid #bee7f1;
  border-radius: 12px;
  background: #f3fbfd;
  font-size: 14px;
  line-height: 1.45;
  color: #12181d;
}
:root:root:root .pd-co:is(*, #_) .payment-methods-wrapper > .alert-warning {
  border-color: #f0dcb4;
  background: #fff4e0;
  color: #8a5a00;
}
:root:root:root .pd-co:is(*, #_) .payment-methods-wrapper > .alert i {
  display: none;
}
:root:root:root .pd-co:is(*, #_) .payment-methods-wrapper > .alert strong {
  font-weight: 600;
}
:root:root:root .pd-co:is(*, #_) .terms-agreement-wrapper {
  margin: -4px 0 0 !important;
}
:root:root:root .pd-co:is(*, #_) .terms-card {
  padding: 14px 16px;
  border-radius: 12px;
  background: #f5f7f9;
  border: 1px solid #e3e8ec;
}
:root:root:root .pd-co:is(*, #_) .terms-card:has(#agree-terms-error[style*="block"]) {
  border-color: #e3b4af;
}
:root:root:root .pd-co:is(*, #_) .checkbox-label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) .checkbox-indicator,
:root:root:root .pd-co:is(*, #_) .package-insurance-checkbox {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 2px solid #a3adb5;
  background: #fff;
  cursor: pointer;
  flex: none;
}
:root:root:root .pd-co:is(*, #_) .checkbox-indicator i {
  display: none;
}
:root:root:root .pd-co:is(*, #_) .terms-card:has(#agree-terms-error[style*="block"]) .checkbox-indicator {
  border-color: #c0362b;
}
:root:root:root .pd-co:is(*, #_) .custom-checkbox:checked + .checkbox-label .checkbox-indicator,
:root:root:root .pd-co:is(*, #_) .package-insurance-checkbox:checked {
  border-color: #12b5da;
  background: #12b5da url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5l4 4 8-9'/%3E%3C/svg%3E") center / 12px 12px no-repeat;
}
:root:root:root .pd-co:is(*, #_) .custom-checkbox:focus-visible + .checkbox-label .checkbox-indicator,
:root:root:root .pd-co:is(*, #_) .package-insurance-checkbox:focus-visible {
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-co:is(*, #_) .checkbox-text {
  font-size: 14px;
}
:root:root:root .pd-co:is(*, #_) a.terms-link {
  color: #0b7a96;
  text-decoration: none;
}
:root:root:root .pd-co:is(*, #_) a.terms-link:hover {
  color: #0b6680;
  text-decoration: underline;
}
:root:root:root .pd-co:is(*, #_) .required-indicator {
  display: none;
}
:root:root:root .pd-co:is(*, #_) .confirmation-intro {
  margin: 0 !important;
}
:root:root:root .pd-co:is(*, #_) .confirmation-intro .alert {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 0;
  background: #e8f7ee;
  border: 1px solid #bfe5cf;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 14px;
  color: #0b4f31;
  line-height: 1.45;
}
:root:root:root .pd-co:is(*, #_) .confirmation-intro .alert::before {
  content: "";
  flex: none;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none' stroke='%230E7C4A' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='8'/%3E%3Cpath d='M10 9v5M10 6.2v.2'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
}
:root:root:root .pd-co:is(*, #_) .pd-co-review {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-card {
  border: 1px solid #e3e8ec;
  border-radius: 14px;
  padding: 16px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
:root:root:root .pd-co:is(*, #_) .pd-co-card__edit {
  font-size: 13px;
  font-weight: 500;
  color: #0b7a96;
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) .pd-co-card__address {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.55;
}
:root:root:root .pd-co:is(*, #_) .pd-co-card__method {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-card__icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  flex: none;
  display: block;
  object-fit: contain;
}
:root:root:root .pd-co:is(*, #_) .pd-co-card__icon svg {
  width: 30px;
  height: 30px;
  display: block;
}
:root:root:root .pd-co:is(*, #_) .pd-co-card__method-name {
  font-weight: 500;
  font-size: 15px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-card__note {
  font-size: 13px;
  color: #5b6871;
  margin-top: 6px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-card__note[hidden] {
  display: none;
}
:root:root:root .pd-co:is(*, #_) .pd-co-card__address .pd-co-card__note {
  margin-top: 0;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  padding: 0;
  border: 1px solid #bee7f1;
  border-radius: 14px;
  overflow: hidden;
  background: none;
  color: inherit;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 16px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #0c0f13 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16' fill='none' stroke='%2325C0E2' stroke-width='1.6'%3E%3Cpath d='M8 1.5l5.5 2v4.2c0 3.2-2.2 5.6-5.5 6.8-3.3-1.2-5.5-3.6-5.5-6.8V3.5z'/%3E%3Cpath d='M5.5 8l1.8 1.8L10.8 6' stroke-linecap='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section > div:first-child {
  order: 1;
  display: block !important;
  margin: 0 !important;
  padding: 16px 18px 0 72px;
  background: #f3fbfd;
  font-family: 'Oswald';
  font-weight: 600 !important;
  font-size: 19px !important;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section > p {
  order: 2;
  margin: 0 !important;
  padding: 2px 18px 16px 72px;
  background: #f3fbfd;
  border-bottom: 1px solid #dcf1f7;
  font-size: 14px !important;
  color: #404b54;
  line-height: 1.5;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section .insurance-highlights {
  order: 3;
  counter-reset: pd-co-point;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0 !important;
  padding: 14px 18px;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section .insurance-highlight {
  gap: 10px;
  margin: 0 !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-size: 13px;
  line-height: 1.5;
  color: #404b54;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section .insurance-highlight-icon {
  counter-increment: pd-co-point;
  width: 22px;
  height: 22px;
  margin: 0;
  border-radius: 50%;
  background: #e6f7fb;
  color: #0b7a96;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section .insurance-highlight-icon::before {
  content: counter(pd-co-point);
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section .insurance-highlight-icon svg {
  display: none;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section .insurance-highlight-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #404b54;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section .form-check {
  order: 4;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 18px 8px !important;
  padding: 11px 14px;
  border-radius: 10px;
  border: 1px solid #e3e8ec;
  background: #fff;
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section .form-check:hover {
  border-color: #12b5da;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section .form-check:has(:checked) {
  border-color: #12b5da;
  background: #f3fbfd;
}
:root:root:root .pd-co:is(*, #_) .package-insurance-checkbox {
  appearance: none;
  box-sizing: content-box;
  margin: 0;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section .form-check-label {
  flex: 1;
  min-width: 0;
  font-size: 14px !important;
  font-weight: 500;
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section .form-check-label::after {
  content: "";
  position: absolute;
  inset: 0;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section .form-check-label strong {
  font-weight: inherit;
}
:root:root:root .pd-co:is(*, #_) #package-insurance-section > p.text-muted {
  order: 5;
  margin: 2px 18px 16px !important;
  padding: 0;
  background: none;
  border: 0;
  font-size: 12px !important;
  color: #5b6871 !important;
  line-height: 1.5;
}
:root:root:root .pd-co:is(*, #_) .delivery-upgrade-section {
  margin: 0 !important;
  padding: 16px;
  border: 1px solid #e3e8ec;
  border-radius: 14px;
  background: none;
  color: inherit;
}
:root:root:root .pd-co:is(*, #_) .wallet-settlement-section {
  margin: 0 !important;
  padding: 12px 16px;
  border: 1px solid #f0dcb4;
  border-radius: 12px;
  background: #fff4e0;
  color: #8a5a00;
  font-size: 14px;
  line-height: 1.45;
}
:root:root:root .pd-co:is(*, #_) .wallet-settlement-section > div {
  margin: 0 0 2px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
:root:root:root .pd-co:is(*, #_) .wallet-settlement-section > p {
  margin: 0 !important;
  font-size: 14px !important;
}
:root:root:root .pd-co:is(*, #_) .checkout-actions-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 4px -24px 0;
  padding: 16px 24px;
  background: #fafcfd;
  border-top: 1px solid #edf1f4;
  border-radius: 0 0 16px 16px;
}
:root:root:root .pd-co:is(*, #_) .checkout-actions-wrapper .actions-container,
:root:root:root .pd-co:is(*, #_) .checkout-actions-wrapper .actions-container > form {
  display: contents !important;
}
:root:root:root .pd-co:is(*, #_) .checkout-actions-wrapper .btn-outline-secondary {
  height: 48px;
  padding: 0 22px;
  border-radius: 12px;
  border: 1px solid #c6d0d8;
  background: #fff;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 15px;
  color: #12181d;
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) .checkout-actions-wrapper .btn-outline-secondary:hover {
  border-color: #12b5da;
  color: #0b7a96;
}
:root:root:root .pd-co:is(*, #_) .checkout-actions-wrapper .btn-primary {
  height: 52px;
  padding: 0 26px !important;
  border-radius: 12px !important;
  background-color: #12b5da !important;
  color: #06232b;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Oswald' !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  text-transform: uppercase;
  letter-spacing: .03em;
  white-space: nowrap;
  cursor: pointer;
}
:root:root:root .pd-co:is(*, #_) .checkout-actions-wrapper .btn-primary:hover {
  background-color: #25c0e2 !important;
}
:root:root:root .pd-co:is(*, #_) .checkout-actions-wrapper .btn-primary:active {
  background-color: #0ea0c2 !important;
}
:root:root:root .pd-co:is(*, #_) .checkout-actions-wrapper .btn-primary:disabled {
  opacity: .6;
  cursor: default;
}
:root:root:root .pd-co:is(*, #_) .checkout-actions-wrapper .btn-primary::after {
  content: "";
  flex: none;
  width: 16px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' 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") center / 16px 14px no-repeat;
}
:root:root:root .pd-co:is(*, #_) .checkout-actions-wrapper .btn i {
  display: none;
}
:root:root:root .pd-co:is(*, #_) .checkout-actions-wrapper .btn i.fa-spinner {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 !important;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: pd-co-spin .7s linear infinite;
}
@keyframes pd-co-spin {
  to { transform: rotate(360deg); }
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum {
  position: sticky;
  top: 96px;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 20px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum__title {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #edf1f4;
}
:root:root:root .pd-co:is(*, #_) .pd-co-mini {
  display: flex;
  align-items: center;
  gap: 12px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-mini__img {
  position: relative;
  flex: none;
}
:root:root:root .pd-co:is(*, #_) .pd-co-mini__img img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  border: 1px solid #edf1f4;
  border-radius: 10px;
  display: block;
}
:root:root:root .pd-co:is(*, #_) .pd-co-mini__qty {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #12b5da;
  color: #06232b;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  box-sizing: border-box;
}
:root:root:root .pd-co:is(*, #_) .pd-co-mini__body {
  flex: 1;
  min-width: 0;
}
:root:root:root .pd-co:is(*, #_) .pd-co-mini__name {
  display: block;
  font-weight: 500;
  font-size: 14px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-mini__wh {
  display: block;
  font-size: 12px;
  color: #5b6871;
}
:root:root:root .pd-co:is(*, #_) .pd-co-mini__total {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 15px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum__rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
  font-size: 14px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum__row {
  display: flex;
  justify-content: space-between;
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum__row[hidden] {
  display: none;
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum__row b {
  font-weight: 600;
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum__row--ins {
  gap: 10px;
  color: #0b7a96;
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum__row--off {
  gap: 10px;
  color: #0e7c4a;
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum__ship {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-top: 6px;
  padding: 8px 10px;
  background: #f5f7f9;
  border-radius: 8px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum__ship > div {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #5b6871;
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum__total {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-top: 1px solid #e3e8ec;
  padding-top: 12px;
  margin-top: 4px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum__total > span:first-child {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 20px;
}
:root:root:root .pd-co:is(*, #_) .pd-co-sum__total > span:last-child {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 28px;
  color: #0b7a96;
}
:root:root:root .pd-co:is(*, #_) .empty-cart-wrapper .alert {
  margin: 0;
  padding: 12px 16px;
  border: 1px solid #f0dcb4;
  border-radius: 12px;
  background: #fff4e0;
  color: #8a5a00;
  font-size: 14px;
  line-height: 1.45;
}
:root:root:root .pd-co:is(*, #_) .empty-cart-wrapper .alert i {
  display: none;
}
:root:root:root .pd-co:is(*, #_) .empty-cart-wrapper .alert a {
  color: #0b7a96;
  text-decoration: underline;
}
@media (max-width: 1239.98px) {
  :root:root:root .pd-co:is(*, #_) .simple-checkout-container {
    grid-template-columns: minmax(0, 1fr);
  }
  :root:root:root .pd-co:is(*, #_) .pd-co-sum {
    position: static;
  }
}
:root:root:root body.checkout-page {
  height: auto;
}
:root:root:root .pd-pay-hero {
  margin: 0 0 20px;
  background: #0c0f13;
  border-radius: 16px;
  padding: 24px 28px;
  align-items: center;
  gap: 20px;
  background-image: linear-gradient(115deg, transparent 66%, #12b5da 66%, #12b5da 72%, #0b7a96 72%, #0b7a96 75%, transparent 75%);
}
:root:root:root .pd-pay-hero__tick {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #12b5da;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
:root:root:root .pd-pay-hero__text {
  flex: 1;
  min-width: 0;
}
:root:root:root .pd-pay-hero__title {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 28px;
  color: #fff;
  line-height: 1.1;
}
:root:root:root .pd-pay-hero__line {
  font-size: 15px;
  color: #c7d0d7;
  line-height: 1.5;
  margin-top: 4px;
}
:root:root:root .pd-pay-hero__order {
  background: #fff;
  border-radius: 12px;
  padding: 12px 18px;
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}
:root:root:root .pd-pay-hero__label {
  font-size: 12px;
  color: #5b6871;
}
:root:root:root .pd-pay-hero__code {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 24px;
  color: #0b7a96;
  line-height: 1;
}
:root:root:root body a:is(.pd-pay-hero__code, .pd-pay-aside__v, .pd-pay-done__link):hover {
  color: #0b7a96;
}
:root:root:root .pd-pay-status {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  padding: 4px 8px;
  border-radius: 6px;
  background: #eef2f5;
  color: #404b54;
  text-transform: uppercase;
}
:root:root:root .pd-pay-status[data-pd-status="pending"] {
  background: #fff4e0;
  color: #8a5a00;
}
:root:root:root .pd-pay-status[data-pd-status="payment_verification"] {
  background: #e6f7fb;
  color: #0b7a96;
}
:root:root:root .pd-pay-status[data-pd-status="completed"] {
  background: #e8f7ee;
  color: #0e7c4a;
}
:root:root:root .pd-pay-status[data-pd-status="failed"] {
  background: #fbe9e7;
  color: #c0362b;
}
:root:root:root .pd-pay {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 24px;
  align-items: start;
  margin: 0;
}
:root:root:root .pd-pay > .pd-pay__main {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
:root:root:root .pd-pay > .pd-pay__side {
  width: auto;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  position: sticky;
  top: 96px;
}
:root:root:root .pd-pay__main > .checkout-logo,
:root:root:root .pd-pay__main > hr {
  display: none;
}
:root:root:root .pd-pay-card {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
}
:root:root:root .pd-pay__main > .pd-pay-card {
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #e3e8ec !important;
  border-radius: 16px !important;
  background: #fff !important;
  overflow: visible !important;
}
:root:root:root .pd-pay-card__head {
  padding: 16px 22px;
  border-bottom: 1px solid #edf1f4;
  display: flex;
  align-items: center;
  gap: 12px;
}
:root:root:root .pd-pay-card__n {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #12b5da;
  color: #06232b;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
:root:root:root .pd-pay-card__title {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: .02em;
}
:root:root:root .pd-pay-card__title--grow {
  flex: 1;
}
:root:root:root .pd-pay-method {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
}
:root:root:root .pd-pay-method__icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: contain;
}
:root:root:root .pd-pay-method__icon svg {
  width: 24px;
  height: 24px;
  display: block;
}
:root:root:root .pd-pay-card__body {
  padding: 20px 22px;
}
:root:root:root .pd-pay-instr {
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
:root:root:root .pd-pay-notice {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #fff8e6;
  border: 1px solid #f1dfae;
  border-radius: 12px;
  padding: 12px 16px;
}
:root:root:root .pd-pay-notice > svg {
  flex: none;
  margin-top: 1px;
}
:root:root:root .pd-pay-notice > span {
  font-size: 14px;
  line-height: 1.5;
  color: #5c3d00;
}
:root:root:root .pd-pay-notice b,
:root:root:root .pd-pay-aside b {
  font-weight: 600;
}
:root:root:root .pd-pay-instr__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 200px;
  gap: 22px;
  align-items: start;
}
:root:root:root .pd-pay-instr__main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
:root:root:root .pd-pay-amount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 12px;
  background: #0c0f13;
}
:root:root:root .pd-pay-amount__text {
  min-width: 0;
}
:root:root:root .pd-pay-amount__value {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 34px;
  color: #25c0e2;
  line-height: 1;
}
:root:root:root .pd-pay-amount__approx {
  font-size: 13px;
  color: #c7d0d7;
  margin-top: 6px;
}
:root:root:root .pd-pay-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: none;
}
:root:root:root .pd-pay-copy--ink {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .08);
}
:root:root:root .pd-pay-copy--ink:hover {
  background: rgba(255, 255, 255, .16);
}
:root:root:root .pd-pay-copy--addr {
  width: 54px;
  box-sizing: content-box;
  border-left: 1px solid #c6d0d8;
  background: #fff;
}
:root:root:root .pd-pay-copy--addr:hover {
  background: #f0f9fc;
}
:root:root:root .pd-pay-copy__done,
:root:root:root .pd-pay-copy.is-copied .pd-pay-copy__idle {
  display: none;
}
:root:root:root .pd-pay-copy.is-copied .pd-pay-copy__done {
  display: block;
}
:root:root:root .pd-pay-label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}
:root:root:root .pd-pay-addr {
  display: flex;
  height: 50px;
  border: 1px solid #c6d0d8;
  border-radius: 10px;
  overflow: hidden;
}
:root:root:root .pd-pay-addr__value {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 0 14px;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 14px;
  background: #fafcfd;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:root:root:root .pd-pay-addr__value > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
:root:root:root .pd-pay-time {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
:root:root:root .pd-pay-time__label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
:root:root:root .pd-pay-time__label > span {
  font-weight: 500;
}
:root:root:root .pd-pay-time__value {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 24px;
  color: #c0362b;
  font-variant-numeric: tabular-nums;
}
:root:root:root .pd-pay-time__value.is-idle {
  font-family: var(--pd-body);
  font-weight: 500;
  font-size: 14px;
  line-height: 36px;
  color: #5b6871;
}
:root:root:root .pd-pay-bar {
  height: 6px;
  border-radius: 3px;
  background: #edf1f4;
  margin-top: 8px;
  overflow: hidden;
}
:root:root:root .pd-pay-bar__fill {
  height: 100%;
  background: #e8a317;
  transition: width 1s linear;
}
:root:root:root .pd-pay-hint {
  font-size: 12px;
  color: #5b6871;
  margin-top: 5px;
}
:root:root:root .pd-pay-qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
:root:root:root .pd-pay-qr__box {
  width: 200px;
  height: 200px;
  border-radius: 12px;
  border: 1px solid #e3e8ec;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
:root:root:root .pd-pay-qr__box :is(img, canvas) {
  width: 176px;
  height: 176px;
}
:root:root:root .pd-pay-qr__caption {
  font-size: 13px;
  color: #5b6871;
  text-align: center;
  line-height: 1.45;
}
:root:root:root .pd-pay-card__intro {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.5;
  color: #404b54;
  max-width: 80ch;
}
:root:root:root .pd-pay-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
}
:root:root:root .pd-pay-field {
  margin: 0 !important;
}
:root:root:root .pd-pay-field--full {
  grid-column: 1 / -1;
}
:root:root:root .pd-pay-field > label {
  display: block;
  font-size: 14px;
  font-weight: 500 !important;
  margin-bottom: 6px;
}
:root:root:root .pd-pay-field > label > span {
  color: #c0362b !important;
}
:root:root:root .pd-pay-input {
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  border: 1px solid #c6d0d8;
  border-radius: 10px;
  padding: 0 14px;
  font-size: 14px;
  outline: none;
}
:root:root:root .pd-pay-input--mono {
  font-family: ui-monospace, Menlo, monospace;
}
:root:root:root textarea.pd-pay-input {
  height: 96px;
  padding: 12px 14px;
  font-size: 15px;
  resize: vertical;
}
:root:root:root .pd-pay-input:focus {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-pay-unitbox {
  display: flex;
  height: 48px;
  border: 1px solid #c6d0d8;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
:root:root:root .pd-pay-unitbox > input {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  padding: 0 14px;
  font-size: 15px;
}
:root:root:root .pd-pay-unitbox__unit {
  align-items: center;
  padding: 0 14px;
  background: #f5f7f9;
  border-left: 1px solid #e3e8ec;
  font-size: 13px;
  font-weight: 600;
  color: #404b54;
}
:root:root:root .pd-pay-unitbox:focus-within {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-pay-field > :is(.pa-file-wrap, .mp-file-wrap) {
  position: relative;
  height: 48px;
  border: 1px dashed #a3adb5;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  cursor: pointer;
  background: #fafcfd;
  box-sizing: border-box;
}
:root:root:root .pd-pay-field > :is(.pa-file-wrap, .mp-file-wrap):hover {
  border-color: #12b5da;
  background: #f3fbfd;
}
:root:root:root .pd-pay-field > :is(.pa-file-wrap, .mp-file-wrap):has(input:focus-visible) {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-pay-field :is(.pa-file-wrap, .mp-file-wrap) > * {
  margin: 0 !important;
  border-radius: 0 !important;
}
:root:root:root .pd-pay-file__icon {
  order: -1;
  flex: none;
}
:root:root:root .pd-pay-field :is(.pa-file-btn, .mp-file-btn, .pa-file-name, .mp-file-name) {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  color: #5b6871 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:root:root:root .pd-pay-field :is(.pa-file-name, .mp-file-name) {
  color: #12181d !important;
}
:root:root:root .pd-pay-field :is(.pa-file-wrap, .mp-file-wrap):has(input[type="file"]:valid) :is(.pa-file-btn, .mp-file-btn),
:root:root:root .pd-pay-field :is(.pa-file-wrap, .mp-file-wrap):not(:has(input[type="file"]:valid)) :is(.pa-file-name, .mp-file-name) {
  display: none;
}
:root:root:root .pd-pay-field :is(.pa-file-wrap, .mp-file-wrap) > input[type="file"] {
  left: 0 !important;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  padding: 0;
  cursor: pointer;
  font-size: 0;
}
:root:root:root .pd-pay-field :is(.pa-file-wrap, .mp-file-wrap) > input[type="file"]::file-selector-button {
  cursor: pointer;
}
:root:root:root .pd-pay-field > small {
  display: block;
  font-size: 12px;
  color: #5b6871 !important;
  margin-top: 5px;
}
:root:root:root .pd-pay-submit {
  grid-column: 1 / -1;
  justify-self: start;
  display: inline-flex;
  height: 52px;
  padding: 0 28px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #12b5da !important;
  color: #06232b;
  align-items: center;
  gap: 10px;
  font-family: 'Oswald' !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  text-transform: uppercase;
  letter-spacing: .03em;
  cursor: pointer;
}
:root:root:root .pd-pay-submit:hover {
  background: #25c0e2 !important;
}
:root:root:root .pd-pay-submit:active {
  background: #0ea0c2 !important;
}
:root:root:root .pd-pay-submit > i {
  display: none;
}
:root:root:root .pd-pay-form.is-tried .pd-pay-input:invalid:not(:focus),
:root:root:root .pd-pay-form.is-tried .pd-pay-unitbox:has(input:invalid):not(:focus-within),
:root:root:root .pd-pay-form.is-tried :is(.pa-file-wrap, .mp-file-wrap):has(input:invalid):not(:hover) {
  border-color: #d8837a;
}
:root:root:root .pd-pay-done {
  display: flex;
  gap: 14px;
  align-items: center;
  background: #e8f7ee;
  border-radius: 12px;
  padding: 16px 18px;
}
:root:root:root .pd-pay-done > svg {
  flex: none;
}
:root:root:root .pd-pay-done__text {
  flex: 1;
  font-size: 15px;
  color: #0b4f31;
  font-weight: 500;
  line-height: 1.45;
}
:root:root:root .pd-pay-done__link {
  font-size: 14px;
  font-weight: 600;
  color: #0b7a96;
  cursor: pointer;
}
:root:root:root .pd-pay-facts {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 14px;
  align-items: baseline;
  margin-top: 16px;
  font-size: 14px;
}
:root:root:root .pd-pay-facts__k {
  color: #5b6871;
}
:root:root:root .pd-pay-facts__v {
  font-weight: 600;
  overflow-wrap: anywhere;
}
:root:root:root .pd-pay-facts__v--mono {
  font-family: ui-monospace, Menlo, monospace;
  font-weight: 400;
}
:root:root:root .pd-pay-aside {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 20px;
}
:root:root:root .pd-pay-aside__title {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 22px;
}
:root:root:root .pd-pay-aside__facts {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 14px;
  align-items: center;
  margin-top: 14px;
  font-size: 14px;
}
:root:root:root .pd-pay-aside__k {
  color: #5b6871;
}
:root:root:root .pd-pay-aside__v {
  font-weight: 600;
  color: #0b7a96;
}
:root:root:root .pd-pay-aside__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 18px;
  padding: 16px 0;
  border-top: 1px solid #edf1f4;
  border-bottom: 1px solid #edf1f4;
}
:root:root:root .pd-pay-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
:root:root:root .pd-pay-item__thumb {
  position: relative;
  flex: none;
}
:root:root:root .pd-pay-item__thumb > img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border: 1px solid #edf1f4;
  border-radius: 10px;
  display: block;
}
:root:root:root .pd-pay-item__qty {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #12b5da;
  color: #06232b;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  box-sizing: border-box;
}
:root:root:root .pd-pay-item__text {
  flex: 1;
  min-width: 0;
}
:root:root:root .pd-pay-item__name {
  display: block;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 16px;
}
:root:root:root .pd-pay-item__sub,
:root:root:root .pd-pay-item__text p {
  display: block;
  margin: 0;
  font-size: 12px;
  color: #5b6871;
}
:root:root:root .pd-pay-item__text p small {
  font-size: inherit;
}
:root:root:root .pd-pay-item__total {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 16px;
}
:root:root:root .pd-pay-aside__totals {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
  font-size: 13px;
}
:root:root:root .pd-pay-aside__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #404b54;
}
:root:root:root .pd-pay-aside__row > span {
  line-height: 1.4;
}
:root:root:root .pd-pay-aside__row > b {
  flex: none;
}
:root:root:root .pd-pay-aside__row--sub {
  gap: 0;
  font-size: 14px;
  color: inherit;
}
:root:root:root .pd-pay-aside__row--sub > span {
  line-height: normal;
}
:root:root:root .pd-pay-aside__row--sub > b {
  flex: 0 1 auto;
}
:root:root:root .pd-pay-aside__extra {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
:root:root:root .pd-pay-aside__extra > .row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #404b54;
}
:root:root:root .pd-pay-aside__extra > .row > .col-12,
:root:root:root .pd-pay-aside__extra > .row > .col-12 > p {
  display: contents;
}
:root:root:root .pd-pay-aside__extra > .row p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: inherit !important;
}
:root:root:root .pd-pay-aside__extra > .row span {
  font-weight: 400 !important;
  line-height: 1.4;
  color: inherit !important;
}
:root:root:root .pd-pay-aside__extra > .row :is(.col-12 > p > span:last-child, .col-6:last-child > p) {
  flex: none;
  font-weight: 600 !important;
  line-height: normal;
  white-space: nowrap;
}
:root:root:root .pd-pay-aside__extra .pd-colon {
  display: none;
}
:root:root:root .pd-pay-aside__extra > .row.pd-pay-row--ins {
  color: #0b7a96;
}
:root:root:root .pd-pay-aside__total {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-top: 1px solid #e3e8ec;
  padding-top: 12px;
  margin-top: 4px;
}
:root:root:root .pd-pay-aside__total-k {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 20px;
}
:root:root:root .pd-pay-aside__total-v {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 28px;
  color: #0b7a96;
}
:root:root:root .pd-pay__main > .payment-checkout-btn {
  align-self: flex-start;
  display: flex;
  align-items: center;
  height: 48px;
  box-sizing: content-box;
  margin: 0;
  padding: 0 22px !important;
  border: 1px solid #c6d0d8;
  border-radius: 12px;
  background: #fff;
  font-family: var(--pd-body) !important;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  text-transform: none;
  color: #12181d;
  filter: none;
  transition: none;
  cursor: pointer;
}
:root:root:root .pd-pay__main > .payment-checkout-btn:hover {
  border-color: #12b5da;
  background: #fff;
  color: #0b7a96;
  filter: none;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) {
  margin: 0 !important;
  padding: 20px 22px !important;
  background: #fff !important;
  border: 1px solid #e3e8ec !important;
  border-radius: 16px !important;
  overflow: visible !important;
  font-family: var(--pd-body);
  font-size: 14px;
  line-height: 1.5;
  color: #12181d;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) > :is(h3, h5):first-child {
  margin: 0 0 16px !important;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 22px !important;
  line-height: normal;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #12181d;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) p {
  margin: 0 0 14px !important;
  font-family: var(--pd-body);
  font-size: 14px;
  font-weight: 400 !important;
  line-height: 1.5;
  color: #404b54 !important;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) .alert {
  margin: 0 !important;
  padding: 12px 16px;
  background: #e6f7fb;
  border: 1px solid #bee7f1;
  border-radius: 12px;
  font-family: var(--pd-body);
  font-size: 14px;
  line-height: 1.5;
  color: #12181d;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) .alert-warning {
  background: #fff8e6;
  border-color: #f1dfae;
  color: #5c3d00;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) :is(.mb-3, .form-group) {
  margin: 0 0 16px !important;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) label {
  display: block;
  margin: 0 0 6px;
  font-family: var(--pd-body);
  font-size: 14px;
  font-weight: 500 !important;
  line-height: normal;
  color: #12181d;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) label .text-danger {
  color: #c0362b !important;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) :is(input.form-control, select.form-control, select.form-select, textarea.form-control) {
  width: 100%;
  height: 48px;
  min-height: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0 14px;
  background-color: #fff;
  border: 1px solid #c6d0d8;
  border-radius: 10px;
  box-shadow: none;
  outline: none;
  font-family: var(--pd-body);
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  color: #000;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) textarea.form-control {
  height: 96px;
  padding: 12px 14px;
  resize: vertical;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) :is(input, select, textarea).form-control:focus {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) small {
  font-family: var(--pd-body);
  font-size: 12px;
  color: #5b6871 !important;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) .btn.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: auto;
  height: 52px;
  margin: 0;
  padding: 0 28px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #12b5da !important;
  box-shadow: none;
  opacity: 1;
  color: #06232b;
  font-family: 'Oswald' !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: normal;
  letter-spacing: .03em;
  text-transform: uppercase;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) .btn.btn-primary:hover {
  background: #25c0e2 !important;
  opacity: 1;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) .btn.btn-primary:active {
  background: #0ea0c2 !important;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) .btn.btn-primary > i {
  display: none;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) .btn.btn-primary::before {
  content: "";
  flex: none;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='%2306232B'%3E%3Cpath d='M18.5 1.5L1.5 8.6l6.2 2.3 2.3 6.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) :is(.pa-file-wrap, .mp-file-wrap) {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  height: 48px;
  box-sizing: border-box;
  padding: 0 14px 0 42px;
  border: 1px dashed #a3adb5;
  border-radius: 10px;
  background: #fafcfd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none' stroke='%230B7A96' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13V3M6 7l4-4 4 4M3 13v3a1 1 0 001 1h12a1 1 0 001-1v-3'/%3E%3C/svg%3E") 14px 50% / 18px 18px no-repeat;
  cursor: pointer;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) :is(.pa-file-wrap, .mp-file-wrap):hover {
  border-color: #12b5da;
  background-color: #f3fbfd;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) :is(.pa-file-wrap, .mp-file-wrap):has(input:focus-visible) {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) :is(.pa-file-wrap, .mp-file-wrap) > :is(button, span) {
  flex: 1;
  min-width: 0;
  width: auto;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none;
  font-family: var(--pd-body) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  color: #5b6871 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) :is(.pa-file-wrap, .mp-file-wrap) > span {
  color: #12181d !important;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) :is(.pa-file-wrap, .mp-file-wrap):has(input[type="file"]:valid) > button,
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) :is(.pa-file-wrap, .mp-file-wrap):not(:has(input[type="file"]:valid)) > span {
  display: none;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) :is(.pa-file-wrap, .mp-file-wrap) > input[type="file"] {
  left: 0 !important;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 0;
  margin: 0 !important;
  padding: 0;
  border: 0;
  cursor: pointer;
  font-size: 0;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) small {
  display: block;
  margin-top: 5px;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) .alert > :last-child {
  margin-bottom: 0 !important;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) code {
  padding: 0;
  border: 0;
  background: none;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 14px;
  font-weight: 400;
  color: #12181d;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) .table {
  margin: 0;
  font-family: var(--pd-body);
  font-size: 14px;
  color: #12181d;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) .table td {
  padding: 4px 0;
  border: 0;
  background: none;
  font-weight: 600;
  color: #12181d;
}
:root:root:root .pd-pay__main > :is(.manual-payment-info, .payment-confirmation-section, div.border.rounded):not(.pd-pay-card) .table td:first-child {
  font-weight: 400 !important;
  color: #5b6871;
}
:root:root:root .pd-pay__main > .order-gift-card-info {
  margin: 0 !important;
}
@media (max-width: 1279.98px) {
  :root:root:root .pd-pay {
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 20px;
  }
  :root:root:root .pd-pay-hero {
    padding: 22px 24px;
  }
}
@media (max-width: 1239.98px) {
  :root:root:root .pd-pay {
    grid-template-columns: minmax(0, 1fr);
  }
  :root:root:root .pd-pay > .pd-pay__side {
    position: static;
  }
}
:root:root:root .pd-track {
  max-width: 560px;
  margin: 0 auto;
  padding: 0;
  background: none;
  font-family: var(--pd-body) !important;
}
:root:root:root .pd-track > .pd-pay-card {
  margin: 0;
  padding: 0 !important;
  box-shadow: none;
}
:root:root:root .pd-track .pd-pay-card__head > .d-flex {
  display: block !important;
}
:root:root:root .pd-track .pd-pay-card__title {
  margin: 0 !important;
  font-size: 22px !important;
}
:root:root:root .pd-track .pd-pay-card__body {
  padding: 20px 22px !important;
}
:root:root:root .pd-track__form .pd-pay-field {
  margin: 0 0 16px !important;
}
:root:root:root .pd-track__form .pd-pay-input {
  margin: 0 !important;
  padding: 0 14px !important;
  font-size: 15px;
}
:root:root:root .pd-track__form .pd-pay-input.is-invalid:not(:focus) {
  border-color: #d8837a;
}
:root:root:root .pd-track__form .invalid-feedback {
  font-size: 12px;
  color: #c0362b;
  margin-top: 5px;
}
:root:root:root .pd-track__alert {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 12px;
  background: #fbe9e7;
  font-size: 14px;
  line-height: 1.5;
  color: #c0362b;
}
:root:root:root .pd-track__alert ul {
  margin: 0 !important;
  padding: 0;
  list-style: none;
}
:root:root:root .pd-track__help {
  margin-top: 18px !important;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  text-align: left !important;
  font-size: 14px;
  line-height: 1.5;
  color: #404b54;
}
:root:root:root .pd-track__help > p {
  margin: 0 !important;
}
:root:root:root .pd-track__help > .d-flex {
  display: block !important;
}
:root:root:root .pd-track__help .pd-link {
  font-weight: 500;
  text-decoration: none !important;
}
:root:root:root .pd-track__help .pd-link:hover {
  text-decoration: underline !important;
}
:root:root:root .pd-trackres {
  font-family: var(--pd-body) !important;
  font-size: 16px;
  line-height: normal;
  color: #12181d;
}
:root:root:root .pd-trackres > .container {
  padding: 0 !important;
}
:root:root:root .pd-trackres > .container > .row:first-child {
  margin: 0 0 20px !important;
}
:root:root:root .pd-trackres .tracking-status-card {
  background: #0c0f13;
  border-radius: 16px;
  padding: 24px 28px;
  background-image: linear-gradient(115deg, transparent 66%, #12b5da 66%, #12b5da 72%, #0b7a96 72%, #0b7a96 75%, transparent 75%);
}
:root:root:root .pd-trackres .status-header {
  display: flex;
  align-items: center;
  gap: 20px;
}
:root:root:root .pd-trackres .status-title {
  order: 1;
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 28px;
  color: #fff;
  line-height: 1.1;
}
:root:root:root .pd-trackres .status-badge-wrapper {
  order: 2;
  flex: 1;
  min-width: 0;
}
:root:root:root .pd-trackres .status-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  padding: 4px 8px;
  border-radius: 6px;
  background: #eef2f5;
  color: #404b54;
  text-transform: uppercase;
}
:root:root:root .pd-trackres .status-badge.status-text-warning {
  background: #fff4e0;
  color: #8a5a00;
}
:root:root:root .pd-trackres .status-badge:is(.status-text-primary, .status-text-info) {
  background: #e6f7fb;
  color: #0b7a96;
}
:root:root:root .pd-trackres .status-badge.status-text-success {
  background: #e8f7ee;
  color: #0e7c4a;
}
:root:root:root .pd-trackres .status-badge.status-text-danger {
  background: #fbe9e7;
  color: #c0362b;
}
:root:root:root .pd-trackres .tracking-code-section {
  order: 3;
  background: #fff;
  border-radius: 12px;
  padding: 12px 18px;
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}
:root:root:root .pd-trackres .tracking-label {
  font-size: 12px;
  color: #5b6871;
}
:root:root:root .pd-trackres .tracking-code {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 24px;
  color: #0b7a96;
  line-height: 1;
}
:root:root:root .pd-trackres .route-section {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}
:root:root:root .pd-trackres .route-path {
  display: flex;
  align-items: center;
  gap: 18px;
}
:root:root:root .pd-trackres .location-label {
  font-size: 12px;
  color: #8a949c;
}
:root:root:root .pd-trackres .location-name {
  margin-top: 2px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}
:root:root:root .pd-trackres .route-arrow {
  flex: none;
  width: 28px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14' fill='none' stroke='%2325C0E2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 7h25M20 2l6 5-6 5'/%3E%3C/svg%3E") center / contain no-repeat;
}
:root:root:root .pd-trackres :is(.route-arrow, .event-location, .action-btn, .external-link) > i,
:root:root:root .pd-trackres .empty-icon {
  display: none;
}
:root:root:root .pd-trackres > .container > .row:last-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 24px;
  align-items: start;
}
:root:root:root .pd-trackres > .container > .row:last-child > .col-lg-8 {
  margin: 0 !important;
}
:root:root:root .pd-trackres > .container > .row:last-child > .col-lg-4 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
:root:root:root .pd-trackres :is(.timeline-card, .info-card) {
  margin: 0 !important;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
}
:root:root:root .pd-trackres :is(.timeline-header, .info-header) {
  padding: 16px 22px;
  border-bottom: 1px solid #edf1f4;
}
:root:root:root .pd-trackres :is(.timeline-title, .info-title) {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: .02em;
}
:root:root:root .pd-trackres .timeline-subtitle {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #404b54;
}
:root:root:root .pd-trackres :is(.timeline-body, .info-body) {
  padding: 20px 22px;
}
:root:root:root .pd-trackres .timeline-event {
  position: relative;
  padding: 0 0 18px 28px;
}
:root:root:root .pd-trackres .timeline-event:last-child {
  padding-bottom: 0;
}
:root:root:root .pd-trackres .timeline-event::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 18px;
  bottom: 0;
  width: 2px;
  background: #e3e8ec;
}
:root:root:root .pd-trackres .timeline-event:last-child::before {
  display: none;
}
:root:root:root .pd-trackres .event-marker {
  position: absolute;
  left: 0;
  top: 3px;
}
:root:root:root .pd-trackres .marker-dot {
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  border: 2px solid #c6d0d8;
  border-radius: 50%;
  background: #fff;
}
:root:root:root .pd-trackres .timeline-event.current .marker-dot {
  border-color: #12b5da;
  background: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-trackres .event-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
:root:root:root .pd-trackres .event-title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
:root:root:root .pd-trackres .event-time {
  flex: none;
  font-size: 12px;
  color: #5b6871;
}
:root:root:root .pd-trackres .event-location {
  margin-top: 2px;
  font-size: 12px;
  color: #5b6871;
}
:root:root:root .pd-trackres .empty-title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
:root:root:root .pd-trackres .empty-description {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #404b54;
}
:root:root:root .pd-trackres .info-body:has(> .info-item) {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 14px;
  align-items: baseline;
  font-size: 14px;
}
:root:root:root .pd-trackres .info-item {
  display: contents;
}
:root:root:root .pd-trackres .info-label {
  color: #5b6871;
}
:root:root:root .pd-trackres .info-value {
  font-weight: 600;
  overflow-wrap: anywhere;
}
:root:root:root .pd-trackres .carrier-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
:root:root:root .pd-trackres .carrier-tag {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  padding: 4px 8px;
  border-radius: 6px;
  background: #eef2f5;
  color: #404b54;
  text-transform: uppercase;
}
:root:root:root .pd-trackres .external-link {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #0b7a96;
}
:root:root:root .pd-trackres .external-link + .external-link {
  margin-top: 8px;
}
:root:root:root .pd-trackres .external-link:hover {
  color: #0b6680;
  text-decoration: underline;
}
:root:root:root .pd-trackres .action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 22px;
  border: 1px solid #c6d0d8;
  border-radius: 12px;
  background: #fff;
  font-size: 15px;
  font-weight: 500;
  color: #12181d;
}
:root:root:root .pd-trackres .action-btn + .action-btn {
  margin-top: 10px;
}
:root:root:root .pd-trackres .action-btn:hover {
  border-color: #12b5da;
  color: #0b7a96;
}
:root:root:root .pd-trackres .action-btn.primary {
  height: 52px;
  padding: 0 28px;
  border: 0;
  background: #12b5da;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #06232b;
}
:root:root:root .pd-trackres .action-btn.primary:hover {
  background: #25c0e2;
  color: #06232b;
}
:root:root:root .pd-trackres .action-btn.primary:active {
  background: #0ea0c2;
}
@media (max-width: 1279.98px) {
  :root:root:root .pd-trackres > .container > .row:last-child {
    grid-template-columns: minmax(0, 1fr);
  }
}
:root:root:root .lab-tests-page {
  margin: 0;
}
:root:root:root .lab-tests-page > :not(.lab-tests-search) {
  display: none;
}
:root:root:root .pd-lab {
  flex-direction: column;
  gap: 18px;
}
:root:root:root .pd-lab__banner {
  background: #0c0f13;
  border-radius: 16px;
  padding: 30px 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  background-image: linear-gradient(115deg, transparent 62%, #12b5da 62%, #12b5da 70%, #0b7a96 70%, #0b7a96 74%, transparent 74%);
}
:root:root:root .pd-lab__title {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 40px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
}
:root:root:root .pd-lab__sub {
  margin: 8px 0 0;
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 18px;
  color: #c7d0d7;
}
:root:root:root .pd-lab__stats {
  display: flex;
  gap: 10px;
}
:root:root:root .pd-lab__stat {
  background: #fff;
  border-radius: 12px;
  padding: 12px 18px;
  min-width: 120px;
  text-align: center;
}
:root:root:root .pd-lab__stat-n {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 30px;
  color: #0b7a96;
  line-height: 1;
}
:root:root:root .pd-lab__stat-label {
  font-size: 12px;
  color: #5b6871;
  margin-top: 4px;
}
:root:root:root .pd-lab__search form {
  display: flex;
  gap: 10px;
  margin: 0;
}
:root:root:root .pd-lab__field {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 50px;
  background: #fff;
  border: 1px solid #c6d0d8;
  border-radius: 12px;
  padding: 0 16px;
}
:root:root:root .pd-lab__field svg {
  flex: none;
}
:root:root:root .pd-lab__field input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 15px;
  background: transparent;
  box-sizing: content-box;
  appearance: none;
}
:root:root:root .pd-lab__field input::-webkit-search-cancel-button,
:root:root:root .pd-lab__field input::-webkit-search-decoration {
  display: none;
}
:root:root:root .pd-lab__field input::placeholder {
  color: #757575;
  opacity: 1;
}
:root:root:root .pd-lab__search .lab-tests-search__submit {
  height: 50px;
  padding: 0 28px;
  border-radius: 12px;
  background: #12b5da;
  color: #06232b;
  display: flex;
  align-items: center;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 17px;
  text-transform: uppercase;
  cursor: pointer;
}
:root:root:root .pd-lab__search .lab-tests-search__submit:hover {
  background: #25c0e2;
}
:root:root:root .pd-lab__search .lab-tests-search__reset {
  height: 50px;
  padding: 0 18px;
  border-radius: 12px;
  border: 1px solid #c6d0d8;
  background: #fff;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #404b54;
  cursor: pointer;
}
:root:root:root .pd-lab__search .lab-tests-search__reset:hover {
  border-color: #12b5da;
  color: #0b7a96;
}
:root:root:root .pd-lab__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
:root:root:root .pd-lab__card {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
:root:root:root .pd-lab__scan {
  height: 220px;
  background: #edf1f4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
:root:root:root .pd-lab__scan:focus-visible {
  outline-offset: -4px;
}
:root:root:root .pd-lab__sheet {
  width: 150px;
  height: 190px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 14px rgba(16, 24, 32, .12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #8a949c;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}
:root:root:root .pd-lab__sheet img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
:root:root:root .pd-lab__chip {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #12b5da;
  color: #06232b;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 14px;
}
:root:root:root .pd-lab__body {
  padding: 16px 18px 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
:root:root:root .pd-lab__brand {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .06em;
  color: #0b7a96;
  text-transform: uppercase;
}
:root:root:root .pd-lab__name {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  margin: 4px 0 0;
  flex: 1;
}
:root:root:root .pd-lab__brand a:hover,
:root:root:root .pd-lab__name a:hover {
  color: inherit;
}
:root:root:root .pd-lab__name a {
  display: block;
}
:root:root:root .pd-lab__meta {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 12px;
  font-size: 13px;
  margin: 12px 0 0;
}
:root:root:root .pd-lab__meta dt {
  color: #5b6871;
}
:root:root:root .pd-lab__meta dd {
  margin: 0;
  font-weight: 600;
  min-width: 0;
  overflow-wrap: anywhere;
}
:root:root:root .pd-lab__meta .pd-lab__batch {
  font-family: ui-monospace, monospace;
  font-size: 12px;
  font-weight: bold;
}
:root:root:root .pd-lab__actions {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
:root:root:root .pd-lab__view {
  flex: 1;
  height: 44px;
  border-radius: 10px;
  background: #0c0f13;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
}
:root:root:root .pd-lab__view:hover {
  background: #232a31;
}
:root:root:root .pd-lab__product {
  height: 44px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid #c6d0d8;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #404b54;
  cursor: pointer;
}
:root:root:root .pd-lab__product:hover {
  border-color: #12b5da;
  color: #0b7a96;
}
:root:root:root .pd-lab__empty {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 14px;
  padding: 28px;
  text-align: center;
  color: #5b6871;
}
:root:root:root .pd-lab__empty-title {
  margin: 0 0 6px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  color: #12181d;
}
:root:root:root .pd-lab__empty-text {
  margin: 0;
}
:root:root:root .pd-lab-pages .pd-pager {
  margin-bottom: 0;
}
:root:root:root .pd-lab__actions {
  flex-wrap: wrap;
}
@media (max-width: 1279.98px) {
  :root:root:root .pd-lab__banner {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  :root:root:root .pd-lab__banner > :first-child {
    max-width: 56%;
  }
  :root:root:root .pd-lab__stats {
    flex-wrap: wrap;
  }
  :root:root:root .pd-lab__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
:root:root:root .lab-test-viewer {
  font-family: var(--pd-body);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: #12181d;
}
:root:root:root .lab-test-viewer__backdrop {
  background: rgba(12, 15, 19, .82);
}
:root:root:root .lab-test-viewer__dialog {
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(8, 11, 14, .28);
}
:root:root:root .lab-test-viewer__header {
  padding: 14px 16px 14px 20px;
  background: #fff;
  border-bottom: 1px solid #e3e8ec;
  font-weight: 400;
}
:root:root:root .lab-test-viewer__title {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  color: #12181d;
}
:root:root:root .lab-test-viewer__close {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #edf1f4;
  color: #12181d;
}
:root:root:root .lab-test-viewer__close:hover {
  background: #e3e8ec;
}
:root:root:root .lab-test-viewer__stage {
  background: #edf1f4;
}
:root:root:root .lab-test-viewer__image {
  border-radius: 4px;
  box-shadow: 0 4px 14px rgba(16, 24, 32, .12);
}
:root:root:root .lab-test-viewer__nav {
  border-radius: 10px;
  background: rgba(12, 15, 19, .72);
  color: #fff;
}
:root:root:root .lab-test-viewer__nav:hover {
  background: #0c0f13;
}
:root:root:root .lab-test-viewer__thumbs {
  padding: 10px 20px;
  border-top: 1px solid #e3e8ec;
}
:root:root:root .lab-test-viewer__thumb {
  border-radius: 8px;
  background: #edf1f4;
}
:root:root:root .lab-test-viewer__thumb[aria-current="true"] {
  border-color: #12b5da;
}
:root:root:root .lab-test-viewer__footer {
  padding: 12px 20px;
  background: #fff;
  border-top: 1px solid #e3e8ec;
  font-size: 14px;
}
:root:root:root .lab-test-viewer__counter {
  color: #5b6871;
}
:root:root:root .lab-test-viewer__original {
  font-weight: 500;
  color: #0b7a96;
}
:root:root:root .lab-test-viewer__original:hover {
  color: #0b6680;
  text-decoration: underline;
}
:root:root:root .pd-auth {
  display: flex;
  justify-content: center;
  padding: 20px 0 40px;
  max-width: none;
  margin: 0;
  position: static;
  z-index: auto;
  font-family: var(--pd-body) !important;
}
:root:root:root .pd-auth > .container,
:root:root:root .pd-auth > .container > .row,
:root:root:root .pd-auth > .container > .row > [class*="col-"] {
  display: contents;
}
:root:root:root .pd-auth .auth-card {
  width: 100%;
  max-width: 942px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  background: #fff !important;
  border: 1px solid #e3e8ec !important;
  border-radius: 20px !important;
  overflow: hidden;
  box-shadow: 0 12px 34px rgba(16, 24, 32, .08);
}
:root:root:root .pd-auth .auth-card__banner {
  display: none;
}
:root:root:root .pd-auth .auth-card__header {
  grid-column: 1;
  padding: 40px 40px 0 !important;
}
:root:root:root .pd-auth .auth-card__header > div {
  display: block !important;
  text-align: start !important;
}
:root:root:root .pd-auth .auth-card__header-icon {
  display: none !important;
}
:root:root:root .pd-auth .auth-card__header-title {
  margin: 0 !important;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 32px !important;
  line-height: 1.1;
}
:root:root:root .pd-auth .auth-card__header-description {
  margin: 10px 0 24px;
  font-family: var(--pd-body) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55;
  color: #5b6871 !important;
}
:root:root:root .pd-auth .auth-card__body,
:root:root:root .pd-auth .auth-card__body > form {
  display: contents;
}
:root:root:root .pd-auth :where(.auth-card__body > *, .auth-card__body > form > *) {
  grid-column: 1;
  margin-left: 40px;
  margin-right: 40px;
}
:root:root:root .pd-auth .auth-card__body > form::after {
  content: "";
  grid-column: 1;
  height: 36px;
}
:root:root:root .pd-auth .mb-3.position-relative {
  margin-top: 14px;
  margin-bottom: 0 !important;
}
:root:root:root .pd-auth form > input[type="hidden"] + .mb-3.position-relative,
:root:root:root .pd-auth form > .alert + .mb-3.position-relative {
  margin-top: 0;
}
:root:root:root .pd-auth .form-label:not(.d-block) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
:root:root:root .pd-auth .auth-input-icon {
  display: none;
}
:root:root:root .pd-auth .form-control {
  width: 100%;
  box-sizing: border-box;
  height: 52px;
  border: 1px solid #c6d0d8;
  border-radius: 12px;
  padding: 0 16px !important;
  font-size: 15px;
  outline: none;
}
:root:root:root .pd-auth .form-control::placeholder {
  color: #757575;
  opacity: 1;
}
:root:root:root .pd-auth .form-control.is-invalid,
:root:root:root .pd-auth .has-error .form-control {
  border-color: #d8837a;
}
:root:root:root .pd-auth .form-control:focus,
:root:root:root .pd-auth .has-error .form-control:focus {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-auth .invalid-feedback {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #c0362b;
  margin-top: 6px;
}
:root:root:root .pd-auth .invalid-feedback::before {
  content: "";
  flex: none;
  width: 13px;
  height: 13px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' 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 center / 13px 13px;
}
:root:root:root .pd-auth .invalid-feedback:empty {
  margin-top: 0;
}
:root:root:root .pd-auth .invalid-feedback:empty::before {
  content: none;
}
:root:root:root .pd-auth form > .row {
  margin-top: 10px;
  margin-bottom: 0 !important;
  text-align: right;
}
:root:root:root .pd-auth.pd-x form > .row.g-0 > [class*="col-"] {
  margin: 0;
  text-align: right !important;
}
:root:root:root .pd-auth.pd-x form > .row.g-0 > [class*="col-"] a,
:root:root:root .pd-auth form > .mt-3.text-center a {
  font-size: 13px;
  font-weight: 400;
  color: #0b7a96;
  cursor: pointer;
  text-decoration: none !important;
}
:root:root:root .pd-auth .btn-auth-submit {
  margin-top: 18px;
  height: 54px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #12b5da !important;
  color: #06232b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Oswald' !important;
  font-weight: 600 !important;
  font-size: 19px !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  cursor: pointer;
}
:root:root:root .pd-auth .btn-auth-submit:disabled {
  background: #0ea0c2 !important;
}
:root:root:root .pd-auth .btn-auth-submit:hover {
  background: #25c0e2 !important;
}
:root:root:root .pd-auth .btn-auth-submit svg,
:root:root:root .pd-auth .btn-auth-submit i {
  display: none;
}
:root:root:root .pd-auth .alert {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 18px;
  padding: 16px;
  border-radius: 12px;
  background: #e8f7ee;
  font-size: 15px;
  font-weight: 500;
  color: #0e7c4a;
}
:root:root:root .pd-auth .alert-success::before {
  content: "";
  flex: none;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 20 20' fill='none' stroke='%230E7C4A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5l4 4 8-9'/%3E%3C/svg%3E") no-repeat center / 22px 22px;
}
:root:root:root .pd-auth .alert-danger {
  background: #fbe9e7;
  color: #c0362b;
}
:root:root:root .pd-auth .alert-warning {
  background: #fff4e0;
  color: #8a5a00;
}
:root:root:root .pd-auth__aside {
  grid-column: 2;
  grid-row: 1 / span 40;
  margin: 0;
  background: #0c0f13;
  padding: 40px 36px;
  flex-direction: column;
  justify-content: center;
  background-image: linear-gradient(150deg, transparent 70%, #12b5da 70%, #12b5da 78%, #0b7a96 78%, #0b7a96 82%, transparent 82%);
}
:root:root:root .pd-auth__aside-title {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  line-height: 1.2;
}
:root:root:root .pd-auth__aside-text {
  font-size: 15px;
  color: #c7d0d7;
  line-height: 1.55;
  margin-top: 8px;
}
:root:root:root .pd-auth__aside-text:first-child {
  margin-top: 0;
}
:root:root:root .pd-auth__aside-btn {
  margin-top: 22px;
  height: 50px;
  border-radius: 12px;
  border: 1px solid #25c0e2;
  color: #25c0e2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: .03em;
  cursor: pointer;
  max-width: 260px;
}
:root:root:root .pd-auth__aside-btn:hover {
  background: #12b5da;
  color: #06232b;
}
@media (max-width: 1279.98px) {
  :root:root:root .pd-auth__aside {
    background-size: 100% 60%;
    background-position: 0 100%;
    background-repeat: no-repeat;
  }
  :root:root:root .pd-auth form > .row {
    text-wrap: balance;
  }
}
:root:root:root .pd-auth:not(.pd-auth--login) .auth-card {
  max-width: calc(940px * 1.2 / 2.2 + 2px);
  grid-template-columns: minmax(0, 1fr);
}
:root:root:root .pd-auth .auth-card__header-title:last-child {
  margin-bottom: 24px !important;
}
:root:root:root .pd-auth:not(.pd-auth--login) .btn-auth-submit {
  height: auto;
  min-height: 54px;
  padding: 6px 16px !important;
  text-align: center;
  text-wrap: balance;
}
:root:root:root .pd-auth--register .auth-card__header-description {
  margin-bottom: 0;
}
:root:root:root .pd-auth .login-page-link {
  margin-bottom: 0 !important;
  text-align: start !important;
  font-size: 14px;
  font-weight: 400 !important;
  line-height: 1.55;
  color: #0b7a96 !important;
  text-decoration: none;
}
:root:root:root .pd-auth .login-page-link:hover {
  color: #0b6680 !important;
  text-decoration: underline;
}
:root:root:root .pd-auth label.fs-2 {
  margin-top: 24px !important;
  margin-bottom: 0 !important;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 14px !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: start !important;
  color: #5b6871;
}
:root:root:root .pd-auth label[for="helper_text"] {
  margin-top: 6px;
  font-size: 12px;
  color: #5b6871 !important;
}
:root:root:root .pd-auth select.form-control {
  appearance: none;
  padding-right: 41px !important;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 10 6' fill='none' stroke='%2312181D' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 16px center / 9px 6px;
  cursor: pointer;
}
:root:root:root .pd-auth select.form-control:has(option[value=""]:checked) {
  color: #757575;
}
:root:root:root .pd-auth .mb-3.position-relative:has(> select[style*="display: none"]) {
  display: none;
}
:root:root:root .pd-auth .form-check {
  display: flex;
  align-items: center;
  gap: 10px !important;
  cursor: pointer;
}
:root:root:root .pd-auth .form-check-input {
  appearance: none;
  flex: none;
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  margin: 0;
  border: 2px solid #a3adb5;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
}
:root:root:root .pd-auth .form-check-input:checked {
  border-color: #12b5da;
  background: #12b5da url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5l4 4 8-9'/%3E%3C/svg%3E") no-repeat center / 12px 12px;
}
:root:root:root .pd-auth .form-check-label {
  font-size: 14px;
}
:root:root:root .pd-auth label.form-label[for="math_captcha"] {
  position: static;
  display: block;
  width: auto;
  height: auto;
  margin: 0 0 6px;
  overflow: visible;
  clip-path: none;
  white-space: normal;
  font-size: 14px;
  font-weight: 500;
}
:root:root:root .pd-auth form > .mt-3.text-center {
  margin-top: 10px !important;
}
:root:root:root .customer-wrapper {
  max-width: none;
  width: auto;
  margin: 0;
  padding: 0;
}
:root:root:root .customer-wrapper > .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 18px;
}
:root:root:root .customer-wrapper > .row > .col-12 {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
:root:root:root .customer-page,
:root:root:root .customer-dashboard-container,
:root:root:root .customer-dashboard-content {
  width: auto;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
:root:root:root .customer-wrapper .customer-dashboard-content {
  font-family: var(--pd-body) !important;
}
:root:root:root .pd-acct-top {
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 16px;
}
:root:root:root .pd-acct-top--solo {
  grid-template-columns: minmax(0, 1fr);
}
:root:root:root .pd-acct-hello {
  background: #0c0f13;
  border-radius: 16px;
  padding: 24px 26px;
  display: flex;
  gap: 18px;
  align-items: center;
}
:root:root:root .pd-acct-hello__avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #12b5da;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 24px;
  color: #06232b;
  flex: none;
}
:root:root:root .pd-acct-hello__avatar img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
:root:root:root .pd-acct-hello__avatar img[hidden],
:root:root:root .pd-acct-hello__avatar img:not([hidden]) + span {
  display: none;
}
:root:root:root .pd-acct-hello__avatar--upload {
  cursor: pointer;
}
:root:root:root .pd-acct-hello__avatar--upload:hover {
  box-shadow: 0 0 0 3px rgba(37, 192, 226, .45);
}
:root:root:root .pd-acct-hello__text {
  min-width: 0;
}
:root:root:root .pd-acct-hello__name {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 26px;
  color: #fff;
}
:root:root:root .pd-acct-hello__welcome {
  font-size: 14px;
  line-height: 1.55;
  color: #c7d0d7;
  margin-top: 4px;
  max-width: 70ch;
}
:root:root:root .pd-acct-hello__welcome a,
:root:root:root .pd-acct-hello__welcome a:hover {
  color: #25c0e2;
  cursor: pointer;
}
:root:root:root .pd-acct-wallet,
:root:root:root .pd-acct-wallet:hover {
  color: #12181d;
}
:root:root:root .pd-acct-wallet {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 20px 22px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
:root:root:root .pd-acct-wallet:hover {
  border-color: #12b5da;
}
:root:root:root .pd-acct-wallet__label {
  font-size: 12px;
  letter-spacing: .08em;
  color: #5b6871;
  text-transform: uppercase;
}
:root:root:root .pd-acct-wallet__value {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 36px;
  color: #0e7c4a;
  line-height: 1.1;
  margin-top: 4px;
}
:root:root:root .pd-acct-wallet__value.is-negative {
  color: #c0362b;
}
:root:root:root .pd-acct-wallet__link {
  font-size: 13px;
  color: #0b7a96;
  font-weight: 500;
  margin-top: 4px;
}
:root:root:root .pd-acct-tabs {
  gap: 4px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 14px;
  padding: 6px;
}
:root:root:root .pd-acct-tab {
  height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  background: transparent;
  color: #404b54;
}
:root:root:root .pd-acct-tab.is-active {
  background: #12b5da;
  color: #06232b;
}
:root:root:root .pd-acct-tab--logout {
  color: #c0362b;
  margin-left: auto;
}
:root:root:root .pd-acct-tab:hover {
  color: #0b7a96;
}
:root:root:root .pd-acct-tab__badge {
  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #eef2f5;
  color: #404b54;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  box-sizing: border-box;
}
:root:root:root .pd-acct-tab.is-active .pd-acct-tab__badge {
  background: #0c0f13;
  color: #25c0e2;
}
:root:root:root .pd-pills {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
:root:root:root .pd-pill {
  height: 38px;
  padding: 0 14px;
  border-radius: 19px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid #c6d0d8;
  background: #fff;
  color: #404b54;
}
:root:root:root .pd-pill.is-on {
  border-color: #0c0f13;
  background: #0c0f13;
  color: #25c0e2;
}
:root:root:root .pd-pill:hover {
  border-color: #12b5da;
}
:root:root:root .pd-pill:not(.is-on):hover {
  color: #404b54;
}
:root:root:root .pd-pill.is-on:hover {
  color: #25c0e2;
}
:root:root:root .pd-pill__count {
  opacity: .7;
}
:root:root:root .pd-chip {
  font-size: 12px;
  font-weight: 600;
  padding: 5px 9px;
  border-radius: 6px;
  white-space: nowrap;
  background: #eef2f5;
  color: #404b54;
}
:root:root:root .pd-chip--s {
  padding: 4px 8px;
}
:root:root:root .pd-chip--ok {
  background: #e8f7ee;
  color: #0e7c4a;
}
:root:root:root .pd-chip--info {
  background: #e6f7fb;
  color: #0b7a96;
}
:root:root:root .pd-chip--warn {
  background: #fff4e0;
  color: #8a5a00;
}
:root:root:root .pd-chip--danger {
  background: #fbe9e7;
  color: #c0362b;
}
:root:root:root .pd-chip--pink {
  background: #f7e8f2;
  color: #8a2a63;
}
:root:root:root .pd-act,
:root:root:root .pd-act:hover {
  box-sizing: content-box; 
  height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  background: #fff;
  color: #12181d;
  border: 1px solid #c6d0d8;
}
:root:root:root .pd-act--primary,
:root:root:root .pd-act--primary:hover {
  background: #12b5da;
  color: #06232b;
  border-color: #12b5da;
}
:root:root:root .pd-act--danger,
:root:root:root .pd-act--danger:hover {
  background: #fff;
  color: #c0362b;
  border-color: #e3b4af;
}
:root:root:root .pd-act:hover {
  filter: brightness(.96);
}
:root:root:root .pd-apager {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin: 14px 0 0;
}
:root:root:root .pd-apager__item,
:root:root:root .pd-apager__item:hover {
  min-width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  background: #fff;
  color: #404b54;
  border: 1px solid #e3e8ec;
}
:root:root:root a.pd-apager__item:hover {
  border-color: #12b5da;
}
:root:root:root .pd-apager__item.is-on {
  background: #12b5da;
  color: #06232b;
  border-color: #12b5da;
  cursor: default;
}
:root:root:root .pd-apager__item.is-off {
  color: #a3adb5;
  cursor: default;
}
:root:root:root .pd-acct-empty {
  display: block;
  margin: 0;
  padding: 40px;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  text-align: center;
}
:root:root:root .pd-acct-empty .bb-empty-title {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
}
:root:root:root .pd-acct-empty .bb-empty-subtitle {
  margin: 6px 0 0;
  font-size: 16px;
  color: #404b54 !important; 
}
:root:root:root .pd-rev-empty__btn,
:root:root:root .pd-rev-empty__btn:hover {
  display: inline-flex;
  margin-top: 16px;
  height: 46px;
  padding: 0 24px;
  border-radius: 12px;
  background: #12b5da;
  color: #06232b;
  align-items: center;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
}
:root:root:root .pd-rev-empty__btn:hover {
  background: #25c0e2;
}
:root:root:root .pd-acct-empty .bb-empty-action a,
:root:root:root .pd-acct-empty .bb-empty-action a:hover {
  display: inline-flex;
  margin-top: 16px;
  height: 46px;
  padding: 0 24px !important;
  border-radius: 12px !important;
  background: #12b5da !important;
  color: #06232b;
  align-items: center;
  font-family: 'Oswald' !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-transform: uppercase;
  cursor: pointer;
}
:root:root:root .pd-acct-empty .bb-empty-action a:hover {
  background: #25c0e2 !important;
}
:root:root:root .customer-dashboard-content > .bb-customer-profile-wrapper {
  display: contents;
}
:root:root:root .pd-acct-card {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  overflow: hidden;
}
:root:root:root .pd-acct-card__head {
  padding: 16px 22px;
  background: #fafcfd;
  border-bottom: 1px solid #edf1f4;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
}
:root:root:root .pd-acct-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px 28px;
  padding: 22px;
}
:root:root:root .pd-acct-fact__k {
  font-size: 12px;
  color: #5b6871;
  text-transform: uppercase;
  letter-spacing: .06em;
}
:root:root:root .pd-acct-fact__v {
  font-size: 16px;
  font-weight: 500;
  margin-top: 4px;
  overflow-wrap: anywhere;
}
:root:root:root .pd-acct-note {
  gap: 12px;
  align-items: flex-start;
  background: #e6f7fb;
  border: 1px solid #bee7f1;
  border-radius: 12px;
  padding: 14px 16px;
  margin: 0 0 12px;
}
:root:root:root .pd-acct-note svg {
  flex: none;
  margin-top: 1px;
}
:root:root:root .pd-acct-note__text {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #12181d;
}
:root:root:root .pd-acct-note__link,
:root:root:root .pd-acct-note__link:hover {
  flex: none;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: #0b7a96;
}
:root:root:root .pd-acct-note__link:hover {
  text-decoration: underline;
}
:root:root:root .customer-dashboard-content > .customer-list-order {
  display: none;
}
:root:root:root .pd-orders {
  flex-direction: column;
  gap: 12px;
  container: pd-orders / inline-size;
}
:root:root:root .pd-otable {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  overflow: hidden;
}
:root:root:root .pd-otable__head,
:root:root:root .pd-otable__row {
  display: grid;
  grid-template-columns: 130px 140px minmax(0, 1fr) 120px 130px 280px;
  gap: 14px;
}
:root:root:root .pd-otable__head {
  padding: 13px 20px;
  background: #fafcfd;
  border-bottom: 1px solid #edf1f4;
  font-size: 12px;
  color: #5b6871;
  letter-spacing: .06em;
  text-transform: uppercase;
}
:root:root:root .pd-otable__head > :last-child {
  text-align: right;
}
:root:root:root .pd-otable__row {
  align-items: center;
  padding: 14px 20px;
  border-bottom: 1px solid #edf1f4;
}
:root:root:root .pd-otable__row:hover {
  background: #fafcfd;
}
:root:root:root .pd-otable__no {
  font-size: 15px;
}
:root:root:root .pd-otable__date {
  font-size: 14px;
}
:root:root:root .pd-otable__time {
  font-size: 12px;
  color: #8a949c;
}
:root:root:root .pd-otable__total {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 17px;
}
:root:root:root .pd-otable__items {
  font-size: 12px;
  color: #5b6871;
}
:root:root:root .pd-otable__pay {
  font-size: 14px;
}
:root:root:root .pd-otable__actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@supports (grid-template-columns: subgrid) {
  :root:root:root .pd-otable {
    display: grid;
    grid-template-columns: 150px 140px minmax(90px, 1fr) 120px minmax(130px, max-content) minmax(220px, 300px);
    column-gap: 14px;
  }
  :root:root:root .pd-otable__head,
  :root:root:root .pd-otable__row {
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
  }
}
@container pd-orders (max-width: 921.98px) {
  :root:root:root .pd-otable {
    display: block;
  }
  :root:root:root .pd-otable__head {
    display: none;
  }
  :root:root:root .pd-otable__row {
    grid-column: auto;
    grid-template-columns: 100px 96px minmax(80px, 1fr) minmax(0, max-content) max-content;
    row-gap: 12px;
  }
  :root:root:root .pd-otable__actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}
:root:root:root .product-reviews-page ~ .bb-empty {
  display: none;
}
:root:root:root .pd-rev-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  list-style: none;
}
:root:root:root .pd-rev-tabs li {
  display: block;
}
:root:root:root .pd-rev-tabs .nav-link,
:root:root:root .pd-set > .nav .nav-link {
  box-sizing: content-box; 
  height: 38px;
  padding: 0 14px;
  border-radius: 19px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid #c6d0d8;
  background: #fff;
  color: #404b54;
  white-space: nowrap;
}
:root:root:root .pd-rev-tabs .nav-link.active,
:root:root:root .pd-set > .nav .nav-link.active {
  border-color: #0c0f13;
  background: #0c0f13;
  color: #25c0e2;
}
:root:root:root .product-reviews-page > .tab-content {
  margin: 0;
  padding: 12px 0 0 !important;
  border: 0;
  background: transparent;
}
:root:root:root .pd-rev-empty {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 40px;
  text-align: center;
}
:root:root:root .pd-rev-empty__text {
  font-size: 16px;
  color: #404b54;
}
:root:root:root .pd-rev-done .table-responsive,
:root:root:root .pd-rev-done table {
  display: block;
}
:root:root:root .pd-rev-done thead {
  display: none;
}
:root:root:root .pd-rev-done tbody {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
:root:root:root .pd-rev-done tr {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 14px;
  padding: 16px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto;
  column-gap: 14px;
  align-content: start;
  align-items: center;
}
:root:root:root .pd-rev-done :is(th, td) {
  display: block;
  padding: 0;
  font-weight: 400;
  text-align: start;
}
:root:root:root .pd-rev-done tr > :nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 3;
  align-self: start;
}
:root:root:root .pd-rev-done tr > :nth-child(2) {
  grid-column: 2;
  grid-row: 1;
  font-weight: 500;
}
:root:root:root .pd-rev-done tr > :nth-child(4) {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #e8a317;
}
:root:root:root .pd-rev-done tr > :nth-child(3) {
  grid-column: 2;
  grid-row: 3;
  font-size: 12px;
  color: #8a949c;
}
:root:root:root .pd-rev-done tr > :nth-child(5) {
  grid-column: 1 / -1;
  grid-row: 4;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #404b54;
  overflow-wrap: anywhere;
}
:root:root:root .pd-rev-done tr > :nth-child(5):empty {
  display: none;
}
:root:root:root .pd-rev-done tr > :nth-child(6) {
  grid-column: 3;
  grid-row: 1 / span 3;
}
:root:root:root .pd-rev-done img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  display: block;
}
:root:root:root .pd-rev-done th a,
:root:root:root .pd-rev-done th a:hover {
  color: #12181d;
  font-weight: 500;
}
:root:root:root .pd-rev-done th a:hover {
  color: #0b7a96;
}
:root:root:root .pd-rev-done th p {
  margin: 2px 0 0;
  font-size: 12px;
  font-weight: 400;
  color: #5b6871;
}
:root:root:root .pd-rev-done td svg {
  width: 16px;
  height: 16px;
  flex: none;
  fill: #e8a317;
  stroke: #e8a317;
  color: #e8a317 !important; 
}
:root:root:root .pd-rev-done form {
  margin: 0;
}
:root:root:root .pd-rev-done form button {
  font-size: 13px;
  font-weight: 500;
  color: #c0362b;
  cursor: pointer;
}
:root:root:root .pd-rev-done tr:has(> td[colspan]) {
  grid-column: 1 / -1;
  display: block;
  border-radius: 16px;
  padding: 40px;
}
:root:root:root .pd-rev-done td[colspan] {
  font-size: 16px;
  color: #404b54;
}
:root:root:root .pd-rev-done > .pagination {
  display: block;
  margin: 0;
}
:root:root:root .product-reviews-page .ecommerce-product-item {
  margin: 0;
  padding: 16px !important;
  background: #fff;
  border: 1px solid #e3e8ec !important;
  border-radius: 14px;
  font-family: var(--pd-body);
  font-size: 14px;
  color: #12181d;
}
:root:root:root .product-reviews-page .ecommerce-product-item > .d-flex {
  gap: 14px !important;
  align-items: center;
}
:root:root:root .product-reviews-page .ecommerce-product-image {
  flex: none;
  width: 64px;
  height: 64px;
  object-fit: contain;
  border-radius: 0 !important;
}
:root:root:root .product-reviews-page .ecommerce-product-item .ecommerce-product-name {
  margin: 0;
  font-family: var(--pd-body);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0;
  text-transform: none;
  color: #12181d;
}
:root:root:root .product-reviews-page .ecommerce-product-item .text-muted {
  margin-top: 2px !important;
  font-size: 12px;
  color: #8a949c !important;
}
:root:root:root .pd-addr-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 1199.98px) {
  :root:root:root .pd-addr-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
:root:root:root .pd-addr {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 21px;
  position: relative;
}
:root:root:root .pd-addr.is-default {
  border: 2px solid #12b5da;
  padding: 20px;
}
:root:root:root .pd-addr__chip {
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 11px;
  font-weight: 600;
  background: #e6f7fb;
  color: #0b7a96;
  padding: 4px 8px;
  border-radius: 6px;
}
:root:root:root .pd-addr__name {
  font-weight: 600;
  font-size: 16px;
  overflow-wrap: anywhere;
}
:root:root:root .pd-addr__chip-room {
  float: right;
  height: 1px;
  margin-left: 4px;
  padding: 0 8px;
  overflow: hidden;
  visibility: hidden;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
:root:root:root .pd-addr__lines {
  font-size: 14px;
  line-height: 1.6;
  color: #404b54;
  margin-top: 6px;
  overflow-wrap: anywhere;
}
:root:root:root .pd-addr__actions {
  display: flex;
  gap: 10px;
  margin-top: 14px;
  font-size: 14px;
  font-weight: 500;
}
:root:root:root .pd-addr__edit,
:root:root:root .pd-addr__edit:hover {
  color: #0b7a96;
  cursor: pointer;
}
:root:root:root .pd-addr__sep {
  color: #c6d0d8;
}
:root:root:root .pd-addr__delete {
  color: #c0362b;
  cursor: pointer;
}
:root:root:root .pd-addr-add,
:root:root:root .pd-addr-add:hover {
  border: 2px dashed #c6d0d8;
  border-radius: 16px;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  color: #0b7a96;
}
:root:root:root .pd-addr-add:hover {
  border-color: #12b5da;
  background: #f3fbfd;
}
:root:root:root .pd-addr-add__plus {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #12b5da;
  color: #06232b;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
:root:root:root .pd-addr-add__label {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 17px;
}
:root:root:root .customer-dashboard-content.pd-set {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 22px;
  max-width: 720px;
  box-sizing: content-box;
}
:root:root:root .pd-set > .nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}
:root:root:root .pd-set > .nav li {
  display: block;
}
:root:root:root .pd-set .tab-pane {
  padding: 0 !important;
}
:root:root:root .pd-set form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}
:root:root:root .pd-set form > div {
  margin: 0 !important;
}
:root:root:root .pd-set .form-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}
:root:root:root .pd-set .form-label.required::after {
  content: " *";
  color: #c0362b;
}
:root:root:root .pd-set .form-control {
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  border: 1px solid #c6d0d8;
  border-radius: 10px;
  padding: 0 14px;
  font-size: 15px;
  outline: none;
  background: #fff;
  color: #12181d;
}
:root:root:root .pd-set .form-control:disabled {
  background: #eef2f5;
  color: #5b6871;
}
:root:root:root .pd-set .form-control::placeholder {
  color: #757575;
  opacity: 1;
}
:root:root:root .pd-set .form-control:focus {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-set .form-control.is-invalid {
  border-color: #c0362b;
}
:root:root:root .pd-set .invalid-feedback {
  display: block;
  font-size: 12px;
  color: #c0362b;
  margin-top: 5px;
}
:root:root:root .pd-set .invalid-feedback:empty {
  display: none;
}
:root:root:root .pd-set form button[type="submit"] {
  align-self: flex-start;
  box-sizing: content-box;
  height: 48px;
  padding: 0 30px !important;
  border-radius: 12px !important;
  background: #12b5da !important;
  color: #06232b;
  display: flex;
  align-items: center;
  font-family: 'Oswald' !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  text-transform: uppercase;
  cursor: pointer;
}
:root:root:root .pd-set form button[type="submit"]:hover {
  background: #25c0e2 !important;
}
:root:root:root .customer-dashboard-content .wallet-page {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:root:root:root .pd-wallet {
  flex-direction: column;
  gap: 12px;
  container: pd-wallet / inline-size;
}
:root:root:root .pd-wallet__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  min-height: 36px;
}
:root:root:root .pd-wallet__title {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 20px;
}
:root:root:root .pd-wallet__pills {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
:root:root:root .pd-wpill {
  height: 34px;
  padding: 0 12px;
  border-radius: 17px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid #c6d0d8;
  background: #fff;
  color: #404b54;
}
:root:root:root .pd-wpill.is-on {
  border-color: #0c0f13;
  background: #0c0f13;
  color: #25c0e2;
}
:root:root:root .pd-wpill:hover {
  border-color: #12b5da;
}
:root:root:root .pd-wpill:not(.is-on):hover {
  color: #404b54;
}
:root:root:root .pd-wpill.is-on:hover {
  color: #25c0e2;
}
:root:root:root .pd-wtable {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  overflow: hidden;
}
:root:root:root .pd-wtable__head,
:root:root:root .pd-wtable__row {
  display: grid;
  grid-template-columns: 170px 150px minmax(0, 1fr) 120px 120px 110px;
  gap: 14px;
}
:root:root:root .pd-wtable__head {
  padding: 13px 20px;
  background: #fafcfd;
  border-bottom: 1px solid #edf1f4;
  font-size: 12px;
  color: #5b6871;
  letter-spacing: .06em;
  text-transform: uppercase; 
}
:root:root:root .pd-wtable__head > :nth-child(4),
:root:root:root .pd-wtable__head > :nth-child(5) {
  text-align: right;
}
:root:root:root .pd-wtable__row {
  align-items: center;
  padding: 12px 20px;
  border-bottom: 1px solid #edf1f4;
  font-size: 14px;
}
:root:root:root .pd-wtable__row:hover {
  background: #fafcfd;
}
:root:root:root .pd-wtable__date {
  color: #5b6871;
  font-size: 13px;
}
:root:root:root .pd-wtable__desc {
  min-width: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
:root:root:root .pd-wtable__desc > span {
  min-width: 0;
  overflow-wrap: anywhere;
}
:root:root:root .pd-wtable__order,
:root:root:root .pd-wtable__order:hover {
  color: #0b7a96;
  font-size: 13px;
  cursor: pointer;
}
:root:root:root .pd-wtable__desc > .pd-wtable__extra {
  font-size: 13px;
  color: #5b6871;
}
:root:root:root .pd-wtable__amount {
  text-align: right;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 16px;
}
:root:root:root .pd-wtable__amount.is-credit {
  color: #0e7c4a;
}
:root:root:root .pd-wtable__amount.is-debit {
  color: #c0362b;
}
:root:root:root .pd-wtable__after {
  text-align: right;
  font-weight: 500;
}
@supports (grid-template-columns: subgrid) {
  :root:root:root .pd-wtable {
    display: grid;
    grid-template-columns: minmax(190px, max-content) 150px minmax(120px, 1fr) 120px 120px minmax(130px, max-content);
    column-gap: 14px;
  }
  :root:root:root .pd-wtable__head,
  :root:root:root .pd-wtable__row {
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
  }
}
@container pd-wallet (max-width: 901.98px) {
  :root:root:root .pd-wtable {
    display: block;
  }
  :root:root:root .pd-wtable__head {
    display: none;
  }
  :root:root:root .pd-wtable__row {
    grid-column: auto;
    grid-template-columns: max-content max-content minmax(0, 1fr) max-content max-content;
    row-gap: 8px;
  }
  :root:root:root .pd-wtable__desc {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  :root:root:root .pd-wtable__row > :nth-child(4) {
    grid-column: 3;
  }
}
:root:root:root .pd-wallet__empty {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 40px;
  text-align: center;
  font-size: 16px;
  color: #404b54;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .badge {
  padding: 5px 9px;
  border: 0;
  border-radius: 6px;
  background: #eef2f5 !important;
  font-family: var(--pd-body);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  white-space: nowrap;
  text-transform: none;
  color: #404b54 !important;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .badge:is(.bg-success, .bg-green, .bg-green-lt) {
  background: #e8f7ee !important;
  color: #0e7c4a !important;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .badge:is(.bg-danger, .bg-red) {
  background: #fbe9e7 !important;
  color: #c0362b !important;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .badge:is(.bg-warning, .bg-yellow, .bg-orange) {
  background: #fff4e0 !important;
  color: #8a5a00 !important;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .badge:is(.bg-info, .bg-blue, .bg-cyan) {
  background: #e6f7fb !important;
  color: #0b7a96 !important;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .badge:is(.bg-pink, .bg-purple) {
  background: #f7e8f2 !important;
  color: #8a2a63 !important;
}
:root:root:root .pd-acct-plain form .mb-3 {
  margin-bottom: 16px !important;
}
:root:root:root .pd-acct-plain form .form-label {
  display: block;
  margin: 0 0 6px;
  font-family: var(--pd-body);
  font-size: 14px;
  font-weight: 500;
  color: #12181d;
}
:root:root:root .pd-acct-plain form .form-control,
:root:root:root .pd-acct-plain form .form-select {
  height: 48px;
  padding: 0 14px;
  background-color: #fff;
  border: 1px solid #c6d0d8;
  border-radius: 10px;
  box-shadow: none;
  font-family: var(--pd-body);
  font-size: 15px;
  color: #12181d;
}
:root:root:root .pd-acct-plain form textarea.form-control {
  height: auto;
  padding: 12px 14px;
}
:root:root:root .pd-acct-plain form .form-control:focus,
:root:root:root .pd-acct-plain form .form-select:focus {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-acct-plain form .form-control:disabled,
:root:root:root .pd-acct-plain form .form-control[readonly] {
  background-color: #eef2f5;
  color: #5b6871;
}
:root:root:root .pd-acct-plain form .btn.btn-primary,
:root:root:root .pd-acct-plain .bb-empty-action .btn {
  width: auto;
  height: 48px;
  padding: 0 30px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 12px !important;
  background: #12b5da !important;
  color: #06232b !important;
  font-family: 'Oswald' !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  letter-spacing: 0;
  text-transform: uppercase;
}
:root:root:root .pd-acct-plain form .btn.btn-primary:hover,
:root:root:root .pd-acct-plain .bb-empty-action .btn:hover {
  background: #25c0e2 !important;
}
:root:root:root .pd-acct-plain > form {
  padding: 22px;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
}
:root:root:root .pd-acct-plain .table-responsive:not(.customer-list-order) {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  overflow: hidden;
}
:root:root:root .pd-acct-plain .table-responsive:not(.customer-list-order) .table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: transparent;
  margin: 0;
  border: 0;
  font-family: var(--pd-body);
  font-size: 14px;
  color: #12181d;
}
:root:root:root .pd-acct-plain .table-responsive:not(.customer-list-order) .table :is(th, td) {
  padding: 12px 20px;
  border: 0;
  border-bottom: 1px solid #edf1f4;
  vertical-align: middle;
  box-shadow: none;
}
:root:root:root .pd-acct-plain .table-responsive:not(.customer-list-order) .table thead th {
  background: #fafcfd;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #5b6871;
}
:root:root:root .customer-dashboard-content ul.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
:root:root:root .customer-dashboard-content ul.pagination .page-item {
  display: block;
  margin: 0;
}
:root:root:root .customer-dashboard-content ul.pagination .page-link {
  box-sizing: content-box;
  min-width: 38px;
  height: 38px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e3e8ec;
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
  font-family: var(--pd-body);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #404b54;
}
:root:root:root .customer-dashboard-content ul.pagination a.page-link:hover {
  border-color: #12b5da;
  color: #404b54;
}
:root:root:root .customer-dashboard-content ul.pagination .page-item.active .page-link {
  background: #12b5da;
  border-color: #12b5da;
  color: #06232b;
}
:root:root:root .customer-dashboard-content ul.pagination .page-item.disabled .page-link {
  color: #a3adb5;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .bb-customer-card-list {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .bb-customer-card {
  margin: 0 !important;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  box-shadow: none;
  overflow: hidden;
  font-family: var(--pd-body);
  color: #12181d;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .bb-customer-card-header {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  background: transparent;
  border-bottom: 1px solid #edf1f4;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .bb-customer-card-title {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 20px !important;
  line-height: 1.2;
  letter-spacing: 0;
  color: #12181d;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .info-item .label {
  display: block;
  font-family: var(--pd-body);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #5b6871;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .wallet-balance-section .info-item .value {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .text-success {
  color: #0e7c4a !important;
}
:root:root:root :is(.pd-acct-plain, .wallet-page) .text-danger {
  color: #c0362b !important;
}
:root:root:root .wallet-page .wallet-balance-section {
  background: #fff;
}
:root:root:root .wallet-page .wallet-balance-section .bb-customer-card-header {
  border-bottom: 0;
}
:root:root:root .wallet-page .wallet-balance-section .bb-customer-card-body {
  display: none;
}
:root:root:root .wallet-page .wallet-balance-section .btn {
  height: 34px;
  padding: 0 12px !important;
  display: inline-flex;
  align-items: center;
  border: 1px solid #c6d0d8 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none;
  font-family: var(--pd-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-transform: none;
  color: #12181d !important;
}
:root:root:root .wallet-page .wallet-balance-section .btn.btn-primary {
  border-color: #12b5da !important;
  background: #12b5da !important;
  color: #06232b !important;
}
:root:root:root .wallet-page .wallet-balance-section .btn.btn-outline-danger {
  border-color: #e3b4af !important;
  color: #c0362b !important;
}
:root:root:root .wallet-page .wallet-balance-section .btn:hover {
  filter: brightness(.96);
}
:root:root:root .wallet-page .gift-card-promo {
  padding: 16px 20px;
  background: #e6f7fb;
  border: 1px solid #bee7f1;
  border-radius: 16px;
}
:root:root:root .wallet-page .gift-card-promo__icon {
  border-radius: 12px;
  background: #12b5da;
  box-shadow: none;
  color: #06232b;
}
:root:root:root .wallet-page .gift-card-promo__title {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  color: #12181d;
}
:root:root:root .wallet-page .gift-card-promo__desc {
  font-family: var(--pd-body);
  font-size: 14px;
  color: #404b54;
}
:root:root:root .wallet-page .gc-btn {
  height: 34px;
  padding: 0 12px;
  border: 1px solid #c6d0d8;
  border-radius: 8px;
  background: #fff;
  font-family: var(--pd-body);
  font-size: 13px;
  font-weight: 500;
  color: #12181d;
}
:root:root:root .wallet-page .gc-btn--primary {
  border-color: #12b5da;
  background: #12b5da;
  color: #06232b;
}
:root:root:root .wallet-page .gc-btn--ghost {
  border-color: transparent;
  background: transparent;
  color: #0b7a96;
}
:root:root:root .wallet-page .gc-btn:hover {
  filter: brightness(.96);
}
:root:root:root .wallet-page .pending-topups-section {
  margin: 0 !important;
}
:root:root:root .wallet-page .pending-topup-card {
  background: #fff4e0;
  border: 1px solid #f1dfae;
  border-radius: 12px;
  font-family: var(--pd-body);
}
:root:root:root .wallet-page .pending-topup-amount {
  font-family: 'Oswald';
  font-weight: 600;
  color: #8a5a00;
}
:root:root:root .pd-acct-plain .wallet-balance-section:not(:has(.bb-customer-card-header .btn)) {
  display: none;
}
:root:root:root .pd-acct-plain .customer-order-detail > .row {
  --bs-gutter-x: 0;
}
:root:root:root .pd-acct-plain .customer-order-detail h3 {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  color: #12181d;
}
:root:root:root .pd-acct-plain .customer-order-detail .order-section-title {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0;
  color: #12181d;
}
:root:root:root .pd-acct-plain .customer-order-detail .text-info {
  color: #0b7a96 !important;
}
:root:root:root .pd-acct-plain .customer-order-detail .text-warning {
  color: #8a5a00 !important;
}
:root:root:root .pd-acct-plain .customer-order-detail .order-summary__total strong {
  font-family: 'Oswald';
  font-weight: 600;
  color: #0b7a96;
}
:root:root:root .pd-acct-plain .customer-order-detail > .mt-3 .btn {
  height: 46px;
  padding: 0 24px !important;
  display: inline-flex;
  align-items: center;
  border: 1px solid #12b5da !important;
  border-radius: 12px !important;
  background: #12b5da !important;
  box-shadow: none;
  font-family: 'Oswald' !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #06232b !important;
}
:root:root:root .pd-acct-plain .customer-order-detail > .mt-3 .btn:hover {
  border-color: #25c0e2 !important;
  background: #25c0e2 !important;
}
:root:root:root .pd-acct-plain .customer-order-detail > .mt-3 .btn.btn-danger {
  border-color: #e3b4af !important;
  background: #fff !important;
  color: #c0362b !important;
}
:root:root:root .pd-acct-plain .customer-order-detail > .mt-3 .btn.btn-danger:hover {
  background: #fbe9e7 !important;
}
:root:root:root #modal-cancel-order .modal-content {
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(8, 11, 14, .28);
  font-family: var(--pd-body);
  font-size: 14px;
  line-height: 1.5;
  color: #12181d;
}
:root:root:root #modal-cancel-order .modal-header {
  padding: 20px 22px 16px;
  border-bottom: 1px solid #edf1f4;
}
:root:root:root #modal-cancel-order .modal-title {
  margin: 0 0 4px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 20px !important; 
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  color: #12181d;
}
:root:root:root #modal-cancel-order .modal-header p {
  font-family: var(--pd-body);
  font-size: 14px;
  line-height: 1.5;
  color: #5b6871 !important; 
}
:root:root:root #modal-cancel-order .modal-body {
  padding: 18px 22px;
}
:root:root:root #modal-cancel-order .mb-3 {
  margin-bottom: 16px !important;
}
:root:root:root #modal-cancel-order .form-label {
  display: block;
  margin: 0 0 6px;
  font-family: var(--pd-body);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #12181d;
}
:root:root:root #modal-cancel-order .form-select,
:root:root:root #modal-cancel-order .form-control {
  width: 100%;
  min-height: 0;
  height: 48px;
  padding: 0 14px;
  border: 1px solid #c6d0d8;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: none;
  font-family: var(--pd-body);
  font-size: 15px;
  line-height: normal;
  color: #12181d;
}
:root:root:root #modal-cancel-order .form-select,
:root:root:root .pd-acct-plain form .form-select {
  appearance: none;
  padding-right: 38px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%235B6871' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 10px 6px;
}
:root:root:root #modal-cancel-order textarea.form-control {
  height: auto;
  padding: 12px 14px;
  line-height: 1.5;
}
:root:root:root #modal-cancel-order .form-select:focus,
:root:root:root #modal-cancel-order .form-control:focus {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
  outline: none;
}
:root:root:root #modal-cancel-order .modal-footer {
  padding: 14px 22px 18px;
  gap: 8px;
  border-top: 1px solid #edf1f4;
}
:root:root:root #modal-cancel-order .modal-footer .btn {
  height: 46px;
  margin: 0;
  padding: 0 24px !important;
  display: inline-flex;
  align-items: center;
  border: 1px solid #c6d0d8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none;
  font-family: 'Oswald' !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #12181d !important;
}
:root:root:root #modal-cancel-order .modal-footer .btn.btn-primary {
  border-color: #12b5da !important;
  background: #12b5da !important;
  color: #06232b !important;
}
:root:root:root #modal-cancel-order .modal-footer .btn.btn-primary:hover {
  border-color: #25c0e2 !important;
  background: #25c0e2 !important;
}
:root:root:root #modal-cancel-order .modal-footer .btn.btn-secondary:hover {
  border-color: #12b5da !important;
}
:root:root:root .pd-acct-plain .bb-customer-card .bb-empty {
  padding: 32px 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: center;
}
:root:root:root .pd-acct-plain .bb-customer-card .bb-empty-img {
  margin: 0 auto 10px;
  color: #a3adb5;
}
:root:root:root .pd-acct-plain .bb-customer-card .bb-empty-title {
  margin: 0;
  font-family: var(--pd-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #404b54;
}
:root:root:root .page-hero-banner {
  margin: 0 0 22px;
  border-radius: var(--pd-r-xl);
}
:root:root:root .page-hero-banner__title {
  margin: 0;
  font-family: var(--pd-display) !important;
  font-weight: 600;
  font-size: 44px;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #fff;
}
:root:root:root .page-hero-banner__subtitle {
  margin: 0;
  font-family: var(--pd-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--pd-on-ink);
}
:root:root:root .pd-pagehead {
  margin: 0 0 22px;
  background: #0c0f13;
  border-radius: 16px;
  padding: 40px 36px;
  background-image: linear-gradient(115deg, transparent 64%, #12b5da 64%, #12b5da 72%, #0b7a96 72%, #0b7a96 76%, transparent 76%);
}
:root:root:root .pd-pagehead--faq {
  margin-bottom: 20px;
  background: #12b5da;
  background-image: linear-gradient(160deg, #0c0f13 0%, #0c0f13 26%, transparent 26%);
}
:root:root:root .pd-pagehead--contact-us {
  align-items: baseline;
  gap: 18px;
  flex-wrap: wrap;
}
:root:root:root .pd-pagehead__title {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 44px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
}
:root:root:root .pd-pagehead__sub {
  font-size: 20px;
  color: #c7d0d7;
  margin-top: 10px;
}
:root:root:root .pd-pagehead--contact-us .pd-pagehead__sub {
  margin-top: 0;
}
:root:root:root .ck-content[data-pd-page="about-us"]:not(.pd-about) {
  padding: 26px 28px;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
}
:root:root:root .pd-about {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
:root:root:root .pd-about > :not(.pd-about__top, .pd-about__block, .pd-about__cta) {
  display: none;
}
:root:root:root .pd-about :is(h1, h2, h3, h4, h5, h6) :is(strong, b) {
  font-weight: inherit;
}
:root:root:root .pd-about p {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: #404b54 !important;
}
:root:root:root .pd-about p + p {
  margin-top: 10px;
}
:root:root:root .pd-about :is(ul, ol):not(.pd-about__cards) {
  margin: 10px 0 0;
  padding-left: 22px;
  font-size: 15px;
  line-height: 1.65;
  color: #404b54 !important;
}
:root:root:root .pd-about__top {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: 18px;
}
:root:root:root .pd-about__intro {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 26px 28px;
}
:root:root:root .pd-about__title {
  margin: 0 0 10px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 26px;
}
:root:root:root .pd-about .pd-about__lead {
  font-size: 16px;
}
:root:root:root .pd-about__sub {
  margin: 22px 0 8px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 20px;
}
:root:root:root .pd-about__dealer {
  background: #0c0f13;
  border-radius: 16px;
  padding: 26px 28px;
  color: #c7d0d7;
  display: flex;
  flex-direction: column;
}
:root:root:root .pd-about__dealer-title {
  margin: 0 0 10px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 22px;
  color: #fff;
  text-transform: uppercase;
}
:root:root:root .pd-about .pd-about__dealer :is(p, ul, ol) {
  color: inherit !important;
}
:root:root:root .pd-about__dealer :is(strong, b) {
  color: #fff;
}
:root:root:root .pd-about__lab,
:root:root:root .pd-about__lab:hover {
  margin-top: auto;
  padding-top: 18px;
  color: #25c0e2;
  font-weight: 500;
  cursor: pointer;
}
:root:root:root .pd-about__block-title {
  margin: 0 0 12px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 24px;
}
:root:root:root .pd-about__cards {
  display: grid;
  grid-template-columns: repeat(var(--pd-cols, 4), minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
:root:root:root .pd-about__cards--values {
  grid-template-columns: repeat(var(--pd-cols, 3), minmax(0, 1fr));
}
:root:root:root .pd-about__card {
  display: block;
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 14px;
  padding: 18px;
  color: #12181d;
}
:root:root:root .pd-about__bar {
  width: 36px;
  height: 4px;
  border-radius: 2px;
  background: #12b5da;
  margin-bottom: 14px;
}
:root:root:root .pd-about__card-title {
  display: block;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
  line-height: 1.15;
}
:root:root:root .pd-about__card-text {
  font-size: 14px;
  line-height: 1.55;
  color: #404b54;
  margin-top: 8px;
}
:root:root:root .pd-about__cards--values .pd-about__card {
  display: flex;
  gap: 14px;
}
:root:root:root .pd-about__num {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 34px;
  color: #12b5da;
  line-height: 1;
}
:root:root:root .pd-about__val .pd-about__card-title {
  line-height: normal;
}
:root:root:root .pd-about__val .pd-about__card-text {
  margin-top: 4px;
}
:root:root:root .pd-about__cta {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 24px 28px;
  display: flex;
  align-items: center;
  gap: 28px;
}
:root:root:root .pd-about__cta-text {
  flex: 1;
}
:root:root:root .pd-about__cta-title {
  margin: 0 0 8px;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 24px;
}
:root:root:root .pd-about .pd-about__cta-text p {
  max-width: 80ch;
}
:root:root:root .pd-about .pd-about__cta-text .pd-about__kicker {
  max-width: none;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600 !important;
  line-height: normal;
  color: #12181d !important;
}
:root:root:root .pd-about__kicker :is(strong, b) {
  font-weight: inherit;
}
:root:root:root .pd-about__cta-btn {
  flex: none;
  height: 52px;
  padding: 0 28px;
  border-radius: 12px;
  background: #12b5da;
  color: #06232b;
  display: flex;
  align-items: center;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
}
:root:root:root .pd-about__cta-btn:hover {
  background: #25c0e2;
  color: #06232b;
}
:root:root:root .ck-content[data-pd-page="faq"] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
:root:root:root .ck-content[data-pd-page="faq"] > p {
  order: -1;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: start;
  text-transform: none;
  color: #404b54;
  max-width: 90ch;
}
:root:root:root .ck-content[data-pd-page="faq"] > p [style] {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
:root:root:root .pd-faq {
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
:root:root:root .pd-faq__side {
  position: sticky;
  top: 96px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
:root:root:root .pd-faq__tabs {
  display: contents;
}
:root:root:root .pd-faq__tab {
  min-height: 50px;
  padding: 0 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 17px;
  text-transform: uppercase;
  cursor: pointer;
  background: #fff;
  color: #12181d;
}
:root:root:root .pd-faq__tab::before,
:root:root:root .pd-faq__tab::after {
  content: "";
  flex: none;
  height: 7px;
}
:root:root:root .pd-faq__tab.is-on {
  background: #0c0f13;
  color: #25c0e2;
}
:root:root:root .pd-faq__tab:hover {
  color: #0b7a96;
}
:root:root:root .pd-faq__ask {
  margin-top: 14px;
  background: #0c0f13;
  border-radius: 14px;
  padding: 16px;
  color: #c7d0d7;
}
:root:root:root .pd-faq__ask-title {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}
:root:root:root .pd-faq__ask-btn {
  height: 44px;
  border-radius: 10px;
  background: #12b5da;
  color: #06232b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  cursor: pointer;
}
:root:root:root .pd-faq__ask-title + .pd-faq__ask-btn {
  margin-top: 12px;
}
:root:root:root .pd-faq__ask-btn:hover {
  background: #25c0e2;
  color: #06232b;
}
:root:root:root .pd-faq__card {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  overflow: hidden;
}
:root:root:root .pd-faq__pane[hidden] {
  display: none;
}
:root:root:root .pd-faq__item {
  border-bottom: 1px solid #edf1f4;
}
:root:root:root .pd-faq__q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
  width: 100%;
  padding: 18px 22px;
  cursor: pointer;
}
:root:root:root .pd-faq__q:hover {
  background: #f5fbfd;
}
:root:root:root .pd-faq__q-text {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 19px;
}
:root:root:root .pd-faq__sign {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #eef2f5;
  color: #0b7a96;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex: none;
}
:root:root:root .pd-faq__item.is-open .pd-faq__sign {
  background: #12b5da;
  color: #06232b;
}
:root:root:root .pd-faq__a {
  padding: 0 22px 20px;
  font-size: 15px;
  line-height: 1.6;
  color: #404b54;
}
:root:root:root .pd-faq__a[hidden] {
  display: none;
}
:root:root:root .pd-faq__a [style] {
  color: inherit !important;
}
:root:root:root .pd-faq__a p {
  margin: 0 0 12px;
  max-width: 80ch;
}
:root:root:root .pd-faq__a .pd-faq__kv ~ p:last-child {
  margin: 0;
}
:root:root:root .pd-faq__a :is(ul, ol) {
  margin: 0 0 12px;
  padding-left: 22px;
}
:root:root:root .pd-faq__a .pd-faq__kv {
  border: 1px solid #e3e8ec;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}
:root:root:root .pd-faq__kv > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
  gap: 16px;
  padding: 11px 16px;
  border-bottom: 1px solid #edf1f4;
}
:root:root:root .pd-faq__k {
  color: #12181d;
}
:root:root:root .pd-faq__sep {
  display: none;
}
:root:root:root .ck-content[data-pd-page="contact-us"] {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: 20px;
  row-gap: 14px;
  align-items: start;
}
:root:root:root .ck-content[data-pd-page="contact-us"] > * {
  grid-column: 1 / -1;
  min-width: 0;
}
:root:root:root .ck-content[data-pd-page="contact-us"] > .container-xxxl,
:root:root:root .ck-content[data-pd-page="contact-us"] > .container-xxxl > .row {
  display: contents;
}
:root:root:root .ck-content[data-pd-page="contact-us"] .row > .col-md-4 {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}
:root:root:root .pd-cinfo {
  background: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 16px;
  padding: 22px;
}
:root:root:root .pd-cinfo__title {
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
}
:root:root:root .pd-cinfo__sub {
  font-size: 13px;
  color: #5b6871;
  margin-top: 14px;
}
:root:root:root .pd-cinfo__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  color: #8a949c;
  margin-top: 12px;
  text-transform: uppercase;
}
:root:root:root .pd-cinfo__text {
  font-size: 15px;
  line-height: 1.5;
  margin-top: 2px;
}
:root:root:root .pd-cinfo__link {
  display: inline-block;
  margin-top: 14px;
  font-size: 16px;
  font-weight: 500;
  color: #0b7a96 !important;
}
:root:root:root .pd-cinfo__link:hover {
  color: #0b6680 !important;
  text-decoration: underline;
}
:root:root:root .ck-content[data-pd-page="contact-us"] > div:has(> iframe) {
  grid-column: 1;
  grid-row: 2;
  height: 220px;
  margin: 0 !important;
  border-radius: 16px;
  background: #e3e8ec;
  position: relative;
  overflow: hidden;
}
:root:root:root .ck-content[data-pd-page="contact-us"] > div:has(> iframe) > iframe {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}
:root:root:root .ck-content[data-pd-page="contact-us"] .row > .pd-cform {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-width: 0;
  background: #fff;
  border: 1px solid #e3e8ec !important;
  border-radius: 16px;
  padding: 24px;
}
:root:root:root .pd-cform .contact-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
}
:root:root:root .pd-cform .contact-form-row {
  display: contents;
}
:root:root:root .pd-cform .contact-column-12,
:root:root:root .pd-cform .contact-form > .contact-form-group {
  grid-column: 1 / -1;
}
:root:root:root .pd-cform .form-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}
:root:root:root .pd-cform :is(input.contact-form-input:not([type="checkbox"]), input.form-control) {
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  border: 1px solid #c6d0d8;
  border-radius: 10px;
  padding: 0 14px;
  font-size: 15px;
  outline: none;
  background: #fff;
}
:root:root:root .pd-cform textarea.contact-form-input {
  width: 100%;
  box-sizing: border-box;
  height: 130px;
  border: 1px solid #c6d0d8;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 15px;
  outline: none;
  resize: vertical;
}
:root:root:root .pd-cform ::placeholder {
  color: revert;
  opacity: revert;
}
:root:root:root .pd-cform :is(input.contact-form-input:not([type="checkbox"]), input.form-control, textarea.contact-form-input):focus {
  border-color: #12b5da;
  box-shadow: 0 0 0 3px rgba(18, 181, 218, .18);
}
:root:root:root .pd-cform :is(input, textarea):is([aria-invalid="true"], .is-invalid, :has(+ .invalid-feedback:not(:empty))):not(:focus) {
  border-color: #d8837a;
}
:root:root:root .pd-cform .invalid-feedback {
  font-size: 12px;
  color: #c0362b;
  margin-top: 5px;
}
:root:root:root .pd-cform .invalid-feedback:empty {
  display: none;
}
:root:root:root .pd-cform .form-check {
  display: flex;
  align-items: center;
  gap: 10px;
}
:root:root:root .pd-cform .form-check-input {
  appearance: none;
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  margin: 0;
  border-radius: 5px;
  border: 2px solid #a3adb5;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5l4 4 8-9'/%3E%3C/svg%3E") center / 12px 12px no-repeat;
  cursor: pointer;
  flex: none;
}
:root:root:root .pd-cform .form-check-input:checked {
  border-color: #12b5da;
  background-color: #12b5da;
}
:root:root:root .pd-cform .form-check-label {
  font-size: 14px;
}
:root:root:root .pd-cform .form-check-label a {
  color: #0b7a96 !important;
  text-decoration: none !important;
}
:root:root:root .pd-cform .form-check-label a:hover {
  color: #0b6680 !important;
  text-decoration: underline !important;
}
:root:root:root .pd-cform .contact-form > .contact-form-group:has(> .contact-button) {
  display: flex;
  gap: 16px;
  align-items: flex-end;
  flex-wrap: wrap;
}
:root:root:root .pd-cform .contact-form > .contact-form-group:has(> .contact-button)::after {
  content: "";
  order: 1;
  flex: none;
  width: 100%;
  height: 0;
}
:root:root:root .pd-cform .contact-form-group > .position-relative:has(.g-recaptcha) {
  display: flex;
  align-items: flex-end;
  flex: none;
  width: 300px;
  height: 74px;
  margin: 0 !important;
}
:root:root:root .pd-cform .g-recaptcha {
  flex: none;
}
:root:root:root .pd-cform .g-recaptcha iframe {
  width: 304px;
  height: 78px;
  border: 0;
}
:root:root:root .pd-cform .contact-form-group > .contact-form-group {
  flex: 1;
  min-width: 220px;
}
:root:root:root .pd-cform .contact-button {
  display: inline-flex;
  height: 50px;
  padding: 0 34px;
  border-radius: 12px;
  background: #12b5da;
  color: #06232b;
  align-items: center;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
}
:root:root:root .pd-cform .contact-form > .contact-form-group:has(> .contact-button) > .contact-button {
  order: 2;
  margin-top: -16px;
}
:root:root:root .pd-cform .contact-button:hover {
  background: #25c0e2;
}
:root:root:root .pd-cform .contact-button:active {
  background: #0ea0c2;
}
:root:root:root .pd-cform .contact-button.button-loading {
  position: relative;
  color: transparent;
  cursor: default;
}
:root:root:root .pd-cform .contact-button.button-loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -12px 0 0 -12px;
  border: 3px solid #06232b;
  border-top-color: transparent;
  border-radius: 50%;
  animation: button-loading-spinner 1s linear infinite;
}
:root:root:root .pd-cform .contact-form > .contact-form-group:has(> .contact-message) {
  display: contents;
}
:root:root:root .pd-cform .contact-message {
  order: -1;
  grid-column: 1 / -1;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 2px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
}
:root:root:root .pd-cform .contact-success-message {
  padding-left: 52px;
  background: #e8f7ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 20 20' fill='none' stroke='%230E7C4A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5l4 4 8-9'/%3E%3C/svg%3E") 16px 50% / 22px 22px no-repeat;
  color: #0e7c4a;
}
:root:root:root .pd-cform .contact-error-message {
  background: #fbe9e7;
  color: #c0362b;
}
:root:root:root .ck-content[data-pd-page="contact-us"] > .pd-seo {
  margin-top: 8px;
}
:root:root:root .ck-content[data-pd-page="contact-us"] .pd-seo > :is(h1, h2, h3, h4, h5, h6) {
  margin: 0 0 8px;
}
:root:root:root .ck-content[data-pd-page="contact-us"] .pd-seo :is(h1, h2, h3, h4, h5, h6) :is(strong, b) {
  font-weight: inherit;
}
:root:root:root .ck-content[data-pd-page="contact-us"] .pd-seo__more {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
  max-width: none;
}
:root:root:root .ck-content[data-pd-page="contact-us"] .pd-seo__more[hidden] {
  display: none;
}
:root:root:root .ck-content[data-pd-page="contact-us"] .pd-seo__sec > :is(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  font-family: 'Oswald';
  font-weight: 600;
  font-size: 15px;
  line-height: normal;
  color: #12181d;
  padding: 9px 0;
  border-bottom: 1px solid #edf1f4;
}
:root:root:root .ck-content[data-pd-page="contact-us"] .pd-seo__sec > :is(p, ul, ol, div, table) {
  margin: 8px 0 0;
  max-width: none;
  font-size: 15px;
  line-height: 1.65;
  color: #404b54;
}
@media (max-width: 1179.98px) {
  :root:root:root .pd-about__cards--why {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :root:root:root .ck-content[data-pd-page="contact-us"] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
  }
  :root:root:root .ck-content[data-pd-page="contact-us"] > div:has(> iframe) {
    grid-row: 2;
  }
  :root:root:root .ck-content[data-pd-page="contact-us"] .row > .pd-cform {
    grid-column: 1;
    grid-row: 3;
  }
}
}