/* v2 */
/*
* Besom came from http://www.freebiespsd.com/
*/

@font-face {
  font-family: 'Besom';
  src: url('/mm5/css/besom/besom.eot');
  src: url('/mm5/css/besom/besom.eot?#iefix') format('embedded-opentype'),
      url('/mm5/css/besom/besom-webfont.woff') format('woff'),
      url('/mm5/css/besom/besom-webfont.ttf') format('truetype'),
      url('/mm5/css/besom/besom-webfont.svg#FontName') format('svg');
  font-weight: var(--font-weight-regular);
  font-style: normal;
}
/* Merriweather (accent font) - self-hosted, variable weight 300-700. size-adjust renders it at 85% so it fits where Linden Hill did. */
@font-face {font-family:'DB Merriweather'; font-style:normal; font-weight:300 700; font-display:swap; size-adjust:85%; src:url('/mm5/css/merriweather/merriweather-latin.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family:'DB Merriweather'; font-style:normal; font-weight:300 700; font-display:swap; size-adjust:85%; src:url('/mm5/css/merriweather/merriweather-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family:'DB Merriweather'; font-style:italic; font-weight:300 700; font-display:swap; size-adjust:85%; src:url('/mm5/css/merriweather/merriweather-italic-latin.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family:'DB Merriweather'; font-style:italic; font-weight:300 700; font-display:swap; size-adjust:85%; src:url('/mm5/css/merriweather/merriweather-italic-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}

/*===== Global =====*/
*, ol, ul, a, p{padding:0px; margin: 0px;}
ul li, ol li{list-style: none;}
body{font-family: var(--font-primary); padding:0px; font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
.besom{ font-family:var(--font-display);}
.red{color:var(--brand-red) !important;}
.clearfix{clear:both;}
.center{text-align: center;}
.left{text-align:left;}
a:hover{text-decoration: none; color:var(--color-link-hover) !important;}
/* Links on dark backgrounds */
.footer-sub-nav a:hover, .checkout-footer a:hover {color:var(--color-link-hover-on-dark) !important;}
/* Mega menu flyout links (white background) */
.mega-menu-v2-flyout-links-list li a:hover {color:var(--color-menu-link-hover) !important;}
h2{font-size: var(--font-size-display); font-family:var(--font-display); color: var(--color-white); text-align: center;}
h3{font-family: var(--font-accent); font-style: var(--font-accent-style-text); font-weight: var(--font-accent-weight-text);}
h5{font-size: var(--font-size-4xl); text-align:left; margin:0; padding:0; text-align: left;}
.display-none{ display: none;}
.display{display:block !important;}
.show {display:block !important;}
.italic {font-style:italic;}
/* Content Page Styles */
#page-header, #page-footer {width:100%; text-align:left; font-family:var(--font-primary); font-size:var(--font-size-lg); color:var(--text-muted); margin:15px auto;}
.content-page-h1 {font-size:var(--font-size-6xl); text-transform:uppercase; font-family:var(--font-primary); width:100%; text-align:left; color:var(--text-body); font-weight:var(--font-weight-regular); padding:0;}
.long-words-content-page-h1 {font-size: var(--font-size-4xl); text-transform:uppercase; font-family:var(--font-primary); width:100%; text-align:left; color:var(--text-body); font-weight:var(--font-weight-regular); padding:0;}
.content-page-banner-image {width:100%; margin:15px auto;}
.content-page-banner-image img {}
.content-page-paragraph {width:100%; margin:15px auto; text-align:left; line-height:1.75;}
.content-page-paragraph a {color:var(--brand-red) !important;}
.content-page-list {list-style:none; margin:15px;}
.content-page-list li {margin:10px; list-style:disc outside none !important;}
.content-page-h2 {font-size:var(--font-size-5xl); font-family:var(--font-primary); color:var(--brand-red); font-weight:var(--font-weight-regular); text-align:left; text-transform:uppercase; font-style:normal;}
.content-page-h3 {font-size:var(--font-size-3xl); font-family:var(--font-primary); color:var(--brand-red); font-weight:var(--font-weight-regular); text-align:left; text-transform:uppercase; font-style:normal;}
.content-page-image-container {width:auto; height:auto; margin:15px;}
.red-textured-button {background-image: url("/mm5/graphics/button-background.jpg"); border: medium none; padding: 3px 15px; color: var(--color-white); font-size:var(--font-size-md); font-weight: var(--font-weight-regular); width: auto; margin: 0px auto; text-align: center; float: none; text-transform: uppercase; vertical-align: top; height: 30px; display:inline-block;}
a.red-textured-button  {color:var(--color-white) !important;}
.header-top-margin-helper {
  background-image: url("/mm5/graphics/header-background.jpg");
  background-color: var(--color-black);
  -webkit-transition: height .25s linear;
  -moz-transition: height .25s linear;
  -o-transition: height .25s linear;
  transition: height .25s linear;
}

/* bootstrap */
.row{margin:0;}

/* columns */
.col-3{width: 30%; display: inline-block; vertical-align: middle;}

/* button */
.button{background-image: url('/mm5/graphics/button-background.jpg'); border: none; padding: 5px 15px; color: var(--color-white);  font-weight:bolder; width:auto !important; min-width:135px; max-width:100%; margin: 0 auto !important;  text-align: center; float: none; text-transform: uppercase; vertical-align: top; height: 33px;} /* width grows to fit longer labels (was a fixed 135px, which cut off CREATE ACCOUNT and MADE TO ORDER) */
html:is([data-text-size],[data-spacing],[data-weight]) .button {height:auto; min-height:33px;} /* larger text modes: the height grows too */
.dark-red{background-image:url('/mm5/graphics/store-button-background.jpg');}

/*===== Header =====*/
#logo img{height: 110px; padding:0; margin-top:0; cursor:pointer;}
#logo img{height: 110px; padding:0;
  -webkit-transition: height .25s linear;
  -moz-transition: height .25s linear;
  -o-transition: height .25s linear;
   transition: height .25s linear;
 }
.header a:visited, .header a:link{color:var(--color-white);}
.header{text-align: right; padding-right: 40px; }
.header-phone-number {font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
.header-account-link {font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
.header-cart-link, .header-cart-link span {font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
span.my-account{color:var(--color-white);}
span.cart{color:var(--color-white);}
.header-cart-icon-link {color:var(--text-body) !important;}
.header-cart-icon {display:inline-block; width:28px; height:32px; margin-left:10px; background-image:url('/mm5/graphics/header-basket-icon.png'); background-repeat:no-repeat; background-size: 100% 100%;}
.header-cart-icon-count {display:inline-block; width:100%; text-align:center; padding-top:8px; font-size:15px; font-weight:var(--font-weight-bold);}
.mobile-bars {margin-left: 0; -webkit-transition: margin .5s linear; -moz-transition: margin .5s linear; -o-transition: margin .5s linear; transition: margin .5s linear;}
.mobile-bars i {font-size:var(--font-size-3xl); position:relative; top:5px;}

.corsets{padding: 10px 0 10px 25px; }
.grey{color:var(--color-white);}
.number{padding-top:10px; color:var(--color-white); font-weight: var(--font-weight-bold); padding-bottom:10px; font-size:var(--font-size-xs); display: block;}
.number .besom{font-size:var(--font-size-xl);}
#nav-basket, #nav-account, .item-left-side{display: inline-block;}

.store-directory{font-size: var(--font-size-md); color: var(--color-black); font-weight: bolder; padding:15px; width: 100%; text-align: left; text-transform: uppercase; position: relative;top: 0px; left: 0px; border-bottom:solid 1px var(--border-light); border-top:solid 1px var(--border-light); padding: 10px; background-color:var(--color-white);}
.store-directory-sub-menu li{padding: 10px 0; font-size:var(--font-size-md); margin-left: 20px; border-top:1px solid var(--color-black);}
.store-directory-sub-menu li.first {margin-top:10px;}
.store-directory-sub-menu li a {display:block;}

.mobile-bars{color: var(--color-white); font-size: var(--font-size-2xl); position: absolute; top: 10px; padding-left: 10px; z-index: 1000; display: inline-block;}
.mobile-bars a{color:var(--color-white);}
i.fa.fa-bars:hover, .mobile-bars a:hover{cursor: pointer;}
span.glyphicon.glyphicon-plus.view-small, .store-directory-toggler span.glyphicon{position: absolute; top: 13px; right: 10px; cursor:pointer;}
#header-links{float: none;}
.wrapper{width:1160px; margin: 0 auto;}

/* search bar in header */

/* search that appears on click  on the sticky and mobile*/
.search-bar{background-image:url('/mm5/graphics/header-background.jpg'); width:100%; text-align: left; padding: 10px 0 25px 0; position:initial; display:block; text-align: center; }
.search-bar{position: relative; top: 0; left: 0; display: none;
  -webkit-transition: display .25s linear;
  -moz-transition: display .25s linear;
  -o-transition: display .25s linear;
  transition: display .25s linear;
  }
.search-bar input.searchfield{ position: relative; top: 0; left: 0; width:88% !important; color:var(--color-white); padding-left:40px; background-color:var(--color-black); position: relative; top:0; left:0; height:33px;}
.search-bar .glyphicon-search:before{position: relative; left: -3px; color: var(--color-white); padding:2px; top:3px;}
.search-bar span.glyphicon.glyphicon-search{text-align:left; margin-top:-28px; padding-left: 83px; float:left;}
.search-bar  span.glyphicon.glyphicon-remove{display: block !important; color: var(--color-white); top:20px; right: 0px;}
.search-bar .button{width: auto !important;}

.sub-banner {width:100%; font-size:var(--font-size-xl); font-family:var(--font-primary); color:var(--color-white); text-align:center; padding:15px; z-index:99;}
.sub-banner a {color:var(--brand-red); font-weight:var(--font-weight-bold);}
/* Newsletter - all the sign ups */
.newsletter{background-image: url('/mm5/graphics/footer-background.jpg'); }
.newletterBanner a{color: var(--brand-red-dark); font-weight: bolder; text-decoration: underline;}
.newletterBanner .hello-banner-free-shipping-wrapper{width:34%; float:left; text-align: center;}
.newletterBanner i.fa.fa-star{padding: 0px 5px;}
.searchfield input[type="text"]{width:200px; height: 33px; background-image:url('/mm5/graphics/footer-background.jpg'); font-size: var(--font-size-xs); padding-left: 5px; vertical-align: top; color:var(--color-white);}
span.glyphicon.glyphicon-remove{color: var(--text-subtle); position: absolute; top:13px; right: 10px;}
span.glyphicon.glyphicon-remove:hover, .glyphicon-plus:hover{cursor: pointer;}
.categories span.glyphicon.glyphicon-remove{top:17px; display: none;}

/* =============================================================
   MIVA MERCHANT — MAINTENANCE MESSAGE STYLES v3
   =============================================================

   Changes from v2:
   - Fixed top offset at every header breakpoint (from styles.css)
   - At mobile (≤767px) header is 70px fixed
   - At ≤1023px header becomes sticky slide-out drawer — bar goes to top:0
     and gets its own z-index to stay above the drawer overlay
   - BR tags note: Miva escapes HTML in the message field.
     Use " -- " as separators in your message text, or use
     CSS word-spacing/padding to give the message breathing room.
   ============================================================= */

/* ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ──
   SNIPPET 1: Pre-Maintenance Warning Banner
   ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── */

body #maintenance {
    position: fixed;
    top: 115.15px; /* matches .background-header-wrapper default height */
    left: 0;
    right: 0;
    z-index: 9999999;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 40px;
    margin: 0;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    background-color: var(--brand-red-dark) !important;
    color: var(--color-white) !important;
    border-bottom: 3px solid var(--brand-red);

    font-family: var(--font-primary);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-bold) !important;
    line-height: 1.5;
    text-align: center;

    animation: maintenance-slide-in 0.4s ease-out both;
}

body #maintenance,
body #maintenance * {
    color: var(--color-white) !important;
}

body #maintenance::before {
    content: "⚠";
    font-size: var(--font-size-lg);
    flex-shrink: 0;
    opacity: 0.9;
}

@keyframes maintenance-slide-in {
    from { transform: translateY(-100%); opacity: 0; }
    to   { transform: translateY(0);     opacity: 1; }
}

/* 1400px: header shrinks to 112.867px */
@media all and (max-width: 1400px) {
    body #maintenance { top: 112.867px; }
}

/* 1170px: header shrinks to 110px */
@media all and (max-width: 1170px) {
    body #maintenance {
        top: 110px;
        font-size: var(--font-size-sm);
    }
}

/* 1023px: header becomes a fixed slide-out drawer (sticky mode).
   The .newletterBanner is hidden at this breakpoint.
   Body-wrapper becomes fixed at top:0, so our bar sits just below it.
   The sticky nav itself is ~70px tall in this mode. */
@media all and (max-width: 1023px) {
    body #maintenance {
        top: 70px;
        font-size: var(--font-size-xs);
        padding: 8px 20px;
        z-index: 9999998; /* just below the mobile nav drawer overlay */
    }
}

/* 767px: header collapses to 70px */
@media all and (max-width: 767px) {
    body #maintenance {
        top: 70px;
        font-size: var(--font-size-xs);
        padding: 8px 15px;
    }
}

@media all and (max-width: 480px) {
    body #maintenance {
        font-size: var(--font-size-xs);
        padding: 6px 10px;
    }
}

/* =========================================================================================================
============================================================================================================
New Header Styles
============================================================================================================
========================================================================================================= */
/*Any class that I use below is either new OR I ripped out all the old styles. I don't want some old style to interfere with the new header*/
html, body{ position: relative; top:0;}
.ISO-sticky {
  position: relative; top:0;
    -webkit-overflow-scrolling: touch;
 }
.wrapper{max-width:1160px; margin: 0 auto;}
.newletterBanner{background-color: var(--surface-alt); color: var(--brand-red-dark); text-align: center; font-weight: var(--font-weight-bold); font-size: var(--font-size-md); padding: 10px 0px; margin-top:0px;}
.hello-banner-social-media-wrapper{width: 33%; text-align: left; float:left; padding-left:40px;}
.hello-banner-social-media-wrapper .fa{background-color: transparent; padding-right:7px;}
.hello-banner-social-media-wrapper .fa-twitter{font-size:var(--font-size-lg);}
.hello-banner-social-media-wrapper .fa-instagram{font-size:var(--font-size-lg);}
.hello-banner-toll-free{width:33%; float:left; text-align: right; padding-right:40px; font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
.hello-banner-toll-free span{font-weight:var(--font-weight-bold);}
.logo{width:180px; display: inline-block; margin-right:60px; margin-left:40px; margin-top:10px;}
.logo:hover{cursor: pointer;}
.logo img{width:100%;}

.background-header-wrapper{background-image: url('/mm5/graphics/header-background.jpg'); background-color:var(--color-black); z-index:1000; height:115.15px; width: 100%; position: absolute;}
.no-overflow .background-header-wrapper{position: fixed;}
.search-active .background-header-wrapper{height:163px;}
.background-placement-holder{height:115.15px;}
.background-placement-holder.search-active{height:163px;}

.width-sticky-nav{position: relative; top:0; left:0;}

nav{margin:0 auto; }
.search-account-basket-wrapper{display: inline-block; vertical-align:top; margin-right:40px; float:right; margin-top:20px;}
img.my-account{display: block; height:30px; width:auto;}
.search-icon{display: inline-block; vertical-align: bottom; padding-right:25px;}
.search-icon:hover{cursor: pointer;}
.search-icon img{height:30px; width:auto; display: block;}
.header-cart-icon {width:28px; height:32px; background-image:url('/mm5/graphics/header-basket-icon.png'); background-repeat:no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: bottom;}
.header-cart-icon:hover{cursor: pointer; color:var(--color-black);}
.item-left-side{display: inline-block; vertical-align: bottom; padding-right:25px;}
.search-bar{display: none; background-image:url('/mm5/graphics/header-background.jpg'); width:100%; text-align: left; padding: 0 0 15px  0; text-align: center; z-index:100; position: relative; top:0;}
.search-bar input.searchfield{ width:100%; max-width:83%!important; color:var(--color-white); padding-left:10px; background-color:transparent; height:37px; border:solid 2px var(--border-control); border-radius:0;}
.search-bar .glyphicon-search:before{position: relative; left: -3px; color: var(--color-white); padding:2px; top:3px;}
.search-bar span.glyphicon.glyphicon-search{text-align:left; margin-top:-28px; padding-left: 83px; float:left;}
.search-bar  span.glyphicon.glyphicon-remove{display: block !important; color: var(--color-white); top:20px; right: 0px;}
.search-bar .button{width: auto !important; border-radius:0; background: none; height:20px; position: absolute; top:8px; right:8.5%;}
.search-active .search-bar.tablet-desktop-search{display: block;}

iframe[name="google_conversion_frame"]{display: none;}
body.no-overflow, body.no-overflow #site-container{overflow: hidden;  position: relative; height:100%; }

/*sticky*/

/*no-touch*/

/*Added to exsisting
.tab
.mobile-bars
.mobile-bars i
*/

/*sticky*/

@media all and (max-width: 1400px){
  /*header*/
  .logo{margin-right:10px; width:170px;}
  .background-header-wrapper{height:112.867px;}
  .background-placement-holder{height:112.867px;}

  .search-active .background-header-wrapper{height:159px;}
  .background-placement-holder.search-active{height:159px;}

  /*sticky*/

}

@media all and (max-width: 1170px){
  /*header*/
  .background-header-wrapper{height:110px;}
  .background-placement-holder{height:110px;}

  .search-account-basket-wrapper{margin-top:24px;}
  .search-icon{padding-right:10px;}
  .search-icon img{height:20px; padding-bottom:1px;}
  .item-left-side{padding-right:5px;}
  img.my-account{height:20px;}
  .header-cart-icon{width: 18px; height: 22px;}
  .header-cart-icon-count{font-size: 11.33px; padding-top: 5px;}

  .background-placement-holder.search-active {height:158px;}
  .search-active .background-header-wrapper{height:158px;}
  /*sticky*/

}

@media all and (max-width: 1023px){
  /*header*/
  .logo .desktop-mobile-logo{display: none}

  .logo{width:30px; margin-right:5px; margin-left:25px; margin-top:17px;}

  .black-overlay{display: none;}
  .search-icon{padding-right:10px;}
  .search-active .search-bar.tablet-desktop-search{display: none;}
  .search-bar .button{top:9px;}

  .search-bar input.searchfield{max-width:82% !important;}
  .search-active .background-header-wrapper{height:155px;}
  .background-placement-holder.search-active {height:155px;}

  .search-account-basket-wrapper{ margin-right:25px; margin-top:22px;}
  .search-active .search-bar.tablet-desktop-search{display: none;}
  .search-active .search-bar.mobile-search{display: block; padding-top:0; margin-top:-10px;}
  .search-bar input.searchfield{height:40px;}

  /*sticky header*/
  /*.sticky#body-wrapper.body-wrapper-click{position: fixed;}*/

  .body-wrapper-click .black-overlay{background: var(--color-black); opacity: .5; height:100%; overflow: hidden; width:100%; position: fixed; top:0; right:0; display: block; z-index:1;}

  /*no-touch*/

}

@media all and (max-width: 990px){
  /*header*/
  .hello-banner-social-media-wrapper{padding-left:25px; width:27.5%;}
  .hello-banner-social-media-wrapper .fa{padding-right:10px;}
  .newletterBanner .hello-banner-free-shipping-wrapper{width:45%; font-size:var(--font-size-sm);}
  .hello-banner-toll-free{width:27.5%; padding-right:25px; font-size:var(--font-size-sm);}

  .item-left-side{padding-right:13px;}
}

@media all and (max-width: 767px){
  /*header*/
  .background-header-wrapper{height:70px;}
  .background-placement-holder{height:70px;}
  .mobile-bars{padding-left:35px;padding-left: 20px; height: 70px; top: 0; padding-top: 20px; padding-right: 20px;}
  .mobile-bars.mobile-active{background-color: var(--overlay-maroon); }
  .width-sticky-nav link,
  .width-sticky-nav script {
    display: none !important;
    float: left !important;
}
  .newletterBanner{display: none;}
  .logo{height:40px; width:100%; margin:15px auto; text-align: center;  }
  .logo .desktop-mobile-logo{display: inline-block; padding-right:15px;}

  .logo img{height:100%; width:auto;}

  .item-left-side{padding-right:35px;}
  /* Phone search open (2026-10-15) - search bar in its own row under the logo row; header and its spacer grow together so there is no gap.
  Covers the sticky header too. !important is needed to beat old mega-menu-v2.css rules (787px pull-up and the sticky search-bar position). */
  .search-active .background-header-wrapper, .search-active .background-header-wrapper.sticky-enabled, .background-placement-holder.search-active {height:130px;}
  .search-active .search-account-basket-wrapper {top:0;}
  .search-active .search-bar.mobile-search.tablet-desktop-search {position:absolute !important; top:70px !important; left:0; right:0; margin:0 !important; padding:0 15px 15px; background:none;}
  .search-active .search-bar.mobile-search input.searchfield {width:100% !important; max-width:none !important; margin:0;}
  .search-active .search-bar.mobile-search .button {top:10px; right:25px;}
  .search-account-basket-wrapper{position: absolute; top:0; right:0; margin-right:20px; }
  .search-icon{padding-right:35px;}

  /*no-touch*/

  /*sticky*/

}

@media all and (max-width: 480px){
  /*header*/
  .logo .desktop-mobile-logo{padding-right:35px;}
  .mobile-bars{padding-left:20px;}
  .search-account-basket-wrapper{margin-right:15px;}
  .search-icon{padding-right:10px;}
  .item-left-side{padding-right:10px;}

  .mobile-bars{ padding-right:18px; padding-left:18px; padding-top:18px;}
  .mobile-bars i{font-size:var(--font-size-2xl); }

  /*sticky*/

}

/* email sign ups */

.newsletter, .newsletter-two{padding: 20px; color:var(--color-white); text-transform: uppercase; font-weight: bolder; font-size: var(--font-size-xl); text-align: center; position: relative; top: 0; left: 0;}
.newsletter form, .newsletter-two form{display: inline-block; margin-left: 20px;}
.newsletter-two{background-image: url('/mm5/graphics/background-gray.jpg'); }
.footer-newsletter-email-input {background-image:url('/mm5/graphics/background-gray.jpg'); border:solid 2px var(--color-black); font-size: var(--font-size-sm); padding-left: 5px; height:33px; width:200px;}
.newsletter-two .button{background-color:var(--surface-dark); background-image: none; color: var(--color-white); height: 34px;}
.dark-red {height:35px;}
.homepage-body-newsletter-email-input {color:var(--color-black);}

/*===== Navigation ======*/
.bar{display: none;}

nav{margin:0 auto; position: relative; top: 0px; left: 0px; width: 100%; text-align: center; text-transform: uppercase; padding-top:10px;}

nav li a:link, .navigation-center li a:visited, .navigation-centerli a:active{color: var(--color-black); text-transform: uppercase; color:var(--color-white); background: none; font-weight: var(--font-weight-bold); }

i.fa.fa-star{margin-right:1px;}

/* sticky navigation */

.width-sticky-nav{width:100%;margin: 0 auto;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
  }

/* sliding Nav */
#body-wrapper{position: relative; margin-left: 0%; top:0; width:100%;
    -webkit-transition: margin .5s linear;
    -moz-transition: margin .5s linear;
    -o-transition: margin .5s linear;
    transition: margin .5s linear;
}
#body-wrapper.body-wrapper-click{position: relative;}
.body-wrapper-click {margin-left: 80% !important; width:100%; -webkit-transition: margin .5s linear; -moz-transition: margin .5s linear; -o-transition: margin .5s linear; transition: margin .5s linear;}
.mobile-bars.body-wrapper-click {margin-left:80% !important; -webkit-transition: margin .5s linear; -moz-transition: margin .5s linear; -o-transition: margin .5s linear; transition: margin .5s linear;}
.header-cart-icon {position:relative; right:0; -webkit-transition: .5s linear; -moz-transition: .5s linear; -o-transition: .5s linear; transition: .5s linear;}
.header-cart-icon.slide-to-the-right {right:-200px; -webkit-transition: .5s linear; -moz-transition: .5s linear; -o-transition: .5s linear; transition: .5s linear;}

.tabs{color:var(--color-white); max-width:100%;}
.tabs a{color:var(--color-white);}
.tab{background-image:url('/mm5/graphics/header-background.jpg') !important; display: inline-block; width: 50%; padding:50px 20px; text-align: center; }
.tab.active-tab {color:var(--brand-red); font-weight:var(--font-weight-bold);}
.tab1{border-right:solid 1px var(--border-control);}

.mobile-nav-action-call{background-color:var(--surface-muted); color:var(--color-black); text-transform: uppercase; text-align: center; width: 100%; font-size:var(--font-size-xs); padding: 20px; font-weight:var(--font-weight-regular);}
.mobile-nav-panel-department-stars {width:235px; margin:0 auto !important; padding:25px 0 10px 0 !important; display:none;}
.mobile-nav-panel-department-stars li {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); text-transform:uppercase; float:left; padding-right:10px; color:var(--text-subtle) !important; margin:0 !important;}
.mobile-nav-panel-department-stars li i {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); text-transform:uppercase; color:var(--text-subtle) !important; margin-right:3px !important;}
.mobile-nav-panel-department-stars li a {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); text-transform:uppercase; color:var(--text-subtle) !important;}
.mobile-nav-panel-department-stars li.active {color:var(--brand-red) !important;}
.mobile-nav-panel-department-stars li.active i {color:var(--brand-red) !important;}
.mobile-nav-panel-department-stars li.active a {color:var(--brand-red) !important;}
.sub-menu, .basket-number{display:none;}
.mobile-left-panel-menu-button div {float:left;}
.mobile-left-panel-account-button div {float:right;}
.account-panel {display:none; width:100%; background-color:var(--color-white); padding-top:10px; padding-bottom:25px;}
.account-panel p {color:var(--text-body); text-transform:uppercase; font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); font-family:var(--font-primary); margin:0 10px 10px 10px;}
.account-panel button {display:block; background-image: url("/mm5/graphics/button-background.jpg"); border: medium none; padding: 3px 15px; color: var(--color-white); font-weight: bolder; font-size:0.9em; margin: 25px auto !important; text-align: center; float: none; text-transform: uppercase; vertical-align: top; height: 33px;}
.account-login-button {width: 135px !important; }
.account-create-account-button {width: 145px !important;}
.account-order-status-button {width: 145px !important;}
.account-my-account-button {width: 145px !important;}
.sub-menu .wrapper > img {width:auto;}

/* Global Styles */
.primary-content-container {max-width:1170px; margin:0 auto;}

/*===== Store Front Pages =====*/
.sales{text-transform: uppercase; display: block; position: relative;}
.sales .button{height:30px;margin-left: 40px !important; }
.background-sales{background-color:var(--overlay-light);  width: 100%; min-height:100px; padding: 20px 0; position: absolute; bottom:200px; text-align:center;}
.background-sales p{font-weight: bolder;}
.sales .col-sm-4{ padding:0px; }
.sales .col-sm-4 img{height: auto; max-width: 100%;}
.sales h3{margin:0; padding:0;}
.featured-products{ background-image:url('/mm5/graphics/footer-background.jpg'); color: var(--color-white); padding:20px;}
.store{background-image: url('/mm5/graphics/background-store.jpg'); color: var(--color-white); display: block;}
.store h2 {text-align: center;}
.store.row{padding-bottom:40px;}
.store .col-md-8, .store .col-md-4{padding:0; margin:0;}
.store img{width: 100%; height: auto; display: block; }
.store .address{font-size:var(--font-size-2xl); font-weight:bolder;}
.SFNT .store a .button, .mens .store a .button{width:300px !important; color: var(--color-white); font-size: var(--font-size-xl); margin-left: 20px !important; background-image:url('/mm5/graphics/store-button-background.jpg');}
.store p{padding:20px;}
 /*  bx slider: slider2 */
.bx-viewport{height: auto !important;}

/* bx slider: Main hero banner; */
.banner .bx-wrapper .bx-viewport{margin:0px; padding: 0px; border:none; left: 0px;}
.banner .bx-wrapper{margin:0px; max-width: 100% !important;}
.banner .bx-pager.bx-default-pager{display: none;}

.small-slider {display:none;}
/* Homepage Featured Categories Carousel */

/* Homepage Featured Products Carousel */

/* Bestsellers Products Carousel */

/* Products from Category Carousel */
.homepage-products-from-category-carousel {position:relative; overflow:hidden; width:100%; margin:0; z-index:1;}
.homepage-products-from-category-carousel ul {width:20000em; position:relative; list-style:none; margin:0; padding:0;}
.homepage-products-from-category-carousel ul li {float:left; margin:0; width:500px; border-left:1px solid var(--color-black);}
.homepage-products-from-category-carousel.corsets ul li {border-left:none;}
.homepage-products-from-category-carousel ul li .category-image-wrapper {width:300px; margin:30px auto 20px auto;}
.homepage-products-from-category-carousel ul li .category-name-wrapper {width:100%; text-align:center; margin:20px 0 0 0;}
.homepage-products-from-category-carousel ul li .category-name-wrapper a {font-size:var(--font-size-2xl); color:var(--brand-red); font-weight:var(--font-weight-bold); text-decoration:none !important;}
.homepage-products-from-category-carousel ul li .product-price-wrapper {width:100%; text-align:center; margin:5px 0 20px 0; font-size:var(--font-size-2xl); color:var(--brand-red); font-weight:var(--font-weight-bold);}
.homepage-products-from-category-carousel ul li .shop-now-button {width:300px; margin:10px auto 20px auto; display:block;}
.homepage-products-from-category-carousel-previous-button {position:absolute; top:40%; left:10px;}
.homepage-products-from-category-carousel-next-button {position:absolute; top:40%; right:10px;}
.homepage-products-from-category-carousel-previous-button img, .homepage-products-from-category-carousel-next-button img {width:40px;}

/* New Arrivals Carousel */

/* BEST SELLERS */
.frill{background-image:url('/mm5/graphics/frill.png'); width:100%; height:18px; z-index:100; position:relative; top:9px; margin-top:-9px;}

.image{height: 400px; width: 400px; }

p.price{font-weight: var(--font-weight-black); font-size:var(--font-size-md); }

/* Homepage Visit Delicious Boutique Section */
.homepage-visit-delicious-boutique-wrapper {width:100%; background-color:var(--color-black);}
.homepage-visit-db-image-wrapper {float:left; width:70%}
.homepage-visit-db-info-wrapper {float:right; width:30%; height:944px; background-image:url('/mm5/graphics/black-textured-background.jpg'); background-repeat:no-repeat; background-color:var(--surface-dark);}
.homepage-visit-db-info-wrapper h2 {margin-top:50px;}
.homepage-visit-db-info-wrapper .address-paragraph {width:445px; margin:10px auto 40px auto; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold); color:var(--color-white);}
.homepage-visit-db-info-wrapper .about-text {margin:10px 35px 20px 35px; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-white);}

/*===== Category Page Layout =====*/
.mobile-subcategory-navigation-wrapper {display:none;}
h1.category-page-category-name {width:100%; text-align:left !important; margin-bottom:0;}
#subcategory-listing {margin-top:35px;}
.CTGY h5{font-family: var(--font-primary); font-size: var(--font-size-3xl); color: var(--brand-red); text-transform: uppercase; text-align:left; padding:0 0 30px 0;}
.CTGY h5 i.fa.fa-star{font-size:var(--font-size-xl); vertical-align: middle; color: var(--color-black); margin-top:-5px;}
.CTGY h1{text-align: center; font-family: var(--font-primary); font-size:var(--font-size-6xl); text-transform: uppercase;}
div#content-container{padding: 10px 20px;}
div#left-navigation{display: inline-block; margin-top:0; float:left; width:20%;}
#main-content{display: inline-block; float:left; width:80%;}
.sub-title{text-align: center; font-size:var(--font-size-2xl); color: var(--text-subtle);}
#category-tree-top-image{height:100%; display: inline-block; width: 100%;}
.product-name{font-size:var(--font-size-lg);}
.product-listing-designer-name {font-size:var(--font-size-lg); max-width:300px; height:auto; /*height:25px;*/ text-align:center; font-family:var(--font-primary); font-weight:var(--font-weight-light); color:var(--text-muted); overflow:hidden;}
.product-price{color:var(--text-body); font-size:var(--font-size-lg);}
.product-price span.sale-price {color:var(--brand-red);}
.strike-through{text-decoration: line-through; color:var(--text-subtle); font-weight:var(--font-weight-regular); padding-right:10px;}
#badge-logic {display:none !important;}
.product-item{width:24% !important; float:none; display:inline-block; vertical-align: top; height: auto; margin-bottom:25px;}
.product-item .padding{border:none; padding: 0; margin:0; overflow: visible; height:auto; /*height: 455px;*/}
.product-item.subcategory .padding {/*height:390px;*/}
.category-page-quickview-overlay-button {position:absolute; top:65%; left:0; cursor:pointer; display:none; width:100%; z-index:9999;}
.product-image:hover .category-page-quickview-overlay-button {display:block;}
.product-listing-wishlist-circle {
	position:absolute;
	top:10px;
	right:10px;
	width:30px;
    height:30px;
    background-color:transparent;
    border-radius: 50%;
    border:1px solid var(--border-light);
}
.product-listing-wishlist-circle:hover {
	border:1px solid var(--color-black);
}
.product-listing-wishlist-icon {
	position:relative;
	top:1.5px;
	left:1.5px;
	font-size:var(--font-size-lg);
	cursor:pointer;
	color:var(--text-body);
}
.product-listing-wishlist-icon:hover {
	color:var(--brand-red);
}
.product-listing-wishlist-icon:hover:before {
	content: '\e801';
}
.category-page-quickview-overlay-button img {border:none !important;}
#category-header, #category-footer {width:100%; text-align:left; font-family:var(--font-primary); font-size:var(--font-size-lg); color:var(--text-muted); margin-top:15px;}
#filter-items-container{margin-top:35px; padding-bottom:30px;}
.filter-items-container{margin-top:35px; padding-bottom:30px;}

/* sorting */
.CTGY .sorting{font-size:var(--font-size-md);}
.CTGY .sorting a{display: inline-block; float: none; color:var(--text-subtle); font-style: italic;}
.CTGY .sorting span{color:var(--text-subtle);}
.CTGY .sort-by{display: inline-block; color: var(--brand-red); font-size:var(--font-size-md);}
.CTGY a.view-all{font-size:var(--font-size-md); font-weight: var(--font-weight-black);}
#filter-items-container .per-page{float:right; display: inline-block;}
/* cat tree: mobile menu white bar and says Menu + */
.cateogry-menu{padding: 15px 10px; font-weight: var(--font-weight-black); text-transform: uppercase; font-size:var(--font-size-xl); position: relative;top: 0px; left:0px; background-color:var(--color-white); color: var(--text-subtle);}
.cateogry-menu span.plus{position: absolute; right: 15px; top:17px; font-size: var(--font-size-md);}
.cateogry-menu span.plus img{height:20px;}
.cateogry-menu span.minus{position: absolute; right: 15px; top:17px; font-size: var(--font-size-md);}
.cateogry-menu span.minus img{width:20px;}
.category-tree-collapse-toggle {cursor:pointer;}

.page-links-active{border:none; color: var(--brand-red);}
.page-disp, .page-links a, .page-links-active{color: var(--brand-red); font-style: italic; font-weight:var(--font-weight-regular);}
.glyphicon-triangle-left, .glyphicon-triangle-right{color: var(--text-body);}
.CTGY .product-image img{border:solid 1px var(--border-medium);}
.product-listing-ad img {border:none !important;}
.CTGY .product-item .product-details {max-width:300px;}
.CTGY .product-item .product-image{margin:0 0 20px 0; text-align:left; position:relative; max-width:300px;}
.CTGY .product-item .product-image .product-badge {position:absolute; bottom:0; left:0; border:none; width:100%;}
.CTGY .product-item .product-image .product-badge img {border:none;}
.CTGY .product-item .product-name {max-width:300px; text-align:center; height:auto;}
.CTGY .product-item .product-price {max-width:300px; text-align:center;}
.ctgyswatches {/*height:30px;*/ height:auto; margin:10px auto 0 auto; text-align:center;}
.ctgyswatches ul {margin:0; padding:0; text-align:center;}
.ctgyswatches ul li {display:inline-block; margin:0 7px; width:30px;}
.ctgyswatches ul li img {width:30px;}

