.search-modal-top {
  position: relative;
  z-index: 3;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}.search-brand-slot {
  display: flex;
  align-items: center;
  background: #fff;
}.search-brand-logo {
  display: block;
  height: auto;
}.search-modal-field {
  margin-top: 15px;
  background: var(--dd-color-ink);
display: flex;
  align-items: center;
  padding: 0 14px;
  box-shadow: none;
}.search-modal-field input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
}.search-modal-field input::placeholder {
  color: #fff;
  opacity: .9;
}.search-photo-btn {
  margin-top: 15px;
  border: 0;
  border-radius: var(--dd-radius-control);
  background: var(--dd-color-ink);
  color: var(--dd-color-surface);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  font-weight: 500;
  white-space: nowrap;
}.search-photo-btn img {
  width: 29px;
  height: 27px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}.search-close {
  border: 0;
  background: #fff;
  position: relative;
}.search-close::before, .search-close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 2px;
  background: #111;
}.search-close::before {
  transform: translate(-50%,-50%) rotate(45deg);
}.search-close::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}.search-modal-body {
  position: absolute;
  z-index: 2;
  height: 309px;
  display: grid;
  grid-template-columns: 48% 52%;
  background: #fff;
  border-top: 1px solid #e5e5e5;
overflow: hidden;
  box-shadow: 0 16px 38px rgba(0,0,0,.16);
}.search-suggestions, .search-recommendations {
  height: 100%;
  min-height: 0;
  padding: 13px 12px 16px;
}.search-suggestions {
  border-right: 1px solid #e5e5e5;
  padding-left: 12px;
  padding-right: 14px;
}.search-recommendations {
  padding-left: 24px;
  padding-right: 24px;
}.search-modal h3 {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 11px;
  line-height: 1.2;
}.search-suggestions [role="listbox"] {
  list-style: none;
  margin: 0;
  padding: 0;
}button.search-suggestion {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 13px;
  line-height: 1.62;
  text-align: left;
  cursor: pointer;
  transition: opacity .15s ease,transform .15s ease;
}.search-suggestion:hover,
.search-suggestion[aria-selected="true"] {
  opacity: .62;
  transform: translateX(2px);
}.search-suggestion:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}.search-suggestions .search-match {
  font-weight: 700;
}.search-empty {
  font-size: 13px;
  line-height: 1.62;
  opacity: .55;
  cursor: default;
  transform: none;
}.search-rec-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
}body.search-open {
  overflow: hidden;
}@media (min-width: 1281px) {.search-modal {
    height: 392px;
  }.search-modal-top {
    grid-template-columns: 264px minmax(560px,673px) 15px 210px minmax(96px,1fr);
  }.search-brand-slot {
    justify-content: flex-start;
    padding-left: 28px;
  }.search-modal-body {
    left: 264px;
    width: 673px;
  }}@media (max-width: 900px) {.search-modal {
    --search-shell-width: 100%;
    width: 100%;
    height: auto;
    min-height: 360px;
  }.search-modal-shell {
    width: 100%;
    height: auto;
    margin: 0;
  }.search-modal-top {
    width: 100%;
    margin: 0;
  }.search-modal::before {
    height: 64px;
  }.search-modal-field {
    margin-top: 0;
}.search-photo-btn {
    margin-top: 0;
    gap: 6px;
  }.search-close::before, .search-close::after {
    width: 22px;
  }.search-modal-body {
    grid-template-columns: 48% 52%;
}.search-modal h3 {
    font-size: 12px;
  }button.search-suggestion {
    font-size: 12px;
  }.search-recommendations {
    padding-left: 14px;
    padding-right: 14px;
  }.search-rec-grid {
    gap: 12px;
  }}@media (max-width: 680px) {.search-modal {
    padding: 8px;
  }.search-modal-top {
    grid-template-columns: minmax(0,1fr) 112px 44px;
    gap: 6px;
  }.search-modal-field, .search-photo-btn, .search-close {
    height: 40px;
  }.search-photo-btn {
    font-size: 9px;
    gap: 5px;
  }.search-photo-btn img {
    width: 17px;
    height: 16px;
  }.search-modal-body {
    width: 100%;
    height: auto;
    grid-template-columns: 1fr;
    margin-top: 6px;
}.search-suggestions {
    border-right: 0;
    border-bottom: 1px solid #e5e5e5;
  }.search-suggestions, .search-recommendations {
    padding: 12px 14px 16px;
  }}.cart-page {
  position: relative;
  background: #f5f5f5;
  display: none;
  color: #1a1a1a;
}.cart-topbar {
  display: flex;
  align-items: center;
  justify-content: center;
}.cart-shell {
  width: 100%;
  display: flex;
  flex-direction: column;
}.cart-back {
  cursor: pointer;
}.cart-back-arrow {
  transform: rotate(45deg);
}.cart-brand {
  justify-self: center;
}.cart-layout {
  display: grid;
  margin: 0 auto;
  justify-content: center;
}.cart-steps {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 0 18px;
}.cart-step {
  width: 153px;
  height: 52px;
background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
}.cart-step.active {
  background: #050505;
  color: #fff;
}.cart-step-chevron {
  width: 9px;
  height: 9px;
  border-top: 1.5px solid #222;
  border-right: 1.5px solid #222;
  transform: rotate(45deg);
}.cart-select-all {
  height: 52px;
  background: #fff;
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 16px;
  font-size: 12px;
  margin-bottom: 21px;
}.cart-select-left {
  display: flex;
  align-items: center;
  gap: 10px;
}.cart-delete-selected {
  height: 34px;
  min-width: 122px;
  padding: 0 16px;
  border: 0;
background: #111;
  color: #fff;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity .18s ease, transform .18s ease;
}.cart-delete-selected[hidden] {
  display: none;
}.cart-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  margin: 0;
  border: 1px solid #bdbdbd;
