.account-overlay, .size-guide-overlay {
  position: fixed;
  inset: 0;
  background: rgba(17,17,17,.5);
  display: grid;
  place-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .18s ease;
}.account-overlay.is-open, .size-guide-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}.account-dialog, .size-guide-dialog {
  width: min(520px,calc(100% - 32px));
  background: #fff;
  padding: 28px;
  position: relative;
}.size-guide-dialog {
  width: min(620px,calc(100% - 32px));
}.account-close {
  width: 38px;
  height: 38px;
  border: 0;
  background: #f5f5f5;
font-size: 24px;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
}.account-dialog>.account-close {
  position: absolute;
  right: 18px;
  top: 18px;
}.account-kicker {
  font-size: 11px;
  color: #777;
  margin-bottom: 7px;
}.account-dialog h2, .size-guide-dialog h2 {
  font-size: 26px;
  font-weight: 500;
  margin: 0 0 10px;
}.account-dialog p, .size-guide-lead {
  font-size: 13px;
  color: #666;
  line-height: 1.55;
  margin: 0 0 22px;
}.account-field {
  display: grid;
  gap: 7px;
  font-size: 11px;
}.account-field input {
  height: 48px;
  border: 1px solid #ddd;
padding: 0 14px;
  font-size: 13px;
  outline: none;
  border-radius: var(--dd-radius-control);
}.account-field input:focus {
  border-color: #111;
}.account-submit {
  margin-top: 14px;
  width: 100%;
  height: 48px;
  border: 0;
background: #111;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  border-radius: var(--dd-radius-control);
}
.account-login-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0;
  color: #999;
  font-size: 10px;
}
.account-login-divider::before, .account-login-divider::after { content: ''; height: 1px; flex: 1; background: #e4e4e4; }
.account-demo-login {
  width: 100%;
  height: 48px;
  border: 1px solid #111;
  background: #fff;
  color: #111;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  border-radius: var(--dd-radius-control);
}
.account-demo-login:hover, .account-demo-login:focus-visible { background: #f4f4f4; }
.account-dialog .account-demo-hint { margin: 9px 0 0; font-size: 10px; color: #888; text-align: center; }.account-result {
  margin-top: 12px;
  padding: 11px 12px;
background: #f5f5f5;
  font-size: 12px;
}.size-guide-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
}.size-guide-table {
  border: 1px solid #e2e2e2;
overflow: hidden;
}.size-guide-table>div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 11px 16px;
  border-top: 1px solid #eee;
  font-size: 12px;
}.size-guide-table>div:first-child {
  border-top: 0;
  background: #f7f7f7;
}.product-breadcrumb {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}.breadcrumb-link {
  border: 0;
  background: transparent;
  padding: 0;
  color: #777;
  font: inherit;
  cursor: pointer;
}.breadcrumb-link:hover {
  color: #111;
  text-decoration: underline;
}.breadcrumb-sep {
  color: #aaa;
}.product-detail-fav.is-active {
  background: #111;
  color: #fff;
  border-color: #111;
}.info-center-layout {
  display: grid;
  grid-template-columns: 250px minmax(0,1fr);
  gap: 22px;
  align-items: start;
  padding-top: 28px;
  padding-bottom: 72px;
}.info-center-nav {
  position: sticky;
  top: 20px;
  background: #fff;
padding: 14px;
  border: 1px solid rgba(17,17,17,.05);
  display: grid;
  gap: 4px;
}.info-center-nav-title {
  font-size: 11px;
  color: #888;
  padding: 8px 9px 5px;
}.info-center-link {
  border: 0;
  background: transparent;
  text-align: left;
  padding: 9px 10px;
font-size: 12px;
  cursor: pointer;
  color: #333;
}.info-center-link:hover, .info-center-link.is-active {
  background: #111;
  color: #fff;
}.info-center-layout .info-body {
  padding: 0 ;
  min-width: 0;
}.filter-head {
  gap: 10px;
}.filter-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}.filter-collapse {
  border: 0;
  background: transparent;
  color: #777;
  font-size: 10px;
  cursor: pointer;
}.catalog-layout.filters-hidden {
  grid-template-columns: 1fr ;
}.catalog-layout.filters-hidden .catalog-filters {
  display: none;
}.catalog-layout.filters-hidden .catalog-results {
  grid-column: 1 ;
}.filter-option-search {
  width: 100%;
  height: 34px;
  border: 1px solid #e1e1e1;
padding: 0 10px;
  margin: -2px 0 10px;
  font-size: 10px;
  outline: none;
}.filter-option-search:focus {
  border-color: #111;
}.filter-option-search::placeholder {
  color: #999;
}.news-card {
  cursor: pointer;
}.news-card:hover {
  transform: translateY(-1px);
}.tag {
  cursor: pointer;
}.qv-media-stage.is-video .qv-media-visual:before {
  display: grid;
  place-items: center;
margin-right: 10px;
}.qv-zoom-hint {
  position: absolute;
  left: 14px;
  bottom: 14px;
  background: rgba(255,255,255,.88);
  padding: 6px 9px;
font-size: 9px;
  color: #555;
  pointer-events: none;
}.qv-media-tiles {
  grid-template-rows: repeat(4,1fr);
}.qv-media-tile.is-active, .qv-media-tile:hover {
  border-color: #111;
}.favorites-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
}.favorite-empty {
  padding: 34px;
  text-align: center;
  background: #fff;
}.search-modal-top {
  display: grid;
  grid-template-columns: 230px minmax(420px,1fr) 220px 150px 64px;
  gap: 16px;
  align-items: center;
  height: 96px;
}.search-brand-slot {
  grid-column: 1;
  height: 96px;
  justify-content: flex-start;
  padding-left: 12px;
  box-sizing: border-box;
}.search-brand-logo {
  width: 208px;
  max-width: 92%;
}.search-modal-field {
  grid-column: 2;
  width: 100%;
  height: 64px;
  margin: 0;
  box-sizing: border-box;
  border-radius: var(--dd-radius-control);
}.search-photo-btn {
  grid-column: 3;
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 0 18px;
  box-sizing: border-box;
  font-size: 13px;
}.search-voice-btn {
  grid-column: 4;
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 0 15px;
  box-sizing: border-box;
  justify-content: center;
  font-size: 12px;
}.search-close {
  grid-column: 5;
  width: 64px;
  height: 64px;
  margin: 0;
align-self: center;
}.search-close::before, .search-close::after {
  width: 26px;
}.search-modal-body {
  left: 246px;
  top: 80px;
  width: calc(100% - 246px - 220px - 150px - 64px - 48px);
  max-width: none;
}.catalog-title-row {
  gap: 18px;
}.catalog-title-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}.catalog-filter-restore {
  height: 46px;
  padding: 0 16px;
  border: 1px solid #d9d9d9;
background: #fff;
  color: #111;
  font-size: 12px;
  cursor: pointer;
  transition: background .16s ease,color .16s ease,border-color .16s ease;
}.catalog-filter-restore:hover, .catalog-filter-restore:focus-visible {
  background: #111;
  color: #fff;
  border-color: #111;
  outline: none;
}.catalog-filter-restore[hidden] {
  display: none;
}@media (max-width: 1400px) {.search-modal-top {
    grid-template-columns: 190px minmax(360px,1fr) 190px 120px 56px;
    gap: 12px;
  }.search-brand-logo {
    width: 175px;
  }.search-photo-btn {
    font-size: 11px;
    padding: 0 12px;
  }.search-voice-btn {
    font-size: 10px;
    padding: 0 10px;
  }.search-close {
    width: 56px;
  }.search-modal-body {
    left: 202px;
    width: calc(100% - 202px - 190px - 120px - 56px - 36px);
  }}@media (max-width: 900px) {.info-center-layout {
    grid-template-columns: 1fr;
  }.info-center-nav {
    position: static;
    display: flex;
    overflow: auto;
  }.qv-media-tiles {
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: none;
  }.favorites-grid {
    grid-template-columns: repeat(2,1fr);
  }.search-modal {
    padding: 8px 10px 0;
  }.search-modal-top {
    grid-template-columns: minmax(0,1fr) 124px 104px 46px;
    gap: 7px;
    height: 48px;
  }.search-brand-slot {
    display: none;
  }.search-modal-field {
    grid-column: 1;
    height: 48px;
  }.search-photo-btn {
    grid-column: 2;
    height: 48px;
    font-size: 9px;
    padding: 0 8px;
  }.search-photo-btn img {
    width: 18px;
    height: 18px;
  }.search-voice-btn {
    grid-column: 3;
    height: 48px;
    font-size: 9px;
    padding: 0 8px;
  }.search-voice-icon {
    width: 10px;
    height: 15px;
  }.search-close {
    grid-column: 4;
    width: 46px;
    height: 48px;
  }.search-modal-body {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: 250px;
    margin-top: 7px;
  }}@media (max-width: 620px) {.search-modal-top {
    grid-template-columns: minmax(0,1fr) 92px 42px;
  }.search-photo-btn {
    grid-column: 2;
  }.search-photo-btn span {
    display: none;
  }.search-voice-btn {
    position: absolute;
    right: 49px;
    top: 55px;
    width: 92px;
    height: 38px;
    z-index: 5;
  }.search-close {
    grid-column: 3;
    width: 42px;
  }.search-modal-body {
    margin-top: 48px;
    height: auto;
    grid-template-columns: 1fr;
  }}html, body {
  cursor: default;
}button, 
  a, 
  [role="button"], 
  summary, 
  .product-open, 
  .news-card, 
  .tag, 
  [data-info-page], 
  [data-subpage-nav], 
  [data-quick-size], 
  [data-quick-view], 
  [data-favorite-product] {
  cursor: pointer;
}input, textarea, [contenteditable="true"] {
  cursor: text;
}select {
  cursor: pointer;
}img, svg, path {
  cursor: inherit;
}.search, .search label, .search-camera {
  cursor: pointer;
}.search input, .search-modal-field, .search-modal-field input {
  cursor: text;
}.search-modal-field {
  gap: 10px;
}.search-modal-search-icon {
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  display: grid;
  place-items: center;
  color: #fff;
  pointer-events: none;
}.search-modal-search-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}.search-photo-btn.is-processing {
  opacity: .72;
  pointer-events: none;
}.search-photo-status[hidden] {
  display: none;
} .dd-size-option--grid.is-selected,  .dd-size-option--cart.is-current {
  background: #111;
  color: #fff;
  border-color: #111;
  box-shadow: none;
}.product-detail-fav:hover, .product-detail-fav:focus-visible {
  background: #111;
  color: #fff;
  border-color: #111;
  outline: none;
}.cart-fav {
  cursor: pointer;
}.cart-fav:hover, .cart-fav:focus-visible {
  color: #111;
  text-decoration: underline;
  text-underline-offset: 3px;
  outline: none;
}.info-page.info-standalone .info-center-layout {
  grid-template-columns: 1fr;
  max-width: 1560px;
}.info-page.info-standalone .info-center-nav {
  display: none;
}.info-page.info-standalone .info-body {
  max-width: 100%;
}.product-related-section {
  margin-top: 34px;
  padding-top: 4px;
}.product-related-title {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 18px;
}.product-related-title span {
  display: inline-block;
  border-bottom: 1px solid #111;
  padding-bottom: 8px;
}.product-detail-carousel {
  width: 100%;
}.product-detail-carousel .carousel-track {
  padding-bottom: 16px;
}.cart-share {
  width: 100%;
  height: 44px;
  margin: 10px 0 14px;
  border: 1px solid #111;
background: #fff;
  color: #111;
  font-size: 12px;
  cursor: pointer;
  transition: .16s ease;
}.cart-share:hover, .cart-share:focus-visible {
  background: #111;
  color: #fff;
  outline: none;
}.cart-share-status {
  margin: -4px 0 12px;
  padding: 9px 10px;
background: #fff;
  font-size: 10px;
  color: #555;
  text-align: center;
}.cart-share-status[hidden] {
  display: none;
}.catalog-search-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  color: #777;
}.catalog-search-empty strong {
  font-size: 18px;
  font-weight: 500;
  color: #111;
}.catalog-search-empty span {
  max-width: 520px;
  line-height: 1.5;
}.catalog-search-empty button {
  height: 38px;
  border: 0;
background: #111;
  color: #fff;
  padding: 0 16px;
  margin-top: 5px;
  cursor: pointer;
  border-radius: var(--dd-radius-control);
}.copyright-legal {
  cursor: pointer;
}.copyright-legal:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}@media (max-width: 700px) {.product-related-title {
    font-size: 17px;
  }}@media (min-width: 901px) {.search-modal {
    height: 452px;
  }.search-modal-body {
    height: 360px;
    max-height: 360px;
    overflow: hidden;
  }.search-suggestions, .search-recommendations {
    box-sizing: border-box;
    overflow: hidden;
  }.search-rec-grid {
    grid-template-columns: repeat(2,minmax(0,180px));
    justify-content: center;
    align-items: start;
    gap: 18px;
  }}@media (min-width: 1401px) {.search-modal-body {
    width: min(840px,calc(100% - 246px - 220px - 150px - 64px - 48px));
  }}.search-voice-wrap {
  grid-column: 4;
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 64px;
  margin: 0;
  z-index: 12;
}.search-voice-wrap .search-voice-btn {
  grid-column: auto;
  flex: 1 1 auto;
  min-width: 0;
  height: 64px;
  padding: 0 11px;
}.search-mic-item {
  width: 100%;
  display: grid;
  grid-template-columns: 12px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 10px;
  border: 1px solid #e4e4e4;
background: #fff;
  color: #111;
  text-align: left;
  cursor: pointer;
  font-size: 11px;
}.search-mic-item:hover {
  border-color: #111;
}.search-mic-item.is-selected {
  background: #111;
  color: #fff;
  border-color: #111;
}.search-mic-dot {
  width: 8px;
  height: 8px;
border: 1px solid currentColor;
  display: block;
}.search-mic-item.is-selected .search-mic-dot {
  background: currentColor;
}.search-mic-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.search-mic-default {
  font-size: 9px;
  opacity: .62;
  white-space: nowrap;
}.search-mic-empty {
  padding: 14px 10px;
background: #f5f5f5;
  font-size: 11px;
  line-height: 1.45;
}@media (max-width: 900px) {.search-voice-wrap {
    grid-column: 3;
    height: 48px;
  }.search-voice-wrap .search-voice-btn{
    height: 48px;
  }}@media (max-width: 620px) {.search-voice-wrap {
    position: absolute;
    right: 49px;
    top: 55px;
    width: 126px;
    height: 38px;
    z-index: 15;
  }.search-voice-wrap .search-voice-btn{
    position: static;
    height: 38px;
  }.search-voice-wrap .search-voice-btn {
    width: auto;
    padding: 0 7px;
    font-size: 8px;

  }}