.CTGY .product-details, .PLST .product-details, .SRCH .product-details{height:auto;}

.category-page-products-per-page-label {font-family:var(--font-primary); font-style:italic !important; color:var(--text-subtle) !important; font-size:var(--font-size-md);}
.category-page-products-per-page-separator {font-family:var(--font-primary); font-weight:var(--font-weight-bold) !important; font-style:normal !important; color:var(--text-subtle) !important; font-size:var(--font-size-md); padding:0 5px;}

.new-arrival-category-view-button-wrapper {margin:10px; width:100%; position:relative; top:20px;}
.new-arrival-category-view-button-wrapper ul {margin:0; padding:0;}
.new-arrival-category-view-button-wrapper ul li {float:left; margin-right:25px; color:var(--text-subtle); font-weight:var(--font-weight-bold); font-size:var(--font-size-lg); text-transform:uppercase; font-family:var(--font-primary);}
.new-arrival-category-view-button-wrapper ul li a {color:var(--text-subtle);}
.new-arrival-category-view-button-wrapper ul li.active {color:var(--brand-red);}
.new-arrival-category-view-button-wrapper ul li .fa-star {margin-right:5px;}
.new-arrival-category-view-button-wrapper ul li.active .fa-star {color:var(--brand-red);}
.new-arrival-category-view-button-wrapper ul li.active a {color:var(--brand-red);}

/* Search Results Page */
.search-results-show-refinement-options-link {margin-top:50px !important; margin-bottom:10px !important; padding:7px 15px; display:inline-block; color:var(--color-white) !important; width:auto !important; font-weight:var(--font-weight-regular) !important;}
p.no-search-results, p.search-results-count {margin-top:10px; margin-bottom:10px; font-size:var(--font-size-md);}
.search-results-refinement-options-wrapper {display:none;}
.search-results-refinement-options-wrapper.ntfd {display:block;}
.search-results-options-price-range-field {display:inline; max-width:100px;}
.search-results-search-refinement-price-range-dollar-sign {margin-left:10px;}
.search-results-search-refinement-price-range-text {padding-left:10px;}
.refine-search-button {width:auto !important;}

/* Alternate Category Page Styles */

/* breadcrumb */
#breadcrumbs a{color:var(--text-muted); border:none; text-transform: uppercase; font-weight:var(--font-weight-bold);}
#breadcrumbs .breadcrumb-border{color:var(--text-subtle);}
#breadcrumbs .current-item{color: var(--brand-red); text-transform:uppercase;}
#breadcrumbs {padding-top:10px; margin-left:0;}
/* category tree */
#category-tree{padding-top:41px;}
.categories-title{text-transform:uppercase;}
#filter-items-container .sorting{float:left;}
#category-tree a{color:var(--text-muted); font-family: var(--font-primary); font-weight:var(--font-weight-regular);}
#category-tree .level-2 a {padding:0 30px 0 0; font-weight:var(--font-weight-regular);}
.category-tree-other-departments-parent {font-weight:var(--font-weight-bold) !important;}
.title-other-departments{border-bottom:solid 1px var(--border-control);}
#category-tre li, li.level-4{list-style: none;}
#category-tree .level-4 a, .list-other-departments li a, .level-4{padding:0 0 5px 10px; font-weight:var(--font-weight-regular); font-size:var(--font-size-md);}
#category-tree .level-3, #category-tree .level-1, .title-other-departments, .level-2{padding:0 0 10px 0; text-transform: uppercase; font-family: var(--font-primary);font-weight:var(--font-weight-regular); font-size: var(--font-size-lg); color:var(--text-muted); border-bottom:solid 1px var(--border-medium) !important; position: relative; top: 0; left: 0; margin-bottom:15px;}
#category-tree .level-3:hover, #category-tree .level-1:hover, .title-other-departments:hover, .level-2:hover{cursor:pointer;}
.last-subcat-in-group {margin-bottom:10px;}
.wrapper-sub-levels{position: relative;}
#category-tree .minus, #category-tree .plus{position: absolute; top:0px; right:0px;}
#category-tree .minus img, #category-tree .plus img{width:20px;}
.list-other-departments .minus img{position: relative; top:3px;}
#category-tree .minus img{width:20px;}
#category-tree div{border-bottom:none; background-color:var(--color-white); }
#category-tree div.active{background-color: var(--color-white);}
.level-2.active{color: var(--text-muted);}
.category-tree-active-category, .category-tree-active-category a {font-weight:var(--font-weight-bold) !important; color:var(--brand-red) !important;}
.hidden-ctgy-form {display:none;}
.sorting p, .sorting a, .sorting span {font-family:var(--font-primary);}
.active-sort-method {color:var(--brand-red) !important; font-weight:var(--font-weight-bold);}
.sorting span.separator {padding:0 5px;}
.page-links {margin-right:4%;}
.footer-page-links{margin-right: 4%;}
.page-links a span.glyphicon {font-size:var(--font-size-md); position:relative; top:2px;}
.category-page-products-per-page-link {font-size:var(--font-size-md); color:var(--text-body) !important; font-weight:var(--font-weight-bold) !important; font-style:normal !important; font-family:var(--font-primary);}
.category-page-pagination-view-all-link {font-size:var(--font-size-md); color:var(--text-body) !important; font-weight:var(--font-weight-bold) !important; font-style:normal !important; font-family:var(--font-primary); margin-right:15px;}
.category-page-products-per-page-link.active-product-count, .category-page-pagination-view-all-link.active-product-count {color:var(--brand-red) !important; font-weight:var(--font-weight-bold);}
.category-page-position {font-size:var(--font-size-md); color:var(--brand-red); font-weight:var(--font-weight-bold) !important; font-style:normal !important; font-family:var(--font-primary);}

/* sub category */
  #reference_pane{margin-bottom:80px; }
  #reference_pane h3{ margin:0;}

/* =========== PROD ============ */
.PROD .mens h1, .womens h1, .corsets h1{font-style: 40px; text-transform: uppercase;}
.PROD .mens #breadcrumbs, .womens #breadcrumbs, .corsets #breadcrumbs{margin-left:60px; margin-top:20px; margin-bottom:40px;}
.PROD #thumbnails{display: inline-block; vertical-align: top; width:auto; margin-top:10px;}
.PROD #thumbnails li img{display:block;}
.PROD #thumbnails.thumbnails li span{display: initial; }
.PROD #thumbnails.thumbnails li{float:none; border:none;}
.PROD .main-image-prod-page{display: inline-block; vertical-align: top; margin-top:10px;}
.PROD .product-price {font-size:var(--font-size-4xl);}
.PROD .mens .strike-through, .womens .strike-through, .corsets .strike-through{display: inline-block; padding-right: 20px;}
.PROD .wishlist{text-transform: uppercase; font-weight:var(--font-weight-bold); margin:0px 0 30px 0;}

/* Next-Prev */

/* prod desc */
.product-details-1, .product-details-2 {float:none;}
.description-title{font-size:var(--font-size-xl); border-top:solid 1px var(--border-medium); padding:10px 0; width:450px; text-transform: uppercase; position: relative; top: 0; left:0;}
.description-title:last-child{border-bottom: solid 1px var(--border-medium);}
.description-title:hover{cursor: pointer;}
.description{width:450px; padding: 10px 0;}
.description-title .glyphicon.glyphicon-plus, .description-title .glyphicon.glyphicon-minus{position: absolute; right:0; top:15px;}
.facebook_comments .minus{display: block;}
.PROD .prod-wrapper h1{margin-top:0;}
.PROD #breadcrumbs{margin-top:20px;}

/* quantity */
.PROD .product-quantity-input{font-size:var(--font-size-md); color: var(--color-black) !important; border: solid 2px var(--color-black); width:50px !important; height:32px !important; text-align: center;}
/* color options */
.required-colors{text-transform:uppercase; font-size:var(--font-size-md);}
#color-options{margin:10px 0; text-transform: uppercase;}
#color-options option{display: inline-block; padding: 5px;}
#color-options img{height:25px;}
.color:hover{cursor: pointer;}
.color.selected{opacity:.9; border:solid 2px var(--color-white);}
/*size options*/
.required-size{text-transform:uppercase; font-size:var(--font-size-md);}
.sizing-info{text-transform:uppercase; font-size:var(--font-size-md); color:var(--brand-red); padding-left:15px;}
.PROD .purchase-buttons{text-align:left; display: block; text-transform: uppercase;}
.purchase-buttons input[type="text"]{background-image: none; color:var(--color-black); width:25px; height:auto; vertical-align: middle; }
/* close up pics */
  #closeup_div{left:-50% !important;}
/* related products */
.PROD .title{font-size:var(--font-size-xl); text-transform: uppercase; margin:20px 0 40px 0px; }
.PROD .related-products{border-bottom:solid 1px var(--border-medium);}
.PROD .related-products .product-name{font-size:var(--font-size-md);}
.PROD .related-products .product-image img{border:none;}
.PROD .related-products .product-item{width:30% !important;}
.PROD .related-products .padding{height:250px; }
.PROD .product-item .product-image{text-align: left;}
/* tags */
.PROD .discover-more .title{font-size:var(--font-size-xl); margin: 20px 0;}
.PROD .discover-more .tag{font-size:var(--font-size-md); border:solid 2px var(--border-control); padding:5px 10px; text-transform: uppercase; margin: 10px; display: inline-block; color:var(--text-subtle);}
.PROD .discover-more .tag:hover{background-color:var(--text-subtle); color:var(--color-white); cursor: pointer;}
.PROD .discover-more {padding-bottom:20px;}
/* Might also like */

.PROD .product-title{font-size:var(--font-size-xl); padding:10px 0; width:450px; position: relative; top: 0; left:0;}
.PROD .complete-related-might, .PROD .discover-more{padding-right:60px;}

/* Product Page Styles 10/05/15 */
#breadcrumbs.product-page-breadcrumbs {margin-bottom:25px;}
.product-page-product-name-h1 {margin-top:4px !important;}
.product-page-designer-name, .product-page-designer-name a {font-size:var(--font-size-xl) !important; font-family:var(--font-primary) !important; font-weight:var(--font-weight-light) !important; text-transform:uppercase !important; color:var(--text-muted) !important; text-decoration:none !important;}
.product-page-original-price {}
.product-page-current-price {color:var(--brand-red);}
.product-page-inventory-status-message-wrapper {font-size:var(--font-size-xl); font-family:var(--font-primary) !important; text-transform:uppercase; font-weight:var(--font-weight-light); color:var(--text-muted);}
.product-page-estimated-restock-date-wrapper {margin:10px 0; font-size:var(--font-size-lg); font-family:var(--font-primary); font-weight:var(--font-weight-light); text-transform:uppercase; color:var(--text-muted);}
.product-page-estimated-restock-date-wrapper span {font-weight:var(--font-weight-regular);}
.product-attributes {margin-bottom:25px;}
.hidden-attribute {display:none;}
.attribute-form-row {margin:15px 0;}
.size-options{margin:10px 0; text-transform: uppercase;}
.size-options span.size {border:solid 2px var(--border-control); display: inline-block; min-width:50px; width:auto; text-align:center; color:var(--text-subtle); font-size:var(--font-size-md); margin-bottom:10px; padding:3px; cursor:pointer;}
.size-options span.size.selected {background-color:var(--color-black); border-color:var(--color-black); color:var(--color-white);}
.product-page-swatches ul li {width:54px; height:36px; border:none;}
.product-page-swatches ul li.active, .x-product-layout-purchase__swatches--active {border:2px solid var(--color-black);}
.product-page-swatches ul li img {opacity:0.75; width:100%; height:100%;}
.product-page-swatches ul li.active img {opacity:1;}
.product-attribute-label {text-transform:uppercase; color:var(--text-subtle); font-size:var(--font-size-sm); font-weight:var(--font-weight-regular);}
.product-attributes .radio {margin-left:20px;}
.product-page-sizing-info-link, .product-page-sizing-info-link-quickview {display:inline-block; color:var(--brand-red) !important; font-size:var(--font-size-sm); margin-left:10px; text-transform:uppercase;}
.product-page-special-orders-link {display:inline-block; color:var(--brand-red) !important; font-size:var(--font-size-sm); margin-left:0px; text-transform:uppercase;}
.product-page-add-to-cart-button {background-color:var(--brand-red-dark); background-image:none; display: block; font-style: italic; font-size:var(--font-size-lg); width:350px !important; margin:15px 0 0 0 !important;}
.product-page-points-wrapper {font-weight:var(--font-weight-bold); margin:15px 0; width:420px;}
.product-page-points-wrapper span {font-weight:var(--font-weight-bold);}
.product-page-points-wrapper.quickview {width:70% !important;}
.product-page-delicious-points-tooltip {display:inline-block; margin-left:10px;}
.product-page-wishlist-button-wrapper {margin:15px 0 25px 0;}

.product-page-add-to-cart-row {
	margin:15px 0;
	white-space:nowrap !important;
}

.product-page-add-to-cart-row .product-quantity-input {
	display:inline-block;
	vertical-align:middle !important;
	width:42px !important;
	height:42px !important;
	border:1px solid var(--border-light);
	text-align:center;
	color:var(--color-black) !important;
	margin-left:0 !important;
	margin-right:10px;
}

.product-page-add-to-cart-row .product-page-add-to-cart-button {
	display:inline-block;
	vertical-align:middle;
	width:145px !important;
	height:42px;
	margin-top:0 !important;
	text-align:center;
	background-color:var(--brand-red-dark);
	font-size:var(--font-size-sm);
	font-style:normal;
	color:var(--color-white);
	text-transform:uppercase;
	margin-right:10px !important;
}

.product-page-add-to-cart-row .wishlist-heart-button {
	display:inline-block;
	vertical-align:middle;
	width:53px;
	height:42px;
	border:1px solid var(--border-light);
	background-color:transparent;
}

.product-page-add-to-cart-row .wishlist-heart-button i {
	color:var(--color-black);
}

.product-page-add-to-cart-row .wishlist-heart-button:hover i {
	color:var(--brand-red);
}

.product-page-add-to-cart-row .wishlist-heart-button:hover i:before {
	content: '\e801';
}

@media all and (max-width:1350px) {
	.product-page-add-to-cart-row .product-quantity-input {
		margin-right:5px;
	}
	.product-page-add-to-cart-row .product-page-add-to-cart-button {
		width:125px !important;
		margin-right:5px !important;
	}
	.product-page-add-to-cart-row .product-page-add-to-cart-button.made-to-order-button {
		width:145px !important;
	}

	.product-page-add-to-cart-row .wishlist-heart-button {
		width:50px;
	}
}

