/* Highest-specificity cleanup for legacy fixed-width and purple marketplace rules. */
body.page-category #content>.container,
body.page-products #content>.container,
body.page-cart #content>.container,
body.page-checkout #content>.container,
body.page-search #content>.container,
body.page-pages #content>.container,
body.page-category #content>.container>.row,
body.page-products #content>.container>.row,
body.page-cart #content>.container>.row,
body.page-checkout #content>.container>.row,
body.page-search #content>.container>.row,
body.page-pages #content>.container>.row{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}
body.page-category .wf-cat,body.page-products .dk-detail{width:100%!important;max-width:none!important}
.page-index .supra-home-hero>div{margin:80px auto 0 0!important}
.page-index .template-products,
.page-index .furn-product-grid,
.page-index .furn-product-grid article,
.page-index .furn-product-grid article > a{
  background:#fff!important;
  color:#111!important;
}
.page-index .furn-product-grid article > a{
  display:block!important;
  height:auto!important;
}
.page-index .furn-product-grid h3{
  height:auto!important;
  min-height:0!important;
  margin:14px 0 8px!important;
  padding:0 12px!important;
  color:#111!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
  opacity:1!important;
}
.page-index .supra-card-price{
  min-height:25px!important;
  margin:0!important;
  padding:0 12px 14px!important;
  color:#111!important;
  font-size:13px!important;
  line-height:1.4!important;
  opacity:1!important;
}
.page-index .supra-card-price del{color:#777!important;opacity:1!important}
.page-index .supra-card-price strong{color:#111!important;font-size:17px!important;font-weight:700!important;opacity:1!important}
.page-index .supra-card-price em{background:#000!important;color:#fff!important;font-weight:700!important;opacity:1!important}
.page-index .furn-product-grid img[src^="images/clearance/"]{
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}
.page-products .dk-trust,.page-products .dk-spec-mini{display:none!important}
.page-products .dk-purchase-form{padding:0!important;border:0!important;box-shadow:none!important}
.page-products .dk-buy{border:0!important;box-shadow:none!important}
.supra-header .wf-brand{display:inline-flex!important;visibility:visible!important;opacity:1!important}
@media(min-width:768px){
  .supra-header .wf-mega-menu{
    display:block!important;position:absolute!important;
    left:50%!important;right:auto!important;top:calc(var(--sh) - 1px)!important;
    width:min(720px,calc(100vw - 32px))!important;
    opacity:0;visibility:hidden;pointer-events:auto;
    transform:translate(-50%,-3px);
    transition:opacity .12s ease,transform .12s ease,visibility 0s linear .14s;
  }
  .supra-header .wf-nav-item:hover>.wf-mega-menu,
  .supra-header .wf-nav-item:focus-within>.wf-mega-menu{
    opacity:1;visibility:visible;transform:translate(-50%,0);
    transition-delay:0s;
  }
  .supra-header .wf-mega-menu:before{
    content:"";position:absolute;left:0;right:0;top:-10px;height:12px;
  }
  .supra-header .wf-mega-title,.supra-header .wf-mega-links a{display:block!important;padding:5px 0!important}
  .supra-header .wf-mega-inner{grid-template-columns:repeat(3,minmax(170px,240px))!important}
}

.page-cart .main-page__cart>h1,.page-checkout .dk-checkout-title h1{color:#111!important;font-weight:700!important}
.page-cart .main-page__cart>h1:after,.page-cart .main-page__cart>h1:before{display:none!important}
.page-cart .main-cart__left,.page-cart .main-cart__right,.page-checkout .main-checkout__left,.page-checkout .main-checkout__right{border-color:#e5e5e5!important;border-radius:0!important;box-shadow:none!important}
.page-cart .main-cart__table thead,.page-cart .main-cart__right>h3{background:#f7f7f7!important;color:#111!important}
.page-cart .main-cart__table button,.page-cart .main-cart__right .checkout-button,.page-checkout button[type=submit]{border-color:#000!important;background:#000!important;color:#fff!important;border-radius:0!important}
.page-cart .main-cart__right strong,.page-checkout .main-checkout__right strong,.page-checkout .main-checkout__right b{color:#111!important}
.page-checkout .dk-checkout-kicker,.page-checkout .dk-checkout-steps .active,.page-checkout input[type=checkbox],.page-checkout input[type=radio]{color:#111!important;accent-color:#000!important}
.page-checkout .dk-checkout-steps i,.page-checkout .dk-checkout-steps .active i{border-color:#000!important;background:#000!important;color:#fff!important}
.page-checkout .main-checkout h2,.page-checkout .main-checkout h3{color:#111!important}
.page-cart .main-cart__right h5,.page-cart .main-cart__right h3{color:#111!important}
.page-checkout input.main-checkout__btn{border-color:#000!important;background:#000!important;color:#fff!important}
.page-checkout .dk-checkout-kicker,.page-checkout .dk-checkout-steps .active,.page-checkout .main-checkout__right .total{color:#111!important}
.page-cart .supra-header *,.page-checkout .supra-header *{color:#111!important}
.page-cart .supra-footer,.page-checkout .supra-footer,.page-pages .supra-footer,.page-search .supra-footer{background:#111!important;color:#fff!important}
.page-search .wf-search-heading>span,.page-pages .policy-hero>span,.page-pages .policy-hero small{color:#111!important}
.page-pages .wf-info-layout{display:block!important;background:#fff!important}
.page-pages .wf-info-nav{display:none!important}
.page-pages .wf-info-content{width:min(1280px,100%)!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.page-pages .policy-hero{margin:0 0 45px!important;padding:20px 0 42px!important;border-bottom:1px solid #e8e8e8!important;border-radius:0!important;background:#fff!important}
.page-pages .policy-hero h1{font-size:38px!important;color:#111!important}
.page-pages .policy-section h2{border-left:0!important;padding-left:0!important;color:#111!important}
.page-pages .policy-section,.page-pages .policy-card{border-color:#e8e8e8!important;border-radius:0!important;box-shadow:none!important}
.page-products #attribsOptionsText{padding:0!important;border:0!important;background:transparent!important;color:#111!important}
body.page-pages,body.page-pages #content,body.page-pages .wf-info-layout{background:#fff!important}
.page-pages .policy-content h2,.page-pages .policy-section h2{border-left-color:#111!important;color:#111!important}
.page-checkout .dk-checkout-kicker,.page-checkout .dk-checkout-steps *{color:#111!important}
.page-checkout .dk-checkout-steps .active i,.page-checkout .dk-checkout-steps i.active{border-color:#111!important;background:#111!important;color:#fff!important}
.page-checkout .dk-checkout-steps .active:before,.page-checkout .dk-checkout-steps .active:after{background:#111!important}
.supra-footer,.supra-footer *{color:#fff!important}.supra-footer a,.supra-footer p{opacity:.78!important}

@media(max-width:767px){
 body.page-category #content>.container,body.page-products #content>.container,body.page-cart #content>.container,body.page-checkout #content>.container,body.page-search #content>.container,body.page-pages #content>.container{width:100%!important}
 .page-index .supra-home-hero>div{margin:0!important}
 .page-index .furn-product-grid h3{height:auto!important;min-height:0!important;font-size:12px!important}
 .page-index .furn-product-grid h3{padding-right:8px!important;padding-left:8px!important}
 .page-index .supra-card-price{padding-right:8px!important;padding-bottom:10px!important;padding-left:8px!important;font-size:11px!important;gap:5px!important;flex-wrap:wrap!important}
 .page-index .supra-card-price strong{font-size:15px!important}
 body.page-cart .main-cart__left{
   width:100%!important;
   padding:0!important;
   border:1px solid #ddd!important;
   border-radius:10px!important;
   overflow:hidden!important;
   background:#fff!important;
 }
 body.page-cart .main-cart__table{
   display:block!important;
   width:100%!important;
   margin:0!important;
   border:0!important;
 }
 body.page-cart .main-cart__table thead{display:none!important}
 body.page-cart .main-cart__table tbody{display:block!important;width:100%!important}
 body.page-cart .main-cart__table tr{
   position:relative!important;
   display:grid!important;
   width:100%!important;
   min-height:178px!important;
   padding:16px 54px 16px 10px!important;
   grid-template-columns:92px minmax(0,1fr)!important;
   grid-template-rows:auto auto auto!important;
   gap:7px 10px!important;
   border:0!important;
   border-bottom:1px solid #ddd!important;
   box-sizing:border-box!important;
 }
 body.page-cart .main-cart__table tr:last-child{border-bottom:0!important}
 body.page-cart .main-cart__table td{
   display:block!important;
   width:auto!important;
   min-width:0!important;
   height:auto!important;
   padding:0!important;
   border:0!important;
   text-align:left!important;
 }
 body.page-cart .main-cart__table td:nth-child(1){grid-column:1!important;grid-row:1 / 4!important;align-self:center!important}
 body.page-cart .main-cart__table td:nth-child(1) img{width:86px!important;height:110px!important;object-fit:contain!important}
 body.page-cart .main-cart__table td:nth-child(2){grid-column:2!important;grid-row:1!important}
 body.page-cart .main-cart__table td:nth-child(2) br{display:none!important}
 body.page-cart .main-cart__table td:nth-child(2) p{margin:0 0 4px!important;line-height:1.35!important}
 body.page-cart .main-cart__table td:nth-child(3){grid-column:2!important;grid-row:2!important}
 body.page-cart .main-cart__table td:nth-child(4){grid-column:2!important;grid-row:3!important;align-self:center!important;font-weight:700!important}
 body.page-cart .main-cart__table td:nth-child(5){position:absolute!important;right:10px!important;bottom:12px!important;width:38px!important;height:38px!important}
 body.page-cart .main-cart__table td:nth-child(5) form{display:block!important;width:38px!important;height:38px!important;margin:0!important}
 body.page-cart .main-cart__del1{
   display:flex!important;
   width:38px!important;
   height:38px!important;
   min-width:38px!important;
   padding:0!important;
   align-items:center!important;
   justify-content:center!important;
   border:1px solid #ddd!important;
   background:#fff!important;
   color:#111!important;
   white-space:nowrap!important;
 }
 body.page-cart .main-cart__del1 .icon{font-size:0!important;line-height:1!important}
 body.page-cart .main-cart__del1 .icon:before{content:"×"!important;font-family:Arial,sans-serif!important;font-size:22px!important;line-height:1!important}
 body.page-cart .main-cart__right{
   width:min(100%,360px)!important;
   margin:30px auto 0!important;
   padding:20px!important;
   box-sizing:border-box!important;
 }
 body.page-cart .main-cart__right>h5{text-align:center!important}
}
/* Object-site product detail imagery: full-width, continuous and distortion-free. */
.page-products #panel-product-detail:has(.supra-object-details){display:block;width:100%}
.page-products #panel-product-detail:has(.supra-object-details) .dk-description{width:100%;max-width:none}
.page-products #panel-product-detail:has(.supra-object-details) .dk-description>h2{display:none}
.page-products #panel-product-detail .dk-description:has(.supra-source-description)>h2{display:none!important}
.page-products #panel-product-detail:has(.supra-object-details) .dk-info-panel{display:none}
.page-products .supra-object-details{display:block;width:100%;max-width:1200px;margin:0 auto;padding:0;text-align:center}
.page-products .supra-object-details img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;border:0}
.page-products .dk-detail-tabs:has(.supra-object-details){display:block!important;width:100%!important;margin:0!important;padding:80px 0 0!important;border:0!important}
.page-products .dk-detail-tabs:has(.supra-object-details) .dk-tab-head{display:none!important}
.page-products #panel-product-detail.dk-tab-panel.active:has(.supra-object-details){display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important}
.page-products #panel-product-detail:has(.supra-object-details) .dk-description>div{width:100%!important}
.page-products .dk-related{
  position:relative!important;left:0!important;right:auto!important;
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  margin:90px 0 0!important;padding:55px max(24px,calc((100% - 1280px)/2)) 65px!important;
  background:#f3f3f3!important;overflow:hidden!important;
}
.page-products .dk-related>.dk-title,.page-products .dk-related>.dk-products{width:100%!important;max-width:1280px!important;margin-right:auto!important;margin-left:auto!important}
/* Product descriptions are populated in the database.  A legacy parity rule
   hid the summary in the purchase column, making the imported descriptions
   appear to be missing.  Keep a readable excerpt beside the product and the
   complete source description in the Product details section below. */
.page-products .dk-buy .dk-summary {
  display: block !important;
  width: min(420px, calc(100% - 80px)) !important;
  margin: -24px 0 30px !important;
  color: #555 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}
/* Product gallery: use real image thumbnails below the main image instead of
   the former progress-bar indicators. */
.page-products #thumbnailWrapper{
  position:absolute!important;
  left:50%!important;
  bottom:22px!important;
  width:calc(100% - 40px)!important;
  transform:translateX(-50%)!important;
}
.page-products #thumbnail{
  display:flex!important;
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:2px!important;
  gap:10px!important;
  justify-content:center!important;
  overflow-x:auto!important;
  list-style:none!important;
  scrollbar-width:thin;
}
.page-products #thumbnail li{
  flex:0 0 78px!important;
  width:78px!important;
  height:78px!important;
  padding:3px!important;
  border:1px solid #ddd!important;
  background:#fff!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.page-products #thumbnail li.active{
  border-color:#111!important;
  box-shadow:inset 0 0 0 1px #111!important;
}
.page-products #thumbnail li:first-child{
  background:#fff!important;
}
.page-products #thumbnail li a{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  align-items:center!important;
  justify-content:center!important;
}
.page-products #thumbnail img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  opacity:1!important;
  object-fit:contain!important;
}
@media(max-width:580px){
  .page-products .supra-object-details{max-width:100%}
  .page-products .supra-object-details img{width:100%}
  .page-products .dk-detail-tabs:has(.supra-object-details){padding-top:45px!important}
  .page-products .dk-related{margin-top:60px!important;padding:38px 15px 48px!important}
  .page-products #thumbnailWrapper{bottom:14px!important;width:calc(100% - 20px)!important}
  .page-products #thumbnail{max-width:100%!important;gap:7px!important;justify-content:flex-start!important}
  .page-products #thumbnail li{flex-basis:64px!important;width:64px!important;height:64px!important}
}
/* Categories directory: keep the whole content block centered on wide screens. */
.page-categories .dk-all-categories {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.page-categories .dk-category-directory > section,
.page-categories .dk-category-directory h2,
.page-categories .dk-category-directory section > div a {
  text-align: center !important;
}
.page-categories .dk-category-directory section > div a {
  justify-content: center !important;
  gap: 10px;
}
/* Clearance footwear uses square source photography.  The generic apparel
   crop made shoes oversized and cut off at the card edges. */
.page-category .wf-cat-grid article:has(img[src^="images/clearance/"]) .image,
.page-search .wf-search-grid article:has(img[src^="images/clearance/"]) .wf-search-image {
  aspect-ratio: 1 / 1 !important;
  background: #fff !important;
}
.page-category .wf-cat-grid article img[src^="images/clearance/"],
.page-search .wf-search-grid article img[src^="images/clearance/"] {
  object-fit: contain !important;
  object-position: center !important;
}
/* Keep every listing card on the same vertical rhythm even when its source
   photography comes from a different catalogue. */
.page-category .wf-cat-grid article:has(img[src^="images/clearance/"]) .image,
.page-search .wf-search-grid article:has(img[src^="images/clearance/"]) .wf-search-image,
.page-category .wf-cat-grid .image,
.page-search .wf-search-grid .wf-search-image {
  aspect-ratio: 3 / 4 !important;
  height: auto !important;
}
.page-category .wf-cat-grid .image img,
.page-search .wf-search-grid .wf-search-image img {
  object-fit: contain !important;
  object-position: center !important;
}
.page-category .wf-cat-grid article > a,
.page-search .wf-search-grid article > a {
  display: block !important;
}
.page-category .wf-cat-grid h2,
.page-search .wf-search-grid h2 {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  overflow: hidden !important;
  margin: 14px 6px 6px !important;
}
.page-category .wf-cat-grid .price,
.page-search .wf-search-grid .wf-search-price {
  min-height: 24px !important;
  margin: 0 6px !important;
}
/* Older category styles left a fixed promotional slot behind the category
   pills.  The object site has no slot here, so keep the control row compact. */
.page-category .supra-category-pills,
.page-category .wf-cat-hierarchy,
.page-category .wf-cat-hierarchy-grid,
.page-category .wf-cat-hierarchy-grid > section {
  height: auto !important;
  min-height: 0 !important;
  align-items: center !important;
}
@media (min-width: 768px) and (max-width: 1500px) {
  .supra-header .wf-category-nav {
    left: calc(50% - 90px) !important;
  }
  .supra-header .wf-category-nav > .wf-shell {
    gap: 20px !important;
  }
  .supra-header .wf-account {
    gap: 18px !important;
  }
}
@media (max-width: 767px) {
  .page-products .dk-buy .dk-summary {
    width: 100% !important;
    margin: -10px 0 26px !important;
    font-size: 13px !important;
  }
  body.menu-open {
    overflow: hidden !important;
  }
  body.menu-open .supra-header .wf-category-nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1200 !important;
    background: #fff !important;
  }
  body.menu-open .supra-header .wf-category-nav > .wf-shell {
    display: block !important;
    padding: 12px 20px 36px !important;
  }
  body.menu-open .supra-header .wf-nav-item,
  body.menu-open .supra-header .wf-nav-item > a {
    display: flex !important;
    width: 100% !important;
  }
  body.menu-open .supra-header .wf-nav-item > a {
    height: 50px !important;
    align-items: center !important;
    border-bottom: 1px solid #eee !important;
    color: #111 !important;
    font-size: 15px !important;
    opacity: 1 !important;
  }
  .page-categories .dk-all-categories {
    width: calc(100% - 30px) !important;
  }
}