background: #fff;
  display: block;
  position: relative;
  cursor: pointer;
  transition: background .18s ease,border-color .18s ease,box-shadow .18s ease;
}.cart-checkbox::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 4px;
  border-left: 1.8px solid #fff;
  border-bottom: 1.8px solid #fff;
  transform: translate(-50%,-58%) rotate(-45deg) scale(0);
  transform-origin: center;
  transition: transform .16s ease;
}.cart-checkbox:checked {
  background: #111;
  border-color: #111;
}.cart-checkbox:checked::after {
  transform: translate(-50%,-58%) rotate(-45deg) scale(1);
}.cart-checkbox:focus-visible {
  outline: 2px solid rgba(17,17,17,.25);
  outline-offset: 2px;
}.cart-item {
  position: relative;
  height: 212px;
  background: #fff;
display: grid;
  grid-template-columns: 145px minmax(240px,1fr) 128px 220px;
  align-items: center;
  padding: 0 20px 0 48px;
  gap: 22px;
}.cart-check {
  position: absolute;
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}.cart-item-image {
  width: 145px;
  height: 145px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: #fafafa;
  justify-self: start;
}.cart-item-info {
  position: relative;
  min-width: 0;
}.cart-item-title {
  font-size: 14px;
  margin: 0 0 12px;
  font-weight: 500;
}.cart-size-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  font-size: 13px;
  color: #222;
}.cart-size-trigger {
  height: 32px;
  min-width: 62px;
  padding: 0 10px;
  border: 1px solid #d9d9d9;
background: #fff;
  color: #111;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 13px;
  transition: border-color .18s ease,background .18s ease;
}.cart-size-trigger:hover, .cart-size-trigger[aria-expanded="true"] {
  border-color: #111;
  background: #fafafa;
}.cart-size-chevron {
  width: 7px;
  height: 7px;
  border-right: 1.4px solid #111;
  border-bottom: 1.4px solid #111;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .18s ease;
}.cart-size-trigger[aria-expanded="true"] .cart-size-chevron {
  transform: rotate(225deg) translate(-1px,-1px);
}.cart-size-menu {
  position: absolute;
  left: 59px;
  top: 38px;
  z-index: 30;
  padding: 8px;
  background: #fff;
  border: 1px solid #e5e5e5;
box-shadow: 0 12px 30px rgba(0,0,0,.12);
  display: grid;
  grid-template-columns: repeat(4,38px);
  gap: 6px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px) scale(.98);
  transform-origin: top left;
  transition: opacity .16s ease,transform .16s ease,visibility .16s ease;
}.cart-size-menu.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}.dd-size-option--cart {
  width: 38px;
  height: 34px;
  border: 1px solid #e2e2e2;
background: #fff;
  color: #111;
  font-size: 12px;
  display: grid;
  place-items: center;
  transition: background .16s ease,color .16s ease,border-color .16s ease;
  border-radius: var(--dd-radius-control-sm);
}.dd-size-option--cart:hover {
  border-color: #111;
}.dd-size-option--cart.is-current {
  background: #111;
  color: #fff;
  border-color: #111;
}.cart-fav {
  border: 0;
  background: transparent;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  color: #1e1e1e;
}.cart-fav-heart {
  width: 14px;
  height: 13px;
  position: relative;
  display: inline-block;
}.cart-fav-heart::before {
  content: "♡";
  font-size: 20px;
  line-height: 13px;
  position: absolute;
  left: -2px;
  top: -3px;
}.cart-qty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  justify-self: center;
}.cart-qty button {
  width: 32px;
  height: 32px;
  border: 0;
background: #f5f5f5;
  font-size: 20px;
  line-height: 1;
  font-weight: 300;
  border-radius: var(--dd-radius-icon);
}.cart-qty button:last-child {
  background: transparent;
}.cart-buy {
  align-self: center;
  justify-self: end;
  width: 100%;
}.cart-price-row {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 12px;
  margin-bottom: 17px;
  white-space: nowrap;
}.cart-price {
  font-size: 20px;
  font-weight: 700;
}.cart-old-price {
  font-size: 16px;
  color: #5d5d5d;
  text-decoration: line-through;
}.cart-sale {
  font-size: 15px;
  color: #ff2f3e;
  flex: 0 0 auto;
}.cart-pay-now {
  width: 210px;
  height: 42px;
  border: 0;
background: #050505;
  color: #fff;
  font-size: 15px;
}.cart-trash {
  position: absolute;
  right: 20px;
  bottom: 17px;
  width: 18px;
  height: 20px;
  border: 0;
  background: transparent;
  padding: 0;
}.cart-trash::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 6px;
  width: 8px;
  height: 10px;
  border: 1.5px solid #111;
  border-top: 0;
}.cart-trash::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 3px;
  width: 10px;
  height: 1.5px;
  background: #111;
  box-shadow: 3px -2px 0 -0.2px #111;
}.cart-summary-wrap {
  padding-top: 0;
}.cart-checkout {
  width: 100%;
  height: 52px;
  border: 0;
background: #050505;
  color: #fff;
  font-size: 16px;
  margin-bottom: 18px;
  border-radius: var(--dd-radius-control);
}.cart-summary {
  background: #fff;
}.cart-promo {
  height: 42px;
  border: 0;
background: #f7f7f7;
  width: 100%;
  text-align: left;
  padding: 0 16px;
  font-size: 13px;
  margin-bottom: 22px;
  border-radius: var(--dd-radius-control);
}.cart-promo::placeholder {
  text-align: left;
  color: #8c8c8c;
}.cart-summary-line {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: 12px;
  line-height: 1.8;
}.cart-summary-line.cart-summary-discount span:last-child {
  color: #ff2f3e;
}.cart-summary-total {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 700;
}.cart-recommend {
  margin: 24px auto 0;
}.cart-recommend-title {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 20px;
}.cart-recommend-title span {
  display: inline-block;
  border-bottom: 1px solid #111;
  padding-bottom: 8px;
}.cart-reco-carousel {
  --cart-reco-gap: 8px;
  position: relative;
  width: min(100%,1028px);
  margin-inline: auto;
}.cart-reco-add {
  width: 100%;
  height: 27px;
  margin-top: 8px;
  border: 0;
background: #111;
  color: #fff;
  font-size: 9px;
}.cart-reco-carousel .carousel-track {
  gap: var(--cart-reco-gap);
}.cart-reco-carousel .carousel-dots {
  margin-top: 14px;
}@media (max-width: 900px) {.cart-head {
    grid-template-columns: 1fr auto;
    padding: 0 16px;
  }.cart-back {
    font-size: 13px;
  }.cart-brand {
    justify-self: end;
  }.cart-brand img {
    width: 155px;
  }.cart-body {
    padding: 20px 14px;
  }.cart-layout {
    grid-template-columns: 1fr;
    width: 100%;
  }.cart-summary-wrap {
    padding-top: 0;
  }.cart-item {
    height: auto;
    min-height: 190px;
    grid-template-columns: 120px 1fr;
    gap: 12px;
    padding: 16px 16px 16px 42px;
  }.cart-check {
    left: 14px;
    top: 20px;
    transform: none;
  }.cart-item-image {
    width: 120px;
    height: 120px;
  }.cart-qty, .cart-buy {
    justify-self: start;
  }.cart-pay-now {
    width: 180px;
  }.cart-trash {
    right: 14px;
    bottom: 14px;
  }.cart-reco-carousel {
    --cart-reco-gap: 8px;
    width: 100%;
  }}@media (max-width: 560px) {.cart-topbar {
    font-size: 9px;
    height: 22px;
  }.cart-head {
    height: 62px;
    padding: 0 12px;
  }.cart-back span:last-child {
    display: none;
  }.cart-brand img {
    width: 138px;
  }.cart-steps {
    gap: 7px;
    overflow: hidden;
  }.cart-step {
    min-width: 98px;
    width: auto;
    padding: 0 12px;
    height: 44px;
    font-size: 12px;
  }.cart-select-all {
    padding: 0 18px;
  }.cart-item {
    grid-template-columns: 1fr;
    padding: 42px 16px 16px;
  }.cart-item-image {
    width: 100%;
    height: 140px;
  }.cart-qty {
    margin-top: 4px;
  }.cart-buy {
    width: 100%;
  }.cart-pay-now {
    width: 100%;
  }.cart-check {
    left: 10px;
    top: 12px;
    transform: none;
  }}.cart-trigger {
  position: relative;
}.cart-trigger[aria-disabled="true"] {
  cursor: default;
}.cart-trigger[aria-disabled="true"] .action-svg {
  opacity: .36;
}.cart-count-badge {
  position: absolute;
  right: -2px;
  top: -2px;
  min-width: 17px;
  height: 17px;
  padding: 0 5px;
background: #111;
  color: #fff;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  z-index: 3;
}.cart-count-badge[hidden] {
  display: none;
}@media (min-width: 1100px) {.cart-count-badge {
    right: -4px;
    top: -3px;
    min-width: 19px;
    height: 19px;
    font-size: 10px;
  }}.product-open {
  cursor: pointer;
} .size-picker-overlay {
  position: fixed;
  inset: 0;
  background: rgba(17,17,17,.34);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease,visibility .2s ease;
}.size-picker-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}.size-picker-panel {
  width: min(100%,470px);
  background: #fff;
padding: 24px;
  box-shadow: 0 24px 70px rgba(0,0,0,.18);
  transform: translateY(8px) scale(.985);
  transition: transform .24s cubic-bezier(.22,.61,.36,1);
}.size-picker-overlay.is-open .size-picker-panel {
  transform: translateY(0) scale(1);
}.size-picker-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}.size-picker-kicker {
  font-size: 11px;
  color: #777;
  margin-bottom: 5px;
}.size-picker-title {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}.size-picker-close {
  width: 32px;
  height: 32px;
  border: 0;
background: #f4f4f4;
  font-size: 20px;
  line-height: 1;
}.size-picker-label {
  font-size: 13px;
  margin-bottom: 10px;
}.size-grid {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: 8px;
}.dd-size-option--grid {
  height: 44px;
  border: 1px solid #d3d3d3;
background: #fff;
  color: #111;
  font-size: 13px;
  transition: background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}.dd-size-option--grid:hover {
  border-color: #111;
}.dd-size-option--grid.is-selected {
  background: #111;
  color: #fff;
  border-color: #111;
  transform: translateY(-1px);
}.size-picker-hint {
  min-height: 18px;
  margin: 10px 0 18px;
  font-size: 11px;
  color: #777;
}.size-picker-add {
  width: 100%;
  height: 48px;
  border: 0;
background: #111;
  color: #fff;
  font-size: 14px;
}.size-picker-add:disabled {
  background: #d7d7d7;
  color: #8a8a8a;
  cursor: not-allowed;
}.quick-view-overlay {
  position: fixed;
  inset: 0;
  -webkit-backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease,visibility .2s ease;
}.quick-view-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}.quick-view-panel {
  transform: translateY(10px) scale(.985);
  transition: transform .24s cubic-bezier(.22,.61,.36,1);
}.quick-view-overlay.is-open .quick-view-panel {
  transform: translateY(0) scale(1);
}.quick-view-media {
  min-height: 520px;
  background: #f7f7f7;
  display: grid;
  place-items: center;
  position: relative;
  font-size: 18px;
  color: #222;
}.quick-view-side {
  display: flex;
  flex-direction: column;
  min-width: 0;
}.quick-view-close {
  flex: 0 0 34px;
  display: grid;
  place-items: center;
}.quick-view-price {
  flex-wrap: wrap;
}.quick-view-add {
  width: 100%;
  height: 50px;
font-size: 14px;
}.quick-view-add:disabled {
  cursor: not-allowed;
}body.quick-view-open {

  overflow: hidden;
}