.quickview-view-product-details-button {
	display:block;
	margin:15px auto !important;
}
.product-page-designer-name-above-description {margin:-10px 0 20px 0;}
.product-page-designer-name-above-description span, .product-page-designer-name-above-description span a {font-size:var(--font-size-md) !important; font-family:var(--font-primary) !important; font-weight:var(--font-weight-light) !important; text-transform:uppercase !important; color:var(--text-muted) !important; text-decoration:none !important;}
.fb-comments {width:100%;}
.product-page-complete-the-look-wrapper {margin-bottom:45px;}
.product-page-complete-the-look-item-wrapper {float:left; width:29%; margin-left:15px;}
.product-page-complete-the-look-image-wrapper {width:100%;}
.product-page-complete-the-look-image-wrapper img {}
.product-page-complete-the-look-name-wrapper {width:100%; text-align:center; margin-top:15px;}
.product-page-complete-the-look-name-wrapper a {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.product-page-full-width-bottom-section {width:100%;}
.product-page-image-machine-thumbnails li {margin:25px;}
.product-page-image-machine-thumbnails li img {border:1px solid var(--border-medium);}
.product-page-quantity-label {position:relative; top:5px;}
.product-page-quantity-input {margin-left:15px;}
.product-page-adpr-validation-messages {width:100%; margin:0;}
.product-page-adpr-validation-messages.active {margin:15px 0;}
.product-page-out-of-stock-message {display:none; width:100%; margin:10px 0;}
.product-page-zoom-image-modal {left:25%; z-index:9999999999; position:fixed;}
.product-dropdown {margin-bottom:25px; display:static !important;}

/* Preview Basket */
.global-header-preview-basket {width:378px; height:309px; border:1px solid var(--border-control); border-top:none; position:fixed; top:172px; right:0; background-color:var(--color-white); display:none; z-index:999999999999;}
.global-header-preview-basket.sticky-header {top:90px;}
.global-header-preview-basket .subtotal-container {width:298px; text-align:center; margin:15px auto; font-size:var(--font-size-xl); font-family:var(--font-primary); font-weight:var(--font-weight-light);}
.global-header-preview-basket .subtotal-container span {font-weight:var(--font-weight-bold);}
.global-header-preview-basket .item-container {width:298px; margin:20px auto 30px auto; padding:15px 0; border-top:1px solid var(--border-medium); border-bottom:1px solid var(--border-medium);}
.global-header-preview-basket .item-container .item-image-container {float:left; width:99px;}
.global-header-preview-basket .item-container .item-image-container img {width:99px;}
.global-header-preview-basket .item-container .item-name-container {float:right; width:184px; height:106px; padding-top:20px; text-align:left; font-size:var(--font-size-md); font-family:var(--font-primary); font-weight:var(--font-weight-bold);}
.preview-basket-view-cart-button {width:298px; margin:15px auto; display:block;}

/* Responsive YouTube Embeds */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
  margin-bottom:15px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Footer */
.gold{color:var(--brand-gold); font-weight: var(--font-weight-bold); text-align: left;}
#global-footer{background-image:url('/mm5/graphics/footer-background.jpg') !important; padding-top: 40px}
#global-footer{font-size:var(--font-size-xs);}
#global-footer ul li{border:none; display: block;text-align: left;}
#global-footer .wrapper { vertical-align: top; color: var(--color-white);}
#global-footer .wrapper  a{color: var(--color-white);}
#global-footer .wrapper:first-child{padding-left:0px;}
.address{color:var(--color-white);}
ul.paymentOptions{text-align: left;}
#global-footer .paymentOptions li{display: inline-block; }
.paymentOptions li img{width: 38px; height: 24px; margin: 2px;}
.copyright{color:var(--color-white); padding:20px 0; text-align: center;}
/* social media icons */
#global-footer ul.social li{display: inline-block; color: var(--color-white); margin:2px 0; }
#global-footer ul.social{text-align: left; margin-bottom: 10px;}
/* social */
.fa-facebook{background-color:#4d67a3;}
.fa-twitter{background-color:#25a7df;}
.fa-instagram{background-color: #40719a;}
.fa-pinterest-p{background-color:#c62325;}
.fa-google-plus{background-color:#d74936;}
ul.social li i.fa{padding: 5px; text-align: center;}
/* mobile footer nav */
#special-hours li:hover{color: var(--brand-red); cursor: pointer;}
#global-footer .gold{padding-bottom: 5px; }
ul.footer-sub-nav li:hover{color: var(--color-link-hover-on-dark); cursor: pointer;}
ul.footer-sub-nav{color:var(--color-white);}
/* Footer link lists always show at desktop width, even if one was collapsed in the phone view before the window was widened */
@media all and (min-width: 768px){ ul.footer-sub-nav {display:block !important;} }
li.footer-mobile-nav.gold ul li:last-child{border:none;}

/* back to top button */
.footer-back-to-top-button{display:block; border:solid 2px var(--color-white); text-transform: uppercase; text-align: center; color: var(--color-white); width: 200px; padding: 5px; font-size: var(--font-size-md); font-weight: bolder; margin: 0 auto; color:var(--color-white); background-color:var(--color-black);}
.col-hours ul.footer-sub-nav li:hover{color:var(--color-white); cursor: auto;}

/* LOGN */
.LOGN .margin-container, .AFCL .margin-container{margin-top:20px;}
.LOGN .form_row, .AFCL .form_row{text-align:center;}
.LOGN .login-form, .AFCL .login-form{margin:0 auto;}
.LOGN .email-password, .AFCL .email-password{padding-right:10px;}

/* NFTD */
.NTFD #main-content{padding-top:0;}
.NTFD #main-content{margin-left:20px; width:910px;}
.NTFD #breadcrumbs{margin-bottom:20px;}
.NTFD h4{font-size: var(--font-size-4xl);}
.NTFD .col{display:  inline-block; width:30%; vertical-align: top; margin-right:35px;}
.NTFD .col h3 {width:100%; text-align:center; font-size:var(--font-size-4xl);}
.NTFD .col a{font-size:var(--font-size-sm); font-family:var(--font-primary); font-style:normal;}
.NTFD .col span{font-family: var(--font-primary);}

.NTFD .col span{display: block;}
.NTFD .col .button a{font-size:var(--font-size-sm); padding-top:5px; text-align: left;}

/* BASK BSKE */
.BASK #main-content, .BSKE #main-content{margin-left:20px;}
.BASK h1, .BASK #main-content, .BSKE h1, .BSKE #main-content{margin-top:5px ; padding-top:0;}
.BASK #main-content a, .BSKE #main-content a{color:var(--brand-red);}
.BASK #breadcrumbs, .BSKE #breadcrumbs, .ACAD #breadcrumbs, .ACED #breadcrumbs, .OPRC #breadcrumbs{margin-top:20px; margin-bottom:20px;}
.BASK #basket-contents table tr.basket-heading td, .BASK #basket-contents table tr.basket-heading td, .BASK #order-contents table tr.heading td, .OCST #basket-contents table tr.basket-heading td, .OCST #basket-contents table tr.basket-heading td, .OCST #order-contents table tr.heading td, .INVC #basket-contents table tr.basket-heading td, .INVC #basket-contents table tr.basket-heading td, .INVC #order-contents table tr.heading td {border:none; color:var(--color-black); width: auto; text-align: left;}
.BASK .basket-heading{border-bottom:solid 1px var(--border-light); margin: 10px 0;}
.BASK #basket-contents.non-editable td, .BASK #basket-contents.editable td, .BASK #order-contents td{background-color:var(--color-white); border:none; vertical-align: middle; text-align:left;}
#basket-contents #basket-totals .formatted-total, #basket-contents #basket-totals .total-prompt, #basket-contents #basket-remaining .formatted-total, #basket-contents #basket-remaining .total-prompt{text-align:left;}
.BASK tr{height:50px; vertical-align: middle;}
.BASK #basket-contents.editable{width:1170px;}
.BASK .checkout-button{display: block; padding-top:8px; color:var(--color-white); float:right; background-color:var(--color-black); background-image:none !important; display: block;}
.BASK .cart-summary{text-align:center; font-size: var(--font-size-md); font-weight:var(--font-weight-bold); padding: 0;}
.BASK .cart-total{font-size:var(--font-size-lg); padding:10px 0; font-weight:var(--font-weight-bold);}
.cart-money-total{ font-size:var(--font-size-lg); float: right; padding-right:15px; font-weight:var(--font-weight-bold); margin-bottom:20px;}
.BASK .item-remove .button{background-image: none; background-color: var(--color-white); color: var(--color-black); height: auto !important; width: auto !important; margin: 0; padding: 0;}
.BASK .item-quantity .button{background-image:none; background-color:var(--color-white); width: auto !important; height: auto !important; color: var(--brand-red); position: relative; top:2px;}
.BASK #basket-contents.editable {margin-top:40px; }
.BASK .remove .button{background-image: none; color: var(--color-black); background-color:var(--color-white);}
.BASK table{font-size:var(--font-size-md); width:100%;}
.BASK td.product-text{width:60%;}
.BASK .product-name{width:100px; text-align:left !important;}
.BASK .continue-shopping{ text-transform: uppercase; padding-bottom:10px; display: block;}
.BASK #basket-contents .basket-qty-input{ width:55px;}
.BASK .product-group-name{font-weight:var(--font-weight-bold); font-size:var(--font-size-lg);}
.BASK .item-code{font-weight:var(--font-weight-regular); }
.BASK .td-header{vertical-align: middle;}
.BASK form.view-small .remove .button{padding:0 0 10px 0; margin:0; text-align: left;}
.BASK td.product-name, .BASK td.product-text{padding-left: 20px;}
.BASK #basket-contents .basket-qty-input {font-size:var(--font-size-md); color: var(--color-white) !important; border: solid 2px var(--color-black); background-color:var(--color-black); width:50px !important; text-align: center;}
.basket-page-free-shipping-promo-wrapper {width:100%; margin:15px auto;}
.basket-page-free-shipping-promo-wrapper p {font-size:var(--font-size-xl); font-family:var(--font-primary);}
.basket-page-free-shipping-promo-wrapper p span {color:var(--brand-red); font-weight:var(--font-weight-bold);}
.basket-page-free-shipping-promo-wrapper p.disclaimer {font-size:var(--font-size-xs); color:var(--brand-red);}
.basket-remove-icon {position:static !important; top:0 !important; right:0 !important; color:var(--color-black) !important; font-size:var(--font-size-lg); display:inline-block; margin-top:30px; margin-right:30px;}
.basket-contents-table {}
.basket-contents-product-name-and-attributes-cell {}
.basket-contents-product-name-link {font-family:var(--font-primary); font-weight:var(--font-weight-regular); font-size:var(--font-size-md); padding-top:14px; display:inline-block; color:var(--color-black) !important;}
.basket-contents-product-name-link:hover {color:var(--brand-red) !important;}
.basket-contents-product-name-and-attributes-cell .attributes {display:block; margin:5px 0;}
.basket-contents-unit-price {position:relative; top:4px;}
.basket-contents-line-item-subtotal-price {position:relative; top:4px;}
.basket-contents-table .basket-charges .charge-description {text-align:right !important; padding-right:15px; font-weight:var(--font-weight-bold);}

/* Special Order / Pre-Order Basket Contents Messages */
.special-stock-status {display:block; margin:5px 0; color:var(--brand-red);}
.special-stock-status.special-order {}
.special-stock-status.pre-order {}

/* keycode */

.BASK .keycode{text-transform: uppercase; color:var(--brand-red); padding-bottom:10px;}
.BASK .keycode:hover{cursor: pointer;}
.BASK .coupon-input{height: 32px;}
.BASK .coupon .button{background-image: none; background-color: var(--color-black);}

.basket-page-coupon-redemption-form-row {margin-bottom:15px !important;}

/* Payment options */
.BASK .payment-options{text-align:right; margin-top:43px; }
.BASK .payment-options li{ display: inline-block;}
.BASK .payment-options li img{height:25px; width:auto;}
.BASK .or{text-align: left; padding:10px 0; font-size:var(--font-size-md); color: var(--text-subtle);}
.BASK .paypal-button{text-align: left !important; padding: 0px !important; float:right;}

/* ACAD / ACED / OCST / OSEL */
.ACAD .fields-heading, .ACED .fields-heading, .OCST .fields-heading, .OSEL .fields-heading, .INVC .fields-heading, .OPAY .fields-heading{font-size:var(--font-size-xl); font-family:var(--font-primary); text-align:left;}
.ACAD #billing_controls label, .ACED #billing_controls label, .OCST #billing_controls label, .OSEL #billing_controls label, .INVC #billing_controls label{margin-top:-17px; display: block; margin-left: 30px;}
.ACAD h2.fields-heading, .ACED .fields-heading, .INVC .fields-heading{height:50px;background-image: url('/mm5/graphics/header-background.jpg'); color:var(--color-white);}
.ACAD #customer-fields label, .ACED #customer-fields label, .OCST #customer-fields label, .OSEL #customer-fields label, .INVC #customer-fields label{text-align:left;}

/* ACAD */
.ACAD h1{text-align:left;}

/* ACED */
#fields-key{text-align:left;}
.logout-link a{color:var(--brand-red);}

/* OCST / OSEL / INVC */
.OCST #basket-contents.non-editable td, .OCST #basket-contents.editable td, .OCST #order-contents td, .OSEL #basket-contents.non-editable td, .OSEL #basket-contents.editable td, .OSEL #order-contents td, .INVC #basket-contents.non-editable td, .INVC #basket-contents.editable td, .INVC #order-contents td td, .OPAY #basket-contents.non-editable td, .OPAY #basket-contents.editable td, .OPAY #order-contents td td{ background-color:var(--color-white); border:none;}

.OCST .cart-summary, .OCST .BASK-table, .OPAY #customer-fields h2.fields-heading{width:70% !important;}
.OSEL .fields-heading, .OCST .fields-heading, .OPAY .fields-heading{background-color: var(--color-white); color: var(--color-black); background-image: none; border-bottom:1px solid var(--border-light); height:50px;}
.checkout-newsletter-opt-in-wrapper {margin:15px 0;}
.checkout-newsletter-opt-in-wrapper  label {float:none !important; clear:none !important; display:inline !important; font-weight:var(--font-weight-regular) !important;}
.checkout-newsletter-opt-in-wrapper  input {width:auto !important;}

/* Checkout banner */
.checkout-steps{clear: both; text-align: center;}
.checkout-steps li{ list-style: none; display: inline-block; color: var(--color-white); padding: 10px 15px; height:40px; vertical-align: top; text-align:center; width: 192px;}
.checkout-steps li.active{color:var(--brand-red);}

/* ABAL */
.ABAL .customer_account_balance_container{width:550px; display: block; margin: 0 auto;}
.abal-page-current-balance-wrapper {margin:15px 0; font-size:var(--font-size-xl); font-family:var(--font-primary); color:var(--brand-red); font-weight:var(--font-weight-regular); text-align:left; text-transform:uppercase; font-style:normal;}
.abal-page-current-balance-wrapper span {color:var(--text-body);}
.abal-page-redeem-button {margin:0 0 15px 0;}
#filter-items-container.abal {margin-top:0; padding-left:0;}
.abal-select-element {display:inline; width:auto; min-width:75px;}
.abal-history-table {margin:15px 0;}

/* OPRC ACRT */
.OPRC .button, .ACRT .button, .ACLN .button{width:auto; width: auto !important; margin-top: 10px !important;}

/* ACRT */
.ACRT a.log-in{color:var(--brand-red); display: block; margin-top:5px;}

/* ACLN */
.logout-link {position: relative; margin: 0 !important;}

/* CEML/CPWD */
.CEML h1, .CPWD h1{text-align:left;}

/* RGFT */
.RGFT .giftcertificate_redeem_giftcertificate_code {height:32px;}

.ORHL .lookup-section h3, .ORHL .signin-section h3{text-align:left;}

/* SRCH */
.SRCH .textfield{height:33px;}
.SRCH.CTGY .product-item .padding{height:auto !important;}
.SRCH.CTGY .product-item .product-name {max-width:100%; text-align:center; height:auto; overflow: hidden;}
.SRCH.CTGY .product-listing-designer-name {font-size:var(--font-size-lg); max-width:100%; height:auto; text-align:center; font-family:var(--font-primary); font-weight:var(--font-weight-light); color:var(--text-muted);}

/* PATR */
.PATR .continue-button{text-align:left; }
.PATR .continue-button .button{background-color:var(--color-black); background-image: none;}
.PATR .error-message{text-align: left; margin:20px 0 0 0;}

/* POUT */
.POUT .error-message{text-align: left; margin:0;}
.POUT .button{background-color:var(--color-black); background-image:none;}

/* OUS1 */
.OUS1 .button {width: auto !important;}
.OUS1 .DoNotAddToOrder .button{background-color: var(--color-black); background-image: none;}

/* OSEL */
.osel-page-points-redemption-wrapper {margin:15px 0; max-width:320px;}
.delicious-dollars-heading {}
.delicious-dollars-breakdown {}
.delicious-dollars-breakdown ul {margin-left:15px; margin-bottom:10px;}
.delicious-dollars-breakdown ul li {}
.delicious-dollars-redeem-button-wrapper {width:100%; text-align:right;}
.delicious-dollars-redeem-button {font-weight:var(--font-weight-bold); text-transform:uppercase; font-size:var(--font-size-xs); background-color:var(--color-black); color:var(--color-white); padding:5px 10px; border:medium none; height:33px; margin-left:2px; margin-top:5px;}

/* OPAY */
.OPAY .osel-payment{font-size:var(--font-size-xl);}
.opay-how-much-credit-to-use-paragraph {margin-bottom:25px; font-family:var(--font-accent); font-style:var(--font-accent-style-text); font-weight:var(--font-accent-weight-text); font-size:var(--font-size-2xl);}
.opay-split-tender-form-row {margin-bottom:15px;}
.opay-split-tender-field-label {margin:0 15px 15px 0; display:inline-block; width:200px;}
.opay-partial-payment-field {display:inline; margin-left:5px; max-width:100px;}
.opay-additional-payment-method-select {margin-bottom:25px; width:auto !important; min-width:200px !important; display:inline-block !important;}

/* SMAP Page */
#sitemap div.category, #sitemap div.product {float:left; font-size:var(--font-size-md); border:2px solid var(--border-control); padding:5px 10px; text-transform:uppercase; display:inline-block; color:var(--text-subtle); margin:10px; background-color:var(--color-white);}
#sitemap div.category a, #sitemap div.product a {font-size:var(--font-size-md); color:var(--text-muted);}
#sitemap div.category:hover, #sitemap div.product:hover {border:2px solid var(--color-white); color:var(--color-white); background-color:var(--text-subtle);}
#sitemap div.category:hover a, #sitemap div.product:hover a {color:var(--color-white);}

/* Quickview Styles */
.mfp-wrap {z-index:9999999 !important;}
.mfp-iframe-scaler {padding-top:75% !important;}
.mfp-close {opacity:1 !important; top:0 !important; right:16px !important; width:45px !important; background-color:var(--color-black) !important; color:var(--color-white) !important; padding:0 !important; font-size:var(--font-size-5xl) !important; font-weight:var(--font-weight-light) !important; font-style:normal !important; text-align:center !important;}
.main-image-prod-page.quickview {border:1px solid var(--border-medium);}
.product-attributes.quickview {margin-bottom:0 !important;}
.purchase-buttons.quickview {margin-top:-10px !important;}
.product-page-quantity-label.quickview {color:var(--color-black) !important; margin-left:0 !important; text-transform:none !important;}
.product-page-quantity-input.quickview {width:75px !important; display:block; margin:5px 15px 15px 0; background-color:var(--surface-muted) !important; border:1px solid var(--border-medium);}
.quickview-add-to-cart-button {margin:15px 15px 15px 0;}
.quickview-add-to-cart-button img {height:45px;}
.quickview-view-product-details-button {margin:15px 0 15px 15px;}
.quickview-view-product-details-button.out-of-stock-view-details-button {margin-left:0;}
.quickview-view-product-details-button img {height:45px;}
.quickview-product-description-container {margin-top:25px;}

/* Wishlist Page Styles */
.create-wishlist-link {margin:15px 0 0 0; display:block;}
.my-wishlists-link {margin:15px 0 0 0; display:block;}
.wishlist-search-label {margin-right:15px;}
.wishlist-search-field {margin-right:15px; max-width:250px; display:inline;}
.wishlist-search-button {}
.wishlists_container {}
.wishlist-fields-key-wrapper {margin:15px 0;}
.wishlist-fields-key-wrapper div {margin:10px;}
.wishlist-fields-key-wrapper div span {}
.wishlist-fields-key-wrapper div span.required {font-weight:var(--font-weight-bold) !important;}
.wishlist-fields-key-wrapper div span.italic{font-weight:var(--font-weight-regular) !important; font-style:italic !important;}
.wishlist-fields-key-wrapper div span.red {font-weight:var(--font-weight-bold) !important; color:var(--status-error-text) !important;}
.wishlist-field-label.invalid {font-weight:var(--font-weight-bold) !important; color:var(--status-error-text) !important;}
.wishlist-field-label.optional {font-weight:var(--font-weight-regular) !important; font-style:italic !important;}
.return-to-wish-lists-listing-link {display:block; margin:0 0 15px 15px; font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--brand-red-dark) !important;}
.wishlist-details-page-wishlist-actions {width:100%; margin:15px 0 55px 15px; padding:0;}
.wishlist-details-page-wishlist-actions li {float:left; margin-right:15px; font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.wishlist-details-page-wishlist-actions li a {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.wishlist-details-page-wishlist-notes-wrapper {margin:15px;}
.wishlist-details-page-wishlist-notes-wrapper p {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.wishlist-details-page-wishlist-public-status-wrapper {margin:15px;}
.wishlist-details-page-wishlist-public-status-wrapper p {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.wishlist-details-page-add-all-items-to-basket-wrapper {margin:15px;}
.wishlist-details-page-add-all-items-to-cart-button {width:auto !important;}
.wishlist-details-page-add-to-cart-button {width:auto !important;}
.wishlist-details-page-wishlist-empty-wrapper {margin:65px 0 15px 15px;}
.wishlist-details-page-wishlist-empty-wrapper p {font-family:var(--font-primary); font-size:var(--font-size-lg); color:var(--text-body);}
.wishlist-details-page-item-listing-wrapper {margin:15px;}
.wish-list-item-listing-table {margin-left:15px;}
.wish-list-item-listing-table th {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body); font-weight:var(--font-weight-bold);}
.wish-list-item-listing-table td {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.wish-list-item-listing-table td a {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--brand-red-dark);}
.wishlist-item-listing-image-wrapper {max-width:200px; max-height:215px;}
.wishlist-item-listing-product-name-wrapper {margin-bottom:15px;}
.wishlist-item-listing-option-wrapper {margin-bottom:5px;}
.wishlist-item-listing-move-or-date-added-wrapper {margin-top:15px;}
.wishlist-item-listing-date-added {}
.wishlist-item-listing-editable-item-notes-wrapper {margin-top:15px;}
.wishlist-item-listing-read-only-notes-wrapper {margin-top:15px;}
.wishlist-item-listing-read-only-notes-wrapper p {}
.wishlist-item-listing-edit-item-link-wrapper {margin-top:15px;}
.wishlist-item-listing-edit-item-link {}
.wishlist-item-listing-cancel-or-remove-link-wrapper {margin-top:15px;}
.wishlist-item-listing-quantity-box {max-width:75px;}
.wpck-wishlist-select {margin-top:15px;}

/* Upsale Page Styles */
.upsale-page-add-to-cart-buttons-wrapper {margin:15px 0;}
.upsale-page-add-to-cart-buttons-wrapper input {width:auto !important;}
.upsale-add-to-order-button {}
.upsale-do-not-add-to-order-button {margin-left:15px !important; background-image:none; background-color:var(--color-black);}
.upsell-product-display-vertical-padding {height:30px;}
.uatr-form-wrapper {max-width:600px; margin:15px auto;}
.ousm-product-listing-table {max-width:95%;}
.ousm-product-listing-table th {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body); font-weight:var(--font-weight-bold);}
.ousm-product-listing-table td {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.ousm-continue-button-wrapper {width:100%; text-align:right; padding-right:45px; margin-bottom:25px;}
.uatm-form-wrapper {max-width:350px; margin:15px auto;}
.uatm-form-wrapper div.required {font-size:var(--font-size-xl);}
.uatm-form-wrapper td.prompt {padding:15px; text-align:left;}

/* Easy Account Styles */
div.eaContent {background-color:var(--color-white) !important;}
div.eaContent h3 {}
div.eaContent p {font-family:var(--font-primary) !important; font-size:var(--font-size-sm) !important; color:var(--text-body) !important;}
div.eaInputs {}
div.eaInputs .form_row {}
div.eaInputs label {font-family:var(--font-primary) !important; font-size:var(--font-size-sm) !important; color:var(--text-body) !important; font-weight:var(--font-weight-bold) !important; text-align:left !important;}
div.eaInputs input {}
#custPassWordConfirm {padding-top:15px;}
div.eaControls {}
div.eaControls input {margin:15px auto !important; width:auto !important;}

/* Basket Page New Styles */
.basket-page-coupon-redemption-row {width:100%; margin:5px 0;}
.basket-page-action-buttons-row.top-of-page {margin-bottom:25px;}

.basket-page-estimate-shipping-button {
  border: 1px solid var(--color-black);
  color: var(--text-body);
  display: block;
  margin-bottom: 15px;
  padding: 6px 0;
  text-align: center;
  width: 175px;
}

.basket-page-estimate-shipping-button:hover {cursor: pointer; background-color:var(--color-black); color:var(--color-white);}

.basket-page-action-buttons-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.basket-page-continue-and-estimate-shipping-button,
.basket-page-checkout-button-and-geotrust-seal-wrapper,
.basket-page-checkout-buttons {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
}

.basket-page-checkout-button-and-geotrust-seal-wrapper {
  margin-top: 30px;
}

.basket-page-checkout-message {
  margin-bottom: 15px;
  max-width: 300px;
}

#paypalcp-button-container,
#payWithAmazonDiv,
.basket-page-checkout-apple-button > div {
  margin-top: 20px;
}

@media screen and ( min-width: 441px ){

  .basket-page-continue-and-estimate-shipping-button {
    flex-direction: row;
  }

  .basket-page-estimate-shipping-button {
    margin-bottom: 0;
    margin-right: 25px;
  }

  .basket-page-checkout-button-and-geotrust-seal-wrapper {
    align-items: flex-end;
  }
}

.basket-page-geotrust-seal-wrapper {display:inline-block; margin-right:15px;}
.basket-page-or-checkout-text-wrapper {width:100%; text-align:right; font-size:var(--font-size-lg); color:var(--text-subtle); margin:10px 0; padding-right:125px;}
.basket-page-paypal-button-wrapper {margin:10px 0 25px 0; width:100%; text-align:right;}

.basket-action-buttons-wrapper {
	margin-bottom:3rem;
	white-space:nowrap;
}
.basket-action-buttons-wrapper a {
	display:inline-block !important;
	position: relative;
	top: 11px;
	display: block;
	padding: 6px 0;
	width: 175px;
	color:var(--color-white);
	background-color:var(--color-black);
	text-align: center;
	border: 1px solid var(--color-black);
}
.basket-action-buttons-wrapper a:first-of-type {
	margin-right: 25px;
}
.basket-action-buttons-wrapper a:hover {
	color:var(--color-black);
	background-color:var(--color-white);
}

.basket-action-buttons-wrapper a span {
	margin-right:15px;
}

#shipping-estimate-modal {z-index:99999999;}
#shipping-estimate-modal h4.modal-title {width:100%; text-align:center;}
#shipping-estimate-modal label {display:block;}
#shipping-estimate-modal input, #shipping-estimate-modal select {display:block; width:100%;}
.estimate-shipping-modal-calculate-button {}
p.estimate-shipping-modal-no-rates-found-message {font-family: var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
img.estimate-shipping-loading-spinner {display:none;}
p.paypal-express-checkout-continue-message {font-family: var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
p.small-mobile-touch-cart-message {display:none;}
div.checkout-page-header-geotrust-trust-mark {float:right; margin-bottom:25px;}
div.basket-page-mobile-geotrust-trust-mark {display:none;}
div.basket-page-checkout-or-wrapper {width:100%; text-align:right; margin:20px 0 0 auto; padding-right:175px; font-family: var(--font-primary); font-size:var(--font-size-lg); color:var(--text-subtle);}

.account-links {margin-top:35px;}
.my-account-page-logout-and-start-shopping-wrapper {width:100%; margin:25px 0 10px 0;}
.my-account-page-logout-link {float:left;}
.my-account-page-start-shopping-button {float:right;}

.fpwd-form-wrapper {width:300px;}
.afpw-form-wrapper {width:300px;}
.fpwd-page-submit-button-wrapper {width:100%; text-align:right;}
.afpw-page-submit-button-wrapper {width:100%; text-align:right;}
.left-aligned-messages {text-align:left; width:100%; margin-bottom:15px; padding:0;}

.change-password-section {width:100% !important; margin:15px auto 5px; padding:10px;}
.cpwd-input {width:100%; margin:2px 3px;}


.login-page-section {margin-top:15px;}
.login-page-section p {height:45px;}
.login-page-section .login-form {margin-top:20px;}
.login-page-section .sign-in-buttons {padding-right:66px;}
.login-page-register-button {position:relative; top:-20px;}

.giftcertificate_redeem_content {margin-bottom:50px !important;}
.account-page-return-to-my-account-wrapper {width:100%; margin:10px 0; padding-left:25px;}
.abal-page-current-balance-wrapper.rgft {margin-left:20px;}

.ntfd-continue-shopping-button {}
.ntfd-continue-shopping-button.actual {width:200px !important;}

.oprc-continue-shopping-button {width:200px !important;}

.sign-in-buttons.orhl {padding-right:125px;}

.ousm-product-listing-table .wishlist-item-listing-image-wrapper {max-height:500px;}

.osel-page-spacer {height:25px;}
.osel-h3 {font-size:var(--font-size-4xl);}
.checkout-error-alert {}
.expiration-month-field {display:inline !important; max-width:75px; margin:10px;}
.expiration-year-field {display:inline !important; max-width:75px; margin:10px;}
.cvv-field {display:inline !important; max-width:75px; margin:10px;}

.invoice-page-order-contents-wrapper td {padding-bottom:10px; padding-top:10px;}
.invoice-page-order-contents-wrapper .total-prompt {font-weight:var(--font-weight-bold); font-size:var(--font-size-3xl);}
.invoice-page-order-contents-wrapper .formatted-total {font-weight:var(--font-weight-bold); font-size:var(--font-size-3xl);}
.invoice-page-order-contents-wrapper td.order-status {padding-right:15px;}
.invoice-page-order-contents-wrapper .basket-contents-item-status {position:relative; top:4px;}
.invoice-page-order-contents-wrapper .basket-contents-item-quantity {position:relative; top:4px;}
.invoice-page-start-shopping-button-wrapper {margin:15px 0; width:100%; text-align:left;}
.invoice-page-start-shopping-button-wrapper button {width:auto !important;}

/* ORDH Styles */
.account-page-navigation-my-account-button.ordh-page {margin-left:0px;}
p.ordh-page-no-orders-message {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body); clear:both;}
table.ordh-page-order-listing-table {width:100%;}
table.ordh-page-order-listing-table th {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body); font-weight:var(--font-weight-bold);}
table.ordh-page-order-listing-table td {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
a.ordh-page-view-order-details-link {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
a.ordh-page-view-order-details-link:hover {color:var(--color-link-hover); text-decoration:none;}

.total-prompt.ords {padding-right:15px;}

.create-wishlist-link {margin-bottom:20px;}
.wish-lists-table {}

/* Newsletter Modal */
.modal-dialog {width:800px;}
#newsletter-modal {}
#newsletter-modal .modal-content {position:relative; width:800px; height:527px; background-image:url('/mm5/graphics/newsletter-modal-background-image.jpg'); background-repeat:no-repeat;}
#newsletter-modal .modal-header {border:none;}
.newsletter-modal-close-button {opacity:1.0; position:absolute; top:2px; right:0;}
.newsletter-modal-fields-row {position:absolute; left:154px; bottom:24px;}
.newsletter-modal-email-input {border:2px solid var(--color-black); width:350px; height:65px; background:transparent; font-size:var(--font-size-xl); font-weight:var(--font-weight-bold); color:var(--color-black); padding:18px 29px; margin-right:20px; font-family:var(--font-primary);}
.newsletter-modal-join-now-button {position:relative; top:-4px;}

.empty-basket-start-shopping-button {width:auto !important;}

/* ================================================
================================================
Media Queries
================================================
================================================*/
@media all and (min-width: 1900px){
/* sub category */
  #reference_pane{width: 75%; margin-bottom:80px; }
  #reference_pane h3{ margin:0;}
}



@media all and (max-width:1850px){
  .homepage-visit-db-info-wrapper .address-paragraph {margin-left:25px; margin-right:25px;}
  .homepage-visit-db-info-wrapper .about-text {margin-left:25px; margin-right:25px;}
}

@media all and (max-width:1750px){
  .homepage-visit-db-info-wrapper .address-paragraph {width:445px; margin-left:auto; margin-right:auto;}
  .homepage-visit-db-info-wrapper .about-text {margin-left:15px; margin-right:15px;}
}

@media all and (max-width:1725px) {
  .upsale-page-add-to-cart-buttons-wrapper input {display:block; margin-left:0 !important; margin-right:0 !important;}
  .upsale-do-not-add-to-order-button {margin-top:15px !important;}
}


@media all and (max-width: 1700px){
  .product-item{width:33% !important;}
  /*.CTGY .product-item .padding {height:495px;}*/
  .product-item.subcategory .padding {/*height:440px;*/}
  .CTGY .product-item .product-details {max-width:350px;}
  .CTGY .product-item .product-image{max-width:350px;}
  .CTGY .product-item .product-name {max-width:350px;}
  .product-listing-designer-name {max-width:350px;}
  .CTGY .product-item .product-price {max-width:350px;}
  .ctgyswatches {max-width:350px;}
  .homepage-visit-db-info-wrapper h2 {margin-top:15px; font-size:var(--font-size-6xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-xl); width:375px; margin-left:auto; margin-right:auto;}
  .homepage-visit-db-info-wrapper .about-text {font-size:var(--font-size-md); margin-left:35px; margin-right:35px;}
  .page-links {margin-right:6.6%;}
  .footer-page-links{margin-right: 7%;}
}

@media all and (max-width:1650px){
  .mfp-iframe-scaler {padding-top:65% !important;}
}

@media all and (max-width: 1630px){
  .page-links {margin-right:5.5%;}
  .footer-page-links{margin-right: 5.5%;}
}

@media all and (max-width: 1600px){
  .homepage-visit-db-info-wrapper h2 {margin-top:15px; font-size:var(--font-size-6xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-lg); width:335px; margin-left:auto; margin-right:auto;}
  .homepage-visit-db-info-wrapper .about-text {font-size:var(--font-size-sm); margin-left:40px; margin-right:40px;}
}


@media all and (max-width: 1550px){
  .page-links {margin-right:4%;}
  .footer-page-links{margin-right: 4%;}
}

@media all and (max-width: 1500px){
  .background-sales p.promo-message {margin-bottom:10px !important;}
  .homepage-visit-db-info-wrapper h2 {margin-top:15px; font-size:var(--font-size-6xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-lg); width:335px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
  .homepage-visit-db-info-wrapper .about-text {font-size:var(--font-size-sm); margin-left:25px; margin-right:25px; margin-bottom:15px;}

}

@media all and (max-width: 1490px){
  .page-links {margin-right:2.75%;}
  .footer-page-links{margin-right: 2.75%;}
}

@media all and (max-width: 1450px){
  .page-links {margin-right:5.5%;}
  .footer-page-links{margin-right: 5.5%;}
}

@media all and (max-width: 1430px){
  .page-links {margin-right:3.5%;}
  .footer-page-links{margin-right: 3.5%;}
  /*.CTGY .product-item .padding {height:475px;}*/
  .product-item.subcategory .padding {/*height:410px;*/}
  .CTGY .product-item .product-details {max-width:325px;}
  .CTGY .product-item .product-image{max-width:325px;}
  .CTGY .product-item .product-name {max-width:325px;}
  .product-listing-designer-name {max-width:325px;}
  .CTGY .product-item .product-price {max-width:325px;}
}

@media all and (max-width: 1400px){

  div#left-navigation {width:25%;}
  #main-content {width:75%;}
  .page-links {margin-right:3.2%;}
  .footer-page-links{margin-right: 3.2%;}
  /*.CTGY .product-item .padding {height:445px;}*/
  .product-item.subcategory .padding {/*height:380px;*/}
  .CTGY .product-item .product-details {max-width:300px;}
  .CTGY .product-item .product-image{max-width:300px;}
  .CTGY .product-item .product-name {max-width:300px;}
  .product-listing-designer-name {max-width:300px;}
  .CTGY .product-item .product-price {max-width:300px;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-6xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-lg); margin-left:0; margin-right:0; width:100%; text-align:center;}
  .homepage-visit-db-info-wrapper .about-text {font-size:var(--font-size-sm); margin-left:10px; margin-right:10px;}

}


@media all and (max-width: 1350px){
	/*.CTGY .product-item .padding {height:415px;}*/
  .product-item.subcategory .padding {/*height:350px;*/}
  .CTGY .product-item .product-details {max-width:275px;}
  .CTGY .product-item .product-image{max-width:275px;}
  .CTGY .product-item .product-name {max-width:275px;}
  .product-listing-designer-name {max-width:275px;}
  .CTGY .product-item .product-price {max-width:275px;}
  .ctgyswatches {max-width:275px;}
  .page-links {margin-right:4.8%;}
  .footer-page-links{margin-right: 4.8%;}
}


@media all and (max-width: 1330px){
  #filter-items-container .sorting {float:none;}
  .page-links {margin-top:15px;}
}

@media all and (max-width: 1300px){
  .page-links {margin-right:3.3%;}
  .footer-page-links{margin-right: 3.3%;}
}




@media all and (max-width: 1250px){
  .product-item.subcategory .padding {/*height:330px;*/}
  .CTGY .product-item .product-details {max-width:255px;}
  .CTGY .product-item .product-image{max-width:255px;}
  .CTGY .product-item .product-name {max-width:255px;}
  .product-listing-designer-name {max-width:255px;}
  .CTGY .product-item .product-price {max-width:255px;}
  .ctgyswatches {max-width:255px;}
  .page-links {margin-right:4.3%;}
  .footer-page-links{margin-right: 4.3%;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-5xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-lg); margin-left:0; margin-right:0; margin-top:50px; margin-bottom:10px; width:100%; text-align:center;}
  .homepage-visit-db-info-wrapper .about-text {display:none;}

}




@media all and (max-width: 1200px){

/*nav*/

    .product-item{width:33% !important;}
  #breadcrumbs {padding-top:20px;}
/* search */
  .search-bar input.searchfield{width:86%; margin: 0 auto; color: var(--color-white);}
  .search-bar span.glyphicon.glyphicon-search{padding-left:0px; left: 30px;}
  .search-bar  span.glyphicon.glyphicon-remove{right:30px;}
  div#left-navigation {width:20%;}
  #main-content {width:80%;}
  #category-tree .level-3, #category-tree .level-1, .title-other-departments, .level-2 {font-size:var(--font-size-md); width:100%;}
  #category-tree .level-4 a, .list-other-departments li a, .level-4 {font-size:var(--font-size-sm);}
  .page-links {margin-right:5%;}
  .footer-page-links{margin-right: 5%;}
}
@media all and (max-width: 1199px){
  .primary-content-container {width:90%; margin:0 auto;}
  .login-page-section .sign-in-buttons {padding-right:0;}
  .login-page-section ul {margin-top:10px;}
  .NTFD .col {width:25%;}
  .section.orhl {padding-left:0 !important; width:auto !important; margin-right:50px;}
  .sign-in-buttons.orhl {padding-right:0;}
}


@media all and (max-width: 1130px){
  .page-links {margin-right:3%;}
  .footer-page-links{margin-right: 3%;}
}


@media all and (max-width: 1170px){
  #global-footer{padding:40px 20px;}

/* sticky */

  .wrapper{width:100%;}
/* BASK */
  .BASK #basket-contents.editable{width:95%;}
  .BASK .logout-link a {padding-right: 60px;}
  .checkout-steps li{width:24.5%;}
}
@media all and (max-width: 1100px){
  /*.CTGY .product-item .padding {height:395px;}*/
  .product-item.subcategory .padding {/*height:300px;*/}
  .CTGY .product-item .product-details {max-width:235px;}
  .CTGY .product-item .product-image{max-width:235px;}
  .CTGY .product-item .product-name {max-width:235px;}
  .product-listing-designer-name {max-width:235px;}
  .CTGY .product-item .product-price {max-width:235px;}
  .ctgyswatches {max-width:235px;}
}

@media all and (max-width: 1075px){
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-4xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-md);}

}

@media all and (max-width: 1070px){
  .page-links {margin-right:2%;}
  .footer-page-links{margin-right: 2%;}
}

@media all and (max-width: 1050px){
  /*.CTGY .product-item .padding {height:365px;}*/
  .product-item.subcategory .padding {/*height:280px;*/}
  .CTGY .product-item .product-details {max-width:215px;}
  .CTGY .product-item .product-image{max-width:215px;}
  .CTGY .product-item .product-name {max-width:215px;}
  .product-listing-designer-name {max-width:215px;}
  .CTGY .product-item .product-price {max-width:215px;}
  .ctgyswatches {max-width:215px;}
  .ctgyswatches ul li {display:inline-block; margin:0 7px; width:20px;}
  .ctgyswatches ul li img {width:20px;}
  .page-links {margin-right:3.5%;}
  .footer-page-links{margin-right: 3.5%;}
}



@media all and (max-width: 1000px){
  #breadcrumbs {padding-top:30px;}
  .CTGY h1{ font-size: var(--font-size-6xl);}
  .product-item{width:32% !important; float: none; display: inline-block; vertical-align: top;}
/* nav */
  .header{padding-right:10px;}

/* NTFD */
  /*.CTGY .product-item .padding {height:345px;}*/
  .product-item.subcategory .padding {/*height:260px;*/}
  .CTGY .product-item .product-details {max-width:195px;}
  .CTGY .product-item .product-image{max-width:195px;}
  .CTGY .product-item .product-name {max-width:195px;}
  .product-listing-designer-name {max-width:195px;}
  .CTGY .product-item .product-price {max-width:195px;}
  .ctgyswatches {max-width:195px;}
  .ctgyswatches ul li {width:25px;}
  .ctgyswatches ul li img {width:25px;}
  .page-links {margin-right:6%;}
  .footer-page-links{margin-right: 6%;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-4xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-sm);}

}
@media all and (max-width: 991px){
    .OCST .cart-summary, .OCST .BASK-table, .OPAY h2.fields-heading{width:89% !important;}
    .OCST .cart-summary, .OCST .BASK-table, .OPAY #customer-fields h2.fields-heading {width:89% !important;}
  .account-links ul li {width:33%;}
}
@media all and (min-width: 990px){
/* PROD */
  .PROD .fb-comments.fb_iframe_widget{width:450px;}
}


@media all and (max-width: 990px){
/* PROD */
  .PROD .product-details-1, .product-details-2 {width:100%;}
  .PROD .description-title{width:100%;}
  .PROD #closeup_div{left:15% !important; top: -50% !important;}
  .PROD .fb-comments.fb_iframe_widget{width:100%;}

/* search */

}

@media all and (max-width:980px){
  .invoice-page-order-contents-wrapper .total-prompt {padding-right:15px;}
}



@media all and (max-width:950px){
  .page-links {margin-right:4%;}
  .footer-page-links{margin-right: 4%;}
  .product-page-points-wrapper {width:100%;}
}


@media all and (max-width:930px){
  h1.category-page-category-name {font-size:var(--font-size-5xl);}
}

@media all and (max-width: 900px){
  .newsletter span, .newsletter-two span{display: block; margin-bottom:10px;}

  h2{font-size: var(--font-size-6xl);}

/* search */
  #category-tree .level-3, #category-tree .level-1, .title-other-departments, .level-2 {font-size:var(--font-size-md); width:100%;}
  #category-tree .level-4 a, .list-other-departments li a, .level-4 {font-size:var(--font-size-sm);}
  .CTGY .product-item {width:49% !important;}
  /*.CTGY .product-item .padding {height:395px;}*/
  .product-item.subcategory .padding {/*height:340px;*/}
  .CTGY .product-item .product-details {max-width:245px;}
  .CTGY .product-item .product-image{max-width:245px;}
  .CTGY .product-item .product-name {max-width:245px;}
  .product-listing-designer-name {max-width:245px;}
  .CTGY .product-item .product-price {max-width:245px;}
  .ctgyswatches {max-width:245px;}
  .ctgyswatches ul li {display:inline-block; margin:0 7px; width:30px;}
  .ctgyswatches ul li img {width:30px;}
  .page-links {margin-right:7%;}
  .footer-page-links{margin-right: 7%;}
  .homepage-visit-delicious-boutique-wrapper {width:100%;}
  .homepage-visit-db-image-wrapper {float:none; width:100%}
  .homepage-visit-db-info-wrapper {float:none; width:100%; background-image:url('/mm5/graphics/black-textured-background.jpg'); background-repeat:repeat; padding:15px;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-display); margin-top:0;}
  .homepage-visit-db-info-wrapper .address-paragraph {width:100%; margin:10px auto 40px auto; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold); color:var(--color-white);}
  .homepage-visit-db-info-wrapper .about-text {margin:10px auto 20px auto; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-white); display:block;}

  .basket-contents-product-image {max-width:100px;}
  div#left-navigation {width:30%;}
  #main-content {width:70%;}

}

@media all and (max-width: 875px) {
  .new-arrival-category-view-button-wrapper ul li {float:left; margin-right:10px; color:var(--text-subtle); font-weight:var(--font-weight-bold); font-size:var(--font-size-md); text-transform:uppercase; font-family:var(--font-primary);}
}
@media all and (max-width: 860px) {
  #main-content {width:68%; margin-left:10px;}
}
@media all and (max-width: 855px) {
  .CTGY .product-item .product-details {max-width:225px;}
  .CTGY .product-item .product-image{max-width:225px;}
  .CTGY .product-item .product-name {max-width:225px;}
  .product-listing-designer-name {max-width:225px;}
  .CTGY .product-item .product-price {max-width:225px;}
  .ctgyswatches {max-width:225px;}
}

@media all and (max-width: 850px) {
  /*.CTGY .product-item .padding {height:415px;}*/
  .product-item.subcategory .padding {/*height:325px;*/}
  .page-links {margin-right:6%;}
  .footer-page-links{margin-right: 6%;}
}


@media all and (max-width: 800px) {
  /*.CTGY .product-item .padding {height:405px;}*/
  .product-item.subcategory .padding {/*height:305px;*/}
  .page-links {margin-right:5%;}
  .footer-page-links{margin-right: 5%;}
}
@media all and (max-width: 799px) {
  .modal-dialog {width:768px;}
  #newsletter-modal .modal-content {width:768px; height:506px; background-size: 768px 506px;}
}

@media all and (max-width: 781px) {
  .product-page-complete-the-look-item-wrapper.last {display:none;}
  .product-page-complete-the-look-item-wrapper {width:45%;}
}

@media all and (min-width: 768px){
  .view-small{display: none;}

  .mobile-bars{display: none;}

  .prod-wrapper{margin-top:220px;}
/* navigation */

/* navigation on hover */
  .sub-menu{position:absolute; left: 0px;  background-color:var(--color-white); padding:20px; width:100%; z-index: 10000; color:var(--color-black);}

  .sub-menu ul{text-align: left; }
  .sub-menu ul a li{ color: var(--color-black); padding-bottom: 5px; }
  .sub-menu ul a:link, .sub-menu ul a:visited, .sub-menu ul a:hover, .sub-menu ul a:active {padding: 0px; padding-bottom:10px !important;text-transform: none; display: block; text-align: left;}
  img.col-sm-2{padding:0px;}

/* header*/

/* CTGY */
  .category-header{margin-top:213px;}
  .CTGY .sub-title{padding-bottom:40px;}

/* BASK */
  .OCST #basket-totals, .OSEL #basket-totals, .INVC #basket-totals, .OPAY #basket-totals{border-top: solid 1px var(--border-light);}
  .BASK .checkout-button{margin:-20px 0 10px 0 !important;}
  .BASK .or{text-align: right; padding:10px 0; font-size:var(--font-size-md); color: var(--text-subtle);}
  .BASK .paypal-button{text-align: right !important; padding: 0px !important;}
  .BASK .paypal-button img {width:135px; height: auto;}
  .BASK .checkout-button-wrapper{text-align:right;}

/* Amazon Checkout */

.OCST #main-content {
  width: 100%;
}

/* Sticky Navigation */

  /* Search */

}

@media all and (max-width: 767px){
  body{overflow-x:hidden;}
  .max-width-450{max-width:450px; display: block; margin: 0 auto;}
  .sales .col-sm-4.text-center {max-width:100%;}
  .no-small-view{display: none !important;}
  h2{font-size:var(--font-size-5xl); margin-bottom:0;}
/* header */
  .newletterBanner{display: none;}
  .newsletter form, .newsletter-two form{margin-left: 0;}
  .store-directory-sub-menu, .number, .my-account, .cart {display: none;}
  .header{padding: 0 10px 0 0; position: absolute; top: 10px; right: 0; }
  #logo a{width:100%;}
  #logo img{height:100%; display: block; margin: 0 auto;}

  .mobile-nav-panel-department-stars {display:block;}

/* navigation */
  .nav{padding-top:0;}
   nav {margin-top:0 !important;}

  /* slider navigation */

  .sub-banner {top:0 !important;}
  #breadcrumbs{display: none;}
/* footer */
#global-footer .wrapper  a {display:block;}
  #global-footer{padding:20px 0;}
  #global-footer .gold{font-size: var(--font-size-lg); color: var(--color-white); text-transform: uppercase; font-size:var(--font-size-md); border-bottom:solid 1px var(--border-dark); padding: 15px;}
  #global-footer .wrapper .col-sm-2{padding:0 ; margin:0;}
  ul.social a li .fa{font-size:var(--font-size-3xl);}
  ul.social li i.fa{padding:15px; text-align: center;}
  #global-footer ul.social{text-align: center; margin-top:40px;}
  .footer-sub-nav{ font-size: var(--font-size-xl); }
  #global-footer ul li{border-bottom:solid 1px var(--border-dark); padding:15px; font-size: var(--font-size-md);}
  #global-footer ul.social li{border-bottom: none; margin:0px; margin-left: 5px; padding:0px;}
  #global-footer span.glyphicon.glyphicon-plus.view-small, #global-footer span.glyphicon.glyphicon-minus.view-small{position: absolute; right: 20px; top: 20px; cursor:pointer;}
  .footer-sub-nav{border-top: solid 1px var(--border-dark); margin-top: 15px;}
  .copyright{padding-top:0;}
  ul.footer-sub-nav {display:block; display: none;}
  .geotrust{display: none;}
  .paymentOptions{display: none;}
  .address{display: none;}
/* bestseller */

/* SFNT */
  .col-md-6{height: auto;}

  .store{display: none;}

  .large-slider {display:none;}
  .small-slider {display:block;}
/* category*/
  .mobile-subcategory-navigation-wrapper {display:block; width:100%; background-color:var(--surface-alt); margin-bottom:10px;}
  .mobile-subcategory-menu-list-item {width:100%; background-color:var(--surface-alt); padding:5px 0 5px 15px;}
  .mobile-subcategory-menu-list-item span {font-family: var(--font-primary); font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold);}
  .mobile-subcategory-menu-list-item span.mobile-subcategory-navigation-toggle {float:right; margin-right:15px; width:20px; position:relative; top:8px; cursor:pointer;}
  .mobile-subcategory-menu-list-item span.mobile-subcategory-navigation-toggle.minus {top:17px;}
  .mobile-subcategory-nav-list-item {width:100%; background-color:var(--surface-muted); padding:5px 0 5px 15px; border-bottom:1px solid var(--border-medium); display:none;}
  .mobile-subcategory-nav-list-item a {font-family: var(--font-primary); font-size:var(--font-size-xl);}
  h1.category-page-category-name {text-align:center !important; margin-top:0;}
  #filter-items-container{margin-top:0;}
  #category-header {text-align:center;}
  div#content-container-sub-CTGY {margin-top:0;}
  #filter-items-container div.sorting {float:none; display:block; width:100%; text-align:center; padding-top:10px;}
  #filter-items-container div.page-links {float:none; display:block; width:100%; text-align:center; margin-right:0;}
  #filter-items-container span.page-disp, #filter-items-container span.page-links-container, #filter-items-container span.page-links-container a {float:none; display:inline;}
  .CTGY h4{font-size:var(--font-size-4xl);}
  .CTGY .product-item {text-align:left; height:auto; margin-bottom:10px;}
  .CTGY #category-listing .product-item {padding-left:2.5px; padding-right:2.5px;}

   .CTGY #subcategory-listing .product-item:nth-child(even){padding-left:5px;}
  .CTGY #subcategory-listing .product-item:nth-child(odd){padding-right:5px;}

  .CTGY .product-item .padding {height:auto;}
  .product-item.subcategory .padding {height:100%;}
  .CTGY .product-item .product-details {max-width:100%; height:auto; margin:0 auto;}
  .CTGY .product-item .product-image{max-width:100%; margin:0 auto;}
  .CTGY .product-item .product-name {max-width:300px; margin:10px auto;}

  .CTGY .product-item .product-price {max-width:300px; margin:0 auto;}
  .CTGY .product-price {max-width:300px; margin:0 auto;}
  .ctgyswatches {max-width:100%; margin:10px auto 0 auto; }
  .CTGY .ctgyswatches{height:auto;}

  div#main-content{float:none; width:100%; display: block; margin:0; padding:15px;}
  div#content-container, div#content-container-sub-CTGY{padding:0;}
  div#left-navigation{padding:0;}

  .CTGY h5 i.fa.fa-star{display: none;}
  .product-listing-designer-name{max-width:300px; margin:10px auto; line-height: normal;  height:auto;}

  .CTGY #category-listing{clear:both;}
   .new-arrival-category-view-button-wrapper {width:100%; margin-left:auto; margin-right:auto; text-align: center; top:0; margin:0;}
  .new-arrival-category-view-button-wrapper ul li{float:none; display: inline-block; }

  /*SRCH*/
	.SRCH .ctgyswatches {max-width:100%; margin:10px auto 0 auto; height:auto;}
	.SRCH.CTGY .product-listing-designer-name {line-height: normal; height:auto;}
	.SRCH.CTGY .product-item .product-name{height:auto;}
  /* Search Results Page*/
  .search-results-show-refinement-options-link {display:block; width:235px !important; margin-left:auto !important; margin-right:auto !important;}
  .search-results-count, .no-search-results {width:100%; text-align:center;}
  /* PROD Page */
  .PROD #breadcrumbs {display:none; margin-top:-10px; padding-top:0; width:100%; text-align:center;}
  .product-page-product-name-h1 {width:100%; text-align:left; font-size:var(--font-size-3xl);}
  .product-page-designer-name {width:100%; text-align:left;}
  .PROD .product-price {font-size:var(--font-size-3xl);}
  .product-page-right-side-container .product-attributes {width:100%; margin:15px 0;}
  .product-page-right-side-container .purchase-buttons {width:100%; margin:15px 0;}
  .product-page-right-side-container .product-price {width:100%; text-align:left;}
  .product-page-quantity-label {font-weight:var(--font-weight-bold); color:var(--color-black);}
  .product-page-add-to-cart-button {width:320px !important; height:40px;}
  .product-page-complete-the-look-item-wrapper {width:30%;}
  .product-page-complete-the-look-item-wrapper.last {display:block;}
  .PROD .description-title {text-align:left;}
  .product-page-right-side-container .description {text-align:left;}
  .product-page-add-to-cart-row {
		width:270px;
		margin:0;
	}
  /*SRCH*/
  .CTGY.SRCH .product-item .padding{height:auto !important;}
   .CTGY.SRCH #category-listing .product-item:nth-child(even){padding:0 0 0 5px;}
  .CTGY.SRCH #category-listing .product-item:nth-child(odd){padding:0 5px 0 0;}
  .SRCH .search-results-show-refinement-options-link{margin-top:15px !important;}
/* Cat Tree */
  #left-navigation {display:none !important;}
  #category-tree div.active, #category-tree div{background-color:var(--surface-muted);}
  div#left-navigation{float:none; width:100%;}
  #category-tree-top-image{width:100%; min-height:auto;}
  #category-tree .level-3{ font-size:var(--font-size-xl); padding-left: 10px;}
  #category-tree .level-4 a{border-bottom: solid 1px var(--border-medium); padding-left: 20px;}
  #category-tree-footer{display: none;}
  #category-tree .level-3, #category-tree .level-1, .title-other-departments, .level-2{margin-bottom:0;}
  .level-2{display: none;}
  .CTGY h5{display: none;}
  .list-other-departments{display:none;}
/* checkout */
  .checkout-steps li{width: 23.5%;}
  .OSEL #ship-to, #bill-to{width:48%;}
/* OUS1 */
  .OUS1 .product-thumbnail img{text-align: center; display: block; margin: 0 auto;}
/* Sliding Navigation on Mobile */
  .wrapper{padding:0 !important;}

  .sub-menu{padding:0; color:var(--color-black); position: initial;}

  div.all-cate {background-color:var(--surface-muted); padding: 15px 0 15px 15px !important; font-weight:var(--font-weight-bold); font-size:var(--font-size-xs);}

  .all-women a{padding-left:15px;}
/* NTFD */
/* BASK BSKE*/
  .BASK  #left-navigation, .BSKE  #left-navigation{display: none;}
  .BASK .item-remove .button{display: none;}
  .BASK .logout-link a {padding-right: 40px;}
  .BASK .payment-options{text-align:left; margin-top:23px; clear: both; padding-top: 10px;}
/* FPWD */
/* ABAL */
  .customer_account_balance_container{width:95%;}
  .logout-link a{padding-right:5px;}
  .ABAL .customer_account_balance_container{width: 90%;}
/* RGFT */
  .RGFT .giftcertificate_redeem_currentbalance_container {float:none; display: block;}
/* OSEL */
  .OSEL #customer-fields.non-editable label, .OPAY #customer-fields.non-editable label{width:100%; margin: 0; text-align: left;}
  .OSEL #ship-to, .OSEL #bill-to{width:90%;}
/* OPAY */
  .OPAY #bill-to{clear:both;}
  .wishlist-field {max-width:95%;}

  .basket-contents-product-image {max-width:100%;}
  .basket-contents-quantity-input {margin-top:24px;}
  #basket-totals {display:none;}
  .basket-contents-table {margin-bottom:10px;}
  .basket-contents-table .basket-charges {display:none;}
  .cart-total.basket-charge {font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
  .cart-money-total.basket-charge {font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
  .basket-page-coupon-redemption-row {margin-top:25px;}
  .basket-page-action-buttons-row.top-of-page {display:none;}
  #shipping-estimate-modal {top:100px;}
  .background-sales {bottom:0;}
  .background-sales .hidden-xs {display:block !important;}
  .background-sales .view-small {display:none !important;}
  .background-sales h3 {font-size:var(--font-size-5xl);}
  .background-sales .promo-message {font-size:var(--font-size-xl);}
  .login-page-section {width:100% !important;}
  .login-page-section p {height:auto;}
  .login-page-section .login-form {margin-top:20px;}
  .login-page-section .sign-in-buttons {}
  .login-page-register-button {position:static;}
  /* ORDH Styles */
  th.order-total-cell, td.order-total-cell, th.total-quantity-cell, td.total-quantity-cell {display:none;}
  .modal-dialog {width:600px; margin:30px auto;}
  #newsletter-modal .modal-content {width:600px; height:396px; background-size: 600px 396px; z-index:99999;}
  .newsletter-modal-fields-row {bottom:14px;}
  .newsletter-modal-email-input {width:250px; height:45px; padding:10px 29px; font-size:var(--font-size-lg);}
  .newsletter-modal-join-now-button img {width:140px;}
}

/* This is for ipad */

@media all and (max-width:750px){
  .product-page-add-to-cart-button {width:100% !important;}
}




@media all and (max-width:700px){
  .CTGY .product-item .product-name {max-width:265px;}
  .product-listing-designer-name {max-width:265px;}
  .CTGY .product-item .product-price {max-width:265px;}
  .CTGY .product-price {max-width:265px;}
  .abal-order-number-column {display:none;}
  .abal-date-column {display:none;}
}


@media all and (max-width:650px){
  .CTGY .product-item .product-name {max-width:245px;}
  .product-listing-designer-name {max-width:245px;}
  .CTGY .product-item .product-price {max-width:245px;}
  .CTGY .product-price {max-width:245px;}
  .ctgyswatches ul li {margin:0px 5px; width:25px;}
  .ctgyswatches ul li img {width:25px;}
  .uatr-form-wrapper {max-width:400px; margin:15px auto;}
}


@media all and (max-width:640px){
  .product-page-product-name-h1, .product-page-designer-name, .product-page-right-side-container, .product-page-right-side-container .product-price {text-align:left;}
  .product-page-right-side-container .product-attributes, .product-page-right-side-container .purchase-buttons {width:100%;}
  .product-page-add-to-cart-button {width:279px !important;}
  .product-page-paragraph-with-top-border {width:100%; text-align:center !important;}
  .product-page-add-to-cart-row {
		margin:0;
	}
}
@media all and (max-width:610px){
  .basket-contents-product-image {max-width:100px;}
  .basket-remove-icon {margin-right:5px;}
}
@media all and (max-width:600px) {
  .NTFD .col {width:100%; border-bottom:1px solid var(--color-black); margin-bottom:25px; padding-bottom:25px;}
  .NTFD .col.last {border-bottom:none; padding-bottom:0; margin-bottom:0;}
  .NTFD .col img.img-responsive {max-width:50%; float:left;}
  .NTFD .col h3 {margin-top:50px;}
  .ousm-regularly-cell {display:none !important;}
}
@media all and (max-width:599px) {
  .modal-dialog {width:480px; margin:30px auto;}
  #newsletter-modal .modal-content {width:480px; height:317px; background-size: 480px 317px;}
  .newsletter-modal-fields-row {left:90px; bottom:10px;}
  .newsletter-modal-email-input {font-size:var(--font-size-md); width:220px; padding:10px;}
  .newsletter-modal-join-now-button img {}
}
@media all and (max-width:590px){
  .CTGY .product-item .product-name {max-width:235px;}
  .product-listing-designer-name {max-width:235px;}
  .CTGY .product-item .product-price {max-width:235px;}
  .CTGY .product-price {max-width:235px;}
}

@media all and (max-width:565px){
  .CTGY .product-item .product-name {max-width:215px;}
  .product-listing-designer-name {max-width:215px;}
  .CTGY .product-item .product-price {max-width:215px;}
  .CTGY .product-price {max-width:215px;}
  .search-results-search-refinement-price-range-label {display:block;}
  .new-arrival-category-view-button-wrapper ul li {float:none; margin-right:5px; text-align:center; margin-bottom:0px;}
}

@media all and (max-width:560px){
  .product-page-complete-the-look-item-wrapper {width:26%;}
}

@media all and (max-width:550px){
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-6xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-xl);}
  .homepage-visit-db-info-wrapper .about-text {font-size:var(--font-size-md);}
  .wishlists_container {}
  .ousm-regular-price-column {display:none;}
  .account-links ul li {width:50%;}
  .background-sales h3 {font-size:var(--font-size-4xl);}
  .background-sales .promo-message {font-size:var(--font-size-lg);}
}
@media all and (max-width:520px){

  .CTGY .product-item .product-name {max-width:195px;}
  .product-listing-designer-name {max-width:195px;}
  .CTGY .product-item .product-price {max-width:195px;}
  .CTGY .product-price {max-width:195px;}
}

@media all and (max-width:505px){
  #filter-items-container div.sorting {font-size:var(--font-size-xs);}
  #filter-items-container div.sorting p.sort-by {font-size:var(--font-size-xs);}
}

@media all and (max-width:500px){
  #logo img{height: 80%;}
  h2{font-size: var(--font-size-5xl);}
  .category-header img{height:200px;}
  .category-header .new-message{font-size: var(--font-size-4xl); top: 50px;}
  .category-header p{font-size:var(--font-size-lg); top:90px;}
  .related-products .product-item{width:100% !important; text-align:center;}
/* LOGN */
  .tab {padding:43px 20px 42px 20px;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-6xl);}

}