/* ===== Search recommendation geometry — desktop v6 ===== */
@media (min-width: 901px) and (max-width: 1400px) {
  .search-modal {
    width: 100%;
    max-width: none;
  }
  .search-modal-body {
    left: 202px;
    width: min(700px, calc(100% - 222px));
    grid-template-columns: minmax(245px, 42%) minmax(0, 58%);
  }
  .search-recommendations {
    min-width: 0;
    padding-left: 18px;
    padding-right: 18px;
  }
  .search-rec-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
  }
  .search-rec-grid .dd-product-card[data-card-variant="search"] {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
}
@media (min-width: 1401px) {
  .search-rec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
  }
  .search-rec-grid .dd-product-card[data-card-variant="search"] {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
}

/* ===== Size guide modal cleanup v7 ===== */
.size-guide-overlay{
  padding:24px;
  box-sizing:border-box;
}
.size-guide-dialog{
  width:min(560px,calc(100vw - 48px));
  max-height:calc(100dvh - 48px);
  padding:26px 28px 28px;
  box-sizing:border-box;
  overflow:auto;
  background:#fff;
  color:#111;
  border:0;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.size-guide-head{
  position:relative;
  display:block;
  padding-right:54px;
  margin-bottom:12px;
}
.size-guide-dialog .account-kicker{
  margin:0 0 6px;
  color:#777;
  font-size:11px;
  line-height:1.35;
}
.size-guide-dialog h2{
  margin:0;
  color:#111;
  font-size:24px;
  font-weight:500;
  line-height:1.15;
}
.size-guide-dialog .account-close{
  position:absolute;
  top:0;
  right:0;
  width:40px;
  height:40px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d8d8d8;
  background:#fff;
  color:#111;
  -webkit-text-fill-color:#111;
  font:inherit;
  font-size:24px;
  font-weight:300;
  line-height:1;
  cursor:pointer;
}
.size-guide-dialog .account-close:hover,
.size-guide-dialog .account-close:focus-visible{
  border-color:#111;
  background:#111;
  color:#fff;
  -webkit-text-fill-color:#fff;
  outline:none;
}
.size-guide-lead{
  margin:0 0 18px;
  max-width:470px;
  color:#666;
  font-size:13px;
  line-height:1.5;
}
.size-guide-table{
  border:1px solid #e2e2e2;
  overflow:hidden;
  background:#fff;
}
.size-guide-table>div{
  min-height:42px;
  padding:0 16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:24px;
  border-top:1px solid #ececec;
  font-size:12px;
  line-height:1.3;
}
.size-guide-table>div:first-child{
  min-height:40px;
  border-top:0;
  background:#f7f7f7;
  color:#111;
}
.size-guide-table>div>:last-child{
  text-align:right;
  white-space:nowrap;
}
.size-guide-table strong{
  font-weight:600;
}
@media(max-width:640px){
  .size-guide-overlay{padding:12px;}
  .size-guide-dialog{
    width:100%;
    max-height:calc(100dvh - 24px);
    padding:22px 18px 20px;
  }
  .size-guide-head{padding-right:50px;}
  .size-guide-dialog h2{font-size:22px;}
  .size-guide-table>div{padding-inline:13px;}
}