@media all and (max-width:479px){
  .uatr-form-wrapper {max-width:300px; margin:15px auto;}
  .basket-contents-product-image {display:none;}
  .basket-contents-quantity-input {}
  .basket-contents-product-name-and-attributes-cell {padding-top:0 !important;}
  .basket-contents-product-name-link {padding-top:5px;}
  #basket-contents hr.view-small {margin-bottom:5px;}
  .cart-summary.view-small {position:relative; top:6px;}
  .basket-contents-product-name-link {}
  #shipping-estimate-modal {top:60px;}
  /* ORDH Styles */
  th.order-total-cell, td.order-total-cell, th.total-quantity-cell, td.total-quantity-cell, th.status-cell, td.status-cell {display:none;}
  .modal-dialog {width:320px; margin:30px auto;}
  #newsletter-modal .modal-content {width:320px; height:211px; background-size: 320px 211px;}
  .newsletter-modal-close-button {}
  .newsletter-modal-close-button img {width:30px;}
  .newsletter-modal-email-input {width:150px; background-color:var(--color-white); padding:5px; font-size:var(--font-size-xs); height:33px;}
  .newsletter-modal-fields-row {left:25px; bottom:5px;}
  .newsletter-modal-join-now-button {top:-1px;}
  .newsletter-modal-join-now-button img {width:100px;}
}


@media all and (max-width:470px){
  .CTGY .product-item .product-name {max-width:185px;}
  .product-listing-designer-name {max-width:185px;}
  .CTGY .product-item .product-price {max-width:185px;}
  .CTGY .product-price {max-width:185px;}
}

@media all and (max-width:450px){
  .sales .button{margin:0!important;}
  .sales .col-3{width:100%;}
  ul.social a li .fa{font-size:var(--font-size-xl);}
  h2{font-size: var(--font-size-5xl);}
/* PROD */
  .PROD .related-products .product-item{width:48% !important; padding-right: 0px;}
  .product-page-complete-the-look-item-wrapper {width:40%;}
  .product-page-complete-the-look-item-wrapper.last {display:none;}
/* search */
  .search-bar input.searchfield{width:55%;}
  .tab {padding:40px 20px;}
  .mobile-subcategory-menu-list-item span.mobile-subcategory-navigation-toggle {top:4px;}
  .mobile-subcategory-menu-list-item span.mobile-subcategory-navigation-toggle.minus {top:13px;}
  .mobile-subcategory-menu-list-item span {font-size:var(--font-size-xl);}
  .mobile-subcategory-nav-list-item a {font-size:var(--font-size-lg);}
  #filter-items-container div.sorting {font-size:var(--font-size-xs);}
  #filter-items-container div.sorting p.sort-by {font-size:var(--font-size-xs);}
  .CTGY .product-item .product-name {max-width:175px;}
  .product-listing-designer-name {max-width:175px;}
  .CTGY .product-item .product-price {max-width:175px;}
  .CTGY .product-price {max-width:175px;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-6xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-lg); margin-bottom:20px;}
  .homepage-visit-db-info-wrapper .about-text {font-size:var(--font-size-sm);}
  .background-sales h3 {font-size:var(--font-size-3xl);}
  .background-sales .promo-message {font-size:var(--font-size-md);}
}
@media all and (max-width:440px){
  .basket-page-or-checkout-text-wrapper {padding-right:0; text-align:center;}
  .basket-page-paypal-button-wrapper {text-align:center;}
  .basket-action-buttons-wrapper {
  	white-space:normal;
  	text-align:center;
  }
  .basket-action-buttons-wrapper a {
  	display:block !important;
  	margin:15px auto !important;
  }
}
@media all and (max-width:435px){
  .ousm-save-column {display:none;}
}

@media all and (max-width:420px){
	#filter-items-container div.sorting {font-size:var(--font-size-md); height:auto; padding:0;}
	#filter-items-container div.sorting p.sort-by {font-size:var(--font-size-xl); width:100%;}
	#filter-items-container div.sorting a {display:inline-block; margin:0 auto 5px auto; font-style:normal; padding: 4px 5px 0 5px;}
	#filter-items-container div.sorting span.separator {display:none;}
	.CTGY .product-item .product-name {max-width:155px;}
	.product-listing-designer-name {max-width:155px;}
	.CTGY .product-item .product-price {max-width:155px;}
	.CTGY .product-price {max-width:155px;}
	.new-arrival-category-view-button-wrapper{padding-bottom:10px;}
	#filter-items-container{padding-top:10px;}
	#filter-items-container div.page-links{margin-top:5px;}
}

@media all and (max-width:400px){
  .mobile-subcategory-menu-list-item span.mobile-subcategory-navigation-toggle {top:2px;}
  .mobile-subcategory-menu-list-item span.mobile-subcategory-navigation-toggle.minus {top:11px;}
  .mobile-subcategory-menu-list-item span {font-size:var(--font-size-lg);}
  .mobile-subcategory-nav-list-item a {font-size:var(--font-size-md);}
  background-sales h3 {font-size:var(--font-size-3xl);}
  .background-sales .promo-message {font-size:var(--font-size-sm);}
}

@media all and (max-width:380px){
  .page-links-container {display:block !important; margin-top:15px;}
  .page-links-container * {display:inline;}
  .uatm-form-wrapper {max-width:300px; margin:15px auto;}
}

@media all and (max-width:375px){
  #logo img{height:60%;}

  .SFNT .store a .button {width:200px !important;}
  input[type="text"]{width:150px;}
  .newsletter-two .button{font-size:var(--font-size-xs); width:100px !important;}
  .button {width:auto;}
  h2{font-size: var(--font-size-4xl);}

/* CEML / CPWD */
  .tab {padding:35px 20px;}
/*.CTGY .product-item .product-details {max-width:135px;}*/
  /*.CTGY .product-item .product-image{max-width:135px;}*/
  .CTGY .product-item .product-name {max-width:135px; display:block;}
  .product-listing-designer-name {max-width:135px; display:block;}
  .CTGY .product-item .product-price {max-width:135px;}
  .CTGY .product-item .product-price span.strike-through {display:block; padding-right:0;}
  .CTGY .product-price {max-width:135px;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-5xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-md);}
}
@media all and (max-width:359px){
  .expiration-label {display:block;}
}
@media all and (max-width:351px){
  .INVC #customer-fields label {margin-left:0;}
}
@media all and (max-width:350px){
  .search-results-search-refinement-price-range-text {display:block; margin:10px 0 10px 50px;}
  .product-page-out-of-stock-message img {width:290px;}
}
@media all and (max-width:345px){

  .rgft-gift-cert-input {display:block; width:100% !important;}
  .rgft-redeem-button {display:block; margin-top:15px !important;}
}
@media all and (max-width:340px){
  /*.CTGY .product-item .padding {height:285px;}*/
  /*.product-item.subcategory .padding {height:200px;}*/
  /*.CTGY .product-item .product-details {max-width:125px;}*/
  /*.CTGY .product-item .product-image{max-width:125px;}*/
  .CTGY .product-item .product-name {max-width:125px;}
  .product-listing-designer-name {max-width:125px;}
  .CTGY .product-item .product-price {max-width:125px;}
  .CTGY .product-price {max-width:125px;}
}
@media all and (max-width:325px){
  .basket-page-geotrust-seal-wrapper {margin-right:10px;}
}
@media all and (max-width:320px){
  /*.CTGY .product-item .padding {height:300px;}*/
  /*.product-item.subcategory .padding {height:185px;}*/
  /*.CTGY .product-item .product-details {max-width:115px;}*/
  /*.CTGY .product-item .product-image{max-width:115px;}*/
  .CTGY .product-item .product-name {max-width:115px;}
  .product-listing-designer-name {max-width:115px;}
  .CTGY .product-item .product-price {max-width:115px;}
  .CTGY .product-price {max-width:115px;}
}

/* media queries: between certain numbers */
@media all and (max-width: 1500px) and (min-width:768px){
  .sales .col-3{width:100%;}
  .sales .button{margin:0!important;}
  .background-sales{bottom:75px;}
}

/* Had to put this at end of file due to cascading !important tags */

.PROD .mens #breadcrumbs, .womens #breadcrumbs, .corsets #breadcrumbs {margin-left: 10px;}
.PROD .plus-desc img{position: absolute; right: 0; top: 15px; height: 20px;}
.PROD .minus-desc img{position: absolute; right: 0; top: 23px; width:20px; height:4px;}
.PROD .related-products{border-bottom:none;}

.PROD .view-small img{position: absolute; right:10px; top:17px; height:18px;}

.PROD .discover-more{margin-bottom:20px;}
.PROD .title{border-top: solid 1px var(--border-medium); text-align: left; padding-top:15px;}

.search-bar{width:100%;}

.textfield, select, textarea, #tax-fields .form_row input{height: 33px;}

.header .textfield, .header textarea {width:260px; background-color:var(--color-black);}

.basket-number{display: inline-block !important;vertical-align: middle;
padding: 2px 7px;
margin-top: 5px;
background-color: var(--brand-red-dark);
color: var(--color-white);
text-align: center;}

#category-tree .minus, #category-tree .plus{top:-4px;}

.LOGN .margin-container{box-shadow:0px 6px 8px -6px rgba(0, 0, 0, 0.2); margin: 0;}

.LOGN .login-form{padding-left:40px; display: block; padding-top:0px;}

.OCST .BASK-table{width:100% !important;}
.OCST .fields-heading, .ACAD .fields-heading{width:100% !important;}
.OCST #customer-fields label{text-align: left;}
.OCST #customer-fields input, .ACAD #customer-fields #ship-to input, .ACAD #customer-fields #billing_fields input, .ACED #customer-fields #ship-to input, .ACED #customer-fields #billing_fields input{width:100%;}
.OCST #customer-fields.editable .form_row{margin-bottom:20px;}
.OCST #update-record input{width:auto;}
.OCST .geotrustcheckout{margin-right:10px;}
.OCST .item-name .group-item-name, .OSEL .item-name .group-item-name, .INVC .item-name .group-item-name, .OPAY .item-name .group-item-name, .OSEL .item-name .group-item-name{font-weight:bolder;}
.OCST .item-code, .OPAY .item-code, .OSEL .item-code{font-style: italic;}
.OCST #basket-contents.non-editable, .OSEL #basket-contents.non-editable{width:1170px; margin:0 auto;}
.OCST #basket-contents.non-editable td, .OSEL #basket-contents.non-editable td, .OPAY #basket-contents.non-editable td, .INVC #basket-contents.non-editable td, .OSEL #basket-contents.non-editable td{padding:7px 5px; vertical-align: middle;}
.OCST .showbasketcontents{padding:20px 0;}
.OCST .display-inline-OCST{width:49.6%; display: inline-block; vertical-align: top;}
.geotrustcheckout{text-align: right; display: inline-block;}
.OCST #customer-fields #fields-key{display: inline-block; vertical-align: top;}
.OCST .continue-button.first-OCST{display: inline-block; vertical-align: top;padding-top: 20px; float: right;}
.OCST #customer-fields select, .ACAD #customer-fields select, .ACED #customer-fields select{clear: both; width:100%; }
.OCST #shipping_fields, .ACAD #shipping_fields, .ACED #shipping_fields{padding-right:20px;}
.OCST .number-two{display: none;}
.OCST .continue-button{display: inline-block; float: right; margin: 10px 0;}
.OCST .geotrust-and-continue{text-align:right;}
.OCST #basket-totals{border-top:none;}
.OCST .product-name{width:auto;}
.OCST a.checkout-page-show-basket-toggle-link{color: var(--color-black); display: block; padding-top: 20px; margin-bottom:40px;}
.OCST a.checkout-page-show-basket-toggle-link:hover, .OSEL a.checkout-page-show-basket-toggle-link:hover {color: var(--brand-red); cursor: pointer;}
.OCST #basket-contents.non-editable{padding-bottom:40px;}
.OCST .BASK-table{margin-bottom:20px;}

.ACED #billing_controls label{margin-left:40px;}
.ACED .save-button{margin-bottom: 20px; text-align: right;}
.ACAD h2.fields-heading, .ACED h2.fields-heading, .OCST h2.fields-heading, .OSEL h2.fields-heading, .INVC h2.fields-heading, .OPAY h2.fields-heading, .ORDS h2.fields-heading{width: 90%; border-top: solid 1px var(--border-light); border-bottom: solid 1px var(--border-light); height: 55px; padding: 15px 10px; background-color:var(--surface-muted);}
.ACED h2.fields-heading{width:100%;}
.basket-heading{border-bottom: solid 2px var(--border-light);}
.OPAY h2.fields-heading{width:100% !important;}
.OPAY #basket-contents.non-editable{width:100% !important;}
.OPAY #customer-fields h2.fields-heading{width:100% !important;}
.INVC h2.fields-heading{width:100%;}
.INVC #basket-contents table, .ORDS h2.fields-heading, .ORDS  h2.fields-heading{width:100%;}

.ABAL .customer_account_balance_container{margin: 0; padding-left: 0;}

.LOGN .section{border:none; text-align:left; padding-left: 60px; height: auto; margin-bottom: 20px;}

.section h3{text-align:left; margin:0; padding-bottom:10px ;}

.sign-in-buttons{text-align:right;}

.forgot-password{text-align:left;}

.CEML .change-emailaddress-section, .CPWD .change-password-section{width:50%; border:none;}

.CEML label, .CPWD label{float: none; padding: 3px 0; text-align: left; width:100%;}

.LOGN .section.grey-border-right{border:none;}

.customer_account_balance_container{border:none; text-align: left;}

.giftcertificate_redeem_currentbalance_container{position: normal; float:none; display: block; padding: 20px 0;}

/*modal-body*/
.modal-body{color:var(--color-black);}
#myModalLabel{color:var(--color-black);}
.myModalLabel{color:var(--color-black);}
.modal-body h3{color:var(--brand-red-dark);}
.modal-body p{padding-bottom:10px;}
.shipping-icon{padding:0 40px;}
.shipping-icon:hover, .glyphicon-info-sign:hover, .return-icon:hover, .shipping-icon:hover, .glyphicon-retweet:hover{cursor: pointer; color:var(--brand-red) !important;}
/* SFNT */
/* Bestseller slider */

/* PROD */
.PROD .newsletter-two{margin-top:20px;}
.PROD .custom-fields-video{width: 100%; height:250px;}

.checkout-steps{clear: both; text-align: center;}
.checkout-steps li{ list-style: none; display: inline-block; color: var(--color-white); padding: 10px 15px;  vertical-align: top; text-align:center; height:auto; font-weight: bolder; width: 227px;}
.checkout-steps li a{color: var(--color-white);}
.checkout-steps li.active{color: var(--brand-red); border-bottom:solid 4px var(--brand-red);}
.checkout-number img{display: block; margin: 0 auto; text-align: center; height:50px;}

.login-page-section ul{padding:20px 0 20px 40px;}
.login-page-section ul li{list-style-type: disc;}
.LOGN .textfield, .ORDH .textfield, .ORHL .textfield{width:295px;}
.LOGN .login-form label, .ORDH label, .ORHL label, .FPWD label, .AFPW label{margin: 10px 0; width:100px;}

/* RGFT */
.RGFT .giftcertificate_redeem_giftcertificate_code {height:32px; width:50%; display: block; margin: 0 0 10px 0;}
.RGFT .giftcertificate_redeem_content{margin:20px 0 0 20px;}
.RGFT .giftcertificate_redeem_giftcertificate_container{width:100%;}
.RGFT .error-message{text-align: left;}

/* POUT */
.POUT .error-message{text-align: left; margin:0;}
.POUT .primary-content-container .button{background-color:var(--color-black); background-image:none;}

/* ACLN */
.logout-link {position: relative; margin: 0 !important;}
.ACLN .primary-content-container .account-icons{height:200px; text-align: center;}
.ACLN .primary-content-container .account-icons img{height:75px; display: block; margin:0 auto;}
.ACLN .primary-content-container .account-icons a{font-size: var(--font-size-md); font-weight:bolder;}
.ACLN .button{margin-top:0 !important;}
.ACLN .logout-link{margin: 14px 0 0 0 !important;}

.ACAD #customer-fields, .ACED #customer-fields{margin: 16px 0px 16px 60px;}
.ACAD #billing_controls, .ACED #billing_controls, .OCST #billing_controls, .OSEL #billing_controls, .OPAY #billing_controls  {display: inline-block;}
.ACAD .save-button{text-align: right; margin-bottom:20px;}
.ACAD h2.fields-heading, .ACED h2.fields-heading, .INVC h2.fields-heading, .OCST h2.fields-heading, .OPAY h2.fields-heading, .ORDS h2.fields-heading{background-image:none; color:var(--color-black); font-size: var(--font-size-xl); font-family: var(--font-primary); text-align: left}
.ACAD #customer-fields #login-details label{display: block; width:100%;}
.ACAD #customer-fields #login-details input{width:48%;}

.ABAL .customer_account_balance_button_redeem{margin: 10px 0; font-weight: var(--font-weight-bold); width: 175px; display: block; background-color: var(--color-black); color: var(--color-white); border-radius: 5px; padding: 5px 10px;}
.ABAL .customer-account{margin-top: 20px;}

.glyphicon-refresh:hover{cursor:pointer;}
.coupon{height:50px;}
.coupon .input_width_medium{height:33px;}
.width-50{width:49.7%; display: inline-block; vertical-align: top; margin-bottom:20px;}

.continue-shopping-bask{
  border:solid 1px var(--color-black);
  display: block;
  padding:6px 0;
  text-align:center;
  width:175px;
}

.continue-shopping-bask:hover{cursor: pointer; background-color:var(--color-black); color:var(--color-white);}
.payment-options{margin-top:0px; text-align:right; margin-left:40px; display: block; margin-top:-40px !important;}
.product-name a img{}
.basket-page-coupon-redemption-wrapper.osel-page-coupon-redemption .form-group{margin-bottom:0;}
.basket-page-coupon-redemption-message{font-weight:bolder; padding-bottom:10px; color:var(--brand-red); padding-bottom:23px;}
.shipping-return a{padding-right:40px;}
.shipping-return{padding-right:10px;}

/* CPWD */
.CPWD .cpwd-input{width:100%;}

/* FPWD */
.FPWD .submitt-fpwd{text-align: right;}
.FPWD .textfield{width:300px; margin-bottom:10px;}
.FPWD h1{padding:20px 0 10px 0;}

/* AFPW */
.AFPW .submitt-afpw{text-align: right;}
.AFPW .textfield{width:300px; margin-bottom:10px;}
.AFPW h1{padding:20px 0 10px 0;}

/* CEML */
.OCST .textfield, .OCST textarea{width:100%;}

/* ORDS */
.ORDS table .heading{font-weight:bolder; height:30px;}
.ORDS table .totals{height:30px; border-top:1px solid var(--border-light);}

/* OUSE1 */
.OUS1 .product-thumbnail img{display: block; margin:0 auto;}

.ORDH .section, .ORHL .section, .FPWD .section, .AFPW .section{border: medium none;
text-align: left;
padding-left: 40px;
height: auto;
margin-bottom: 20px; width: 48%; display: inline-block; vertical-align: top;}
.ORDH .section h3, .ORHL .section h3{margin-top:20px;}

.section-bottom-right, .section-top-right{margin-left:30px;}

.OPAY .continue-button{text-align:left;}
.OPAY .continue-button{text-align: right; margin-top:-25px;}
.OPAY #fields-key{margin:0;}
.OPAY #payment-fields input{height:33px; padding:5px 10px; width:100%; display: block;}
.OPAY select{display: block; width:100%;}
.OPAY .error-message{margin-bottom:20px;}
.OPAY table, .OCST table{width:100%;}
.OPAY .basket-totals{border:none;}
.OPAY .backetcontents{margin:20px 0;}

.OSEL #billing_controls label, .OPAY #billing_controls label{margin-left:0;}
.OSEL #basket-contents table input[type="submit"]{background-color: var(--color-black); border: none; color: var(--color-white); padding: 5px 10px;}
.OSEL #basket-contents table input[type="text"]{height:27px;}
.OSEL h2.fields-heading{width:100%;}
.OSEL #basket-contents.non-editable table{width:100%;}
.OSEL .continue-button{display: inline-block; vertical-align: top;}
.OSEL .geotrust-contiune{text-align:right; }
.OSEL .view-small.small-no{display: none;}
.OSEL .osel-page-coupon-redemption-toggle-wrapper{margin:20px 0; color:var(--color-black);}
.OSEL .osel-page-coupon-redemption-toggle-wrapper a{color:var(--color-black);}
.OSEL .osel-page-coupon-redemption-toggle-wrapper a:hover{color: var(--brand-red);}
.OSEL a.checkout-page-show-basket-toggle-link {color: var(--color-black); display: block; margin-bottom:20px;}
.OSEL .button.basket-page-redeem-coupon-button{width:auto !important; display: inline-block; background-image:none; background-color: var(--color-black); color:var(--color-white); padding: 5px 10px; font-size:var(--font-size-xs); }
.OSEL .form-control.basket-page-coupon-redemption-input{width: 250px; height:33px; border-radius: 0; display: inline-block;}
.OSEL #customer-fields{margin:0;}
.OSEL .error-message{margin-top:20px;}
.OSEL .geotrust-contiune{width: 100%; text-align: right; margin-top:-50px;}
.OSEL .alert-danger{position: absolute; z-index:10000000000000; width:100%;}
.OSEL .osel-page-top-continue-button-wrapper{text-align:right;}
.OSEL .backetcontents{margin:20px 0;}
.osel-page-gift-certificate-redemption-wrapper font{font-weight:bolder;}

.BASK #basket-contents.editable{width:100%;}

/*header*/
.header{top:5px;}
#logo a:focus{outline:none;}
#search-bar{border:solid 2px var(--color-white); color: var(--color-white); padding-left:5px;}

.mobile-bars{z-index:100000; top:0;}

/* Sticky */

.sales .button{vertical-align: middle;}
.homepage-body-newsletter-email-input{width:200px; height: 33px; font-size:var(--font-size-sm); padding-left:5px;}

.corsets{padding:0;}
nav li a:link{text-transform: none;}
.box-shadow{box-shadow:-0px 6px 8px -6px rgba(0, 0, 0, 0.2); padding-bottom:20px;}

.BASK #basket-contents.editable{margin-top:20px;}
.BASK #basket-contents .button{ margin: 0 !important; }
.BASK .box-shadow p{padding-bottom: 10px;}
 .total-prompt,  .formatted-total{border-top: solid 1px var(--border-light) !important;}
.BASK .payment-options{margin-top:0;}
.BASK .checkout-button{float: none; display: inline-block; vertical-align: bottom;}
.BASK .checkout-geo{text-align: right;}
.BASK .checkout-button-top{text-align:right; padding-bottom:30px;}
.BASK .remove-button-basket .button{background-image:none; background-color:var(--color-white); color:var(--color-black); width:auto !important;}
.payment-options li img{height:25px; margin: 4px;}
.payment-options li{display: inline-block;}
.BASK .form-control{display: inline-block; width: 55px;}
.BASK .form-group .form-control.basket-page-coupon-redemption-input{width:200px; border-radius: 0;}
.BASK .button.basket-page-redeem-coupon-button{background-image:none; background-color: var(--color-black); color: var(--color-white);}
.BASK .glyphicon-refresh{display: inline-block; padding-left:10px;}
.BASK .attribute{font-size:var(--font-size-xs);font-style: italic; padding-top:10px;}
.BASK #basket-contents.non-editable td, .BASK #basket-contents.editable td, .BASK #order-contents td{vertical-align: top;}
#basket-contents.non-editable td, #basket-contents.editable td{padding:20px 6px;}
.BASK .osel-page-coupon-redemption-toggle-wrapper.basket-page{margin-bottom:20px;}
.BASK #basket-contents .remove .button{width:20px !important; text-align: left; padding-left:0; vertical-align: bottom;}
.BASK .border-bottom{border-bottom:1px solid var(--border-light); padding:5px 0;}
 .OCST .border-bottom, .OPAY .border-bottom, .OSEL .border-bottom{border-top:1px solid var(--border-light); padding:5px 0;}
#BASK td .no-small-view.remove-section{padding-top:50px !important;}
.BASK .or{clear:both;}
.basket-heading td{height:10px; padding:0;}
.BASK tr{padding-bottom:10px; height:0;}
#basket-contents.editable td{padding:10px 6px;}
.BASK .basket-contents-remove-product-form .button{background-image: none; color: var(--color-black); height: auto; background-color: var(--color-white); width: auto !important;}
#basket-contents.non-editable .item-quantity, #basket-contents.non-editable .item-price{width:15%;}
#basket-contents.non-editable .item-name{width:45%;}
/*BASK FOOTER*/
.checkout-footer{background-image: url("/mm5/graphics/footer-background.jpg") !important; color: var(--color-white); padding:10px 0;}
.no-top-margin{margin-top: 0px !important; margin:0 auto; padding:0px; padding-bottom:20px; text-align:left!important;}
.display-inline{display: inline-block; vertical-align: top;}
.glyphicon-info-sign, .glyphicon-retweet{color:var(--color-white); padding-right:5px;}
.display-inline a{color:var(--color-white);}
.email-footer{font-weight:bolder; font-size:var(--font-size-md); padding-right: 20px; margin-left: 5px;}
.number-footer{font-weight:var(--font-weight-regular); margin-left: 5px;}

/* checkout */
.showbasketcontents:hover, .showbillship:hover{color: var(--brand-red-dark); cursor: pointer;}
.paypaltable{padding-top:10px; text-align: right;}
.shippingmethod, .paymentmethod{width:48%; display: inline-block; vertical-align: top;}
.form_row img{height: 25px; margin: 4px;}
#shipping-payment .form_row{margin-bottom:60px;}
.form_row div span{padding-left:5px;}
.showbasketcontents, .showbillship{padding-bottom:10px;}
.OSEL table input[type="submit"], .OSEL .basket-page-redeem-coupon-button {background-image:none; vertical-align: top; font-weight:var(--font-weight-bold); text-transform: uppercase; font-size: var(--font-size-xs); background-color: var(--color-black); color:var(--color-white); padding:5px 10px; border: none; height:33px; margin-left:2px;}
span.box input{height:33px; padding:5px 10px;}
#payment-fields{ width:100%; margin-bottom:50px;}
.OCST #basket-totals, .OSEL #basket-totals, .INVC #basket-totals, .OPAY #basket-totals{border:none;}
/*wishlist*/
.wishlists_container{padding-top:20px;}

/*footer*/
.footer-sub-nav a li{color:var(--color-white);font-weight:var(--font-weight-regular);}

.footer-sub-nav li {font-weight:var(--font-weight-regular);}
iframe[name="google_conversion_frame"]{display: none;}

@media all and (max-width:1200px){

  .header{padding:0 10px 10px 10px;}

}

@media all and (max-width:1170px){
  .BASK #basket-contents.editable{padding:0 10px;}
  .OCST #basket-contents.non-editable, .OSEL #basket-contents.non-editable{width:100%;}
}

@media all and (max-width:990px){
  .PROD .title{margin-top:-25px;}
  .PROD .complete-related-might, .PROD .discover-more{padding-right:15px;}
  .BASK #basket-contents.editable{width:100%;}
  .checkout-steps li{width:24%;}
  .PROD .primary-content-container .col-lg-5.col-md-6.col-sm-12{float:none;}

  .shipping-icon{padding: 0; padding-right:10px;}
  .BASK .payment-options{text-align: center;}
  .payment-options{margin-left: 0; margin-top: 0 !important; text-align: center; margin-right:0px;}
  .display-inline{display: block; text-align: center; padding:10px;}
  .payment-options{margin-top:10px;}
}

/* 810 */

/* below 768 */
@media all and (max-width:767px){
  .header{display: none !important;}

  .PROD .complete-related-might, .PROD .discover-more{text-align:center; padding-right:0;}

  .LOGN .section, .ORDH .section, .ORHL .section, .FPWD .section, .AFPW .section{width:100%; display: block; float: none; padding-left:0;}
  .LOGN .margin-container{box-shadow:none;}
  .LOGN .sign-in-buttons{padding-right:10px;}
  .LOGN .section.grey-border-right{ border-top: solid 1px var(--border-light); margin-top:10px; padding-top: 20px;}
  .LOGN .textfield, .ORDH .textfield, .ORHL .textfield, .OSEL .textfield, .OPAY .textfield{width:98%;}
  .LOGN .login-form{padding-left:0;}

  .ACAD #customer-fields, .ACED #customer-fields{margin: 16px 0px 16px 0px;}
  .ACAD #customer-fields label, .ACED #customer-fields label, .OSEL #customer-fields label, .OPAY #customer-fields label{text-align: left;}
  .ACAD #customer-fields input.textfield, .ACED #customer-fields input.textfield{width:100%;}
  .ACAD h2.fields-heading, .ACED h2.fields-heading, .INVC .fields-heading, .ORDS .fields-heading{width:100%;}
  .ACAD #login-details, #affiliate-information, .ACED #login-details, .ACED #affiliate-information{width:98%;}
  #ship-to, #bill-to{width:98%; float: none;}
  .ACAD #billing_controls label, .ACED #billing_controls label, .OCST #billing_controls label, .OSEL #billing_controls label, .OPAY #billing_controls label{margin-left:40px;}
  .ACAD #customer-fields #login-details input{width:100%;}

  .CEML .change-emailaddress-section, .CPWD .change-password-section{width:100%;}

  .CEML h1, .CPWD h1, .RGFT h1, .ORDH h1, .ORHL h1{padding-top:0;}

  .RGFT .giftcertificate_redeem_giftcertificate_code{width:95%;}

  .ORDH .section, .ORHL .section, .FPWD .section, .AFPW .section{width:98%;}
  .ORDH .sign-in-buttons, .ORHL .sign-in-buttons{text-align: left;}
  .OPAY h1{padding-top:0px;}
  .BASK .checkout-geo{text-align: left;}
  .BASK .paypal-button{display: inline-block;}
  .BASK .checkout-button-top{padding-bottom: 0;}
  .BASK .checkout-button-top{margin-bottom:20px;}
  .BASK .width-50{display: block; margin-bottom:20px;}

  .FPWD .submitt-fpwd{text-align: left;}

  .AFPW .submitt-afpw{text-align: left;}

  .sales .button{margin-left:0;}
  .mens .background-sales .col-3, .SFNT .background-sales .col-3, .corsets .background-sales .col-3{width:100%; display: block; margin-bottom: 10px;}
  .background-sales .button.col-3 {margin-left:auto !important; margin-right:auto !important;}
  .background-sales p.promo-message {margin-bottom:10px !important;}

  .width-50{width:100%; margin-bottom:0; }

  .OCST #customer-fields input, .ACAD #customer-fields #ship-to input, .ACAD #customer-fields #billing_fields input, .ACED #customer-fields #ship-to input, .ACED #customer-fields #billing_fields input{width:100%;}
  #customer-fields #update-record input{width:auto;}
  .OCST #ship-to, .OCST #bill-to, .ACAD #ship-to, .ACAD #bill-to{width:100%; float: none;}
  .OCST #shipping_fields, .ACED #shipping_fields{padding-right:0px;}

  .OSEL .shippingmethod, .OSEL .paymentmethod{width:100%; display: block;}
  .OSEL .geotrust-contiune{text-decoration: left;}
  .OSEL .primary-content-container .no-view-small{display: none;}
  .OSEL .geotrust-contiune{margin-bottom:10px;}
  .OSEL .geotrust-contiune{margin:0; text-align: left;}

  .OPAY #payment-fields input{width:100%;}
  .OPAY select{width:100%;}

}

/* below 550 -540 */
@media all and (max-width:550px){

  .OCST .display-inline-OCST{display: block; width:100%;}
  .checkout-page-show-basket-toggle-link.number-one{display: none;}
  .OCST .number-two{display: block;}
  .OCST #update-record{padding-bottom:10px;}
  .OSEL .primary-content-container .checkout-page-show-basket-toggle-link{display: none;}
  .OSEL h1{font-size:var(--font-size-3xl);}
}

@media all and (max-width:450px){
  .checkout-number img{height:30px;}
  .description{width:100%;}
  .BASK .form-group .form-control.basket-page-coupon-redemption-input{width:100%; margin-bottom:10px;}
  .OPAY .continue-button{margin:10px 0 0 0 ; text-align: left}
  #logo img{height:70%;}
}

@media all and (max-width:375px){
  .OSEL .form-control.basket-page-coupon-redemption-input{width:150px;}
  .OSEL .button.basket-page-redeem-coupon-button{margin-left:15px !important;}
  .item-price{display: none;}
  .product-name{display: none;}
  #logo img{height:50%;}
}

@media all and (max-width:350px){
    .BASK .paypal-button img{padding-bottom:10px;}
    .BASK .glyphicon-refresh{display: block; margin:0; padding:0; padding-top:5px; text-align:center;}
    .BASK #basket-contents .remove-button-basket{display: none;}
}
/* below 372 or below 300*/
@media all and (max-width:300px){
  .PROD .complete-related-might, .PROD .discover-more{padding-right:0;}
/*ACLN*/
  #logo img{height:50%;}
  #logo a{height:75px;}

}

/* BX SLider */

/* Strange Range Styles */

@media all and (max-width:900px){
  .col-3.promo-message.hidden-xs {display:none !important;}
  .col-3.promo-message.view-small {display:block !important;}
}
@media all and (max-width:767px){
  .col-3.promo-message.hidden-xs {display:block !important;}
  .col-3.promo-message.view-small {display:none !important;}
}

/* Fixed mobile header 12-30-15 */
@media all and (max-width:767px){

  .mobile-bars .fa-bars {position:fixed;}

  .sub-banner {display:none;}
}

.OCST .widget-container,
.amazon.OPAY .widget-container,
.amazon.OSEL .widget-container {
    width: 100% !important;
}

  .amazon.OPAY .amazonpay_outer,
  .amazon.OSEL .amazonpay_outer {
    display: block;
  }

.widget-container iframe {
    width: 100%;
}

.amazon.OPAY .continue-button {
  height: 65px;
  width: 100%;
  padding-top: 35px;
}

.footer-page-links{
  text-align: center;
  font-size: var(--font-size-lg);
}

.footer-page-links a{
  text-decoration: none !important;
}

.footer-page-links .page-links-container{
  float:none !important;
}

.footer-page-links .page-links-inactive, .footer-page-links .page-links-active{
  padding: 0px 10px;
  position: relative;
  top:11px;
}

.footer-page-links .page-links-previous, .footer-page-links .page-links-next{
  float:none !important;
  text-align: left !important;
  font-size: var(--font-size-2xl);
  border-radius: 50%;
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
  height: 45px;
  width: 45px;
  position: absolute;
}

.footer-page-links span.page-links-previous, .footer-page-links span.page-links-next{
  background-color:var(--surface-alt);
}

.footer-page-links .page-links-previous{
  margin-left: -55px;
}

.footer-page-links .page-links-next{
  margin-left: 13px;
}

a.footer-page-links .page-links-previous:hover, .footer-page-links .page-links-next:hover{
  background-color:var(--color-white);
  border: 2px solid var(--color-black);
}

.footer-page-links .page-links-previous span, .footer-page-links .page-links-next span{
  color: var(--color-white);
  top: 10px;
}

a.footer-page-links .page-links-previous:hover span, .footer-page-links .page-links-next:hover span{
  color:var(--color-black);
  top:8px;
}

.footer-page-links .page-links-previous span{
  right:2px;
}

a.footer-page-links .page-links-previous:hover span{
  right:4px;
}

.footer-page-links .page-links-next span{
  left:2px;
}

a.footer-page-links .page-links-next:hover span{
  left:0px;
}

@media all and (max-width: 420px){
  .page-links-inactive.mid{display:none !important;}
}

@media all and (max-width: 465px) and (min-width: 421px){
  .footer-page-links .page-links-inactive, .footer-page-links .page-links-active {
    padding: 0px 8px;
  }
}

/* facets */
span.facets-name {
    padding: 0 0 5px 10px;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-md);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.facets-tree label, .facets-tree a {
    margin-left: 10px;
    line-height: 25px;
    color: var(--text-muted);
    letter-spacing: .4px;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-regular);
}

.facets-tree label input {
    margin-right: 5px;
}

.level-2.facets-header {
    margin-top: 30px;
}

.mm_facet_rangeslider{
  position:relative;
  display:block;
  height:32px;
  margin:5px;
}

.mm_facet_rangeslider_input_container_low{
  position:absolute;
  top:0;
  left:0;
  width:65px;
  height:32px;
  margin:0;
  padding:8px 10px;
  border:1px solid var(--border-light);
  border-radius:3px 0 0 3px;
  box-sizing:border-box;
}

.mm_facet_rangeslider_input_container_high{
  position:absolute;
  top:0;
  right:0;
  width:65px;
  height:32px;
  margin:0;
  padding:8px 10px;
  border:1px solid var(--border-light);
  border-radius:0 3px 3px 0;
  box-sizing:border-box;
}

.mm_facet_rangeslider_input_container_low.mm_facet_rangeslider_input_active,
.mm_facet_rangeslider_input_container_high.mm_facet_rangeslider_input_active{
  border-color:var(--color-focus);
}

.mm_facet_rangeslider_input{
  position:relative;
  padding:0;
  margin:0;
  width:100%;
  height:14px;
  border:none;
  background:transparent;
  outline:none;
}

.mm_facet_rangeslider_track_container{
  position:absolute;
  top:0;
  right:65px;
  left:65px;
  height:32px;
  border-top:1px solid var(--border-light);
  border-bottom:1px solid var(--border-light);
  box-sizing:border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mm_facet_rangeslider_track{
  position:absolute;
  top:50%;
  right:5px;
  left:5px;
  height:5px;
  transform:translateY(-50%);
}

.mm_facet_rangeslider_track_background{
  position:absolute;
  top:0;
  right:10px;
  bottom:0;
  left:10px;
  background:var(--surface-alt);
}

.mm_facet_rangeslider_track_selection{
  position:absolute;
  top:0;
  right:10px;
  bottom:0;
  left:10px;
  background:var(--text-subtle);
}

.mm_facet_rangeslider_track_handle_low,
.mm_facet_rangeslider_track_handle_high{
  position:absolute;
  top:50%;
  left:-10px;
  width:20px;
  height:20px;
  background:var(--color-white);
  box-shadow:2px 2px 6px rgba(0, 0, 0, 0.4 );
  border-radius:50%;
  transform:translateY(-50%);
  cursor: pointer;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini{
  height:64px;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_low{
  width:50%;
  border-radius: 3px 0 0 0;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_high{
  width:50%;
  border-radius: 0 3px 0 0;
  border-left:none;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_track_container{
  top:32px;
  right:0;
  left:0;
  border:1px solid var(--border-light);
  border-top:none;
  border-radius:0 0 3px 3px;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_low.mm_facet_rangeslider_input_active,
.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_high.mm_facet_rangeslider_input_active{
  border-color:var(--border-light);
  box-shadow:inset 2px 2px 5px rgba( 0, 0, 0, 0.15 );
}

/* Responsive & Accessible Sizing Chart Tables */

.r-a-sizing-chart table {
  border-collapse: initial;
  border-spacing: 0.1rem;
  margin: 1.5rem 0;
  table-layout: fixed;
  width: 100%;
}
.r-a-sizing-chart table caption {
  color: var(--text-body);
  font-size: 1.25em;
  font-weight: var(--font-weight-bold);
  margin-bottom: 0.5rem;
  padding:0;
  text-align:center;
}
.r-a-sizing-chart table tr {
  height: 3em;
}
.r-a-sizing-chart table thead tr th {
  background-color: var(--brand-red-dark);
  border: 1px solid var(--brand-red-dark);
  color: var(--color-white);
  text-align: center;
}
.r-a-sizing-chart .width20 {
  width: 20%;
}
.r-a-sizing-chart .width25 {
  width: 25%;
}
.r-a-sizing-chart .width30 {
  width: 30%;
}
.r-a-sizing-chart .width35 {
  width: 35%;
}
.r-a-sizing-chart .width40 {
  width: 40%;
}
.r-a-sizing-chart table tbody tr:nth-child(odd) {
  background-color: var(--surface-alt);
}
.r-a-sizing-chart table tbody tr:nth-child(even) {
  background-color: var(--color-white);
}
.r-a-sizing-chart table tbody tr th {
  background-color: var(--brand-red-dark);
  border: 1px solid var(--brand-red-dark);
  color: var(--color-white);
  text-align: center;
}
.r-a-sizing-chart table tbody tr td {
  border: 1px solid var(--border-light);
  text-align: center;
}

@media all and (max-width: 767px) {
  .r-a-sizing-chart table, .r-a-sizing-chart thead, .r-a-sizing-chart tbody, .r-a-sizing-chart th, .r-a-sizing-chart td, .r-a-sizing-chart tr {

  }
  .r-a-sizing-chart table caption {
    width: max-content;
    text-align: center;
  }
.r-a-sizing-chart table tr {
  height: auto;
}
  .r-a-sizing-chart table thead tr {

  }
  .r-a-sizing-chart table tbody tr th {
    height: auto;

    margin-top: 1rem;
  }
  .r-a-sizing-chart table tbody tr td {
    position: relative;
    height: auto;

    padding: 2px;
    text-align: left;
  }
  .r-a-sizing-chart table tbody tr td:nth-child(odd) {
    background-color: var(--surface-alt);
  }
  .r-a-sizing-chart table tbody tr td:nth-child(even) {
    background-color: var(--color-white);
  }
  .r-a-sizing-chart table tbody tr td:before {
    position: absolute;
    top: 0.25rem;
    left: 2.25rem;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    content: attr(data-header-text);
    font-weight: var(--font-weight-bold);
  }
}
@media all and (max-width: 640px) {
.x-edit-basket-attributes__product-info{
  padding-left:20px;
}}

/* ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ──
   SNIPPET 2: Store Closed / SFNT Page
   ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── */

.SFNT .content-page-h1 {
    text-align: center;
    color: var(--brand-red-dark);
    margin-top: 2rem;
    margin-bottom: 0;
}

.SFNT .error-message {
    max-width: 560px;
    margin: 2rem auto;
    padding: 2.5rem 2rem;
    box-sizing: border-box;

    background: var(--color-white);
    border-top: 5px solid var(--brand-red-dark);
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
    text-align: center;

    font-family: var(--font-primary);
    font-size: var(--font-size-md);
    line-height: 1.6;
}

.SFNT .error-message::before {
    content: "🔧";
    display: block;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.SFNT .error-message,
.SFNT .error-message p,
.SFNT .error-message span {
    color: var(--text-body) !important;
    margin: 0;
}

@media all and (max-width: 767px) {
    .SFNT .error-message {
        padding: 1.5rem 1rem;
        margin: 1rem;
    }
}

/* ============================================================
   Mobile Header Alignment Fix (added 2026-05-21)
   Corrects vertical alignment of hamburger, logo, and icons
   in the mobile header bar at max-width 787px.

   Root cause: mega-menu-v2.css intentionally offsets these
   three elements in opposite directions (top:-10px on hamburger,
   margin:10px on logo, margin:24px on icons) to visually balance
   them. This works on Android/Chrome but fails on iOS Safari
   due to different inline-block baseline calculation behavior.

   Fix: zero out the offsets, use vertical-align:middle and
   inline-flex to achieve consistent centering across browsers.
   ============================================================ */
@media all and (max-width: 787px) {
    #body-wrapper .width-sticky-nav .mobile-bars {
        top: 0 !important;
        vertical-align: middle !important;
        padding-top: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    #body-wrapper .width-sticky-nav .desktop-header-logo {
        margin: 0 !important;
        vertical-align: middle !important;
    }
    #body-wrapper .width-sticky-nav .search-account-basket-wrapper {
        margin-top: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
    }
}

@media all and (max-width: 395px) {
    #body-wrapper .width-sticky-nav .desktop-header-logo {
        margin-top: 0 !important;
    }
}

/* Mobile Header Alignment Fix, 768-787px sub-range correction (2026-06-21).
   Confirmed via fresh hard-refreshed measurements at width=776, both
   non-sticky and sticky states. Local positions (relative to
   .width-sticky-nav) are identical in both states - only the dark
   bar's own height differs (69px non-sticky vs 74px sticky), so two
   target values per element, reusing the same horizontal positions
   (already correct, untouched).
   !important required on .mobile-bars top and .search-account-basket-
   wrapper top/transform to beat the existing May 21 fix's own
   !important rules on those exact properties (checked against source
   before applying - top:0!important and top:50%!important/
   transform:translateY(-50%)!important respectively). desktop-header-
   logo needed no !important - nothing else important on top/left/
   position there. */
@media all and (min-width: 768px) and (max-width: 787px) {
    #body-wrapper .width-sticky-nav .mobile-bars {
        position: absolute;
        top: 19.5px !important;
        left: 0;
    }
    #body-wrapper .width-sticky-nav .desktop-header-logo {
        position: absolute !important;
        top: 12.25px;
        left: 33%;
    }
    #body-wrapper .width-sticky-nav .search-account-basket-wrapper {
        position: absolute;
        top: 23.5px !important;
        right: 10px;
        transform: none !important;
    }
    #body-wrapper .background-header-wrapper.sticky-enabled .width-sticky-nav .mobile-bars {
        top: 22px !important;
    }
    #body-wrapper .background-header-wrapper.sticky-enabled .width-sticky-nav .desktop-header-logo {
        top: 14.75px;
    }
    #body-wrapper .background-header-wrapper.sticky-enabled .width-sticky-nav .search-account-basket-wrapper {
        top: 26px !important;
    }
}

/* ============================================================
   Mobile Checkout Header Fix (rebuilt 2026-06-20)
   mega-menu-v2.css already contains a complete checkout header
   system (logo swap, hamburger hide, checkout-steps layout) keyed
   off .background-header-wrapper.checkout, with its own height
   values at each breakpoint (130px default, 89px at <=767px).
   Two things were still needed:
   1) .background-placement-holder never got the .checkout class
      or a matching height, so the absolutely-positioned header
      overlapped page content below it.
   2) The May 21 Mobile Header Alignment Fix applies
      display:inline-flex !important to .mobile-bars site-wide,
      which beats mega-menu-v2.css's plain (non-important)
      display:none on checkout pages, so it needs an explicit
      !important override here too.
   Do NOT add a height rule for .background-header-wrapper.checkout
   here - mega-menu-v2.css already owns it, and overriding it
   blocks mega-menu-v2.css's own 767px shrink to 89px.
   ============================================================ */
@media all and (max-width: 787px) {
    #body-wrapper .width-sticky-nav.checkout .mobile-bars {
        display: none !important;
    }
}
.background-placement-holder.checkout {
    height: 130px;
}
@media all and (max-width: 767px) {
    .background-placement-holder.checkout {
        height: 89px;
    }
}

/* OSEL - bordered boxes for method selection and GC/Rewards (layout test) */
.OSEL .shippingmethod,
.OSEL .paymentmethod {
	border: 1px solid var(--border-light);
	padding: 20px;
	box-sizing: border-box;
}

.OSEL .osel-page-gift-certificate-redemption-wrapper,
.OSEL .osel-page-points-redemption-wrapper {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	max-width: none;
	border: 1px solid var(--border-light);
	padding: 20px;
	box-sizing: border-box;
}

/* OSEL - spacing between bordered sections (layout test) */
.OSEL .shippingmethod {
	margin-right: 20px;
}

.OSEL .shippingmethod,
.OSEL .paymentmethod {
	margin-bottom: 25px;
}

.OSEL .mm-insure-shield {
	margin-top: 25px;
}

.OSEL .osel-page-gift-certificate-redemption-wrapper {
	margin-right: 20px;
}

.OSEL .osel-page-gift-certificate-redemption-wrapper,
.OSEL .osel-page-points-redemption-wrapper {
	margin-top: 25px;
}

/* OSEL - spacing + font test (layout iteration) */
.OSEL .osel-page-top-continue-button-wrapper {
	margin-bottom: 30px;
}

.OSEL .shippingmethod,
.OSEL .paymentmethod {
	padding: 25px 40px;
}

.OSEL h3,
.OSEL .osel-h3,
.OSEL .mm-insure-shield__heading {
	font-family: var(--font-primary);
	font-style: normal;
	font-size: var(--font-size-xl);
	font-weight: var(--font-weight-bold);
}

@media all and (max-width:767px){
	.OSEL .osel-page-gift-certificate-redemption-wrapper,
	.OSEL .osel-page-points-redemption-wrapper {
		width: 100%;
		display: block;
		margin-right: 0;
	}
}

.OSEL .osel-box-subtext {
	font-size: var(--font-size-sm);
	color: var(--text-subtle);
	font-family: var(--font-primary);
	margin-top: 8px;
	margin-bottom: 15px;
}

.OSEL .delicious-dollars-breakdown ul {
	padding-left: 0;
	margin-left: 0;
}

.OSEL .delicious-dollars-breakdown ul li {
	font-size: var(--font-size-sm);
	color: var(--text-subtle);
	font-family: var(--font-primary);
	margin-top: 4px;
}

.OSEL .osel-page-points-redemption-wrapper {
	justify-content: space-between;
}

.OSEL .delicious-dollars-breakdown {
	flex: 1;
}

.OSEL .delicious-dollars-redeem-button-wrapper {
	align-self: flex-end;
	margin-top: 15px;
}

.OSEL .shippingmethod h3,
.OSEL .paymentmethod h3,
.OSEL .osel-page-gift-certificate-redemption-wrapper h3,
.OSEL .osel-page-points-redemption-wrapper h3 {
	margin-bottom: 15px;
}

/* ==========================================================================
   DB DESIGN TOKENS - Phase 1 (added 2026-10-12)
   Declared only. Selectors are swapped to use these in later batches.
   Accessibility modes are set by attributes on <html> (data-contrast,
   data-text-size, data-weight, data-spacing, data-links) and are inert
   until the accessibility panel sets them.
   ========================================================================== */

:root {
	/* Scale - multiplied into every font size token */
	--text-scale: 1;
	--text-scale-large: 1;          /* xl and up - large text scales less in the text size modes */

	/* Brand palette */
	--brand-red: #c32b2a;        /* 5.68:1 on white */
	--brand-red-dark: #94111e;   /* 8.91:1 on white */
	--brand-red-deep: #800017;   /* 10.88:1 on white */
	--brand-maroon: #3f060b;     /* header background */
	--brand-gold: #dfb90d;       /* dark backgrounds only */
	--brand-logo-red: #641414;   /* reference only - sampled from logo */
	--color-white: #ffffff;
	--color-black: #000000;

	/* Neutrals */
	--text-body: #333333;
	--text-muted: #5f5f5f;
	--text-subtle: #6b6b6b;
	--border-light: #dddddd;
	--border-medium: #bbbbbb;
	--border-control: #8a8a8a;
	--border-dark: #363636;
	--surface-muted: #f1f1f1;
	--surface-alt: #e1e1e1;
	--surface-dark: #1a1a1a;
	--overlay-maroon: rgba(67, 10, 15, 0.8);
	--overlay-light: rgba(255, 255, 255, 0.8);

	/* Status (match CMS) */
	--status-success-bg: #dff0d8;
	--status-success-border: #d6e9c6;
	--status-success-text: #3c763d;
	--status-error-bg: #f2dede;
	--status-error-border: #ebccd1;
	--status-error-text: #a94442;

	/* Color roles */
	--color-text: var(--text-body);
	--color-heading: var(--text-body);
	--color-link: var(--brand-red);
	--color-link-hover: var(--brand-red-dark);
	--color-link-on-dark: #ff3b30;
	--color-link-hover-on-dark: #ff7a6b;
	--color-menu-link-hover: var(--brand-red);
	--color-focus: var(--brand-red);
	--color-border: var(--border-light);

	/* Header (Option C) */
	--color-header-bg: var(--brand-maroon);
	--color-header-link: #fefffc;
	--color-header-link-hover: #ff3b30;              /* 4px underline bar */
	--color-header-link-active-bg: var(--brand-red-dark); /* hover and focus box */

	/* Font families */
	--font-primary: 'Lato', sans-serif;
	--font-secondary: var(--font-primary);
	--font-display: 'Besom', 'Permanent Marker', cursive;
	--font-accent: 'DB Merriweather', Georgia, serif;  /* self-hosted, 85% size built into the font */
	--font-mono: Menlo, Consolas, 'Liberation Mono', 'Courier New', monospace;
	--font-heading-family: var(--font-primary);
	--font-body-family: var(--font-primary);

	/* Font sizes - named scale, scale-ready (multiplied by --text-scale) */
	--font-size-xs: calc(12px * var(--text-scale));      /* footer, disclaimers, fine print */
	--font-size-sm: calc(14px * var(--text-scale));      /* labels, buttons, small links */
	--font-size-md: calc(16px * var(--text-scale));      /* body text */
	--font-size-lg: calc(18px * var(--text-scale));      /* listing names, prices, page headers */
	--font-size-xl: calc(20px * var(--text-scale-large));      /* section titles, form headings */
	--font-size-2xl: calc(25px * var(--text-scale-large));
	--font-size-3xl: calc(30px * var(--text-scale-large));     /* product page name, h3 */
	--font-size-4xl: calc(35px * var(--text-scale-large));     /* large prices, h2/h3 */
	--font-size-5xl: calc(40px * var(--text-scale-large));     /* h2, category title */
	--font-size-6xl: calc(56px * var(--text-scale-large));     /* h1 */
	--font-size-display: calc(75px * var(--text-scale-large)); /* large Besom h2 */

	/* Text spacing */
	--line-height-body: 1.75;
	--letter-spacing-body: normal;
	--word-spacing-body: normal;

	/* Weights */
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-bold: 700;
	--font-weight-black: 900;

	/* Accent font weights (Phase 2 - Merriweather) */
	--font-accent-weight-display: 300; /* about 24px and up */
	--font-accent-weight-text: 400;    /* medium and small */
	--font-accent-style-display: normal; /* large stand-alone titles - upright */
	--font-accent-style-text: italic;    /* default - headings, promo titles, links */

	/* Layout (Layout and Breakpoint System, 2026-10-15) */
	--container-width: 92%;   /* page area width - even side margins */
	--container-max: 1440px;  /* page area maximum width */
	--grid-gap: 12px;         /* listing grid gap - phone; 24px from tablet up */
	/* Spacing scale (2026-10-17) - use these for margin, padding and gap instead of one-off pixel values */
	--space-xs: 4px;          /* label to field */
	--space-sm: 8px;          /* small gaps, icon to text */
	--space-md: 16px;         /* between fields, paragraphs, list items */
	--space-lg: 24px;         /* form to button row, inside boxes */
	--space-xl: 32px;         /* between sections on a page */
	--space-2xl: 48px;        /* before the footer, between major page blocks */
}

/* ---------- Accessibility modes ---------- */

/* High contrast */
html[data-contrast="high"] {
	--brand-red: #94111e;
	--text-body: #000000;
	--text-muted: #222222;
	--text-subtle: #333333;
	--border-light: #767676;
	--border-medium: #767676;
	--border-control: #000000;
	--surface-muted: #ffffff;
	--surface-alt: #ffffff;
	--color-link: #800017;
	--color-link-hover: #000000;
	--color-link-on-dark: #ffffff;
	--color-link-hover-on-dark: #ffd400;
	--color-focus: #000000;
	--color-header-link: #ffffff;
	--color-header-link-hover: #ffd400;
	--color-menu-link-hover: #800017;
}

/* Larger text */
html[data-text-size="125"] { --text-scale: 1.25; --text-scale-large: 1.1; }
html[data-text-size="150"] { --text-scale: 1.5; --text-scale-large: 1.2; }

/* Bolder text - each weight steps up one level */
html[data-weight="bold"] {
	--font-weight-light: 400;
	--font-weight-regular: 700;
	--font-weight-bold: 900;
	--font-accent-weight-display: 400;
	--font-accent-weight-text: 700;
}

/* Readable spacing */
html[data-spacing="wide"] {
	--line-height-body: 2;
	--letter-spacing-body: 0.12em;
	--word-spacing-body: 0.16em;
}

/* Underline all links */
html[data-links="underline"] a {
	text-decoration: underline !important;
}

/* ========================== END DB DESIGN TOKENS ========================== */

/* Text size modes - Sizes Round 2 (2026-10-13). Every rule below only applies when html[data-text-size] is set,
   so the normal 100% layout is unchanged. */
/* Header stays at 100% sizes in every text size mode (header geometry uses fixed px positions - see DB Header CSS Fixes doc) */
html[data-text-size] .background-header-wrapper {font-size:16px; --font-size-xs:12px; --font-size-sm:14px; --font-size-md:16px; --font-size-lg:18px; --font-size-xl:20px; --font-size-2xl:25px; --font-size-3xl:30px; --font-size-4xl:35px; --font-size-5xl:40px; --font-size-6xl:56px; --font-size-display:75px;}
/* Buttons grow to fit larger text (text size, spacing and bolder modes) */
html:is([data-text-size],[data-spacing],[data-weight]) .footer-newsletter-email-input {height:auto; min-height:33px; padding-top:5px; padding-bottom:5px; vertical-align:top;}
/* Product page cart row - quantity, Add to Cart and wishlist stay on one line; Add to Cart text wraps if needed */
html:is([data-text-size],[data-spacing],[data-weight]) .product-page-add-to-cart-row {display:flex; align-items:center;}
html:is([data-text-size],[data-spacing],[data-weight]) .product-page-add-to-cart-row .product-quantity-input, html:is([data-text-size],[data-spacing],[data-weight]) .product-page-add-to-cart-row .wishlist-heart-button {flex:0 0 auto;}
html:is([data-text-size],[data-spacing],[data-weight]) .product-page-add-to-cart-row .product-page-add-to-cart-button {flex:0 1 auto; width:auto !important; min-width:0; height:auto; min-height:42px; white-space:normal; line-height:1.2;}
/* Product page swatch image stays inside its outline */
html:is([data-text-size],[data-spacing],[data-weight]) .product-page-swatches ul li {font-size:0; line-height:0;}
/* Long text wraps instead of overflowing */
html:is([data-text-size],[data-spacing],[data-weight]) ul.address li {white-space:normal; overflow-wrap:anywhere;}
html:is([data-text-size],[data-spacing],[data-weight]) #shipping_fields label, html:is([data-text-size],[data-spacing],[data-weight]) #billing_fields label {white-space:normal; width:auto; max-width:100%;}
html:is([data-text-size],[data-spacing],[data-weight]) .checkout-newsletter-opt-in-wrapper label {white-space:normal;}
html:is([data-text-size],[data-spacing],[data-weight]) .basket-action-buttons-wrapper > a {white-space:normal; height:auto;}
html:is([data-text-size],[data-spacing],[data-weight]) #category-tree div {overflow-wrap:anywhere;}
/* Checkout - hidden "same as" checkbox takes no space (Miva sets inline visibility:visible when it is shown) */
html:is([data-text-size],[data-spacing],[data-weight]) .fields-heading .controls:not([style*="visible"]) {display:none;}
/* Category grid - remove the space between inline-block product tiles so 3 columns still fit */
html:is([data-text-size],[data-spacing],[data-weight]) .CTGY .expanded {font-size:0;}
html:is([data-text-size],[data-spacing],[data-weight]) .CTGY .expanded .product-item {font-size:var(--font-size-md);}
/* Bolder text and readable spacing modes - Modes Round (2026-10-13). */
/* Elements that get their weight from Bootstrap or browser defaults follow the weight tokens (same rendered weight at normal view: Lato loads 300/400/700/900, so 500 already rendered as 400) */
h1, h2, h3, h4, h5, h6 {font-weight:var(--font-weight-regular);}
b, strong, th, label {font-weight:var(--font-weight-bold);}
/* Header keeps its normal weights and spacing in every mode (fixed px header geometry) */
html[data-weight] .background-header-wrapper {font-weight:400; --font-weight-light:300; --font-weight-regular:400; --font-weight-bold:700; --font-weight-black:900;}
/* Readable spacing (WCAG 1.4.12 text spacing) */
html[data-spacing="wide"] body {line-height:var(--line-height-body); letter-spacing:var(--letter-spacing-body); word-spacing:var(--word-spacing-body);}
html[data-spacing="wide"] p {margin-bottom:2em;}
html[data-spacing="wide"] .background-header-wrapper {line-height:1.42857143; letter-spacing:normal; word-spacing:normal;}
html:is([data-text-size],[data-spacing],[data-weight]) .fields-heading :is(#shipping_controls, #billing_controls) label {white-space:normal; width:auto;}
html:is([data-text-size],[data-spacing],[data-weight]) #global-footer ul li {overflow-wrap:anywhere;}
html:is([data-text-size],[data-spacing],[data-weight]) .you-might-also-like-name-wrapper {overflow-wrap:anywhere;}
html[data-links="underline"] a :is(span, div, p, li, strong, b, em):not(.background-header-wrapper *) {text-decoration:underline !important;}
html[data-links="underline"] a, html[data-links="underline"] a :is(span, div, p, li, strong, b, em) {text-decoration-thickness:max(1px, 0.06em) !important; text-underline-offset:0.15em;}
html[data-spacing="wide"] .CTGY .expanded {letter-spacing:0; word-spacing:0;}
html[data-spacing="wide"] .CTGY .expanded .product-item {letter-spacing:var(--letter-spacing-body); word-spacing:var(--word-spacing-body);}

/* Monkey Wrench sub-banner - readable text on its grey (#cccccc) or black (#0D0D0D) background. Background is set inline by Monkey Wrench; the old font color tags in banner text are restyled to passing colors. */
.sub-banner[style*="cccccc" i] {color:var(--text-body);}
.sub-banner[style*="cccccc" i] a {color:var(--brand-red-deep);}
.sub-banner font[color="red"], .sub-banner font[color="dark red"] {color:var(--brand-red-deep);}
.sub-banner font[color="black"] {color:var(--text-body);}
.sub-banner[style*="0d0d0d" i] {color:var(--color-white);}
.sub-banner[style*="0d0d0d" i] font[color="red"], .sub-banner[style*="0d0d0d" i] font[color="dark red"], .sub-banner[style*="0d0d0d" i] a {color:var(--color-link-on-dark);}
.sub-banner[style*="0d0d0d" i] font[color="black"] {color:var(--color-white);}

/* Header top strip - stop the free shipping text from wrapping between 991px and 1040px (it pushed the nav under the sub-banner) */
@media all and (min-width:991px) and (max-width:1040px){
  .newletterBanner .hello-banner-free-shipping-wrapper {width:45%; font-size:var(--font-size-sm);}
  .hello-banner-social-media-wrapper {width:27.5%; padding-left:25px;}
  .hello-banner-toll-free {width:27.5%; padding-right:25px; font-size:var(--font-size-sm);}
}

/* Accent font (Merriweather) - Phase 2 (2026-10-15) */
/* Large stand-alone titles are upright Light */
.NTFD .col h3 {font-style:var(--font-accent-style-display); font-weight:var(--font-accent-weight-display);}
/* Buttons inside h3 keep their bold weight and normal size (they used "bolder", which is relative to the h3) */
h3 .button {font-weight:var(--font-weight-bold);}

/* Checkout - newsletter label and footer email wrap in text size, spacing and bolder modes (cssui.css #customer-fields label is nowrap) */
html:is([data-text-size],[data-spacing],[data-weight]) #customer-fields .checkout-newsletter-opt-in-wrapper label {white-space:normal;}
html:is([data-text-size],[data-spacing],[data-weight]) .checkout-footer .email-footer {overflow-wrap:anywhere;}

/* PROD - details column uses the full right column (cssui.css sets 50% for a second details column we don't use). Stops the price stacking between about 992px and 1600px. */
.product-page-right-side-container .product-details-1 {width:100%;}

/* Fonts - form fields, the checkout "same as" control and the search results paging bar use the site font (cssui.css sets Arial) - 2026-10-15 */
.textfield, select, textarea, #tax-fields .form_row input, .controls, #filter-items-container {font-family:var(--font-primary);}

/* Checkout header - active step uses the on-dark link color (brand red was 3.7:1 on the dark header) - 2026-10-15 */
.checkout-steps li.active {color:var(--color-link-on-dark);}
/* Form fields - visible outline (WCAG 1.4.11, 3:1). Bootstrap #ccc and cssui #bbb were 1.6-1.9:1 */
.form-control, .textfield, select, textarea {border-color:var(--border-control);}
.product-page-add-to-cart-row .product-quantity-input, .product-page-add-to-cart-row .wishlist-heart-button {border-color:var(--border-control);}

/* Product page wishlist heart - centered in its box (the listing icon's 1.5px nudge is only for the round category heart) */
.product-page-add-to-cart-row .wishlist-heart-button {display:inline-flex; align-items:center; justify-content:center; vertical-align:middle;}
.product-page-add-to-cart-row .wishlist-heart-button i {top:0; left:0;}

/* ==========================================================================
   LAYOUT SYSTEM - see "DB - Layout and Breakpoint System Plan 2026-10-15"
   .db-container - centered page area with even side margins at every width
   .db-grid - listing grid; only the column count changes at the standard breakpoints
   ========================================================================== */
.db-container {width:var(--container-width); max-width:var(--container-max); margin-left:auto; margin-right:auto; display:flow-root;}
.db-grid {--grid-cols:2; display:grid; grid-template-columns:repeat(var(--grid-cols), minmax(0, 1fr)); gap:var(--grid-gap);}
@media all and (min-width: 768px) {
	:root {--grid-gap:24px;}
	.db-grid {--grid-cols:3;}
}
@media all and (min-width: 1200px) {
	.db-grid {--grid-cols:4;}
}

/* ========== PROD layout (2026-10-15) ==========
   The Product Display Layout outputs: gallery (.product-page-left-side-container), product info (.product-page-right-side-container),
   then Complete the Look / Discover More (.ab-pos). Nothing is moved by JS - CSS arranges it per breakpoint:
   - Phone: one column - name, stars, designer, gallery, price, options and Add to Cart,
     the product description (first 4 lines, Read more), Complete the Look / Discover More, then the other tabs. The info and details boxes step aside (display:contents)
     so their parts can be ordered around the gallery.
   - Tablet and up: two columns - gallery with Complete the Look underneath on the left, product info on the right.
   - Gallery: thumbnails beside the image from 1200px up; below 1200px the image comes first with the thumbnails in a row underneath. */
.product-page-right-side-container .description-title,
.product-page-right-side-container .description {width:100%; max-width:680px;}
.product-description-more {display:none;}
/* Buying section - one set of tiers: labels (stock, Color, Size) share one style; Affirm and Delicious Dollars are fine print */
.PROD .product-page-inventory-status-message-wrapper {font-size:var(--font-size-md); font-weight:var(--font-weight-regular); color:var(--text-body); letter-spacing:0.04em; margin:4px 0 0;}
.PROD .product-attribute-label {font-size:var(--font-size-md); color:var(--text-body); letter-spacing:0.04em;}
.PROD .product-attributes .hidden-color-select {color:var(--text-body); font-size:var(--font-size-md); padding-left:0;}
.PROD .product-details-1 .affirm-as-low-as {font-weight:var(--font-weight-regular); color:var(--text-muted);}
.PROD .product-page-points-wrapper, .PROD .product-page-points-wrapper span {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--text-muted);}
.PROD .product-page-delicious-points-tooltip {display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; margin-left:4px; vertical-align:middle;}
.PROD .product-page-delicious-points-tooltip img {width:16px; height:16px;}
@media all and (max-width: 767px) {
	.PROD .product-page-main {display:flex; flex-flow:row wrap; align-items:baseline; padding-top:20px;}
	.PROD .product-page-right-side-container, .PROD .product-details-1 {display:contents;}
	.PROD .product-page-main > *, .PROD .product-page-right-side-container > *, .PROD .product-details-1 > * {flex:0 0 100%; min-width:0; order:6;}
	.PROD .product-page-product-name-h1 {order:1;}
	.PROD #product_just_stars {order:2;}
	.PROD .product-page-designer-name {order:3;}
	.PROD .product-page-main > .product-page-left-side-container {order:4; margin-bottom:20px;}
	.PROD .product-details-1 > .product-price, .PROD .product-details-1 > #inventory-message, .PROD .product-details-1 > .product-page-estimated-restock-date-wrapper {order:5;}
	/* Affirm and Delicious Dollars lines are left out on phone to keep the buying section short (they show on tablet and up) */
	.PROD .product-details-1 > span.italic, .PROD .product-details-1 > .product-page-points-wrapper {display:none;}
	.PROD .product-details-1 > .product-dropdown {display:contents;}
	.PROD .product-dropdown > * {flex:0 0 100%; min-width:0; order:10;}
	.PROD .product-dropdown > .product-detailed-description {order:8;}
	.PROD .product-page-main > .ab-pos {order:9;}
	.PROD .product-details-1 > .product-image-margin {display:none;}
	.PROD .PROD- .main-image-prod-page {width:auto; max-width:100%; margin:0 auto;}
	/* Color, size and other options sit side by side when there is room */
	.PROD .product-page-adpr-form .product-attributes {display:flex; flex-wrap:wrap; column-gap:30px;}
	.PROD .product-page-adpr-form .attribute-form-row {flex:1 1 200px; min-width:0;}
	/* Quantity, Add to Cart and wishlist fill the row - Add to Cart stretches */
	.PROD .product-page-main .product-page-add-to-cart-row {display:flex; align-items:stretch; gap:10px; width:100%; margin:15px 0;}
	.PROD .product-page-main .product-page-add-to-cart-row .product-quantity-input {flex:0 0 50px; width:50px !important; height:auto !important; min-height:44px; margin:0 !important;}
	.PROD .product-page-main .product-page-add-to-cart-row .product-page-add-to-cart-button {flex:1 1 auto; width:auto !important; height:auto; min-height:44px; margin:0 !important;}
	.PROD .product-page-main .product-page-add-to-cart-row .wishlist-heart-button {flex:0 0 50px; width:50px; height:auto; min-height:44px;}
	/* Description shows its first 4 lines with a Read more button (added by db.js) that opens the rest in place */
	.PROD .product-description:not(.is-expanded) > span {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; line-clamp:4; overflow:hidden;}
	.PROD .product-description-more {display:inline-block; margin:0 0 15px; padding:4px 0; border:0; background:none; color:var(--color-link); font-size:var(--font-size-md); text-decoration:underline; text-underline-offset:0.15em; cursor:pointer;}
	.PROD .product-description-more:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
	.PROD .product-description-more[hidden], .PROD .product-description[style*="display: none"] + .product-description-more {display:none;}
	/* Section dividers - short centered lines, so they read as breaks between sections rather than tab lines */
	.PROD .product-page-main > .product-page-left-side-container::after,
	.PROD .product-dropdown > .product-detailed-description::before,
	.PROD .ab-pos .product-page-paragraph-with-top-border::before,
	.PROD .you-might-also-like > p::before,
	.PROD .you-might-also-like-title::before {content:""; display:block; width:120px; height:1px; margin:0 auto 25px; background-color:var(--border-medium);}
	.PROD .product-page-main > .product-page-left-side-container::after {margin:30px auto 0;}
	.PROD .product-dropdown > .product-detailed-description::before {margin:10px auto 20px;}
	.PROD .product-dropdown > .product-detailed-description > .description-title {border-top:0;}
	.PROD .ab-pos .product-page-paragraph-with-top-border, .PROD .you-might-also-like > p, .PROD .you-might-also-like-title {border-top:0; padding-top:0;}
	.PROD .you-might-also-like {padding-top:30px;}
}
@media all and (min-width: 768px) {
	.PROD .product-page-main {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); grid-template-rows:auto 1fr; grid-template-areas:"gallery info" "extras info"; column-gap:30px; row-gap:30px; align-items:start;}
	.PROD .product-page-left-side-container {grid-area:gallery;}
	.PROD .product-page-right-side-container {grid-area:info;}
	.PROD .product-page-main > .ab-pos {grid-area:extras;}
	.PROD .PROD- {display:flex; align-items:flex-start; gap:20px;}
	.PROD .PROD- #thumbnails {flex:0 0 auto;}
	.PROD .PROD- .main-image-prod-page {flex:1 1 auto; min-width:0; max-width:none; width:auto;}
}
/* Tablet and up - Complete the Look and Discover More use the same short centered divider as phone. You Might Also Like keeps its full-width line - it spans the page and holds the slider arrows */
@media all and (min-width: 768px) {
	.PROD .ab-pos .product-page-paragraph-with-top-border::before {content:""; display:block; width:120px; height:1px; margin:0 auto 25px; background-color:var(--border-medium);}
	.PROD .ab-pos .product-page-paragraph-with-top-border {border-top:0; padding-top:0; margin-top:0;}
}
@media all and (max-width: 1199px) {
	.PROD .PROD- {display:flex; flex-direction:column; align-items:stretch; gap:15px;}
	.PROD .PROD- .main-image-prod-page {order:1;}
	.PROD .PROD- #thumbnails {order:2; display:flex; flex-wrap:wrap; justify-content:space-evenly; gap:10px; margin:0;}
	.PROD .PROD- #thumbnails li {margin:0;}
}

/* PROD - MagicZoom inner zoom (narrow windows) hides its whole image frame, including the zoom view, so hovering showed a blank space. Keep the frame visible - 2026-10-15 */
.PROD .mz-figure.mz-active.mz-inner-zoom {opacity:1;}

/* MagicZoom full-screen view on phone-size screens - use MagicZoom's own phone layout (full-width image, close button in the corner) even when it doesn't detect a mobile device, e.g. narrow desktop windows and small tablets. "html" is added because magiczoomplus.css loads after styles.css - 2026-10-15 */
@media all and (max-width: 767px) {
	html .mz-expand .mz-expand-stage .mz-image-stage,
	html .mz-expand .mz-expand-stage .mz-expand-thumbnails {left:0; right:0;}
	html .mz-expand .mz-expand-stage .mz-image-stage {padding:70px 0 10px;}
	html .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {padding:70px 0 90px;}
}

/* ========== You Might Also Like - scrolling row (2026-10-15) ==========
   Replaces jCarousel and its fixed-width ladder (about 25 rules removed). Items per row: 2 plus a peek of the next on phone
   (swipe hint), 3 tablet, 4 desktop, 6 wide - sizes stay fluid in between. Arrows show from 768px up.
   Also styles the 216digital fallback markup (same class names). The product page bottom section uses .db-container. */
.you-might-also-like {--ymal-cols:2.3; position:relative; width:100%; margin:0 0 60px 0;}
.you-might-also-like > p, .you-might-also-like-title {position:static; left:auto; width:auto; margin:0 0 25px 0; padding-top:25px; border-top:1px solid var(--border-medium); font-family:var(--font-primary); font-size:var(--font-size-xl); font-weight:var(--font-weight-regular); line-height:1.3; text-transform:uppercase; text-align:left; color:var(--text-body);}
.you-might-also-like .jcarousel {position:relative; left:auto; width:auto; max-width:none; margin:0; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none;}
.you-might-also-like .jcarousel::-webkit-scrollbar {display:none;}
.you-might-also-like .jcarousel ul {position:static; display:flex; gap:var(--grid-gap); width:auto; margin:0; padding:0; list-style:none;}
.you-might-also-like .jcarousel li {flex:0 0 calc((100% - (var(--ymal-cols) - 1) * var(--grid-gap)) / var(--ymal-cols)); min-width:0; width:auto; margin:0; float:none; scroll-snap-align:start;}
.you-might-also-like .jcarousel a:focus-visible {outline:2px solid var(--color-focus); outline-offset:-2px;}
.you-might-also-like-image-wrapper img {width:100%; height:auto; aspect-ratio:200 / 215; object-fit:cover;}
.you-might-also-like-name-wrapper {margin-top:10px; text-align:center; font-family:var(--font-primary); font-size:var(--font-size-sm);}
.you-might-also-like-nav, .you-might-also-like > .jcarousel-prev, .you-might-also-like > .jcarousel-next {display:none;}
.you-might-also-like-arrow {display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:1px solid var(--border-control); border-radius:50%; background-color:var(--color-white); color:var(--text-body); cursor:pointer;}
.you-might-also-like-arrow svg {width:20px; height:20px;}
.you-might-also-like-arrow:hover {background-color:var(--text-body); color:var(--color-white);}
.you-might-also-like-arrow:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.you-might-also-like-arrow[aria-disabled="true"] {opacity:0.4; cursor:default; background-color:var(--color-white); color:var(--text-body);}
@media (prefers-reduced-motion: no-preference) {
	.you-might-also-like .jcarousel {scroll-behavior:smooth;}
}
@media all and (min-width: 768px) {
	.you-might-also-like {--ymal-cols:4;}
	.you-might-also-like > p, .you-might-also-like-title {padding-right:100px;}
	.you-might-also-like-nav {display:flex; gap:10px; position:absolute; top:15px; right:0;}
	.you-might-also-like > .jcarousel-prev, .you-might-also-like > .jcarousel-next {display:block; position:absolute; top:15px;}
	.you-might-also-like > .jcarousel-prev {right:50px;}
	.you-might-also-like > .jcarousel-next {right:0;}
	.you-might-also-like > .jcarousel-prev img, .you-might-also-like > .jcarousel-next img {width:40px; height:auto;}
}
@media all and (min-width: 992px) {
	.you-might-also-like {--ymal-cols:4;}
}
@media all and (min-width: 1200px) {
	.you-might-also-like {--ymal-cols:6;}
}

/* ========== Category page layout (2026-10-16) ==========
   CTGY page: filters, sections and product grid inside the shared page container (.db-container, .db-grid).
   Layouts - set in the CTGY page template (ctgy_layout); the class on #content-container-sub-CTGY picks the CSS:
   - layout-sidebar: filter column with the category tree on the left from tablet up; Filter & Sort panel on phone.
   The filter column is 220px wide, grows with the text size modes, and never takes more than 32% of the page area.
   - layout-tablet-panel: Filter & Sort panel on phone and tablet; filter column with the category tree below it on desktop.
   - layout-panel: Filter & Sort panel at every width and no left column (for landing pages).
   In the panel layouts the filter column (#left-navigation) becomes the slide-in panel - there is one copy of the filters.
   The same panel rules are repeated for each layout / width below (plain CSS has no way to share them).
   Section chips show wherever the panel is used; the panel hides the category tree (the chips and the top menu cover it).
   Filters (Global Settings > Facets Layout): each group is a details section; groups start closed unless the template
   lists them or a filter in them is applied, and show their first 6 options with "Show more".
   The older tile rules (percent widths and max-width steps) are overridden here, not removed, because the PowerSearch
   results page still uses them. Remove them when PowerSearch is replaced by native search. */

/* Panel parts - hidden unless a panel layout is in use at this width */
.filter-panel-header, .filter-panel-footer, .filter-panel-sort, .filter-panel-open, .filter-panel-backdrop, .category-chips {display:none;}

/* Phone - every layout uses the panel */
@media all and (max-width: 767px) {
	.category-page-layout {display:block;}
	.category-page-layout > #main-content {display:block; float:none; width:auto; margin:0; padding:20px 0 0;}
	.category-page-layout > #left-navigation {display:flex !important; flex-direction:column; position:fixed; top:0; bottom:0; left:0; z-index:10000010; width:420px; max-width:100%; margin:0; padding:0; background:var(--color-white); box-shadow:2px 0 16px rgba(0, 0, 0, 0.2); transform:translateX(-100%); visibility:hidden; transition:transform 0.25s ease, visibility 0s linear 0.25s;}
	html.filter-panel-is-open .category-page-layout > #left-navigation {transform:none; visibility:visible; transition:transform 0.25s ease;}
	html.filter-panel-is-open .category-page-layout > .filter-panel-backdrop {display:block;}
	.category-page-layout .filter-panel-header, .category-page-layout .filter-panel-footer {display:flex;}
	.category-page-layout .filter-panel-body {flex:1 1 auto; overflow-y:auto; padding:0 16px 20px; -webkit-overflow-scrolling:touch;}
	.category-page-layout .filter-panel-body .cattree, .category-page-layout .filter-panel-body .facets-header {display:none;}
	.category-page-layout .filter-panel-sort {display:block;}
	.category-page-layout .filter-panel-open {display:inline-flex;}
	.category-page-layout .sort-menu {display:none;}
	.category-page-layout .category-chips {display:block;}
	.category-page-layout h1.category-page-category-name {margin-top:0; margin-bottom:16px;}
}
/* Tablet */
@media all and (min-width: 768px) and (max-width: 991px) {
	.layout-sidebar {display:grid; grid-template-columns:min(calc(220px * var(--text-scale)), 32%) minmax(0, 1fr); grid-template-areas:"banner banner" "crumbs crumbs" "sidebar main"; column-gap:30px; align-items:start;}
	.layout-sidebar > .ctgy-header {grid-area:banner;}
	.layout-sidebar > .ctgy-header-align-products {display:grid; grid-template-columns:subgrid;}
	.layout-sidebar > .ctgy-header-align-products > .ctgy-header-image {grid-column:2;}
	.layout-sidebar > #breadcrumbs {grid-area:crumbs;}
	.layout-sidebar > #left-navigation {grid-area:sidebar; display:block; float:none; width:auto; margin:0; padding:0;}
	.layout-sidebar > #main-content {grid-area:main; display:block; float:none; width:auto; margin:0; padding:0;}
	.layout-tablet-panel {display:block;}
	.layout-tablet-panel > #main-content {display:block; float:none; width:auto; margin:0; padding:20px 0 0;}
	.layout-tablet-panel > #left-navigation {display:flex !important; flex-direction:column; position:fixed; top:0; bottom:0; left:0; z-index:10000010; width:420px; max-width:100%; margin:0; padding:0; background:var(--color-white); box-shadow:2px 0 16px rgba(0, 0, 0, 0.2); transform:translateX(-100%); visibility:hidden; transition:transform 0.25s ease, visibility 0s linear 0.25s;}
	html.filter-panel-is-open .layout-tablet-panel > #left-navigation {transform:none; visibility:visible; transition:transform 0.25s ease;}
	html.filter-panel-is-open .layout-tablet-panel > .filter-panel-backdrop {display:block;}
	.layout-tablet-panel .filter-panel-header, .layout-tablet-panel .filter-panel-footer {display:flex;}
	.layout-tablet-panel .filter-panel-body {flex:1 1 auto; overflow-y:auto; padding:0 16px 20px; -webkit-overflow-scrolling:touch;}
	.layout-tablet-panel .filter-panel-body .cattree, .layout-tablet-panel .filter-panel-body .facets-header {display:none;}
	.layout-tablet-panel .filter-panel-sort {display:block;}
	.layout-tablet-panel .filter-panel-open {display:inline-flex;}
	.layout-tablet-panel .sort-menu {display:none;}
	.layout-tablet-panel .category-chips {display:block;}
	.layout-tablet-panel h1.category-page-category-name {margin-top:0; margin-bottom:16px;}
	.layout-panel {display:block;}
	.layout-panel > #main-content {display:block; float:none; width:auto; margin:0; padding:20px 0 0;}
	.layout-panel > #left-navigation {display:flex !important; flex-direction:column; position:fixed; top:0; bottom:0; left:0; z-index:10000010; width:420px; max-width:100%; margin:0; padding:0; background:var(--color-white); box-shadow:2px 0 16px rgba(0, 0, 0, 0.2); transform:translateX(-100%); visibility:hidden; transition:transform 0.25s ease, visibility 0s linear 0.25s;}
	html.filter-panel-is-open .layout-panel > #left-navigation {transform:none; visibility:visible; transition:transform 0.25s ease;}
	html.filter-panel-is-open .layout-panel > .filter-panel-backdrop {display:block;}
	.layout-panel .filter-panel-header, .layout-panel .filter-panel-footer {display:flex;}
	.layout-panel .filter-panel-body {flex:1 1 auto; overflow-y:auto; padding:0 16px 20px; -webkit-overflow-scrolling:touch;}
	.layout-panel .filter-panel-body .cattree, .layout-panel .filter-panel-body .facets-header {display:none;}
	.layout-panel .filter-panel-sort {display:block;}
	.layout-panel .filter-panel-open {display:inline-flex;}
	.layout-panel .sort-menu {display:none;}
	.layout-panel .category-chips {display:block;}
	.layout-panel h1.category-page-category-name {margin-top:0; margin-bottom:16px;}
}
/* Desktop and up */
@media all and (min-width: 992px) {
	.layout-sidebar {display:grid; grid-template-columns:min(calc(220px * var(--text-scale)), 32%) minmax(0, 1fr); grid-template-areas:"banner banner" "crumbs crumbs" "sidebar main"; column-gap:30px; align-items:start;}
	.layout-sidebar > .ctgy-header {grid-area:banner;}
	.layout-sidebar > .ctgy-header-align-products {display:grid; grid-template-columns:subgrid;}
	.layout-sidebar > .ctgy-header-align-products > .ctgy-header-image {grid-column:2;}
	.layout-sidebar > #breadcrumbs {grid-area:crumbs;}
	.layout-sidebar > #left-navigation {grid-area:sidebar; display:block; float:none; width:auto; margin:0; padding:0;}
	.layout-sidebar > #main-content {grid-area:main; display:block; float:none; width:auto; margin:0; padding:0;}
	.layout-tablet-panel {display:grid; grid-template-columns:min(calc(220px * var(--text-scale)), 32%) minmax(0, 1fr); grid-template-areas:"banner banner" "crumbs crumbs" "sidebar main"; column-gap:30px; align-items:start;}
	.layout-tablet-panel > .ctgy-header {grid-area:banner;}
	.layout-tablet-panel > .ctgy-header-align-products {display:grid; grid-template-columns:subgrid;}
	.layout-tablet-panel > .ctgy-header-align-products > .ctgy-header-image {grid-column:2;}
	.layout-tablet-panel > #breadcrumbs {grid-area:crumbs;}
	.layout-tablet-panel > #left-navigation {grid-area:sidebar; display:block; float:none; width:auto; margin:0; padding:0;}
	.layout-tablet-panel > #main-content {grid-area:main; display:block; float:none; width:auto; margin:0; padding:0;}
	.layout-panel {display:block;}
	.layout-panel > #main-content {display:block; float:none; width:auto; margin:0; padding:20px 0 0;}
	.layout-panel > #left-navigation {display:flex !important; flex-direction:column; position:fixed; top:0; bottom:0; left:0; z-index:10000010; width:420px; max-width:100%; margin:0; padding:0; background:var(--color-white); box-shadow:2px 0 16px rgba(0, 0, 0, 0.2); transform:translateX(-100%); visibility:hidden; transition:transform 0.25s ease, visibility 0s linear 0.25s;}
	html.filter-panel-is-open .layout-panel > #left-navigation {transform:none; visibility:visible; transition:transform 0.25s ease;}
	html.filter-panel-is-open .layout-panel > .filter-panel-backdrop {display:block;}
	.layout-panel .filter-panel-header, .layout-panel .filter-panel-footer {display:flex;}
	.layout-panel .filter-panel-body {flex:1 1 auto; overflow-y:auto; padding:0 16px 20px; -webkit-overflow-scrolling:touch;}
	.layout-panel .filter-panel-body .cattree, .layout-panel .filter-panel-body .facets-header {display:none;}
	.layout-panel .filter-panel-sort {display:block;}
	.layout-panel .filter-panel-open {display:inline-flex;}
	.layout-panel .sort-menu {display:none;}
	.layout-panel .category-chips {display:block;}
	.layout-panel h1.category-page-category-name {margin-top:0; margin-bottom:16px;}
}

/* Panel layouts on tablet and up - the breadcrumbs already give space above the title */
@media all and (min-width: 768px) {
	.layout-tablet-panel > #main-content, .layout-panel > #main-content {padding-top:0;}
}

/* Category tree - headings and plus / minus icons match the filter groups above them; names stay clear of the icon at larger text sizes */
#category-tree .level-2 {padding-right:28px;}
.category-page-layout #category-tree .level-2, .category-page-layout #category-tree .level-2 a {font-size:var(--font-size-md); letter-spacing:0.5px;}
.category-page-layout #category-tree .level-2 .minus, .category-page-layout #category-tree .level-2 .plus {top:calc(50% - 5px); right:4px; transform:translateY(-50%); line-height:0;}
.category-page-layout #category-tree .level-2 .minus img, .category-page-layout #category-tree .level-2 .plus img {width:14px; opacity:0.65;}

/* "Categories" heading above the category tree - same style and spacing as the "Filters" heading above the filters */
.category-page-layout .cattree > .category-tree-heading {margin-top:30px;}
.category-page-layout .cattree > #category-tree {padding-top:15px;}
/* "Filters" and "Categories" headings - darker text and a short underline, so they read as headings above their options */
.category-page-layout .facets-header, .category-page-layout .category-tree-heading {position:relative; padding-bottom:12px; color:var(--text-body); border-bottom:0 !important;}
.category-page-layout .facets-header::after, .category-page-layout .category-tree-heading::after {content:""; position:absolute; left:0; bottom:0; width:calc(96px * var(--text-scale)); height:2px; background:var(--text-body);}

/* ========== Category page header (2026-10-16) ==========
   One CTGY template for every category - the header look comes from category custom fields (see the CTGY page template):
   - Header color (ctgy_header_bg): sets --header-bg; blank = the default grey (--surface-alt).
   - .ctgy-header-band: the colored band runs edge to edge of the screen (the box-shadow fills out to the sides;
     clip-path keeps it to the band's own height, and neither one makes the page scroll sideways).
   - .ctgy-header-align-products: the image starts where the products start - next to the filter column when it shows
     (subgrid, rules in "Category page layout" above), at the left edge of the page area when it does not.
   - .ctgy-header-align-centered: the image is centered.
   - .ctgy-header-beside: image on the left, category name and header content to its right (formerly CTGY-ALT).
     The color only fills behind the image, so the text always sits on the page background.
   Replaced the CTGY-WHITE / CTGY-BLACK / CTGY-LP / CTGY-ALT pages and their header rules (removed 2026-10-16). */
.ctgy-header {margin:0;}
.ctgy-header-image img {display:block; width:auto; max-width:100%; height:auto;}
.ctgy-header-band {background:var(--header-bg, var(--surface-alt)); box-shadow:0 0 0 100vmax var(--header-bg, var(--surface-alt)); clip-path:inset(0 -100vmax);}
.ctgy-header-band .ctgy-header-image {min-width:0;}
.ctgy-header-align-centered .ctgy-header-image img {margin:0 auto;}
/* Beside - the image box is as tall as the text beside it (never shorter than a 750 x 326 image); the image fills the box
   and trims its edges instead of leaving empty space below it when the text wraps onto more lines */
.ctgy-header-beside {display:flex; align-items:stretch; gap:30px; padding-bottom:20px; border-bottom:3px solid var(--border-control);}
.ctgy-header-beside .ctgy-header-image {position:relative; flex:0 0 40%; aspect-ratio:750 / 326; overflow:hidden; background:var(--header-bg, transparent);}
.ctgy-header-beside .ctgy-header-image img {position:absolute; top:0; left:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center;}
.ctgy-header-beside .ctgy-header-text {flex:1 1 0; min-width:0;}
.ctgy-header-beside h1.category-page-category-name {margin-top:20px; text-transform:none !important; color:var(--text-body) !important;}
.ctgy-header-content {font-family:var(--font-primary); font-size:var(--font-size-lg); color:var(--text-muted);}
.ctgy-header-content ul {margin:0 0 0 50px; padding:0; list-style-type:disc !important; list-style-position:outside !important; list-style-image:none !important;}
.ctgy-header-content ul li {margin:10px; font-size:var(--font-size-lg); font-style:italic; color:var(--text-subtle); list-style-type:disc !important; list-style-position:outside !important; list-style-image:none !important;}
/* Beside - title and bullet sizes step down with the screen, like the old CTGY-ALT page (the page h1 size is too big next to the image) */
.ctgy-header-beside h1.category-page-category-name {font-size:var(--font-size-4xl);}
@media all and (min-width: 1200px) {
	.ctgy-header-beside h1.category-page-category-name {font-size:var(--font-size-5xl);}
	.ctgy-header-content ul li {margin:12px; font-size:var(--font-size-xl);}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
	.ctgy-header-beside .ctgy-header-image {flex-basis:45%;}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.ctgy-header-beside .ctgy-header-image {flex-basis:50%;}
}
@media all and (max-width: 767px) {
	.ctgy-header-beside {display:block; padding-bottom:10px;}
	.ctgy-header-beside .ctgy-header-image {display:none;}
	.ctgy-header-beside h1.category-page-category-name {margin-top:10px;}
	.ctgy-header-content ul {margin-left:30px;}
	.ctgy-header-content ul li {margin:10px; font-size:var(--font-size-lg);}
}

/* Tablet - breadcrumbs sit as close to the banner as on desktop (an older rule adds 30px below 1000px) */
@media all and (min-width: 768px) and (max-width: 991px) {
	.category-page-layout > #breadcrumbs {padding-top:20px;}
}

/* Filter & Sort panel */
.filter-panel-backdrop {position:fixed; top:0; right:0; bottom:0; left:0; z-index:10000005; background:rgba(0, 0, 0, 0.5);}
html.filter-panel-is-open, html.filter-panel-is-open body {overflow:hidden;}
html.filter-panel-is-open #purechat-container {display:none !important;} /* the chat button would cover the panel buttons */
.filter-panel-header {flex:0 0 auto; align-items:center; justify-content:space-between; padding:8px 8px 8px 16px; border-bottom:1px solid var(--border-light);}
#left-navigation .filter-panel-title {margin:0; padding:0; font-family:var(--font-primary); font-size:var(--font-size-lg); font-weight:var(--font-weight-bold); font-style:normal; color:var(--text-body); text-align:left; text-transform:uppercase; letter-spacing:0.5px;}
.filter-panel-close {display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border:0; background:none; color:var(--text-body); font-size:var(--font-size-3xl); line-height:1; cursor:pointer;}
.filter-panel-sort {padding:6px 0 10px; border-bottom:1px solid var(--border-light);}
.filter-panel-sort[hidden] {display:none;}
#left-navigation .filter-panel-sort-title {margin:12px 0 6px; padding:0; font-family:var(--font-primary); font-size:var(--font-size-md); font-weight:var(--font-weight-regular); font-style:normal; color:var(--text-body); text-align:left; text-transform:uppercase; letter-spacing:0.5px;}
.filter-panel-sort-option {display:flex; align-items:center; gap:8px; min-height:36px; margin:0; font-size:var(--font-size-md); font-weight:var(--font-weight-regular); color:var(--text-muted); cursor:pointer;}
.filter-panel-sort-option input {flex:0 0 auto; width:18px; height:18px; margin:0;}
.filter-panel-footer {flex:0 0 auto; gap:12px; padding:12px 16px; border-top:1px solid var(--border-light); background:var(--color-white);}
.filter-panel-clear, .filter-panel-apply {min-height:48px; padding:8px 12px; border:1px solid var(--text-body); font-size:var(--font-size-sm); text-transform:uppercase; letter-spacing:0.5px; cursor:pointer;}
.filter-panel-clear {flex:1 1 0; background:var(--color-white); color:var(--text-body);}
.filter-panel-apply {flex:2 1 0; background:var(--text-body); color:var(--color-white); font-weight:var(--font-weight-bold);}
.filter-panel-close:focus-visible, .filter-panel-clear:focus-visible, .filter-panel-apply:focus-visible, .filter-panel-sort-option input:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.filter-panel-open {align-items:center; gap:6px; min-height:44px; margin-left:auto; padding:8px 14px; border:1px solid var(--text-body); background:var(--color-white); color:var(--text-body); font-size:var(--font-size-sm); text-transform:uppercase; letter-spacing:0.5px; cursor:pointer;}
.filter-panel-open:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.filter-panel-open-count {font-weight:var(--font-weight-bold);}

/* Applied filters - "Size: M x" buttons above the products, at every width */
.applied-filters {display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:-10px 0 20px;}
.applied-filters[hidden] {display:none;}
.applied-filter {display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:6px 12px; border:1px solid var(--text-body); border-radius:999px; background:var(--surface-muted); color:var(--text-body); font-size:var(--font-size-sm); cursor:pointer;}
.applied-filter-x {font-size:var(--font-size-lg); line-height:1;}
.applied-filters-clear {min-height:36px; padding:6px 4px; border:0; background:none; color:var(--color-link); font-size:var(--font-size-sm); text-decoration:underline; text-underline-offset:0.15em; cursor:pointer;}
.applied-filter:focus-visible, .applied-filters-clear:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}

/* No results - shown when the filters chosen leave no products */
.category-no-results {margin:10px 0 40px; padding:30px 20px; border:1px solid var(--border-light); text-align:center; font-size:var(--font-size-md); color:var(--text-body);}
.category-no-results p {margin:0 0 8px;}
.category-no-results .category-no-results-title {font-size:var(--font-size-lg); font-weight:var(--font-weight-bold);}
.category-no-results .category-no-results-clear {display:inline-flex; align-items:center; justify-content:center; min-height:48px; margin-top:12px; padding:8px 24px; border:1px solid var(--text-body); background:var(--text-body); color:var(--color-white); font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); text-transform:uppercase; letter-spacing:0.5px; text-decoration:none;}
.category-no-results .category-no-results-clear:hover {background:var(--color-white); color:var(--text-body);}
.category-no-results .category-no-results-clear:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}

/* Section chips - shown wherever the panel is used (rules above), scroll sideways when there are more */
.category-chips, .category-pagination nav {width:auto; padding-top:0; text-align:left; text-transform:none;}
.category-pagination nav {text-align:center;}
.category-chips {margin:0 0 32px;}
.category-chips-list {display:flex; gap:8px; margin:0; padding:2px 2px 10px; list-style:none; overflow-x:auto; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch;}
.category-chips-list li {flex:0 0 auto; list-style:none; scroll-snap-align:start;}
.category-chips .category-chip {display:inline-flex; align-items:center; min-height:40px; padding:8px 16px; border:1px solid var(--border-control); border-radius:999px; background:var(--color-white); color:var(--text-body); font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); text-transform:none; white-space:nowrap;}
.category-chips .category-chip:hover {border-color:var(--text-body);}
.category-chips .category-chip:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}

/* Product grid - 2 across on phone; on tablet 2 next to the filter column (sidebar layout) or 3 full width; 3 on desktop; 4 on wide */
.category-product-grid, .category-subcategory-grid {row-gap:calc(var(--grid-gap) * 2);}
@media all and (min-width: 768px) and (max-width: 991px) {
	.layout-sidebar .category-product-grid, .layout-sidebar .category-subcategory-grid {--grid-cols:2;}
}
#category-listing .category-product-grid > .product-item,
.CTGY #subcategory-listing.category-subcategory-grid > .product-item:nth-child(n) {display:block; float:none; width:auto !important; height:auto; margin:0; padding:0;}
#category-listing .category-product-grid .product-details,
#category-listing .category-product-grid .product-image,
#category-listing .category-product-grid .product-name,
#category-listing .category-product-grid .product-price,
#category-listing .category-product-grid .product-listing-designer-name,
#category-listing .category-product-grid .ctgyswatches,
#subcategory-listing.category-subcategory-grid .product-details,
#subcategory-listing.category-subcategory-grid .product-image,
#subcategory-listing.category-subcategory-grid .product-name {max-width:none;}
#category-listing .category-product-grid .product-image > a > img,
#subcategory-listing.category-subcategory-grid .product-image img {width:100%; height:auto;}

/* Quickview button - desktop only (992px and up), on mouse hover or when the product image link has keyboard focus */
@media all and (min-width: 992px) {
	.product-image:focus-within .category-page-quickview-overlay-button {display:block;}
}
@media all and (max-width: 991px) {
	.product-image:hover .category-page-quickview-overlay-button {display:none;}
}
.category-page-quickview-link:focus-visible {display:block; outline:2px solid var(--color-focus); outline-offset:2px;}

/* Pagination arrows - the hidden "Prev Page" / "Next Page" text was showing inside the round arrows (an older span rule moved it back on screen) */
.footer-page-links .page-links-previous span.visually-hidden, .footer-page-links .page-links-next span.visually-hidden {left:-10000px; right:auto;}

/* Filter groups */
.facets-tree .facet-group {border-bottom:1px solid var(--border-light);}
.facets-tree .facet-group-toggle {display:flex; align-items:baseline; flex-wrap:wrap; gap:0 8px; position:relative; min-height:44px; padding:12px 32px 12px 0; list-style:none; cursor:pointer; color:var(--text-body);}
.facets-tree .facet-group-toggle::-webkit-details-marker {display:none;}
.facets-tree .facet-group-toggle::marker {content:"";}
.facets-tree .facet-group-toggle::after {content:"+"; position:absolute; top:50%; right:4px; transform:translateY(-50%); font-size:var(--font-size-xl); line-height:1; color:var(--text-muted);}
.facets-tree .facet-group[open] > .facet-group-toggle::after {content:"\2212";}
.facets-tree .facet-group-toggle:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.facets-tree .facet-group-toggle span.facets-name {padding:0; font-size:var(--font-size-md); font-weight:var(--font-weight-regular); text-transform:uppercase; letter-spacing:0.5px;}
.facets-tree .facet-group-selected {font-size:var(--font-size-sm); color:var(--text-muted);}
.facets-tree .facet-group-panel {padding:0 0 15px;}
.facets-tree label.facet-option {display:flex; align-items:center; gap:8px; min-height:32px; margin:0; line-height:1.3;}
.facets-tree .facet-option input {flex:0 0 auto; width:18px; height:18px; margin:0;}
.facets-tree .facet-options-nested .facet-option {padding:4px 0;}
.facets-tree .facet-options:not(.is-showing-all) > .facet-option-extra {display:none;}
.facets-tree .facet-show-more {display:inline-block; min-height:24px; margin:6px 0 0; padding:2px 0; border:0; background:none; color:var(--color-link); font-size:var(--font-size-sm); text-decoration:underline; text-underline-offset:0.15em; cursor:pointer;}
.facets-tree .facet-show-more:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.facets-tree .mm_facet_select {width:100%; max-width:100%;}
.facets-tree .mm_facet_rangeslider {margin:5px 0 10px;}

/* Toolbar - "Showing 1-48 of 152", small Previous / Next, and the Sort menu or Filter & Sort button */
#filter-items-container.category-toolbar {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 20px; margin:20px 0 25px; padding:0;}
.category-result-count {margin:0; font-size:var(--font-size-sm); color:var(--text-muted);}
/* Small Previous / Next arrows beside the top count - so shoppers can change page without scrolling to the bottom */
.category-toolbar-count {display:flex; align-items:center; gap:12px;}
.category-toolbar-count nav.category-toolbar-pages {display:flex; gap:6px; width:auto; padding-top:0; text-transform:none;}
.category-toolbar-pages a.category-toolbar-page {display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid var(--border-control); color:var(--text-body); font-size:var(--font-size-xs);}
.category-toolbar-pages a.category-toolbar-page:hover {border-color:var(--text-body);}
.category-toolbar-pages a.category-toolbar-page:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.category-toolbar-pages .glyphicon {top:0;}
.sort-menu {position:relative; margin-left:auto;}
.sort-menu-toggle {display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:8px 14px; border:1px solid var(--border-control); background:var(--color-white); color:var(--text-body); font-size:var(--font-size-sm); list-style:none; cursor:pointer;}
.sort-menu-toggle::-webkit-details-marker {display:none;}
.sort-menu-toggle::marker {content:"";}
.sort-menu-toggle::after {content:""; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg);}
.sort-menu[open] > .sort-menu-toggle::after {transform:translateY(2px) rotate(-135deg);}
.sort-menu-toggle:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.sort-menu-current {font-weight:var(--font-weight-bold);}
.sort-menu-list {position:absolute; top:100%; right:0; z-index:10000; min-width:200px; margin:4px 0 0; padding:6px 0; list-style:none; background:var(--color-white); border:1px solid var(--border-control); box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);}
.sort-menu-list li {list-style:none;}
.sort-menu-list a {display:block; padding:10px 16px; color:var(--text-body); font-size:var(--font-size-sm); font-style:normal;}
.sort-menu-list a:focus-visible {outline:2px solid var(--color-focus); outline-offset:-2px;}
.sort-menu-list a[aria-current] {font-weight:var(--font-weight-bold);}
/* Bottom pagination - count, then Previous / page numbers / Next */
.category-pagination {margin:40px 0 0; padding-bottom:50px; text-align:center;}
.category-pagination .category-result-count {margin:0 0 15px;}
.category-pagination .page-links-container {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px;}
.category-pagination .page-links-container a,
.category-pagination .page-links-active,
.category-pagination .page-links-gap {display:inline-flex; align-items:center; justify-content:center; gap:8px; position:static; min-width:44px; min-height:44px; padding:0 10px; border:1px solid transparent; font-size:var(--font-size-md); font-style:normal;}
.category-pagination .page-links-inactive {color:var(--text-body);}
.category-pagination .page-links-inactive:hover {border-color:var(--border-control);}
.category-pagination .page-links-active {background:var(--text-body); color:var(--color-white); font-weight:var(--font-weight-bold);}
.category-pagination .page-links-gap {min-width:24px; padding:0; color:var(--text-muted);}
.category-pagination .page-links-container a.page-links-previous,
.category-pagination .page-links-container a.page-links-next {padding:0 18px; border-color:var(--text-body); color:var(--text-body); font-size:var(--font-size-sm); text-transform:uppercase; letter-spacing:0.5px;}
.category-pagination .page-links-container .glyphicon {top:0; font-size:var(--font-size-xs);}
.category-pagination .page-links-container a:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}

/* ========== Content pages (2026-10-16) ==========
   Pages with body.content-page (About, Contact, policies, shipping, gift cards, sizing and the other footer pages).
   - Page area: the same width and side margins as the header, category and product pages (.db-container tokens).
     The shared .primary-content-container rules (1170px, 90% below 1199px) are left for the account and checkout pages.
   - Reading width: headings, paragraphs and lists stop at about 75 characters (ch grows with the text size modes).
     Blocks that hold images or embedded media keep the full page width.
   - Title sizes step up at the standard breakpoints; images, videos and maps never get wider than the screen. */
body.content-page .primary-content-container {width:var(--container-width); max-width:var(--container-max); margin-left:auto; margin-right:auto;}
body.content-page .primary-content-container :is(p, ul, ol, h2, h3, h4, blockquote, #page-header, #page-footer):not(:has(img, iframe, video)) {max-width:75ch;}
body.content-page .primary-content-container :is(p, h2, h3, h4, #page-header, #page-footer) {margin-left:0; margin-right:0;} /* text lines up with the title (the older rules center these with margin auto) */
body.content-page h1.content-page-h1 {font-size:var(--font-size-4xl); line-height:1.15; overflow-wrap:break-word;}
body.content-page h1.long-words-content-page-h1 {font-size:var(--font-size-3xl); line-height:1.15; overflow-wrap:break-word;}
@media all and (min-width: 768px) {
	body.content-page h1.content-page-h1 {font-size:var(--font-size-5xl);}
	body.content-page h1.long-words-content-page-h1 {font-size:var(--font-size-4xl);}
}
@media all and (min-width: 992px) {
	body.content-page h1.content-page-h1 {font-size:var(--font-size-6xl);}
}
body.content-page .primary-content-container :is(img, video) {max-width:100%; height:auto;}
body.content-page .primary-content-container iframe {max-width:100%;}
body.content-page .primary-content-container iframe:is([src*="youtube"], [src*="vimeo"]) {width:100%; max-width:560px; height:auto; aspect-ratio:16 / 9;}

/* ========== Account pages (2026-10-16) ==========
   Login, Order History, Forgot / Change Password, Change Email, Create / Edit Account, My Account, order details and Wishlists.
   - Page area: the same width and side margins as the rest of the site (.db-container tokens). The shared
     .primary-content-container rules (1170px, 90% below 1199px) are left for the basket and checkout pages.
   - The one-off widths these pages used (1170, 1035, 1000, 990, 979, 936, 825, 795, 600, 550, 500, 479, 400, 375, 351,
     330, 300px) were moved to the standard breakpoints below or removed. Checkout login (ORDL) rules were replaced by the
     "Checkout login" section (2026-10-17).
   - Order History: on phone each order is a card; data-label on each cell names the value (Order #, Date, ...).
   - Text uses the size tokens (14px minimum); checkboxes and the logout link are at least 24px tall to tap. */
body:is(.LOGN, .ORHL, .ORDH, .ORDS, .FPWD, .AFPW, .CPWD, .CEML, .ACAD, .ACED, .ACLN, .WISH, .WLST, .WLAD, .WLED, .WPCK, .AFCL) .primary-content-container {width:var(--container-width); max-width:var(--container-max); margin-left:auto; margin-right:auto;}
/* Login and order lookup - the two sections never stretch past a comfortable width */
body:is(.LOGN, .ORHL) .login-page-section, .section.orhl {max-width:560px;}
@media all and (min-width: 768px) {
	body:is(.LOGN, .ORHL) .primary-content-container > .login-page-section {margin-right:48px;} /* space between the two side-by-side sections */
}
.create-wishlist-link, .my-wishlists-link {margin:15px 0 0 0; display:block;}
/* Checkboxes (Create / Edit Account "same as" options) - a 20px box and the whole label to tap */
body:is(.ACAD, .ACED) #customer-fields input[type="checkbox"] {width:20px !important; height:20px; margin:2px 8px 2px 0; vertical-align:middle;}
body:is(.ACAD, .ACED) #customer-fields input[type="checkbox"] + label, body:is(.ACAD, .ACED) #customer-fields label:has(input[type="checkbox"]) {min-height:24px; cursor:pointer;}
.my-account-page-logout-link {display:inline-flex; align-items:center; min-height:24px;}
/* Order History - 14px everywhere (it dropped to 12px below 979px) */
table.ordh-page-order-listing-table th, table.ordh-page-order-listing-table td, a.ordh-page-view-order-details-link {font-size:var(--font-size-sm);}
a.ordh-page-view-order-details-link {display:inline-flex; align-items:center; min-height:24px; color:var(--color-link); text-decoration:underline; text-underline-offset:0.15em;}

/* Tablet and smaller desktops - login sections side by side at 40% (was 400px, then 40% below 1000px) */
@media all and (max-width: 1199px) {
	.login-page-section {width:40% !important; padding-left:0 !important; margin-right:5%;}
	.login-page-section.register {padding-left:0 !important;}
	.login-page-section .textfield {width:100% !important;}
	.login-page-register-button {top:36px;}
	.ACAD #customer-fields {margin:0;}
}
@media all and (max-width: 991px) {
	.section.orhl {margin-right:0; width:100% !important;}
	.sign-in-buttons.orhl {text-align:center;}
	.wish-lists-table {width:95%;}
	.wish-list-item-listing-table {width:90%;}
}
/* Phone */
@media all and (max-width: 767px) {
	.login-page-section {width:100% !important; margin-right:0;} /* after the 40% rule above */
	.ACAD #customer-fields, .ACED #customer-fields {margin:16px 0;} /* after the 1199px margin:0 above */
	.LOGN .section, .AFCL .section {float:none; display:block; margin:0 auto; height:auto; padding-bottom:20px;}
	.LOGN .section.grey-border-right, .AFCL .section.grey-border-right {border-right:none; border-bottom:1px solid var(--border-light);}
	.wishlist-search-label {margin-right:15px;}
	.wishlist-search-field {margin-right:15px; display:inline; max-width:95%;}
	.wishlist-search-button {margin:15px !important; float:right; margin-right:30px !important;}
	.wishlist-details-page-wishlist-actions li {float:none; margin:15px;}
	.CEML .change-emailaddress-section, .CPWD .change-emailaddress-section {width:100%;}
	.CEML .form_row label, .CPWD .form_row label {display:block; float:none; text-align:left;}
	.CEML .form_row input[type="text"], .CPWD .form_row input[type="text"] {width:100%; display:block;}
	.CEML .form_row .oldemailaddress, .CPWD .form_row .oldemailaddress {text-align:left; display:block;}
	.CEML #Customer_CurrentPassword, .CPWD #Customer_CurrentPassword, .cpwd-input {width:100%;}
	.ords-customer-info-wrapper label {margin-left:0 !important;}
	.ACLN .primary-content-container .account-icons {height:150px; text-align:center;}
	.ACLN .primary-content-container .account-icons img {height:50px; display:block; margin:0 auto;}
	/* Wishlist items as cards - image on the left, name, options, quantity, date added, notes, links, price and Add to Cart on the right */
	table.wish-list-item-listing-table, table.wish-list-item-listing-table tbody {display:block; width:100%; margin-left:0;}
	table.wish-list-item-listing-table tr:has(> th) {position:absolute; width:1px; height:1px; padding:0; border:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
	table.wish-list-item-listing-table tr {display:grid; grid-template-columns:120px minmax(0, 1fr); column-gap:16px; row-gap:8px; padding:16px 0; border-bottom:1px solid var(--border-light);}
	table.wish-list-item-listing-table.table-striped > tbody > tr:nth-of-type(odd) {background:none;}
	table.wish-list-item-listing-table td {display:block; padding:0 !important; border:0 !important;}
	table.wish-list-item-listing-table td:first-child {grid-column:1; grid-row:1 / span 4;}
	table.wish-list-item-listing-table td:not(:first-child) {grid-column:2;}
	table.wish-list-item-listing-table .wishlist-item-listing-image-wrapper {max-width:120px;}
	table.wish-list-item-listing-table td.wishlist-item-listing-quantity::before {content:"Quantity: "; font-weight:var(--font-weight-bold);}
	table.wish-list-item-listing-table .wishlist-item-listing-move-or-date-added-wrapper, table.wish-list-item-listing-table [class*="notes-wrapper"], table.wish-list-item-listing-table [class*="link-wrapper"] {margin-top:8px;}
	table.wish-list-item-listing-table .wishlist-item-listing-edit-item-link {display:inline-flex; align-items:center; min-height:24px;}
	/* Order History cards - the header row hides; each cell shows its label (data-label) before the value */
	table.ordh-page-order-listing-table, table.ordh-page-order-listing-table tbody, table.ordh-page-order-listing-table tr, table.ordh-page-order-listing-table td {display:block; width:100%;}
	table.ordh-page-order-listing-table thead {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
	table.ordh-page-order-listing-table tr {margin:0 0 16px; padding:12px 16px; border:1px solid var(--border-light); background:var(--color-white);}
	table.ordh-page-order-listing-table.table-striped > tbody > tr:nth-of-type(odd) {background:var(--color-white);}
	table.ordh-page-order-listing-table td {display:flex; gap:12px; padding:6px 0 !important; border:0 !important; text-align:left;}
	table.ordh-page-order-listing-table td[data-label]::before {content:attr(data-label); flex:0 0 40%; font-weight:var(--font-weight-bold); color:var(--text-body);}
	table.ordh-page-order-listing-table td.total-quantity-cell, table.ordh-page-order-listing-table td.order-total-cell {display:flex;}
	table.ordh-page-order-listing-table td:empty, table.ordh-page-order-listing-table td.tracking-number-cell:not(:has(*)) {display:none;}
}

/* ========== Checkout login and invoice account form (2026-10-17) ==========
   Checkout login (ORDL): Guest Checkout and Returning Customers as two equal boxes - side by side from 768px,
   stacked on phone, Guest first so the reading, tab and screen order match. Create Account is a link below.
   Password reset (CSTR): the emailed reset link page - same box and field styles.
   Invoice (INVC): the guest "create an account" form (Miva Customer Quick Add) - email and one password. */
body:is(.ORDL, .CSTR) .primary-content-container {width:var(--container-width); max-width:var(--container-max); margin-left:auto; margin-right:auto;}
.checkout-login {display:grid; gap:var(--space-lg); margin:var(--space-lg) 0;}
:is(.checkout-login-box, .invc-create-account, .cstr-box) {padding:var(--space-lg); border:1px solid var(--border-light); background:var(--color-white);}
:is(.checkout-login-box, .invc-create-account, .cstr-box) h2 {margin:0 0 12px; font-family:var(--font-accent); font-style:var(--font-accent-style-text); font-weight:var(--font-accent-weight-text); font-size:var(--font-size-3xl); line-height:1.25; color:var(--color-heading); text-transform:none; text-align:left;}
:is(.checkout-login-box, .invc-create-account, .cstr-box) p {height:auto; margin:0 0 var(--space-md); font-size:var(--font-size-md); text-align:left;}
:is(.checkout-login-field, .invc-create-account-field, .cstr-field) {max-width:var(--form-field-max); margin:0 0 var(--space-md);}
:is(.checkout-login-field, .invc-create-account-field, .cstr-field) label {display:block; width:auto; margin:0 0 var(--space-xs); font-size:var(--font-size-md); font-weight:var(--font-weight-bold); text-align:left;}
:is(.checkout-login-field, .invc-create-account-field, .cstr-field) .form-control {width:100%; height:auto; min-height:44px; font-size:var(--font-size-md); border:1px solid var(--border-control);} /* 16px stops the phone zoom on focus */
:is(.checkout-login-actions, .invc-create-account-actions, .cstr-actions) {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-md) var(--space-lg); margin-top:var(--space-sm);}
:is(.checkout-login-actions, .invc-create-account-actions, .cstr-actions) .button {margin:0 !important;}
a.checkout-login-button, .invoice-page-start-shopping-button-wrapper a.button {display:inline-flex; align-items:center; justify-content:center; color:var(--color-white) !important; text-decoration:none;}
.checkout-login-forgot, .checkout-login-create a {display:inline-flex; align-items:center; min-height:24px; color:var(--color-link); text-decoration:underline; text-underline-offset:0.15em;}
.checkout-login-create {margin:0 0 var(--space-xl); font-size:var(--font-size-md);}
.invc-create-account {max-width:640px; margin:var(--space-lg) 0; background:var(--surface-muted);}
.cstr-box {max-width:560px; margin:var(--space-lg) 0 var(--space-xl);}
.cstr-field.invalid label {color:var(--status-error-text);}
.cstr-field.invalid .form-control {border-color:var(--status-error-text);}
@media all and (min-width: 768px) {
	.checkout-login {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--space-2xl);}
}

/* ========== Messages (2026-10-17) ==========
   Miva's two message types, styled like the content page notices: errors red, information (mostly
   confirmations - saved, sent, applied) green. A 1px border plus a 4px bar on the left so they stand out on
   white or grey. Text contrast: error 5.3:1, success 4.9:1. The storefront maintenance card (.SFNT) keeps its
   own design. .db-notice is a neutral note for templates (light grey, brand red bar). */
body:not(.SFNT) :is(.error-message, .information-message), .db-notice {display:block; width:auto; margin:0 0 20px; padding:15px 20px; border:1px solid; border-left-width:4px; border-radius:0; font-size:var(--font-size-md); font-weight:var(--font-weight-regular); line-height:1.5; text-align:left;}
body:not(.SFNT) .error-message {background:var(--status-error-bg); border-color:var(--status-error-border); border-left-color:var(--status-error-text); color:var(--status-error-text);}
body:not(.SFNT) .information-message {background:var(--status-success-bg); border-color:var(--status-success-border); border-left-color:var(--status-success-text); color:var(--status-success-text);}
.db-notice {background:var(--surface-muted); border-color:var(--border-medium); border-left-color:var(--brand-red); color:var(--text-body);}
body:not(.SFNT) :is(.error-message, .information-message) a {color:inherit; font-weight:var(--font-weight-bold); text-decoration:underline;}

/* ========== Account page form widths (2026-10-17) ==========
   Change Email / Change Password: the form section stops at 560px and sits left. (Field widths: see "Form standard".) */
body:is(.CEML, .CPWD) .change-password-section {max-width:560px; margin-left:0; margin-right:0;}

/* ========== Checkout address step checkboxes (2026-10-17) ==========
   "Save this information to my account" and the newsletter opt-in: one per line, lined up on the left, 20px boxes,
   the whole label clickable. (The account box's label used to float left and the newsletter line wrapped beside it.) */
.OCST :is(#update-record, .checkout-newsletter-opt-in-wrapper) {display:block; clear:both; margin:0 0 12px; padding:0;}
.OCST :is(#update-record, .checkout-newsletter-opt-in-wrapper) label {float:none !important; clear:none !important; display:inline-flex !important; align-items:center; gap:var(--space-sm); width:auto !important; min-height:24px; margin:0 !important; padding:0; font-size:var(--font-size-md); font-weight:var(--font-weight-regular) !important; text-align:left; white-space:normal; cursor:pointer;}
.OCST :is(#update-record, .checkout-newsletter-opt-in-wrapper) input[type="checkbox"] {flex:none; width:20px !important; height:20px; margin:0 !important;}

/* ========== Basket prices and checkout footer (2026-10-17) ==========
   Basket line totals (basket and checkout steps): the original price sits small and muted above the sale price
   instead of beside it, and the old 4px nudges that pushed prices out of line are removed.
   Checkout footer: the contact details line up with the page area, and the footer leaves room at the bottom for the
   fixed chat button (PureChat, about 100px from the bottom left) so it no longer covers the email and phone. */
#basket-contents :is(.basket-contents-unit-price, .basket-contents-line-item-subtotal-price) {position:static; top:auto;}
#basket-contents td.item-total > span[style*="line-through"] {display:block; color:var(--text-subtle); font-size:var(--font-size-sm); line-height:1.3;}
.checkout-footer > .width-1170 {width:var(--container-width); max-width:var(--container-max); margin-left:auto; margin-right:auto;}
.checkout-footer {padding-bottom:150px;} /* clears the chat button, which is taller on smaller screens */
/* Checkout footer layout: policy links centered on the first line, then the email / phone and card icons centered below */
.checkout-footer > .width-1170 {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:var(--space-md) 40px; text-align:center;}
.checkout-footer > .width-1170 > * {float:none; margin:0; padding:0; width:auto; text-align:center;}
.checkout-footer > .width-1170 > .shipping-return {order:-1; flex:0 0 100%; display:flex; justify-content:center; flex-wrap:wrap; gap:var(--space-sm) 40px;}
.checkout-footer .shipping-return a {padding-right:0;}
.checkout-footer .email-footer {margin-left:0; padding-right:0;}
.checkout-footer .payment-options {margin:0 !important;} /* beats the old -40px pull-up that lifted the card icons above the contact line */
.checkout-footer .payment-options ul {margin:0; padding:0;}
.checkout-footer .payment-options img {vertical-align:middle;}

/* ========== Invoice addresses (2026-10-17) ==========
   Ship To / Bill To on the invoice: a gap between each label and its value ("Phone Number:2154130375" ran together).
   body.INVC beats Miva's cssui.css #customer-fields label width, which loads after styles.css. */
body.INVC #customer-fields label {width:auto; min-width:10.5em; padding-right:12px; box-sizing:content-box;}

/* ========== Invoice note and Order Already Processed (2026-10-17) ==========
   "You already have an account" note: a brand red bar on the left, like the content page notices, so it stands apart.
   "Save your details" form: a green bar (the success green) - something to do, without the warning feel of red.
   Order Already Processed page (reloading the invoice): space between Continue Shopping and the footer. */
.invc-existing-account {border-left:4px solid var(--brand-red);}
.invc-create-account:not(.invc-existing-account) {border-left:4px solid var(--status-success-text);} /* "Save your details" form - green bar: an optional next step, not a problem */
.oprc-continue-shopping {margin:var(--space-lg) 0 var(--space-2xl);}

/* ========== Form standard (2026-10-17) ==========
   One look for every form on the account and checkout pages:
   - labels above their fields on one line, at every width (never beside, never squeezed into a fixed width)
   - fields 44px tall, 16px text, full width up to --form-field-max (480px: room for international addresses while
     Ship To and Bill To still sit side by side on wider screens), full width on phone
   - the main button sits on the left under the fields
   - password fields get a Show / Hide eye inside the field (added by db.js)
   Text rules (no colons, "(optional)" after optional labels, every field with a connected label) live in the templates.
   Pages: login and order lookup, forgot / reset / change password, change email, create / edit account, wishlists,
   checkout login, checkout address step, invoice. Shipping / payment selection and payment are left for the checkout pass. */
:root {--form-field-max:480px; --form-field-height:44px;}
body:is(.LOGN, .ORHL, .ORDH, .FPWD, .AFPW, .CSTR, .CPWD, .CEML, .ACAD, .ACED, .WLAD, .WLED, .WISH, .ORDL, .OCST, .INVC) .primary-content-container :is(input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="number"], [type="search"], :not([type])), select, textarea):not([name="Quantity"]) {display:block; float:none; width:100% !important; max-width:var(--form-field-max); min-height:var(--form-field-height); height:auto; margin:0; padding:var(--space-sm) 12px; border:1px solid var(--border-control); border-radius:0; box-sizing:border-box; font-size:var(--font-size-md); line-height:1.4; background-color:var(--color-white); color:var(--text-body);}
body:is(.LOGN, .ORHL, .ORDH, .FPWD, .AFPW, .CSTR, .CPWD, .CEML, .ACAD, .ACED, .WLAD, .WLED, .WISH, .ORDL, .OCST, .INVC) .primary-content-container textarea {min-height:96px;}
/* Labels: drop the old fixed 100px label width and side-by-side spans on the login, order lookup and forgot password pages */
body:is(.LOGN, .ORHL, .ORDH, .FPWD, .AFPW) .primary-content-container :is(.login-form, .form_row, .fpwd-form-wrapper, .afpw-form-wrapper) label {display:block; float:none; width:auto !important; margin:0 0 var(--space-xs); padding:0; text-align:left; font-size:var(--font-size-md); font-weight:var(--font-weight-bold);}
body:is(.LOGN, .ORHL, .ORDH) .login-form > div > span, body:is(.LOGN, .ORHL, .ORDH) .login-form .email-password {display:block; padding:0;}
body:is(.LOGN, .ORHL, .ORDH) .login-form {margin:20px 0 0; padding-left:0;} /* space between the intro text and the first label */
body:is(.LOGN, .ORHL, .ORDH) .login-page-section p {height:auto; margin:0 0 var(--space-xs);} /* the old fixed 45px height let the label crowd the text */
body:is(.LOGN, .ORHL, .ORDH) .login-form > div, body:is(.FPWD, .AFPW) .form_row {margin:0 0 var(--space-md);}
body:is(.FPWD, .AFPW) :is(.fpwd-form-wrapper, .afpw-form-wrapper) {width:auto; max-width:var(--form-field-max);}
/* Space between fields on the account pages */
body:is(.CPWD, .CEML, .CSTR) .form_row, body:is(.ACAD, .ACED, .OCST) :is(#customer-fields, #ship-to, #bill-to, #shipping_fields, #billing_fields) > div:has(> :is(input, select)) {margin-bottom:var(--space-md);}
body:is(.CPWD, .CEML, .ACAD, .ACED, .OCST) :is(.form_row, #customer-fields, #ship-to, #bill-to) label:not(:has(input)) {display:block; float:none; width:auto !important; margin:0 0 var(--space-xs); text-align:left; white-space:normal;}
/* Main button on the left under the fields */
body:is(.LOGN, .ORHL, .ORDH, .FPWD, .AFPW, .CPWD, .CEML, .ACAD, .ACED) :is(.sign-in-buttons, .sign-in-buttons.orhl, .login-page-section .sign-in-buttons, .change-buttons, .fpwd-page-submit-button-wrapper, .afpw-page-submit-button-wrapper, .submitt-fpwd, .account-page-continue-button-wrapper, .save-button) {text-align:left; padding-right:0 !important;}
body:is(.LOGN, .ORHL, .ORDH, .FPWD, .AFPW, .CPWD, .CEML, .ACAD, .ACED) :is(.sign-in-buttons, .change-buttons, .fpwd-page-submit-button-wrapper, .afpw-page-submit-button-wrapper, .account-page-continue-button-wrapper, .save-button) .button {margin:var(--space-sm) 0 0 !important; float:none;}
.login-page-register-button {position:static !important;}

/* Password Show / Hide eye inside the field (db.js wraps each password field in .db-password-field) */
.db-password-field {position:relative; display:block; width:100%; max-width:var(--form-field-max);}
.db-password-field > input {padding-right:52px !important; max-width:none !important;}
.db-password-toggle {position:absolute; top:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; width:44px; min-height:24px; margin:0; padding:0; border:0; background:none; color:var(--text-muted); cursor:pointer;}
.db-password-toggle:hover {color:var(--text-body);}
.db-password-toggle:focus-visible {outline:2px solid var(--color-focus); outline-offset:-4px;}
.db-password-toggle svg {width:22px; height:22px; pointer-events:none;}
/* Account login (LOGN): the two sections side by side from 768px, each half the page area (up to 560px), lined up with
   the page title - no jump at 1200px (the old 60px indent and fixed 560px widths made the second section wrap below) */
body.LOGN .login-page-section {padding-left:0 !important;}
@media all and (min-width: 768px) {
	body.LOGN .primary-content-container > .login-page-section, body.LOGN .primary-content-container > .margin-container {float:left; width:calc(50% - var(--space-lg)) !important; max-width:560px; margin:0; padding-left:0 !important;}
	body.LOGN .primary-content-container > .login-page-section {margin-right:var(--space-2xl);}
	body.LOGN .margin-container > .login-page-section {float:none; width:100% !important; max-width:none; margin:0;}
}
/* Order lookup (ORHL): same two-column layout as the account login - side by side from 768px, half the page area each
   (up to 560px), no indent. Below 1200px the sections used to shrink to their content (ragged widths) and jump at 1200px. */
body.ORHL .section.orhl {padding-left:0 !important;}
@media all and (min-width: 768px) {
	body.ORHL .section.orhl {display:block; float:left; width:calc(50% - var(--space-lg)) !important; max-width:560px; margin:0 var(--space-2xl) 0 0;}
	body.ORHL .section.orhl + .section.orhl {margin-right:0;}
}
@media all and (max-width: 767px) {
	body.ORHL .section.orhl {width:100% !important; margin:0 0 var(--space-xl);}
}

/* ========== Page title spacing and old box shadows (2026-10-17) ==========
   Account and checkout pages: the same space (--space-lg, 24px) between the page title and the first content
   (was 10 - 25px depending on the page). The old under-box drop shadows on the login, order lookup, password and
   email pages are removed - they read as a stray line under the content. */
body:is(.LOGN, .ORHL, .ORDH, .ORDS, .FPWD, .AFPW, .CSTR, .CPWD, .CEML, .ACAD, .ACED, .ACLN, .WISH, .WLST, .WLAD, .WLED, .WPCK, .AFCL, .ORDL, .INVC) .primary-content-container h1 {margin-bottom:var(--space-lg);}
body:is(.LOGN, .ORHL, .ORDH, .ORDS, .FPWD, .AFPW, .CSTR, .CPWD, .CEML, .ACAD, .ACED, .WISH, .WLAD, .WLED, .AFCL) :is(.box-shadow, .margin-container) {box-shadow:none;}

/* ========== Form standard - text (2026-10-17) ==========
   "(optional)" after optional labels (replaces the Bold / Italic key); optional labels no longer italic.
   Change Email: the current email shown as text above the new email fields. */
.field-optional {font-weight:var(--font-weight-regular); font-style:normal; color:var(--text-muted);}
body:is(.ACAD, .ACED, .OCST, .CPWD, .CEML, .FPWD, .ORHL, .LOGN) label.italic {font-style:normal;}
.ceml-current-email {margin:0 0 var(--space-md);}
.ceml-current-email-label {display:block; margin:0 0 var(--space-xs); font-weight:var(--font-weight-bold);}
body:is(.LOGN, .ORHL) .forgot-password {margin:var(--space-md) 0 0;}
/* Create / edit wish list: space between fields, the public checkbox 20px with the whole label clickable */
body:is(.WLAD, .WLED) :is(#wlad_form, #wled_form) .form-group {margin:0 0 var(--space-md);}
body:is(.WLAD, .WLED) :is(#wlad_form, #wled_form) label.wishlist-field-label {display:block; margin:0 0 var(--space-xs); font-weight:var(--font-weight-bold);}
body:is(.WLAD, .WLED) .wishlist-shared-option label {display:inline-flex; align-items:center; gap:var(--space-sm); min-height:24px; padding:0; font-weight:var(--font-weight-regular); cursor:pointer;}
body:is(.WLAD, .WLED) .wishlist-shared-option input[type="checkbox"] {position:static; width:20px; height:20px; margin:0;}
body:is(.WLAD, .WLED) .wishlist-form-actions {margin-top:var(--space-lg);}

/* ========== Account pages - alignment and text pass (2026-10-17) ==========
   Return links, gift certificate, order status, order history, wish lists. Everything lines up with the page title
   (the old 20 - 60px indents are removed). */
.account-page-return-to-my-account-wrapper {padding-left:0;}
.account-page-return-to-my-account-wrapper .return-to-wish-lists-listing-link {margin-left:var(--space-lg);}
body:is(.ACAD, .ACED) #customer-fields {margin-left:0; margin-right:0;}
/* Create / edit account and checkout address: "Bill To [ ] same as shipping" on one line (the form standard turned
   the checkbox label into a block, and the old -17px pull-up put the checkbox above the heading) */
body:is(.ACAD, .ACED, .OCST) :is(#ship-to, #bill-to) .fields-heading {height:auto; min-height:55px;}
body:is(.ACAD, .ACED, .OCST) :is(#ship-to, #bill-to) .fields-heading .controls {display:inline-flex; align-items:center; gap:var(--space-sm); margin-left:var(--space-md); float:none; position:static; vertical-align:middle;}
body:is(.ACAD, .ACED, .OCST) :is(#ship-to, #bill-to) .fields-heading .controls label {display:inline; margin:0 !important; font-size:var(--font-size-md); font-weight:var(--font-weight-regular); white-space:nowrap;}
body:is(.ACAD, .ACED, .OCST) :is(#ship-to, #bill-to) .fields-heading .controls input[type="checkbox"] {margin:0 !important;}

/* Field and button on one row, same height (gift certificate code, wish list search) */
.db-inline-field {display:flex; align-items:stretch; gap:var(--space-sm); width:100%; max-width:var(--form-field-max);}
body .db-inline-field > input:not(.button) {flex:1 1 auto; min-width:0; width:auto !important; max-width:none; min-height:var(--form-field-height); height:auto; margin:0 !important; padding:var(--space-sm) 12px; border:1px solid var(--border-control); border-radius:0; box-sizing:border-box; font-size:var(--font-size-md); display:block;}
body .db-inline-field > .button {flex:0 0 auto; display:block; float:none; min-height:var(--form-field-height); margin:0 !important; padding:0 var(--space-lg);}
body:is(.RGFT, .WLST) .primary-content-container label:is([for="GiftCertificate_Code"], [for="WishListSearch"]) {display:block; margin:0 0 var(--space-xs); font-weight:var(--font-weight-bold); font-size:var(--font-size-md);}

/* Redeem gift certificate */
.abal-page-current-balance-wrapper.rgft, .RGFT .giftcertificate_redeem_content {margin-left:0;}


/* Wish lists */
body.WLST .wishlist-actions {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-md); margin:0 0 var(--space-lg);}
body.WLST .wishlist-actions .create-wishlist-link {display:inline-flex !important; align-items:center; min-height:var(--form-field-height); margin:0 !important; padding:0 var(--space-lg); text-decoration:none;} /* !important: the base .button rule centers buttons with margin auto !important */
body.WLST #wlst_search_form {margin:0 0 var(--space-xl);}
.wish-lists-table td a {color:var(--brand-red-dark); text-decoration:underline;}
.wish-list-item-listing-table {margin-left:0;}
body.WISH .wishlist-item-actions {display:flex; flex-wrap:wrap; gap:var(--space-md); margin-top:var(--space-md);}
body.WISH .wishlist-item-actions > div {margin:0;}
body.WISH p.wishlist-field-label {margin:var(--space-md) 0 var(--space-xs); font-weight:var(--font-weight-bold);}
body.WISH .wish-list-item-listing-table label.wishlist-field-label {display:block; margin:0 0 var(--space-xs); font-weight:var(--font-weight-bold);}
/* Email this wish list: a normal section heading (was page-title size), disclosure that works with the keyboard */
body.WISH #wishlist-email-wrap {margin:var(--space-2xl) 0 var(--space-xl);}
body.WISH .wishlist-email-heading {display:inline; margin:0; font-size:var(--font-size-xl); text-transform:none;}
body.WISH #wishlist-email-wrap > .wishlist-email-heading {display:block; margin:0 0 var(--space-md);}
body.WISH .wishlist-email > summary {display:list-item; min-height:24px; margin:0 0 var(--space-md); cursor:pointer;}
body.WISH .wishlist-email > summary:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
body.WISH .wishlist-email .form-group {margin:0 0 var(--space-md);}
body.WISH .wishlist-email label {display:block; margin:0 0 var(--space-xs); font-weight:var(--font-weight-bold);}

/* Sub banner (Monkey Wrench Banner Content): the Global Header adds .is-signed-in for signed-in customers.
   Banner text in span.sb-guest shows to guests only, span.sb-member to signed-in customers only. */
.sub-banner .sb-member {display:none;}
.sub-banner.is-signed-in .sb-member {display:inline;}
.sub-banner.is-signed-in .sb-guest {display:none;}

/* ========== Order Details and Order History (2026-10-17) ==========
   Layout ideas from the CMS order pages. Status pills: the text always names the status (color is never the only
   signal). Pill text contrast on its background: shipped / partial 4.9:1+, cancelled 5.3:1, pending / processing
   8.9:1 (brand red dark), backordered / returned 12:1 (body text on light grey). */
.db-status {display:inline-block; padding:2px 12px; border:1px solid; border-radius:999px; font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); line-height:1.5; white-space:nowrap;}
.db-status--pending, .db-status--processing {background:var(--color-white); border-color:var(--brand-red-dark); color:var(--brand-red-dark);}
.db-status--shipped {background:var(--status-success-bg); border-color:var(--status-success-border); color:var(--status-success-text);}
.db-status--partial {background:var(--color-white); border-color:var(--status-success-text); color:var(--status-success-text);}
.db-status--cancelled {background:var(--status-error-bg); border-color:var(--status-error-border); color:var(--status-error-text);}
.db-status--backordered, .db-status--returned {background:var(--surface-muted); border-color:var(--border-medium); color:var(--text-body);}

/* Order Details (ORDS) */
body.ORDS .ords-links {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-sm) var(--space-md);}
body.ORDS .ords-links a {display:inline-flex; align-items:center; min-height:24px; color:var(--brand-red-dark);}
body.ORDS .ords-links-divider {color:var(--text-muted);}
body.ORDS :is(.ords-summary, .ords-addresses, .ords-items) h2 {margin:0 0 var(--space-sm); padding:0; font-family:var(--font-primary); font-size:var(--font-size-xl); font-weight:var(--font-weight-regular); text-transform:none; color:var(--text-body); background:none; border:0; height:auto; width:auto;}
.ords-summary {margin:0 0 var(--space-xl); padding:var(--space-lg); border:1px solid var(--border-light); border-left:4px solid var(--brand-red); background:var(--color-white);}
.ords-summary-heading {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-sm) var(--space-md);}
body.ORDS .ords-summary h2 {margin:0; font-size:var(--font-size-2xl);}
.ords-placed {margin:var(--space-sm) 0 0;}
.ords-shipments {margin:var(--space-md) 0 0; padding:0; list-style:none;}
.ords-shipments li {margin:0 0 var(--space-xs);}
:is(.ords-shipments, .ords-item-status) a {color:var(--brand-red-dark); text-decoration:underline;}
.ords-addresses {display:grid; gap:var(--space-lg); margin:0 0 var(--space-xl);}
.ords-address-card {padding:var(--space-lg); border:1px solid var(--border-light); background:var(--color-white);}
.ords-address, .ords-contact {margin:0; line-height:1.6;}
.ords-contact {margin-top:var(--space-sm); font-size:var(--font-size-sm);}
.ords-items {margin:0 0 var(--space-xl);}
.ords-item-list {margin:0; padding:0; list-style:none; border-top:1px solid var(--border-light);}
.ords-item {display:grid; grid-template-columns:96px minmax(0, 1fr) auto; gap:var(--space-md); align-items:start; padding:var(--space-md) 0; border-bottom:1px solid var(--border-light);}
.ords-item-image img {display:block; width:100%; height:auto;}
.ords-item-info {display:flex; flex-direction:column; gap:var(--space-xs); min-width:0;}
.ords-item-name {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--brand-red-dark); overflow-wrap:anywhere;}
:is(.ords-item-option, .ords-item-meta, .ords-item-discount, .ords-item-status) {font-size:var(--font-size-sm); color:var(--text-body);}
.ords-item-status {color:var(--text-muted);}
.ords-item-price {display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:right; white-space:nowrap;}
.ords-price-was {font-size:var(--font-size-sm); color:var(--text-subtle);}
.ords-price-now {font-weight:var(--font-weight-bold);}
.ords-totals {width:100%; max-width:420px; margin:var(--space-lg) 0 0 auto;}
.ords-total-row {display:flex; justify-content:space-between; gap:var(--space-md); padding:var(--space-sm) 0; border-bottom:1px solid var(--border-light);}
.ords-total-row dt {font-weight:var(--font-weight-regular);}
.ords-total-row dd {margin:0; text-align:right; white-space:nowrap;}
.ords-total-grand {border-top:2px solid var(--text-body); border-bottom:0; font-size:var(--font-size-xl); font-weight:var(--font-weight-bold);}
.ords-total-grand dt {font-weight:var(--font-weight-bold);}
@media all and (min-width: 768px) {
	.ords-addresses {grid-template-columns:1fr 1fr;}
}
@media all and (max-width: 767px) {
	.ords-item {grid-template-columns:72px minmax(0, 1fr);}
	.ords-item-price {grid-column:2; flex-direction:row; align-items:baseline; gap:var(--space-sm); text-align:left;}
	.ords-totals {max-width:none;}
}

/* Order History (ORDH) */
.ordh-intro {margin:0 0 var(--space-lg);}
table.ordh-page-order-listing-table th {padding:var(--space-sm); border-bottom:2px solid var(--border-light) !important; vertical-align:bottom;}
table.ordh-page-order-listing-table td {padding:var(--space-md) var(--space-sm); border-top:1px solid var(--border-light); vertical-align:middle;}
table.ordh-page-order-listing-table td.order-number-cell {font-weight:var(--font-weight-bold);}
table.ordh-page-order-listing-table td.order-details-cell {text-align:right;}
table.ordh-page-order-listing-table .tracking-number-cell a {color:var(--brand-red-dark); text-decoration:underline; overflow-wrap:anywhere;}
a.ordh-page-view-order-details-link {display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 var(--space-md); border:1px solid var(--brand-red-dark); background:var(--color-white); color:var(--brand-red-dark); font-weight:var(--font-weight-bold); text-decoration:none; white-space:nowrap;}
a.ordh-page-view-order-details-link:hover {background:var(--surface-muted); color:var(--brand-red-dark) !important; text-decoration:underline;} /* light hover - a solid fill hid the text (another link rule kept the text red) and stuck on after a tap on phones */
a.ordh-page-view-order-details-link:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
@media all and (max-width: 767px) {
	table.ordh-page-order-listing-table td.order-details-cell {display:block; padding-top:var(--space-sm) !important; text-align:left;}
	table.ordh-page-order-listing-table td.order-details-cell a {width:100%;}
}

/* ========== Account balance and gift certificate pages (2026-10-18) ==========
   ABAL and RGFT join the account page area (same width and title spacing as the other account pages).
   Balances in a summary box like Order Details; gift certificate codes never break at their hyphens. */
body:is(.ABAL, .RGFT) .primary-content-container {width:var(--container-width); max-width:var(--container-max); margin-left:auto; margin-right:auto;}
body:is(.ABAL, .RGFT) .primary-content-container h1 {margin-bottom:var(--space-lg);}
.abal-summary {margin:0 0 var(--space-xl); padding:var(--space-lg); border:1px solid var(--border-light); border-left:4px solid var(--brand-red); background:var(--color-white);}
.abal-balances {display:flex; flex-wrap:wrap; gap:var(--space-md) var(--space-2xl); margin:0 0 var(--space-lg);}
.abal-balance dt {margin:0 0 var(--space-xs); font-size:var(--font-size-md); font-weight:var(--font-weight-regular); color:var(--text-muted);}
.abal-balance dd {margin:0; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold); color:var(--text-body); overflow-wrap:anywhere;}
.abal-summary .abal-page-redeem-button {display:inline-block; margin:0;}
.abal-gc-code {white-space:nowrap;}

/* ========== Account pages - fixes from testing (2026-10-18) ========== */
/* Login / order lookup: the two sections are floated, so the page area ended above them and "Forgot password?" touched
   the newsletter band. flow-root makes the page area contain the floats; then the usual space before the footer. */
body:is(.LOGN, .ORHL, .ORDH) .primary-content-container {display:flow-root; padding-bottom:var(--space-2xl);}
/* Wish list page: "Return to Wish Lists" beside "Return to My Account" in the same style (old rule made it a small
   indented block); notes, visibility, buttons and Add All line up with the title (old 15px side margins). */
.account-page-return-to-my-account-wrapper .return-to-wish-lists-listing-link {display:inline-flex; margin:0; font-size:inherit; color:var(--brand-red-dark) !important;}
:is(.wishlist-details-page-wishlist-notes-wrapper, .wishlist-details-page-wishlist-public-status-wrapper, .wishlist-details-page-add-all-items-to-basket-wrapper) {margin:var(--space-md) 0;}
.wishlist-details-page-wishlist-actions {margin:var(--space-md) 0 var(--space-xl);}
/* Email This Wish List heading: an older h2 rule made it white, so only the disclosure arrow showed */
body.WISH .wishlist-email-heading {color:var(--text-body); font-family:var(--font-primary); font-size:var(--font-size-xl); font-weight:var(--font-weight-bold); letter-spacing:normal; text-align:left; text-transform:none; background:none;} /* the same older h2 rule also set a display font, centered and uppercase */
/* Links inside the neutral note: brand red dark, underlined (they were plain black and looked like text) */
.db-notice a {color:var(--brand-red-dark); font-weight:var(--font-weight-bold); text-decoration:underline;}
/* Redeem Gift Certificate: balance and code form share the Account Balance summary box */
.rgft-summary .giftcertificate_redeem_content {margin:0;}
/* Account page return links (style A, 2026-10-18): "‹ My Account" - small chevron, dark red text, same as Order Details / Order History */
.account-page-return-to-my-account-wrapper a {display:inline-flex; align-items:center; gap:4px; min-height:24px; color:var(--brand-red-dark);}
.account-page-return-to-my-account-wrapper .glyphicon-chevron-left {font-size:0.75em;}
.account-page-return-to-my-account-wrapper .ords-links-divider {margin:0 var(--space-sm); color:var(--text-muted);}
/* Account Balance: points and credit stack on phone and sit side by side from 768px (they used to jump side by side at about 500px, wherever they happened to fit) */
@media all and (max-width: 767px) {
	.abal-balances {flex-direction:column;}
}

/* ========== Checkout pages - fixes from testing (2026-10-18) ========== */
/* Short pages (empty basket): the window area below the checkout footer showed the white page background. The page
   behind the content now uses the footer texture, so the footer seems to run to the bottom of the window. */
html:has(> body:is(.BASK, .ORDL, .OCST, .OSEL, .OPAY, .INVC, .OPRC)) {background:#000 url("/mm5/graphics/footer-background.jpg");}
body:is(.BASK, .ORDL, .OCST, .OSEL, .OPAY, .INVC, .OPRC) {background-color:var(--color-white);}
/* Basket: the old drop shadow under the content box (removed on the account pages earlier) */
body.BASK .box-shadow {box-shadow:none;}
/* Password fields: the eye stays centered on the field even when the wrapper is taller than the field (password reset page) */
.db-password-field {display:block !important; position:relative;}
.db-password-field > input {display:block; float:none; margin-top:0 !important; margin-bottom:0 !important;}
.db-password-toggle {top:50%; bottom:auto; height:44px; transform:translateY(-50%);}
/* Checkout login, invoice account form, password reset: an older rule floats these labels left, so the field (and its eye) started beside the label and the eye sat near the top. No float; labels line up with the fields. */
:is(.checkout-login-field, .invc-create-account-field, .cstr-field) label {float:none; padding-left:0; margin-left:0;}

/* ========== Phone fixes from testing (2026-10-18) ========== */
/* Header search: the search button is an image input with the .button class. Since .button grows to fit its label
   (Account Pages, 2026-10-17) it became 135px wide, and Safari on iPhone stretched the magnifier image to a huge size
   over the rewards banner. Keep it a 24px icon inside the right end of the field. Global (header). */
.search-bar input[type="image"].button, .search-bar input[type="image"] {width:24px !important; min-width:0 !important; height:24px !important; padding:0 !important; left:auto !important; margin-right:8px; object-fit:contain; background:none !important; border:0 !important;}
/* Invoice on phone: the label column was too narrow, so long labels ran into their values. Labels sit above the values. */
@media all and (max-width: 767px) {
	body.INVC #customer-fields label {display:block; float:none; width:auto; min-width:0; padding-right:0; margin:var(--space-sm) 0 0;}
	body.INVC #customer-fields .form_row > div {margin-left:0 !important; padding-left:0 !important;}
}
/* Shipping / payment step: gift certificate code and Redeem on one row inside the box at every width */
.osel-page-gift-certificate-redemption-wrapper .db-inline-field {max-width:var(--form-field-max);}
.osel-page-gift-certificate-redemption-wrapper .db-inline-field > input:not(.button) {background:var(--color-white);}

/* ========== Basket page (2026-10-18, Basket and Checkout branch) ==========
   Phone: title, slim total + Checkout bar, items, Order Summary, Continue Shopping, small cart links.
   Desktop (992px up): items left, Order Summary right and in view while scrolling; the slim bar hides.
   Older BASK rules (fixed 1170px width, floated black Checkout button, table cell widths) are overridden here and
   listed for removal in Cleanup 3. */
body.BASK .primary-content-container {width:var(--container-width); max-width:var(--container-max); margin-left:auto; margin-right:auto; padding-bottom:var(--space-2xl);}
body.BASK #basket-contents.editable {width:auto; margin-top:var(--space-lg);}
body.BASK #basket-contents h1 {margin:0 0 var(--space-lg); padding:0;}
body.BASK #basket-contents h2 {margin:0 0 var(--space-md); text-align:left; padding:0; font-family:var(--font-primary); font-size:var(--font-size-xl); font-weight:var(--font-weight-bold); text-transform:none; color:var(--text-body); background:none; border:0;}
body.BASK a.bask-checkout-button, body.BASK .bask-summary a.checkout-button {display:inline-flex; align-items:center; justify-content:center; float:none; min-height:var(--form-field-height); margin:0; padding:0 var(--space-lg); background-color:var(--brand-red-dark) !important; background-image:none !important; color:var(--color-white) !important; font-weight:var(--font-weight-bold); text-decoration:none; white-space:nowrap;}
body.BASK a.bask-checkout-button:focus-visible, body.BASK .bask-summary a.checkout-button:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}

/* Slim bar: total + Estimate shipping on the left, Checkout on the right (phone and tablet) */
.bask-topbar {display:flex; align-items:center; justify-content:space-between; gap:var(--space-md); margin:0 0 var(--space-lg); padding:var(--space-md); border:1px solid var(--border-light); border-left:4px solid var(--brand-red); background:var(--color-white);}
.bask-topbar-total {display:flex; flex-direction:column; align-items:flex-start; min-width:0;}
.bask-topbar-label {font-size:var(--font-size-sm); color:var(--text-muted);}
.bask-topbar-amount {font-size:var(--font-size-xl); font-weight:var(--font-weight-bold); line-height:1.2;}
body.BASK .bask-topbar a.bask-estimate-link {margin:2px 0 0;}

/* Items: image | details | trash, then the quantity + price line, then Save to Wish List */
.bask-items {margin:0; padding:0; list-style:none; border-top:1px solid var(--border-light);}
.bask-item {display:grid; grid-template-columns:72px minmax(0, 1fr) 44px; grid-template-areas:"img info remove" "img buy buy" "img save save"; gap:var(--space-sm) var(--space-md); align-items:start; padding:var(--space-md) 0; border-bottom:1px solid var(--border-light);}
.bask-item-image {grid-area:img;}
.bask-item-image img {display:block; width:100%; max-width:96px; height:auto;}
.bask-item-info {grid-area:info; display:flex; flex-direction:column; gap:var(--space-xs); min-width:0;}
.bask-item-remove {grid-area:remove; justify-self:end;}
.bask-item-buy {grid-area:buy; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-sm) var(--space-md);}
.bask-item-save {grid-area:save;}
body.BASK .bask-item-name {padding:0; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--brand-red-dark) !important; overflow-wrap:anywhere;}
.bask-item-options {display:flex; flex-wrap:wrap; align-items:center; gap:2px var(--space-md);}
.bask-item-options:empty {display:none;}
.bask-item-option, .bask-item-info .attributes {display:block; margin:0; font-size:var(--font-size-sm); color:var(--text-body);}
.bask-item-info .attributes .o-layout--grow {display:inline;}
.bask-item-discount {font-size:var(--font-size-sm); color:var(--brand-red-dark);}
.bask-item-info .special-stock-status {font-size:var(--font-size-sm);}
.bask-item-info .x-edit-basket-item {display:inline-flex; align-items:center; min-height:24px; margin:0; padding:0; border:0; background:none; color:var(--brand-red-dark); font-size:var(--font-size-sm); text-decoration:underline; cursor:pointer;}
.bask-item-remove form {margin:0;}
.bask-icon-button {display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin:-10px -10px 0 0; padding:0; border:0; background:none; color:var(--text-muted); font-size:var(--font-size-md); cursor:pointer;}
.bask-icon-button:hover {color:var(--brand-red-dark);}
.bask-icon-button:focus-visible, .bask-link-button:focus-visible, .bask-step:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.bask-link-button, .bask-item-save a {display:inline-flex; align-items:center; gap:4px; min-height:24px; margin:0; padding:0; border:0; background:none; color:var(--brand-red-dark); font-size:var(--font-size-sm); text-decoration:underline; cursor:pointer;}
.bask-item-save a .glyphicon {text-decoration:none;}

/* Quantity: minus / box / plus. Without JavaScript the steppers stay hidden and Update shows. */
.bask-qty-form {display:flex; align-items:center; gap:var(--space-sm); margin:0;}
.bask-stepper {display:inline-flex; align-items:stretch; border:1px solid var(--border-control); background:var(--color-white);}
.bask-step {display:inline-flex; align-items:center; justify-content:center; width:44px; min-height:var(--form-field-height); margin:0; padding:0; border:0; background:var(--surface-muted); color:var(--text-body); font-size:var(--font-size-lg); font-weight:var(--font-weight-bold); line-height:1; cursor:pointer;}
.bask-step:hover:not(:disabled) {background:var(--border-light);}
.bask-step:disabled {color:var(--text-subtle); background:var(--surface-muted); cursor:not-allowed;}
.bask-stepper .bask-step:first-child {border-right:1px solid var(--border-control);}
.bask-stepper .bask-step:last-child {border-left:1px solid var(--border-control);}
.bask-step[hidden], .bask-qty-update[hidden] {display:none !important;}
body.BASK .bask-stepper input.basket-contents-quantity-input {width:56px !important; min-height:var(--form-field-height); margin:0; padding:0 var(--space-xs); border:0; border-radius:0; box-shadow:none; background:var(--color-white); color:var(--text-body); font-size:var(--font-size-md); text-align:center; -moz-appearance:textfield;}
.bask-stepper input.basket-contents-quantity-input::-webkit-outer-spin-button, .bask-stepper input.basket-contents-quantity-input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
.bask-qty-form:not(.is-enhanced) .bask-stepper input.basket-contents-quantity-input {width:64px !important;}
.bask-item-qty-fixed {font-size:var(--font-size-sm);}
.bask-item-price {display:flex; align-items:baseline; gap:var(--space-sm); margin-left:auto; white-space:nowrap;}
.bask-price-was {font-size:var(--font-size-sm); color:var(--text-subtle);}
.bask-price-now {font-weight:var(--font-weight-bold);}

/* Order Summary: charges (Estimate shipping in the shipping row), total, free shipping note, Checkout, express checkout, Basket ID, seal */
.bask-summary {margin:var(--space-xl) 0 0; padding:var(--space-lg); text-align:left; border:1px solid var(--border-light); background:var(--color-white);}
.bask-totals {margin:0 0 var(--space-sm);}
.bask-total-row {display:flex; justify-content:space-between; align-items:center; gap:var(--space-md); padding:var(--space-sm) 0; border-bottom:1px solid var(--border-light);}
.bask-total-row dt {font-weight:var(--font-weight-regular);}
.bask-total-row dd {margin:0 0 0 auto; text-align:right; white-space:nowrap;}
.bask-total-grand {border-top:2px solid var(--text-body); border-bottom:0; font-size:var(--font-size-xl); font-weight:var(--font-weight-bold);}
.bask-total-grand dt {font-weight:var(--font-weight-bold);}
body.BASK .bask-total-row a.bask-estimate-link {margin:0; font-size:var(--font-size-md);}
.bask-estimate-row {margin:0 0 var(--space-md);}
body.BASK .bask-estimate-row a.bask-estimate-link {margin:0; white-space:nowrap;}
.bask-seal[hidden] {display:none !important;}
body.BASK .bask-summary .basket-page-free-shipping-promo-wrapper {margin:0 0 var(--space-md); padding:0; text-align:left;}
body.BASK .bask-summary .basket-page-free-shipping-promo-wrapper p {margin:0 0 var(--space-xs); font-size:var(--font-size-md);}
body.BASK .bask-summary .basket-page-free-shipping-promo-wrapper p.disclaimer {font-size:var(--font-size-sm); color:var(--text-muted);}
body.BASK .bask-checkout {display:block; float:none; width:auto; margin:0 0 var(--space-md); padding:0; text-align:center;}
body.BASK .bask-checkout .basket-page-checkout-buttons {display:flex; flex-direction:column; align-items:center; gap:var(--space-sm); width:100%; margin:0;}
body.BASK .bask-checkout .basket-page-checkout-buttons a.checkout-button {width:100% !important; margin:0 !important;}
body.BASK .bask-checkout .basket-page-checkout-apple-button:empty {display:none;}
/* ReadyTheme banners "bask_checkout_message" and "express_checkout_message": small caption text */
body.BASK .bask-checkout .basket-page-checkout-message, body.BASK .bask-checkout .bask_checkout_message {display:block; width:100%; margin:0; font-size:var(--font-size-sm); line-height:1.4; color:var(--text-muted);}
body.BASK .bask-checkout .bask_checkout_message > div > br:first-child {display:none;}
body.BASK .bask-checkout .bask_checkout_message {margin-top:var(--space-sm);}
body.BASK .bask-summary .basket-page-coupon-redemption-row {margin:0 0 var(--space-md); padding:var(--space-md) 0 0; border-top:1px solid var(--border-light); float:none; width:auto;}
body.BASK .bask-summary .db-inline-field {max-width:none;}
body.BASK .bask-summary .db-inline-field .basket-page-redeem-coupon-button {margin:0 !important;}
.bask-seal {display:flex; justify-content:center;}
.bask-seal table {margin:0;}
.bask-seal td {padding:0 !important;}
body.BASK a.bask-estimate-link {display:inline-flex; align-items:center; text-align:left; gap:4px; min-height:24px; padding:0; border:0; background:none; color:var(--brand-red-dark); font-size:var(--font-size-sm); text-decoration:underline;}

/* Icon + text links: one underline under the words only, not the icon; thicker on hover and focus */
body.BASK :is(.bask-item-save, .bask-estimate-row, .bask-cart-links) a {gap:6px; text-decoration:none;}
body.BASK .bask-link-text {text-decoration:underline; text-underline-offset:2px;}
body.BASK :is(.bask-item-save, .bask-estimate-row, .bask-cart-links) a:is(:hover, :focus-visible) .bask-link-text {text-decoration-thickness:2px;}
/* Estimate shipping links: undo the old 175px boxed button (fixed width, centered text, black hover) */
body.BASK a.basket-page-estimate-shipping-button.bask-estimate-link {width:auto; margin-bottom:0; margin-right:0; padding:0; border:0; text-align:left; background:none;}
body.BASK a.basket-page-estimate-shipping-button.bask-estimate-link:hover {background:none; color:var(--brand-red-dark); text-decoration-thickness:2px;}

/* Continue Shopping and the small cart links */
.bask-secondary {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-md); margin:var(--space-xl) 0 0;}
.bask-main {grid-area:main;}
.bask-summary {grid-area:summary;}
.bask-secondary {grid-area:secondary;}
body.BASK .bask-secondary .basket-page-continue-shopping-button {display:inline-flex; align-items:center; justify-content:center; gap:4px; margin:0; white-space:nowrap;}
body.BASK .bask-cart-links {display:flex; flex-wrap:wrap; gap:var(--space-sm) var(--space-lg); margin:0; padding:0; float:none;}
body.BASK .bask-cart-links a {display:inline-flex !important; position:static; top:auto; width:auto; align-items:center; gap:4px; min-height:24px; margin:0 !important; padding:0; border:0; background:none !important; color:var(--text-muted) !important; font-size:var(--font-size-sm); text-decoration:underline; white-space:nowrap;}
body.BASK .bask-cart-links a .glyphicon {margin:0; font-size:0.85em;}
body.BASK .bask-cart-links {white-space:normal; margin-bottom:0;}

@media all and (max-width: 767px) {
	.bask-secondary {flex-direction:column; align-items:stretch;}
	body.BASK .bask-secondary .basket-page-continue-shopping-button {width:100%;}
	body.BASK .bask-cart-links {justify-content:center;}
}
@media all and (min-width: 768px) {
	.bask-item {grid-template-columns:96px minmax(0, 1fr) auto 44px; grid-template-areas:"img info buy remove" "img save buy remove";}
	.bask-item-buy {flex-direction:column; align-items:flex-end; justify-content:flex-start;}
	.bask-item-price {margin-left:0;}
}
@media all and (min-width: 992px) {
	.bask-topbar {display:none;}
	.bask-layout {display:grid; grid-template-columns:minmax(0, 1fr) 360px; grid-template-rows:auto 1fr; grid-template-areas:"main summary" "secondary summary"; column-gap:var(--space-2xl); row-gap:0; align-items:start;}
	.bask-secondary {margin-top:var(--space-lg);}
	.bask-summary {position:sticky; top:120px; margin-top:0;}
}

/* Header search icon: 8px in from the field's right edge on tablet and desktop (the .button rule's forced margin was cancelling it) */
@media all and (min-width: 768px) {
	.search-bar input[type="image"].button, .search-bar input[type="image"] {margin-right:8px !important;}
}
/* Header search icon: centered in the 40px phone field (sat 2px low) */
@media all and (max-width: 767px) {
	.search-bar input[type="image"] {top:8px !important;}
}

/* ========== Checkout - Your Information - OCST (2026-10-18) ==========
   Desktop (992px up): customer fields on the left, Order Summary on the right (in view while scrolling) with the Continue button.
   Phone and tablet: a collapsed "Order total - Show items" bar under the title, the fields, then Continue at the end.
   Sections: Contact, Shipping Address, Billing Address ("same as shipping" box), options. Overrides the old side-by-side
   Ship To / Bill To widths (48% / 90% / 98%), the 1170px basket table and the floated top Continue button. */
body.OCST .primary-content-container {width:var(--container-width); max-width:var(--container-max); margin-left:auto; margin-right:auto; padding-bottom:var(--space-2xl);}
body.OCST h1.ocst-title {margin:var(--space-lg) 0; padding:0;}
.ocst-main {min-width:0;}
body.OCST #customer-fields {margin:0; padding:0;}

/* Sections and fields */
body.OCST .ocst-section, body.OCST #ship-to.ocst-section, body.OCST #bill-to.ocst-section {display:block; float:none; width:auto; max-width:none; margin:0 0 var(--space-lg); padding:var(--space-lg); border:1px solid var(--border-light); background:var(--color-white);}
body.OCST .ocst-section-title, body.OCST h2.ocst-section-title.fields-heading {display:block; width:auto; height:auto; min-height:0; margin:0 0 var(--space-md); padding:0; border:0; background:none; font-family:var(--font-primary); font-size:var(--font-size-xl); font-weight:var(--font-weight-bold); text-transform:none; color:var(--text-body);}
body.OCST .ocst-section-help {margin:calc(-1 * var(--space-sm)) 0 var(--space-md); font-size:var(--font-size-sm); color:var(--text-muted);}
body.OCST .ocst-fields > div {margin:0 0 var(--space-md);}
body.OCST .ocst-fields > div:last-child {margin-bottom:0;}
body.OCST .ocst-fields label:not(:has(input)) {display:block; float:none; width:auto !important; margin:0 0 var(--space-xs); padding:0; text-align:left; font-size:var(--font-size-md); font-weight:var(--font-weight-bold);}
body.OCST .ocst-fields label .field-optional {font-weight:var(--font-weight-regular); color:var(--text-muted);}
@media all and (min-width: 768px) {
	/* first + last name, and city / state / zip, share rows where there is room */
	body.OCST #shipping_fields, body.OCST #billing_fields {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:var(--space-md);}
	body.OCST :is(#shipping_fields, #billing_fields) > div {margin-bottom:var(--space-md);}
	body.OCST :is(#shipping_fields, #billing_fields) > div:has(> input:is([name$="Company"], [name$="Address1"], [name$="Address2"], [name$="Email"], [name$="Phone"])) {grid-column:1 / -1;}
	body.OCST :is(#shipping_fields, #billing_fields) input, body.OCST :is(#shipping_fields, #billing_fields) select {max-width:none;}
}

body.OCST :is(.ocst-section, #ship-to, #bill-to) h2.ocst-section-title, body.OCST h2.ocst-summary-title {text-align:left; min-height:0; height:auto;}
body.OCST .ocst-fields :is(input, select) {max-width:none;}
body.OCST #bill-to:has(#billing_to_show:checked) #billing_fields {display:none;}
body.OCST .ocst-options input[type="checkbox"] {accent-color:var(--brand-red-dark);}
/* "Same as shipping address" box */
body.OCST #bill-to .ocst-check {display:flex; align-items:center; gap:var(--space-sm); float:none; margin:0 0 var(--space-md); padding:0;}
body.OCST #bill-to .ocst-check input[type="checkbox"] {flex:none; width:20px !important; height:20px; margin:0 !important; accent-color:var(--brand-red-dark);}
body.OCST #bill-to .ocst-check label {display:inline; float:none; width:auto !important; margin:0 !important; padding:0; font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
body.OCST #bill-to .ocst-check:has(input:checked) {margin-bottom:0;}
body.OCST #shipping_controls[hidden] {display:none !important;}

/* Tax fields and options */
body.OCST #tax-fields:empty {display:none;}
body.OCST .ocst-options {margin:0 0 var(--space-lg);}

/* Continue */
body.OCST button.ocst-continue {display:flex; align-items:center; justify-content:center; gap:var(--space-xs); width:100% !important; min-height:var(--form-field-height); margin:var(--space-md) 0 0 !important; padding:0 var(--space-lg); border:0; background-color:var(--brand-red-dark) !important; background-image:none !important; color:var(--color-white) !important; font-weight:var(--font-weight-bold); text-transform:uppercase;}
body.OCST button.ocst-continue:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
body.OCST .ocst-phone-continue .bask-seal {display:flex; justify-content:center; margin-top:var(--space-md);}

/* Order Summary (desktop) */
body.OCST .ocst-summary {display:none; margin:0; padding:var(--space-lg); border:1px solid var(--border-light); background:var(--color-white); text-align:left;}
body.OCST .ocst-summary-title {margin:0 0 var(--space-md); padding:0; font-family:var(--font-primary); font-size:var(--font-size-xl); font-weight:var(--font-weight-bold); text-transform:none; color:var(--text-body);}
body.OCST .ocst-summary #basket-contents.non-editable {width:auto; margin:0; padding:0;}

/* Phone and tablet summary bar */
body.OCST .ocst-phone-summary {margin:0 0 var(--space-lg); border:1px solid var(--border-light); border-left:4px solid var(--brand-red); background:var(--color-white);}
body.OCST .ocst-phone-summary summary {display:flex; align-items:center; justify-content:space-between; gap:var(--space-md); min-height:48px; padding:var(--space-sm) var(--space-md); cursor:pointer; list-style:none; font-size:var(--font-size-md);}
body.OCST .ocst-phone-summary summary::-webkit-details-marker {display:none;}
body.OCST .ocst-phone-summary summary:focus-visible {outline:2px solid var(--color-focus); outline-offset:-2px;}
.ocst-phone-summary-toggle {color:var(--brand-red-dark); text-decoration:underline; white-space:nowrap;}
.ocst-phone-summary-toggle::after {content:""; display:inline-block; width:8px; height:8px; margin-left:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-3px) rotate(45deg);}
.ocst-phone-summary[open] .ocst-phone-summary-toggle::after {transform:translateY(1px) rotate(225deg);}
body.OCST .ocst-phone-summary-body {padding:0 var(--space-md) var(--space-md);}

@media all and (min-width: 992px) {
	.ocst-layout {display:grid; grid-template-columns:minmax(0, 1fr) 360px; gap:var(--space-2xl); align-items:start;}
	body.OCST .ocst-summary {display:block; position:sticky; top:120px;}
	body.OCST .ocst-phone-summary, body.OCST .ocst-phone-continue {display:none;}
}

/* Shared read-only order summary (db-sum-*): checkout steps' Basket Contents templates */
.db-sum-items {margin:0; padding:0; list-style:none;}
.db-sum-item {display:grid; grid-template-columns:56px minmax(0, 1fr) auto; gap:var(--space-sm) var(--space-md); align-items:start; padding:var(--space-sm) 0; border-bottom:1px solid var(--border-light);}
.db-sum-image img {display:block; width:100%; max-width:56px; height:auto;}
.db-sum-info {display:flex; flex-direction:column; gap:2px; min-width:0;}
.db-sum-name {font-weight:var(--font-weight-bold); overflow-wrap:anywhere;}
.db-sum-line {font-size:var(--font-size-sm); color:var(--text-body);}
.db-sum-discount {color:var(--brand-red-dark);}
.db-sum-qty {color:var(--text-muted);}
.db-sum-price {display:flex; flex-direction:column; align-items:flex-end; white-space:nowrap;}
.db-sum-was {font-size:var(--font-size-sm); color:var(--text-subtle);}
.db-sum-now {font-weight:var(--font-weight-bold);}
.db-sum-totals {margin:var(--space-sm) 0 0;}
.db-sum-row {display:flex; justify-content:space-between; gap:var(--space-md); padding:var(--space-xs) 0;}
.db-sum-row dt {font-weight:var(--font-weight-regular);}
.db-sum-row dd {margin:0 0 0 auto; text-align:right; white-space:nowrap;}
.db-sum-grand {margin-top:var(--space-xs); padding-top:var(--space-sm); border-top:2px solid var(--text-body); font-size:var(--font-size-lg); font-weight:var(--font-weight-bold);}
.db-sum-grand dt {font-weight:var(--font-weight-bold);}

/* Checkout steps bar (Global Header, checkout pages): four steps always fit - the fixed 227px steps ran 6px past the screen at 992px */
.checkout-steps {box-sizing:border-box; max-width:100%;}
.checkout-steps li {box-sizing:border-box; max-width:25%;}

/* ========== Category tree +/- toggles as buttons (2026-10-18) ==========
   Same place and icon as before (icon kept at the right edge); a 32px tap target and a visible keyboard focus ring. */
#category-tree button.category-tree-collapse-toggle {display:inline-flex; align-items:center; justify-content:flex-end; width:32px; height:32px; margin:0; padding:0; border:0; background:none; cursor:pointer; line-height:1;}
#category-tree button.category-tree-collapse-toggle img {display:block; width:20px; height:auto;}
#category-tree button.category-tree-collapse-toggle:focus-visible {outline:2px solid var(--color-focus); outline-offset:0;}