/* Password show/hide toggle styles.
   Used with .dn-password-wrapper elements — see shared/password_toggle.js */

.dn-password-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

div.login_a ul.form li.password .dn-password-wrapper {
  width: auto;
}

.dn-password-wrapper input[type="password"],
.dn-password-wrapper input[type="text"] {
  padding-right: 34px;
}

.dn-password-toggle {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 2px 4px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dn-password-toggle-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #666;
  -webkit-mask-image: url(/images/icons/eye-open.svg);
  mask-image: url(/images/icons/eye-open.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}

.dn-password-toggle:hover .dn-password-toggle-icon {
  background-color: #333;
}

.dn-password-toggle.dn-showing .dn-password-toggle-icon {
  -webkit-mask-image: url(/images/icons/eye-closed.svg);
  mask-image: url(/images/icons/eye-closed.svg);
}


/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline; text-decoration: none;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}
* {
  margin: 0;
}

h1, h2, h3, h4, h5, span, label, a, input, p, th, td, select {
  letter-spacing: normal;
  word-spacing: normal;
}

input[type='button'] {
  cursor: pointer;  
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

/*site set default gutter to theme default 'medium'*/
/* 
The 'no device' spans.. do not use if you want to be responsive
*/
.span1 {
  width: 8.3333333333%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal; }

.span2 {
  width: 16.6666666667%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal; }

.span3 {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal; }

.span4 {
  width: 33.3333333333%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal; }

.span5 {
  width: 41.6666666667%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal; }

.span6 {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal; }

.span7 {
  width: 58.3333333333%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal; }

.span8 {
  width: 66.6666666667%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal; }

.span9 {
  width: 75%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal; }

.span10 {
  width: 83.3333333333%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal; }

.span11 {
  width: 91.6666666667%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal; }

.span12 {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal; }

.span24 {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal; }

.hide {
  display: none; }

.show {
  display: block; }

.no-padded-container {
  margin-left: 0;
  margin-right: 0;
  letter-spacing: -0.31em; }

/*
The 'responsive' spans
*/
/*
  Responsive for mobile
  */
@media only screen and (min-width: 0px) {
  .dn-mobile-span1 {
    width: 8.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-mobile-span2 {
    width: 16.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-mobile-span3 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-mobile-span4 {
    width: 33.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-mobile-span5 {
    width: 41.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-mobile-span6 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-mobile-span7 {
    width: 58.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-mobile-span8 {
    width: 66.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-mobile-span9 {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-mobile-span10 {
    width: 83.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-mobile-span11 {
    width: 91.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-mobile-span12 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-mobile-span24 {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-mobile-hide {
    display: none; }
  .dn-mobile-show {
    display: block; }
  .dn-mobile-no-padded-container {
    margin-left: 0;
    margin-right: 0;
    letter-spacing: -0.31em; } }

/*
  Responsive for small
  */
@media only screen and (min-width: 768px) {
  .dn-small-span1 {
    width: 8.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-small-span2 {
    width: 16.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-small-span3 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-small-span4 {
    width: 33.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-small-span5 {
    width: 41.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-small-span6 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-small-span7 {
    width: 58.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-small-span8 {
    width: 66.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-small-span9 {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-small-span10 {
    width: 83.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-small-span11 {
    width: 91.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-small-span12 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-small-span24 {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-small-hide {
    display: none; }
  .dn-small-show {
    display: block; }
  .dn-small-no-padded-container {
    margin-left: 0;
    margin-right: 0;
    letter-spacing: -0.31em; } }

/*
  Responsive for medium
  */
@media only screen and (min-width: 992px) {
  .dn-medium-span1 {
    width: 8.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-medium-span2 {
    width: 16.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-medium-span3 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-medium-span4 {
    width: 33.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-medium-span5 {
    width: 41.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-medium-span6 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-medium-span7 {
    width: 58.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-medium-span8 {
    width: 66.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-medium-span9 {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-medium-span10 {
    width: 83.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-medium-span11 {
    width: 91.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-medium-span12 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-medium-span24 {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-medium-hide {
    display: none; }
  .dn-medium-show {
    display: block; }
  .dn-medium-no-padded-container {
    margin-left: 0;
    margin-right: 0;
    letter-spacing: -0.31em; } }

/*
  Responsive for large
  */
@media only screen and (min-width: 1210px) {
  .dn-large-span1 {
    width: 8.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-large-span2 {
    width: 16.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-large-span3 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-large-span4 {
    width: 33.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-large-span5 {
    width: 41.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-large-span6 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-large-span7 {
    width: 58.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-large-span8 {
    width: 66.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-large-span9 {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-large-span10 {
    width: 83.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-large-span11 {
    width: 91.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-large-span12 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-large-span24 {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-large-hide {
    display: none; }
  .dn-large-show {
    display: block; }
  .dn-large-no-padded-container {
    margin-left: 0;
    margin-right: 0;
    letter-spacing: -0.31em; } }

@media only screen and (min-width: 0px) {
  .dn-all-span1 {
    width: 8.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-all-span2 {
    width: 16.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-all-span3 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-all-span4 {
    width: 33.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-all-span5 {
    width: 41.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-all-span6 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-all-span7 {
    width: 58.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-all-span8 {
    width: 66.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-all-span9 {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-all-span10 {
    width: 83.3333333333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-all-span11 {
    width: 91.6666666667%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-all-span12 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-all-span24 {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; } }

/*
buttons:
standard action
major action
minor action
add to cart
hero button
*/
/* inputs */
/* grid */
/* designer */
/*widgets*/
/* tabs */
/* breadcrumb */
/* 'pill' styling */
.dn-page-columns-container, p, body {
  color: #333333;
  font-family: "Inter", "helvetica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1.5em;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

a {
  color: #111111;
  font-family: "Inter", "helvetica", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  line-height: 1.5em;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal;
  transition: ease-in-out 0ms; }
  a.dn-overridden-hover-on {
    /* only apply when overriding hover ON */ }
    a.dn-overridden-hover-on:hover {
      color: deeppink;
      font-size: 15px;
      font-style: normal;
      font-weight: 600;
      text-decoration: none;
      text-transform: uppercase; }

h1.dn-styled, h1.dn-styled a, .dn-widget-heading h1, .dn-widget-heading h1 a, .dn-widget-html h1, .dn-widget-html h1 a, .dn-commercial-content h1 {
  color: #111111;
  font-family: "Inter", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 800;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

h1.dn-sized, h1.dn-sized a, .dn-widget-heading h1, .dn-widget-heading h1 a, .dn-widget-html h1, .dn-widget-html h1 a, .dn-commercial-content h1 {
  font-size: 25px;
  line-height: 1.2em; }

h2.dn-styled, h2.dn-styled a, .dn-widget-heading h2, .dn-widget-heading h2 a, .dn-widget-html h2, .dn-widget-html h2 a, .dn-commercial-content h2 {
  color: #1c1b1b;
  font-family: "Inter", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 800;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal;
  text-align: inherit; }

h2.dn-sized, h2.dn-sized a, .dn-widget-heading h2, .dn-widget-heading h2 a, .dn-widget-html h2, .dn-widget-html h2 a, .dn-commercial-content h2 {
  font-size: 30px;
  line-height: 1.2em; }

h3.dn-styled, h3.dn-styled a, .dn-widget-heading h3, .dn-widget-heading h3 a, .dn-widget-html h3, .dn-widget-html h3 a, .dn-commercial-content h3 {
  color: #1c1b1b;
  font-family: "Inter", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal;
  text-align: inherit; }

h3.dn-sized, h3.dn-sized a, .dn-widget-heading h3, .dn-widget-heading h3 a, .dn-widget-html h3, .dn-widget-html h3 a, .dn-commercial-content h3 {
  font-size: 18px;
  line-height: 1.2em; }

h4.dn-styled, h4.dn-styled a, .dn-widget-heading h4, .dn-widget-heading h4 a, .dn-widget-html h4, .dn-widget-html h4 a, .dn-commercial-content h4 {
  color: black;
  font-family: "Inter", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

h4.dn-sized, h4.dn-sized a, .dn-widget-heading h4, .dn-widget-heading h4 a, .dn-widget-html h4, .dn-widget-html h4 a, .dn-commercial-content h4 {
  font-size: 16px;
  line-height: 1.2em; }

h5.dn-styled, h5.dn-styled a, .dn-widget-heading h5, .dn-widget-heading h5 a, .dn-widget-html h5, .dn-widget-html h5 a, .dn-commercial-content h5 {
  color: #252525;
  font-family: "Inter", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

h5.dn-sized, h5.dn-sized a, .dn-widget-heading h5, .dn-widget-heading h5 a, .dn-widget-html h5, .dn-widget-html h5 a, .dn-commercial-content h5 {
  font-size: 9px;
  line-height: 1.2em; }

header.dn-lh-1rllor .dn-large-header .dn-logo-container h1,
header.dn-lh-1rllor .dn-large-header .dn-logo-container div.dn-site-heading, body.dn-inline-header header.dn-lh-2rlcan .dn-large-header .dn-logo-container h1.dn-text-logo,
body.dn-inline-header header.dn-lh-2rlcan .dn-large-header .dn-logo-container div.dn-text-logo.dn-site-heading, .dn-logo-container .dn-logo-list li a {
  color: #111111;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  line-height: 4em;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

body.dn-floating-header header.dn-lh-2rlcan .dn-large-header .dn-logo-container h1.dn-text-logo,
body.dn-floating-header header.dn-lh-2rlcan .dn-large-header .dn-logo-container div.dn-text-logo.dn-site-heading {
  color: #000000;
  font-family: "Special Elite";
  font-size: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1em;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

body.dn-inline-header header .dn-small-header .dn-small-logo-container h1.dn-text-logo,
body.dn-inline-header header .dn-small-header .dn-small-logo-container div.dn-site-heading.dn-text-logo, body.dn-inline-header header .dn-small-header-always .dn-small-logo-container h1.dn-text-logo,
body.dn-inline-header header .dn-small-header-always .dn-small-logo-container div.dn-site-heading.dn-text-logo {
  color: #111111;
  font-family: "Inter";
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-stretch: normal;
  font-size: 20px;
  line-height: 40px;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

body.dn-floating-header header .dn-small-header .dn-small-logo-container h1.dn-text-logo,
body.dn-floating-header header .dn-small-header .dn-small-logo-container div.dn-site-heading.dn-text-logo, body.dn-floating-header header .dn-small-header-always .dn-small-logo-container h1.dn-text-logo,
body.dn-floating-header header .dn-small-header-always .dn-small-logo-container div.dn-site-heading.dn-text-logo {
  color: #000000;
  font-family: "Special Elite";
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-stretch: normal;
  font-size: 20px;
  line-height: 40px;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

nav .dn-nav-item .dn-currency-selector, nav .dn-nav-item a span, nav .dn-nav-item a, nav .dn-nav-item, body.dn-inline-header nav.dn-nav-main span, body.dn-inline-header nav.dn-nav-main a span, body.dn-inline-header nav.dn-nav-main a, body.dn-inline-header nav.dn-nav-main {
  color: black;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  line-height: 2em;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal;
  transition: ease-in-out 0ms; }

body.dn-floating-header nav.dn-nav-main a span, body.dn-floating-header nav.dn-nav-main a, body.dn-floating-header nav.dn-nav-main {
  color: #000000;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1em;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

footer .dn-pos-message-container .dn-pos-message, body.dn-inline-header header nav.dn-other-nav > div,
body.dn-inline-header header nav.dn-other-nav > div a, body.dn-inline-header header.dn-lh-2rlcan .dn-large-header .dn-search-nav-container .dn-phone-number span, body.dn-inline-header header .dn-other-nav a, body.dn-inline-header header .dn-other-nav > div {
  color: #111111;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  line-height: 7.5em;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

body.dn-floating-header header nav.dn-other-nav > div,
body.dn-floating-header header nav.dn-other-nav > div a, body.dn-floating-header header.dn-lh-2rlcan .dn-large-header .dn-search-nav-container .dn-phone-number span, body.dn-floating-header header a, body.dn-floating-header header {
  color: #000000;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1em;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-small-header div a span, .dn-small-header div a, .dn-small-header div {
  color: #111111;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

body.dn-floating-header .dn-small-header div a span, body.dn-floating-header .dn-small-header div a, body.dn-floating-header .dn-small-header div {
  color: #000000;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb a, .dn-breadcrumb-section .dn-breadcrumbs {
  color: #6b6b6b;
  font-family: "Inter", "helvetica", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1.5em;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-widget.dn-widget-text b, div.dn-shipping-information-container b, .dn-widget-page_heading .dn-widget-content b, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description b, .dn-popup.dn-designer-popup .dn-intro-content b, div.dn-product-display .dn-product-shipping-info b, div.dn-product-display .dn-product-description b, .dn-commercial-content b {
  font-weight: bold; }

.dn-widget.dn-widget-text em, div.dn-shipping-information-container em, .dn-widget-page_heading .dn-widget-content em, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description em, .dn-popup.dn-designer-popup .dn-intro-content em, div.dn-product-display .dn-product-shipping-info em, div.dn-product-display .dn-product-description em, .dn-commercial-content em, .dn-widget.dn-widget-text i, div.dn-shipping-information-container i, .dn-widget-page_heading .dn-widget-content i, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description i, .dn-popup.dn-designer-popup .dn-intro-content i, div.dn-product-display .dn-product-shipping-info i, div.dn-product-display .dn-product-description i, .dn-commercial-content i {
  font-style: italic; }

.dn-widget.dn-widget-text u, div.dn-shipping-information-container u, .dn-widget-page_heading .dn-widget-content u, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description u, .dn-popup.dn-designer-popup .dn-intro-content u, div.dn-product-display .dn-product-shipping-info u, div.dn-product-display .dn-product-description u, .dn-commercial-content u {
  text-decoration: underline; }

.dn-widget.dn-widget-text s, div.dn-shipping-information-container s, .dn-widget-page_heading .dn-widget-content s, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description s, .dn-popup.dn-designer-popup .dn-intro-content s, div.dn-product-display .dn-product-shipping-info s, div.dn-product-display .dn-product-description s, .dn-commercial-content s {
  text-decoration: line-through; }

.dn-widget.dn-widget-text sub, div.dn-shipping-information-container sub, .dn-widget-page_heading .dn-widget-content sub, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description sub, .dn-popup.dn-designer-popup .dn-intro-content sub, div.dn-product-display .dn-product-shipping-info sub, div.dn-product-display .dn-product-description sub, .dn-commercial-content sub {
  vertical-align: sub;
  font-size: smaller; }

.dn-widget.dn-widget-text sup, div.dn-shipping-information-container sup, .dn-widget-page_heading .dn-widget-content sup, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description sup, .dn-popup.dn-designer-popup .dn-intro-content sup, div.dn-product-display .dn-product-shipping-info sup, div.dn-product-display .dn-product-description sup, .dn-commercial-content sup {
  vertical-align: super;
  font-size: smaller; }

.dn-widget.dn-widget-text table, div.dn-product-display .dn-product-description table, .dn-commercial-content table,
.dn-widget.dn-widget-text th,
div.dn-product-display .dn-product-description th,
.dn-commercial-content th,
.dn-widget.dn-widget-text td,
div.dn-product-display .dn-product-description td,
.dn-commercial-content td {
  border: 1px solid #333333; }

body {
  background-color: rgba(255, 255, 255, 0.89);
  width: 100%;
  overflow-x: hidden; }

strong {
  font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 10px;
  /*line-height: normal;*/ }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

.dn-widget-html, .dn-commercial-content, p {
  margin-bottom: 10px; }

.dn-commercial-content ul {
  list-style-type: disc;
  list-style-position: inside; }
  .dn-commercial-content ul li {
    margin-left: 10px; }

.dn-commercial-content ol {
  list-style-type: decimal;
  list-style-position: inside; }
  .dn-commercial-content ol li {
    margin-left: 10px; }

.dn-btn {
  max-width: 100%;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  height: 40px;
  line-height: normal; }
  .dn-btn .dn-btn-icon {
    line-height: normal;
    display: inline-block;
    vertical-align: middle; }
  .dn-btn .dn-btn-icon:before {
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: normal;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .dn-btn .dn-btn-label {
    display: inline-block;
    vertical-align: middle;
    max-width: 104%;
    overflow: hidden;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .dn-btn .dn-btn-label span {
      overflow: hidden;
      text-overflow: ellipsis;
      letter-spacing: normal;
      word-spacing: normal; }
  .dn-btn .dn-btn-valign {
    width: 0px;
    height: 100%;
    vertical-align: middle;
    display: inline-block; }

.dn-btn.dn-with-width {
  width: 100%; }
  .dn-btn.dn-with-width .dn-btn-valign {
    height: 100%; }
  .dn-btn.dn-with-width .dn-btn-label {
    white-space: nowrap; }

.dn-btn.dn-btn-std.dn-styled,
.dn-btn.dn-btn-ok.dn-styled {
  background-color: deeppink;
  border: 0px solid black;
  border-radius: 4px;
  color: white;
  font-family: "Inter";
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-stretch: normal;
  text-transform: none;
  text-align: center;
  transition: ease-in-out 0ms;
  box-shadow: none; }
  .dn-btn.dn-btn-std.dn-styled .dn-btn-label > span,
  .dn-btn.dn-btn-ok.dn-styled .dn-btn-label > span {
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    color: white;
    white-space: normal; }
  .dn-btn.dn-btn-std.dn-styled .dn-btn-icon,
  .dn-btn.dn-btn-ok.dn-styled .dn-btn-icon {
    display: none; }
  .dn-btn.dn-btn-std.dn-styled .dn-btn-label,
  .dn-btn.dn-btn-ok.dn-styled .dn-btn-label {
    margin-left: 0px;
    padding-left: 0px; }
    .dn-btn.dn-btn-std.dn-styled .dn-btn-label span,
    .dn-btn.dn-btn-ok.dn-styled .dn-btn-label span {
      margin-left: 0px; }
  .dn-btn.dn-btn-std.dn-styled.dn-overridden-hover-on,
  .dn-btn.dn-btn-ok.dn-styled.dn-overridden-hover-on {
    /* only apply when overriding hover ON */ }
    .dn-btn.dn-btn-std.dn-styled.dn-overridden-hover-on:hover,
    .dn-btn.dn-btn-ok.dn-styled.dn-overridden-hover-on:hover {
      background-color: #e60f84;
      border-color: #e60f84;
      color: white;
      box-shadow: none; }
      .dn-btn.dn-btn-std.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span,
      .dn-btn.dn-btn-ok.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span {
        color: white; }
  .dn-btn.dn-btn-std.dn-styled:not(.dn-overridden-hover-off),
  .dn-btn.dn-btn-ok.dn-styled:not(.dn-overridden-hover-off) {
    /* apply when overriding hover OFF or hover is turned on by default */ }
    .dn-btn.dn-btn-std.dn-styled:not(.dn-overridden-hover-off):hover,
    .dn-btn.dn-btn-ok.dn-styled:not(.dn-overridden-hover-off):hover {
      background-color: #e60f84;
      border-color: #e60f84;
      color: white;
      box-shadow: none; }
      .dn-btn.dn-btn-std.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-label > span,
      .dn-btn.dn-btn-ok.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-label > span {
        color: white; }

.dn-btn.dn-btn-std.dn-sized,
.dn-btn.dn-btn-ok.dn-sized {
  font-size: 15px;
  line-height: 3.2em;
  height: auto; }

.dn-btn.dn-btn-std.dn-with-width,
.dn-btn.dn-btn-ok.dn-with-width {
  width: 100%;
  padding: 0px; }

.dn-btn.dn-btn-minor.dn-styled {
  background-color: white;
  border: 1px solid black;
  border-radius: 4px;
  color: #111111;
  font-family: "Inter";
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-stretch: normal;
  text-transform: none;
  text-align: center;
  transition: ease-in-out 0ms;
  box-shadow: none; }
  .dn-btn.dn-btn-minor.dn-styled .dn-btn-label > span {
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    color: #111111;
    white-space: normal; }
  .dn-btn.dn-btn-minor.dn-styled .dn-btn-icon {
    display: none; }
  .dn-btn.dn-btn-minor.dn-styled .dn-btn-label {
    margin-left: 0px;
    padding-left: 0px; }
    .dn-btn.dn-btn-minor.dn-styled .dn-btn-label span {
      margin-left: 0px; }
  .dn-btn.dn-btn-minor.dn-styled.dn-overridden-hover-on {
    /* only apply when overriding hover ON */ }
    .dn-btn.dn-btn-minor.dn-styled.dn-overridden-hover-on:hover {
      background-color: #111111;
      border-color: #111111;
      color: white;
      box-shadow: none; }
      .dn-btn.dn-btn-minor.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span {
        color: white; }
  .dn-btn.dn-btn-minor.dn-styled:not(.dn-overridden-hover-off) {
    /* apply when overriding hover OFF or hover is turned on by default */ }
    .dn-btn.dn-btn-minor.dn-styled:not(.dn-overridden-hover-off):hover {
      background-color: #111111;
      border-color: #111111;
      color: white;
      box-shadow: none; }
      .dn-btn.dn-btn-minor.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-label > span {
        color: white; }

.dn-btn.dn-btn-minor.dn-sized {
  font-size: 15px;
  line-height: 3.2em;
  height: auto; }

.dn-btn.dn-btn-minor.dn-with-width {
  width: 100%;
  padding: 0px; }

.dn-btn.dn-btn-major.dn-styled {
  background-color: deeppink;
  border: 0px solid black;
  border-radius: 4px;
  color: white;
  font-family: "Inter";
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-stretch: normal;
  text-transform: none;
  text-align: center;
  transition: ease-in-out 0ms;
  box-shadow: none; }
  .dn-btn.dn-btn-major.dn-styled .dn-btn-label > span {
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    color: white;
    white-space: normal; }
  .dn-btn.dn-btn-major.dn-styled .dn-btn-icon {
    display: none; }
  .dn-btn.dn-btn-major.dn-styled .dn-btn-label {
    margin-left: 0px;
    padding-left: 0px; }
    .dn-btn.dn-btn-major.dn-styled .dn-btn-label span {
      margin-left: 0px; }
  .dn-btn.dn-btn-major.dn-styled.dn-overridden-hover-on {
    /* only apply when overriding hover ON */ }
    .dn-btn.dn-btn-major.dn-styled.dn-overridden-hover-on:hover {
      background-color: #e6e6e6;
      border-color: black;
      color: white;
      box-shadow: none; }
      .dn-btn.dn-btn-major.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span {
        color: white; }
  .dn-btn.dn-btn-major.dn-styled:not(.dn-overridden-hover-off) {
    /* apply when overriding hover OFF or hover is turned on by default */ }
    .dn-btn.dn-btn-major.dn-styled:not(.dn-overridden-hover-off):hover {
      background-color: #e6e6e6;
      border-color: black;
      color: white;
      box-shadow: none; }
      .dn-btn.dn-btn-major.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-label > span {
        color: white; }

.dn-btn.dn-btn-major.dn-sized {
  font-size: 15px;
  line-height: 3.2em;
  height: auto; }

.dn-btn.dn-btn-major.dn-with-width {
  width: 100%;
  padding: 0px; }

.dn-btn.dn-btn-cart.dn-styled,
.dn-designer .dn-btn.dn-btn-cart.dn-styled {
  background-color: deeppink;
  border: 0px solid deeppink;
  border-radius: 4px;
  color: white;
  font-family: "Inter";
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-stretch: normal;
  text-transform: none;
  text-align: center;
  transition: ease-in-out 0ms;
  box-shadow: none; }
  .dn-btn.dn-btn-cart.dn-styled .dn-btn-label > span,
  .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-label > span {
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    color: white;
    white-space: normal; }
  .dn-btn.dn-btn-cart.dn-styled .dn-btn-label.concept,
  .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-label.concept {
    padding-left: 0px; }
  .dn-btn.dn-btn-cart.dn-styled .dn-btn-icon,
  .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-icon {
    width: 1.2em;
    display: inline-block; }
  .dn-btn.dn-btn-cart.dn-styled .dn-btn-icon:before,
  .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-icon:before {
    font-family: "decofonts";
    font-size: 1.2em;
    content: "l";
    color: white; }
  .dn-btn.dn-btn-cart.dn-styled .dn-btn-label,
  .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-label {
    margin-left: -1.2em;
    padding-left: 1.2em; }
    .dn-btn.dn-btn-cart.dn-styled .dn-btn-label span,
    .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-label span {
      margin-left: 0.5em; }
  .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on,
  .dn-designer .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on {
    /* only apply when overriding hover ON */ }
    .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on:hover,
    .dn-designer .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on:hover {
      background-color: #e60f84;
      border-color: #e60f84;
      color: white;
      box-shadow: none; }
      .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span,
      .dn-designer .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span {
        color: white; }
      .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on:hover .dn-btn-icon:before,
      .dn-designer .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on:hover .dn-btn-icon:before {
        color: white; }
  .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off),
  .dn-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off) {
    /* apply when overriding hover OFF or hover is turned on by default */ }
    .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover,
    .dn-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover {
      background-color: #e60f84;
      border-color: #e60f84;
      color: white;
      box-shadow: none; }
      .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-label > span,
      .dn-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-label > span {
        color: white; }
      .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-icon:before,
      .dn-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-icon:before {
        color: white; }

.dn-btn.dn-btn-cart.dn-sized,
.dn-designer .dn-btn.dn-btn-cart.dn-sized {
  font-size: 15px;
  line-height: 3.2em;
  height: auto; }

.dn-btn.dn-btn-cart.dn-with-width,
.dn-designer .dn-btn.dn-btn-cart.dn-with-width {
  width: 100%;
  padding: 0px; }

.dn-btn.dn-btn-hero.dn-styled {
  background-color: deeppink;
  border: 0px solid black;
  border-radius: 4px;
  color: white;
  font-family: "Inter";
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-stretch: normal;
  text-transform: none;
  text-align: center;
  transition: ease-in-out 0ms;
  box-shadow: none; }
  .dn-btn.dn-btn-hero.dn-styled .dn-btn-label > span {
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    color: white;
    white-space: normal; }
  .dn-btn.dn-btn-hero.dn-styled .dn-btn-icon {
    width: 0em;
    display: inline-block; }
  .dn-btn.dn-btn-hero.dn-styled .dn-btn-icon:before {
    font-family: "decofonts";
    font-size: 0em;
    content: "";
    color: rgba(255, 255, 255, 0.89); }
  .dn-btn.dn-btn-hero.dn-styled .dn-btn-label {
    margin-left: 0em;
    padding-left: 0em; }
    .dn-btn.dn-btn-hero.dn-styled .dn-btn-label span {
      margin-left: 0em; }
  .dn-btn.dn-btn-hero.dn-styled.dn-overridden-hover-on {
    /* only apply when overriding hover ON */ }
    .dn-btn.dn-btn-hero.dn-styled.dn-overridden-hover-on:hover {
      background-color: #e60f84;
      border-color: #e60f84;
      color: white;
      box-shadow: none; }
      .dn-btn.dn-btn-hero.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span {
        color: white; }
      .dn-btn.dn-btn-hero.dn-styled.dn-overridden-hover-on:hover .dn-btn-icon:before {
        color: rgba(255, 255, 255, 0.89); }
  .dn-btn.dn-btn-hero.dn-styled:not(.dn-overridden-hover-off) {
    /* apply when overriding hover OFF or hover is turned on by default */ }
    .dn-btn.dn-btn-hero.dn-styled:not(.dn-overridden-hover-off):hover {
      background-color: #e60f84;
      border-color: #e60f84;
      color: white;
      box-shadow: none; }
      .dn-btn.dn-btn-hero.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-label > span {
        color: white; }
      .dn-btn.dn-btn-hero.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-icon:before {
        color: rgba(255, 255, 255, 0.89); }

.dn-btn.dn-btn-hero.dn-sized {
  font-size: 15px;
  line-height: 3.2em;
  height: auto; }

.dn-btn.dn-btn-hero.dn-with-width {
  width: 100%;
  padding: 0px; }

@media only screen and (min-width: 0px) {
  .dn-widget.dn-mobile-auto-width .dn-btn.dn-btn-std {
    padding-left: 20px;
    padding-right: 20px; }
  .dn-widget.dn-mobile-auto-width .dn-btn.dn-btn-minor {
    padding-left: 20px;
    padding-right: 20px; }
  .dn-widget.dn-mobile-auto-width .dn-btn.dn-btn-major {
    padding-left: 20px;
    padding-right: 20px; }
  .dn-widget.dn-mobile-auto-width .dn-btn.dn-btn-cart {
    padding-left: 20px;
    padding-right: 20px; }
  .dn-widget.dn-mobile-auto-width .dn-btn.dn-btn-hero {
    padding-left: 20px;
    padding-right: 20px; } }

@media only screen and (min-width: 768px) {
  .dn-widget.dn-small-auto-width .dn-btn.dn-btn-std {
    padding-left: 20px;
    padding-right: 20px; }
  .dn-widget.dn-small-auto-width .dn-btn.dn-btn-minor {
    padding-left: 20px;
    padding-right: 20px; }
  .dn-widget.dn-small-auto-width .dn-btn.dn-btn-major {
    padding-left: 20px;
    padding-right: 20px; }
  .dn-widget.dn-small-auto-width .dn-btn.dn-btn-cart {
    padding-left: 20px;
    padding-right: 20px; }
  .dn-widget.dn-small-auto-width .dn-btn.dn-btn-hero {
    padding-left: 20px;
    padding-right: 20px; } }

.dn-nav-dropdown-container-large.dn-nav-width-content > .dn-nav-dropdown, main.dn-content > div > .dn-page-section.dn-limit-background-width > div.dn-background-container div.dn-background-image-container,
footer > .dn-page-section.dn-limit-background-width > div.dn-background-container div.dn-background-image-container, main.dn-content > div > .dn-page-section.dn-limit-content-width > div > div.dn-page-section-content,
main.dn-content > div > .dn-page-section.dn-limit-content-width > div.dn-page-section-content,
footer > .dn-page-section.dn-limit-content-width > div > div.dn-page-section-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px; }

.dn-page-section-margin {
  position: relative;
  z-index: 1; }

/*
The 'responsive' page margins
*/
@media only screen and (min-width: 0px) {
  .dn-page-margin-small .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 1px;
    margin-right: 1px; }
  .dn-page-margin-small .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 1px;
    right: 1px;
    width: auto; }
  .dn-page-margin-small .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 1px;
    padding-right: 1px; }
  .dn-page-margin-medium .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 3px;
    margin-right: 3px; }
  .dn-page-margin-medium .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 3px;
    right: 3px;
    width: auto; }
  .dn-page-margin-medium .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 3px;
    padding-right: 3px; }
  .dn-page-margin-large .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 6px;
    margin-right: 6px; }
  .dn-page-margin-large .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 6px;
    right: 6px;
    width: auto; }
  .dn-page-margin-large .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 6px;
    padding-right: 6px; }
  .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 8px;
    margin-right: 8px; }
  .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 8px;
    right: 8px;
    width: auto; }
  .dn-page-margin-xlarge .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 8px;
    padding-right: 8px; }
  .dn-page-margin-default .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 3px;
    margin-right: 3px; }
  .dn-page-margin-default .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 3px;
    right: 3px;
    width: auto; }
  .dn-page-margin-default .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 3px;
    padding-right: 3px; } }

@media only screen and (min-width: 768px) {
  .dn-page-margin-small .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 2px;
    margin-right: 2px; }
  .dn-page-margin-small .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 2px;
    right: 2px;
    width: auto; }
  .dn-page-margin-small .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 2px;
    padding-right: 2px; }
  .dn-page-margin-medium .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 6px;
    margin-right: 6px; }
  .dn-page-margin-medium .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 6px;
    right: 6px;
    width: auto; }
  .dn-page-margin-medium .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 6px;
    padding-right: 6px; }
  .dn-page-margin-large .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 12px;
    margin-right: 12px; }
  .dn-page-margin-large .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 12px;
    right: 12px;
    width: auto; }
  .dn-page-margin-large .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 12px;
    padding-right: 12px; }
  .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 16px;
    margin-right: 16px; }
  .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 16px;
    right: 16px;
    width: auto; }
  .dn-page-margin-xlarge .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 16px;
    padding-right: 16px; }
  .dn-page-margin-default .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 6px;
    margin-right: 6px; }
  .dn-page-margin-default .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 6px;
    right: 6px;
    width: auto; }
  .dn-page-margin-default .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 6px;
    padding-right: 6px; } }

@media only screen and (min-width: 992px) {
  .dn-page-margin-small .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 2px;
    margin-right: 2px; }
  .dn-page-margin-small .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 2px;
    right: 2px;
    width: auto; }
  .dn-page-margin-small .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 2px;
    padding-right: 2px; }
  .dn-page-margin-medium .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 6px;
    margin-right: 6px; }
  .dn-page-margin-medium .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 6px;
    right: 6px;
    width: auto; }
  .dn-page-margin-medium .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 6px;
    padding-right: 6px; }
  .dn-page-margin-large .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 16px;
    margin-right: 16px; }
  .dn-page-margin-large .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 16px;
    right: 16px;
    width: auto; }
  .dn-page-margin-large .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 16px;
    padding-right: 16px; }
  .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 24px;
    margin-right: 24px; }
  .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 24px;
    right: 24px;
    width: auto; }
  .dn-page-margin-xlarge .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 24px;
    padding-right: 24px; }
  .dn-page-margin-default .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 6px;
    margin-right: 6px; }
  .dn-page-margin-default .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 6px;
    right: 6px;
    width: auto; }
  .dn-page-margin-default .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 6px;
    padding-right: 6px; } }

@media only screen and (min-width: 1210px) {
  .dn-page-margin-small .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 4px;
    margin-right: 4px; }
  .dn-page-margin-small .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 4px;
    right: 4px;
    width: auto; }
  .dn-page-margin-small .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 4px;
    padding-right: 4px; }
  .dn-page-margin-medium .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 12px;
    margin-right: 12px; }
  .dn-page-margin-medium .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 12px;
    right: 12px;
    width: auto; }
  .dn-page-margin-medium .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 12px;
    padding-right: 12px; }
  .dn-page-margin-large .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 24px;
    margin-right: 24px; }
  .dn-page-margin-large .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 24px;
    right: 24px;
    width: auto; }
  .dn-page-margin-large .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 24px;
    padding-right: 24px; }
  .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 32px;
    margin-right: 32px; }
  .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 32px;
    right: 32px;
    width: auto; }
  .dn-page-margin-xlarge .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 32px;
    padding-right: 32px; }
  .dn-page-margin-default .dn-page-section.dn-use-page-margin > .dn-page-section-margin {
    margin-left: 12px;
    margin-right: 12px; }
  .dn-page-margin-default .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container {
    left: 12px;
    right: 12px;
    width: auto; }
  .dn-page-margin-default .dn-page-section.dn-wrapper.dn-use-page-margin {
    padding-left: 12px;
    padding-right: 12px; } }

.dn-price-currency-code {
  font-size: 0.8em; }

.dn-rrp {
  color: rgba(153, 153, 153, 0.89);
  text-decoration: line-through; }

.dn-price-container {
  display: inline-block; }

span.dn-unit-price {
  font-size: 0.9em; }

.dn-designer {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.dn-progress-bar-container {
  width: 100%;
  border: 1px solid rgba(204, 204, 204, 0.89);
  height: 30px;
  background-color: rgba(242, 242, 242, 0.89); }
  .dn-progress-bar-container .dn-progress-bar {
    height: 28px;
    background-color: rgba(204, 204, 204, 0.89); }

.dn-progress-bar-status-message {
  margin-top: 5px;
  color: #333333; }

.dn-hidden {
  display: none; }

h
.dn-recaptcha-warning {
  background: #b31d2b;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  max-width: 520px;
  padding: 6px 10px;
  vertical-align: top; }

.dn-text-value {
  letter-spacing: normal;
  word-spacing: normal; }

.dn-text-value-centered {
  letter-spacing: normal;
  word-spacing: normal;
  text-align: center; }

.dn-divider-with-text {
  width: 100%;
  height: 30px;
  letter-spacing: normal;
  word-spacing: normal;
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 2px solid rgba(179, 179, 179, 0.89);
  position: relative; }
  .dn-divider-with-text > * {
    background-color: #FFFFFF;
    padding: 20px;
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.dn-search-input {
  white-space: nowrap; }
  .dn-search-input i {
    display: inline-block; }
  .dn-search-input input {
    display: inline-block; }

a.dn-btn-store-signup,
a.dn-btn-campaign-signup {
  background: url(/images/create_your_store.png) 0 0 no-repeat;
  color: #616161;
  display: block;
  height: 34px;
  padding: 0;
  text-decoration: none;
  width: auto; }
  a.dn-btn-store-signup:hover,
  a.dn-btn-campaign-signup:hover {
    cursor: pointer;
    text-decoration: underline; }
  a.dn-btn-store-signup em,
  a.dn-btn-campaign-signup em {
    background: url(/images/create_your_store.png) 100% 0 no-repeat;
    display: block;
    height: 34px;
    letter-spacing: -0.025em;
    line-height: 34px;
    margin: 0 0 0 50px;
    padding: 0 20px 0 0; }

a.dn-btn-campaign-signup {
  background: url(/images/create_your_campaign.png) 0 0 no-repeat; }
  a.dn-btn-campaign-signup em {
    background: url(/images/create_your_campaign.png) 100% 0 no-repeat; }

a.dn-btn-store-signup-wl img,
a.dn-btn-campaign-signup-wl img {
  width: 100%;
  max-width: 220px; }

.dn-valign-middle-guide {
  width: 0px;
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

.dn-with-product-background {
  background-color: white; }

.dn-protected {
  position: relative; }
  .dn-protected .dn-protection {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2; }

#log {
  position: fixed;
  top: 40px;
  left: 40px;
  color: #333;
  background-color: white;
  z-index: 99999; }

input.dn-styled, select.dn-styled, textarea.dn-styled, .dn-faux-select.dn-styled, .dn-faux-input.dn-styled {
  box-shadow: none;
  background: white;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: black;
  font-family: "Inter";
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  position: relative;
  transition: ease-in-out 0ms;
  padding: 13px 14px;
  max-width: 100%; }
  input.dn-styled:disabled, select.dn-styled:disabled, textarea.dn-styled:disabled, .dn-faux-select.dn-styled:disabled, .dn-faux-input.dn-styled:disabled {
    background: #ffffff;
    color: #717171; }
  input.dn-styled.dn-overridden-hover-on, select.dn-styled.dn-overridden-hover-on, textarea.dn-styled.dn-overridden-hover-on, .dn-faux-select.dn-styled.dn-overridden-hover-on, .dn-faux-input.dn-styled.dn-overridden-hover-on {
    /* only apply when overriding hover ON */ }
    input.dn-styled.dn-overridden-hover-on:hover, select.dn-styled.dn-overridden-hover-on:hover, textarea.dn-styled.dn-overridden-hover-on:hover, .dn-faux-select.dn-styled.dn-overridden-hover-on:hover, .dn-faux-input.dn-styled.dn-overridden-hover-on:hover {
      box-shadow: none;
      background: white;
      border: 1px solid #e6e6e6;
      color: black; }
  input.dn-styled.dn-overridden-focus-on, select.dn-styled.dn-overridden-focus-on, textarea.dn-styled.dn-overridden-focus-on, .dn-faux-select.dn-styled.dn-overridden-focus-on, .dn-faux-input.dn-styled.dn-overridden-focus-on {
    /* only apply when overriding focus ON */ }
    input.dn-styled.dn-overridden-focus-on:focus, select.dn-styled.dn-overridden-focus-on:focus, textarea.dn-styled.dn-overridden-focus-on:focus, .dn-faux-select.dn-styled.dn-overridden-focus-on:focus, .dn-faux-input.dn-styled.dn-overridden-focus-on:focus {
      box-shadow: none;
      background: white;
      border: 1px solid #1c1b1b;
      color: #111111;
      transition: ease-in-out 50ms;
      outline: none; }
  input.dn-styled:not(.dn-overridden-focus-off), select.dn-styled:not(.dn-overridden-focus-off), textarea.dn-styled:not(.dn-overridden-focus-off), .dn-faux-select.dn-styled:not(.dn-overridden-focus-off), .dn-faux-input.dn-styled:not(.dn-overridden-focus-off) {
    /* apply when overriding focus OFF or focus is turned on by default */ }
    input.dn-styled:not(.dn-overridden-focus-off):focus, select.dn-styled:not(.dn-overridden-focus-off):focus, textarea.dn-styled:not(.dn-overridden-focus-off):focus, .dn-faux-select.dn-styled:not(.dn-overridden-focus-off):focus, .dn-faux-input.dn-styled:not(.dn-overridden-focus-off):focus {
      box-shadow: none;
      background: white;
      border: 1px solid #1c1b1b;
      color: #111111;
      transition: ease-in-out 50ms;
      outline: none; }

input.dn-sized, select.dn-sized, textarea.dn-sized {
  font-size: 16px;
  line-height: 1.25em; }

input.dn-sized, select.dn-sized {
  min-height: 1.75em;
  height: auto; }

input.dn-date-selector {
  margin-right: -25px;
  padding-right: 5px; }

textarea.dn-styled {
  min-width: 100%; }

select.dn-styled {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #111111 50%), linear-gradient(135deg, #111111 50%, transparent 50%);
  background-position: calc(100% - 10px) 50%, calc(100% - 5px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 30px;
  min-width: 90px; }
  select.dn-styled::-ms-expand {
    display: none; }
  select.dn-styled.dn-sized {
    height: auto;
    padding-right: 30px;
    min-width: 90px; }
  select.dn-styled.dn-overridden-focus-on:focus, select.dn-styled:not(.dn-overridden-focus-off):focus {
    background-image: linear-gradient(45deg, transparent 50%, #111111 50%), linear-gradient(135deg, #111111 50%, transparent 50%);
    background-position: calc(100% - 10px) 50%, calc(100% - 5px) 50%;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    padding-right: 30px; }
  select.dn-styled.dn-overridden-hover-on:hover, select.dn-styled:not(.dn-overridden-hover-off):hover {
    background-image: linear-gradient(45deg, transparent 50%, #111111 50%), linear-gradient(135deg, #111111 50%, transparent 50%);
    background-position: calc(100% - 10px) 50%, calc(100% - 5px) 50%;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    padding-right: 30px; }
  select.dn-styled[multiple] {
    background-image: none;
    padding-right: 14px; }
    select.dn-styled[multiple]:hover, select.dn-styled[multiple]:focus {
      background-image: none; }

body.dn-popup-visible {
  overflow: hidden;
  height: auto;
  min-height: 100%;
  width: 100%;
  /*   
  &.dn-designer-slim-mode {
    overflow: hidden; 
  }
	//this will loose the current scroll position so the code needs to get/restore it
  position: absolute;
  height: 100%;
  width: 100%;
  */ }

.dn-popup-container {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100vw;
  height: 100vh;
  /* Fallback for browsers that do not support dvh */
  height: 100dvh;
  /* Dynamic viewport height for better compatibility */
  z-index: 900; }
  .dn-popup-container .dn-popup-background {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.89);
    opacity: 0.75;
    content: ""; }
  .dn-popup-container .dn-popup {
    opacity: 1.0;
    z-index: 1000;
    position: absolute;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    background-color: rgba(255, 255, 255, 0.89);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden; }
    .dn-popup-container .dn-popup.dn-calculating-size {
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      width: auto;
      height: auto;
      max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit; }
    @media only screen and (min-width: 768px) {
      .dn-popup-container .dn-popup {
        border: 1px solid rgba(204, 204, 204, 0.89);
        width: auto;
        height: auto;
        top: auto;
        left: auto;
        position: relative; } }
    .dn-popup-container .dn-popup.dn-at-fullheight {
      height: 100%; }
    .dn-popup-container .dn-popup > h3, .dn-popup-container .dn-popup .dn-popup-passthrough > h3 {
      border-bottom: 1px solid rgba(204, 204, 204, 0.89);
      background-color: rgba(250, 250, 250, 0.89);
      padding: 3px 8px;
      margin: 0;
      font-size: 13px;
      line-height: 32px; }
    .dn-popup-container .dn-popup .dn-popup-content-container {
      max-height: calc(100vh - 91px);
      max-height: calc(100dvh - 91px);
      overflow-y: auto;
      overflow-x: hidden;
      margin-top: 0px;
      padding-top: 0px;
      margin-bottom: 0px;
      padding-bottom: 0px;
      position: relative; }
      .dn-popup-container .dn-popup .dn-popup-content-container .dn-popup-content {
        position: relative;
        height: 100%; }
      .dn-popup-container .dn-popup .dn-popup-content-container .dn-popup-content-scroll {
        padding: 10px;
        max-height: 100%;
        overflow-y: auto;
        overflow-x: hidden; }
    .dn-popup-container .dn-popup.dn-popup-no-header .dn-popup-content-container {
      margin-top: 0px;
      padding-top: 0px; }
    .dn-popup-container .dn-popup.dn-popup-no-footer .dn-popup-content-container {
      margin-bottom: 0px;
      padding-bottom: 0px; }
    .dn-popup-container .dn-popup .dn-popup-footer {
      letter-spacing: -0.31em;
      position: relative;
      background-color: rgba(250, 250, 250, 0.89);
      border-top: 1px solid rgba(204, 204, 204, 0.89);
      z-index: 2;
      height: 52px;
      padding: 5px 1% 0px 0px;
      width: 100%;
      text-align: right; }
      .dn-popup-container .dn-popup .dn-popup-footer .dn-btn {
        width: 99%;
        display: inline-block; }
      .dn-popup-container .dn-popup .dn-popup-footer .dn-btn-cancel {
        width: auto;
        background: none;
        text-decoration: underline;
        text-transform: none;
        color: #333333;
        min-width: 100px; }
      .dn-popup-container .dn-popup .dn-popup-footer .dn-btn-other-action {
        width: auto;
        background: none;
        text-decoration: underline;
        text-transform: none;
        color: #333333;
        min-width: 100px;
        text-align: left;
        float: left; }
      @media only screen and (min-width: 768px) {
        .dn-popup-container .dn-popup .dn-popup-footer {
          position: static;
          padding: 5px 0% 0px 0px; }
          .dn-popup-container .dn-popup .dn-popup-footer .dn-btn {
            width: auto;
            min-width: 100px;
            margin-left: 5x;
            padding-left: 5px;
            padding-right: 5px;
            margin-right: 5px; } }
    .dn-popup-container .dn-popup .dn-popup-footer.dn-2-button .dn-btn {
      width: 49%;
      margin: 0 0% 0 1%; }
    @media only screen and (min-width: 768px) {
      .dn-popup-container .dn-popup .dn-popup-footer.dn-2-button .dn-btn {
        min-width: 100px;
        width: auto;
        margin: 0px;
        margin-right: 5px; } }
    .dn-popup-container .dn-popup .dn-popup-footer.dn-3-button .dn-btn {
      width: 31%;
      margin: 0 1% 0 1%;
      font-size: 0.8em; }
    @media only screen and (min-width: 768px) {
      .dn-popup-container .dn-popup .dn-popup-footer.dn-3-button .dn-btn {
        min-width: 100px;
        width: auto;
        margin: 0px;
        margin-right: 5px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 1em; } }
  .dn-popup-container .dn-popup.dn-no-fullscreen {
    width: auto;
    height: auto;
    padding-bottom: 5px; }
    .dn-popup-container .dn-popup.dn-no-fullscreen .dn-popup-content {
      padding: 10px; }
    .dn-popup-container .dn-popup.dn-no-fullscreen .dn-popup-footer {
      bottom: 0px; }
  .dn-popup-container .dn-popup.dn-popup-no-footer .dn-popup-content-container {
    margin-bottom: 0px;
    padding-bottom: 0px; }
  .dn-popup-container .dn-popup.dn-popup-with-message .dn-popup-content {
    padding: 30px 60px; }
  .dn-popup-container .dn-popup-content.dn-popup-content-for-single-message {
    padding: 30px 60px; }

.dn-popup-container.dn-alt {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

body.dn-popup-visible > header {
  display: none; }
  @media only screen and (min-width: 768px) {
    body.dn-popup-visible > header {
      display: block; } }
.dn-inline-popup {
  display: none;
  position: absolute;
  max-height: 100%;
  top: 0px;
  overflow: auto;
  background-color: #ffffff; }

.dn-inline-popup-background {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 200; }

.dn-inline-popup.dn-alt {
  display: block; }

.dn-faded-bg {
  background-color: rgba(255, 255, 255, 0.89);
  opacity: 0.5; }

.dn-very-faded-bg {
  background-color: rgba(255, 255, 255, 0.89);
  opacity: 0.8; }

.dn-popup-msgbox .dn-popup-content .dn-msgbox-text {
  padding: 20px; }

ul.dn-form {
  letter-spacing: -0.31em; }
  ul.dn-form label a {
    text-decoration: underline; }
  ul.dn-form > li {
    margin-bottom: 1em; }
    ul.dn-form > li > label {
      display: inline-block;
      width: 120px;
      vertical-align: top;
      text-align: right;
      padding-top: 10px; }
      ul.dn-form > li > label.dn-form-field-description {
        font-weight: normal;
        padding: 0px;
        opacity: .7;
        padding-left: 0px; }
    ul.dn-form > li > div {
      vertical-align: top;
      display: inline-block;
      width: 100%;
      margin-left: -120px;
      padding-left: 125px; }
      ul.dn-form > li > div input[type='text'], ul.dn-form > li > div input[type='email'], ul.dn-form > li > div input[type='password'], ul.dn-form > li > div select, ul.dn-form > li > div textarea {
        width: 100%; }
      ul.dn-form > li > div span.dn-value {
        display: inline-block;
        padding: 10px; }
      ul.dn-form > li > div ul.dn-radio-buttons {
        margin-top: 10px; }
        ul.dn-form > li > div ul.dn-radio-buttons li label {
          cursor: pointer;
          width: auto;
          text-align: left;
          padding-left: 5px; }
        ul.dn-form > li > div ul.dn-radio-buttons.dn-inline li {
          display: inline-block;
          margin-right: 5px; }
      ul.dn-form > li > div .dn-form-field-error {
        border: 1px solid #993434;
        border-radius: 3px;
        padding: 3px;
        color: #993434;
        background-color: #F4B2B2;
        letter-spacing: normal;
        word-spacing: normal;
        margin-bottom: 5px; }
      ul.dn-form > li > div .dn-image-field .dn-image-thumbnail {
        text-align: center; }
        ul.dn-form > li > div .dn-image-field .dn-image-thumbnail img {
          max-height: 150px;
          max-width: 150px; }
      ul.dn-form > li > div .dn-image-field .dn-image-field-none-selected-note {
        margin-top: 10px;
        text-align: center; }
      ul.dn-form > li > div .dn-image-field .dn-image-field-actions {
        margin-top: 10px; }
        ul.dn-form > li > div .dn-image-field .dn-image-field-actions > div {
          display: inline-block;
          width: 100%;
          text-align: center; }
        ul.dn-form > li > div .dn-image-field .dn-image-field-actions .dn-image-field-replace, ul.dn-form > li > div .dn-image-field .dn-image-field-actions .dn-image-field-delete {
          display: none; }
      ul.dn-form > li > div .dn-image-field.dn-has-image .dn-image-field-none-selected-note {
        display: none; }
      ul.dn-form > li > div .dn-image-field.dn-has-image .dn-image-field-actions .dn-image-field-select {
        display: none; }
      ul.dn-form > li > div .dn-image-field.dn-has-image .dn-image-field-actions .dn-image-field-replace, ul.dn-form > li > div .dn-image-field.dn-has-image .dn-image-field-actions .dn-image-field-delete {
        display: inline-block;
        width: 50%; }
      ul.dn-form > li > div.dn-form-field-without-label {
        margin-left: 0px; }
    ul.dn-form > li > div.dn-btn {
      margin-left: 0px;
      padding-left: 0px; }
    ul.dn-form > li.dn-form-heading > div {
      margin-left: 0px;
      padding-left: 0px;
      text-align: center; }
    ul.dn-form > li.dn-form-field-padding-left .dn-form-field-description,
    ul.dn-form > li.dn-form-field-padding-left .dn-form-field-label,
    ul.dn-form > li.dn-form-field-padding-left .dn-form-field {
      padding-left: 10px; }
    ul.dn-form > li.dn-form-field-inline {
      display: inline-block;
      width: 100%; }
    ul.dn-form > li.dn-form-field-auto-width {
      width: auto; }
    ul.dn-form > li.dn-required .dn-form-field-label:after {
      content: " *"; }

.dn-form.dn-wide li label {
  width: 180px; }

.dn-form.dn-wide li > div {
  margin-left: -180px;
  padding-left: 185px; }

.dn-form.dn-split-50-50 li label {
  width: 50%; }

.dn-form.dn-split-50-50 li > div {
  margin-left: -50%;
  padding-left: 51%; }

.dn-form.dn-split-50-50 li > div.dn-form-field-without-label {
  margin-left: 0; }

.dn-form.dn-split-40-60 li label {
  width: 40%; }

.dn-form.dn-split-40-60 li > div {
  margin-left: -40%;
  padding-left: 41%; }

.dn-form.dn-split-30-70 li label {
  width: 30%; }

.dn-form.dn-split-30-70 li > div {
  margin-left: -30%;
  padding-left: 31%; }

.dn-form.dn-tight li {
  margin-bottom: 2px; }
  .dn-form.dn-tight li label {
    padding-top: 2px; }
  .dn-form.dn-tight li > div input[type='text'], .dn-form.dn-tight li > div input[type='password'], .dn-form.dn-tight li > div select, .dn-form.dn-tight li > div textarea {
    padding: 2px; }
  .dn-form.dn-tight li > div span.dn-value {
    padding: 2px; }

.dn-form.dn-label-over-field li label,
.dn-form.dn-no-labels li label {
  width: 100%;
  font-weight: bold;
  text-align: left;
  padding-top: 2px; }

.dn-form.dn-label-over-field li > div,
.dn-form.dn-no-labels li > div {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  margin-left: 0px;
  padding-left: 0px; }

.dn-form.dn-strong-labels li label {
  font-weight: bold; }

.dn-form-field.dn-with-realtime-validation .dn-form-field-value {
  display: inline-block;
  width: 100%;
  margin-right: -30px;
  padding-right: 30px;
  vertical-align: top; }

.dn-form-field.dn-with-realtime-validation .dn-form-field-realtime-validation {
  display: inline-block;
  width: 30px;
  height: 37px;
  background-position: center center;
  background-repeat: no-repeat; }

.dn-with-realtime-validation.dn-is-not-valid .dn-form-field-realtime-validation {
  background-image: url("/images/icons/v8/fail-circle-16.png?36ca38bffb52e49904480c76d8ee5d05"); }

.dn-with-realtime-validation.dn-is-valid .dn-form-field-realtime-validation {
  background-image: url("/images/icons/v8/ok-circle-16.png?36ca38bffb52e49904480c76d8ee5d05"); }

.dn-below-form-extra-content {
  width: 100%;
  text-align: right;
  font-size: 0.9em; }

.dn-form-footer-actions {
  text-align: center;
  padding-top: 10px; }
  .dn-form-footer-actions.dn-form-field-padding-left {
    padding-left: 10px; }
  .dn-form-footer-actions .dn-btn {
    width: auto;
    padding: 13px; }

.grecaptcha-badge {
  z-index: 498; }

.dn-tabs-container {
  text-align: left; }
  .dn-tabs-container .dn-tabs {
    margin-left: 4px; }
    .dn-tabs-container .dn-tabs li {
      display: inline-block;
      border: 1px solid rgba(204, 204, 204, 0.89);
      border-radius: 4px;
      padding: 10px;
      margin-bottom: -1px;
      cursor: pointer;
      background-color: rgba(250, 250, 250, 0.89);
      color: #333333;
      font-family: "Roboto";
      font-size: 16px;
      font-style: normal;
      font-variant: normal;
      font-weight: 400;
      line-height: 1.5em;
      text-decoration: none;
      text-transform: none;
      letter-spacing: normal;
      word-spacing: normal;
      font-stretch: normal;
      width: 100%; }
  .dn-tabs-container .dn-tabs-panels {
    border-radius: 4px;
    padding: 20px;
    border: 1px solid rgba(204, 204, 204, 0.89);
    border-style: solid; }
    .dn-tabs-container .dn-tabs-panels .dn-tabs-panel {
      display: none; }
      .dn-tabs-container .dn-tabs-panels .dn-tabs-panel .dn-carousel-arrow-container {
        display: none; }
    .dn-tabs-container .dn-tabs-panels .dn-tabs-panel.dn-alt {
      display: block; }
      .dn-tabs-container .dn-tabs-panels .dn-tabs-panel.dn-alt .dn-carousel-arrow-container {
        display: inline-block; }

@media only screen and (min-width: 768px) {
  .dn-tabs-container .dn-tabs li {
    width: auto;
    margin-left: 5px; } }

.dn-carousel {
  position: relative; }
  .dn-carousel .dn-carousel-arrows-above-container {
    width: auto;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: right; }
    .dn-carousel .dn-carousel-arrows-above-container .dn-carousel-arrows-above-gap {
      display: inline-block;
      width: 10px; }
  .dn-carousel .dn-carousel-arrow-container {
    z-index: 10;
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 1em;
    color: black;
    margin-top: auto;
    margin-bottom: auto; }
    .dn-carousel .dn-carousel-arrow-container.dn-carousel-arrow-above-container {
      position: relative;
      display: inline-block; }
    .dn-carousel .dn-carousel-arrow-container .dn-carousel-arrow {
      cursor: pointer;
      position: relative; }
      .dn-carousel .dn-carousel-arrow-container .dn-carousel-arrow .dn-carousel-arrow-icon {
        z-index: 3;
        position: relative; }
      .dn-carousel .dn-carousel-arrow-container .dn-carousel-arrow .dn-carousel-arrow-decorator {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px; }
      .dn-carousel .dn-carousel-arrow-container .dn-carousel-arrow .dn-border {
        z-index: 2; }
      .dn-carousel .dn-carousel-arrow-container .dn-carousel-arrow .dn-background {
        z-index: 1; }
    .dn-carousel .dn-carousel-arrow-container .dn-carousel-left .dn-carousel-arrow-icon:after {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "B";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal; }
    .dn-carousel .dn-carousel-arrow-container .dn-carousel-right .dn-carousel-arrow-icon:after {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "d";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal; }
  .dn-carousel .dn-carousel-left-container {
    left: 0px; }
  .dn-carousel .dn-carousel-right-container {
    right: 0px; }

.dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left-container {
  opacity: 0; }
  .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left-container.dn-carousel-arrow-inline-container {
    left: 0px;
    transition: left 0.3s, opacity 0.3s;
    overflow: hidden; }

.dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right-container {
  opacity: 0; }
  .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right-container.dn-carousel-arrow-inline-container {
    right: 0px;
    transition: right 0.3s, opacity 0.3s;
    overflow: hidden; }

.dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content .dn-carousel:hover .dn-carousel-left-container {
  opacity: 100; }

.dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content .dn-carousel:hover .dn-carousel-right-container {
  opacity: 100; }

.dn-theme-arrows-none > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-arrow-container {
  display: none; }

.dn-theme-arrows-1 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after {
  content: "4"; }

.dn-theme-arrows-1 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after {
  content: "5"; }

.dn-theme-arrows-2 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after {
  content: "6"; }

.dn-theme-arrows-2 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after {
  content: "7"; }

.dn-theme-arrows-3 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after {
  content: "8";
  margin: 0.1em; }

.dn-theme-arrows-3 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after {
  content: "9";
  margin: 0.1em; }

.dn-theme-arrows-4 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after {
  content: "!";
  margin: 0.1em; }

.dn-theme-arrows-4 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after {
  content: '"';
  margin: 0.1em; }

.dn-theme-arrows-5 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after {
  content: "#";
  margin-left: -0.05em;
  margin-right: 0.05em;
  margin-top: -0.005em;
  margin-bottom: 0.005em; }

.dn-theme-arrows-5 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after {
  content: "$";
  margin-right: -0.05em;
  margin-left: 0.05em;
  margin-top: -0.005em;
  margin-bottom: 0.005em; }

.dn-theme-arrows-6 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after {
  content: "B";
  margin-top: 0.1em;
  margin-left: -0.05em;
  margin-right: 0.15em; }

.dn-theme-arrows-6 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after {
  content: "d";
  margin-top: 0.1em;
  margin-right: -0.05em;
  margin-left: 0.15em; }

.dn-theme-arrows-7 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after {
  content: "g";
  margin-left: -0.07em;
  margin-right: 0.07em; }

.dn-theme-arrows-7 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after {
  content: "h";
  margin-right: -0.07em;
  margin-left: 0.07em; }

.dn-grid-container-collage .dn-image-collage-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 25%);
  grid-template-rows: 50% 50%;
  overflow: hidden; }
  .dn-grid-container-collage .dn-image-collage-grid li {
    height: 100%; }

.dn-grid-container-collage .dn-image-collage-grid-1-a li:nth-child(1n) {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-2-a li:nth-child(1n) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-2-a li:nth-child(2n) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-3-a li:nth-child(1n) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-3-a li:nth-child(2n) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-3-a li:nth-child(3n) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-3-b li:nth-child(1n) {
  grid-column: 1;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-3-b li:nth-child(2n) {
  grid-column: 1;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-3-b li:nth-child(3n) {
  grid-column-start: 2;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-3-c li:nth-child(1n) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-3-c li:nth-child(2n) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-3-c li:nth-child(3n) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-3-d li:nth-child(1n) {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-3-d li:nth-child(2n) {
  grid-column: 4;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-3-d li:nth-child(3n) {
  grid-column: 4;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-4-a li:nth-child(1n) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-4-a li:nth-child(2n) {
  grid-column: 3;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-4-a li:nth-child(3n) {
  grid-column: 4;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-4-a li:nth-child(4n) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-4-d li:nth-child(1n) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-4-d li:nth-child(2n) {
  grid-column: 1;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-4-d li:nth-child(3n) {
  grid-column: 2;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-4-d li:nth-child(4n) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-4-b li:nth-child(1n) {
  grid-column: 1;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-4-b li:nth-child(2n) {
  grid-column: 2;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-4-b li:nth-child(3n) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-4-b li:nth-child(4n) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-4-c li:nth-child(1n) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-4-c li:nth-child(2n) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-4-c li:nth-child(3n) {
  grid-column: 3;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-4-c li:nth-child(4n) {
  grid-column: 4;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-5-a li:nth-child(1n) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-5-a li:nth-child(2n) {
  grid-column: 3;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-5-a li:nth-child(3n) {
  grid-column: 4;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-5-a li:nth-child(4n) {
  grid-column: 3;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-5-a li:nth-child(5n) {
  grid-column: 4;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-5-c li:nth-child(1n) {
  grid-column: 1;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-5-c li:nth-child(2n) {
  grid-column: 2;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-5-c li:nth-child(3n) {
  grid-column: 1;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-5-c li:nth-child(4n) {
  grid-column: 2;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-5-c li:nth-child(5n) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-5-b li:nth-child(1n) {
  grid-column: 1;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-5-b li:nth-child(2n) {
  grid-column: 1;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-5-b li:nth-child(3n) {
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-5-b li:nth-child(4n) {
  grid-column: 5;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-5-b li:nth-child(5n) {
  grid-column: 5;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-6-a li:nth-child(1n) {
  grid-column: 1;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-6-a li:nth-child(2n) {
  grid-column: 2;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-6-a li:nth-child(3n) {
  grid-column: 2;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-6-a li:nth-child(4n) {
  grid-column: 3;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-6-a li:nth-child(5n) {
  grid-column: 4;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-6-a li:nth-child(6n) {
  grid-column: 4;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-6-b li:nth-child(1n) {
  grid-column: 1;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-6-b li:nth-child(2n) {
  grid-column: 1;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-6-b li:nth-child(3n) {
  grid-column: 2;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-6-b li:nth-child(4n) {
  grid-column: 3;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-6-b li:nth-child(5n) {
  grid-column: 3;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-6-b li:nth-child(6n) {
  grid-column: 4;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-6-d li:nth-child(1n) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-6-d li:nth-child(2n) {
  grid-column: 1;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-6-d li:nth-child(3n) {
  grid-column: 2;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-6-d li:nth-child(4n) {
  grid-column: 3;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-6-d li:nth-child(5n) {
  grid-column: 4;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-6-d li:nth-child(6n) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-6-c li:nth-child(1n) {
  grid-column: 1;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-6-c li:nth-child(2n) {
  grid-column: 2;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-6-c li:nth-child(3n) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-6-c li:nth-child(4n) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-6-c li:nth-child(5n) {
  grid-column: 3;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-6-c li:nth-child(6n) {
  grid-column: 4;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(1n) {
  grid-column: 1;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(2n) {
  grid-column: 1;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(3n) {
  grid-column: 2;
  grid-row-start: 1;
  grid-row-end: 3; }

.dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(4n) {
  grid-column: 3;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(5n) {
  grid-column: 3;
  grid-row: 2; }

.dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(6n) {
  grid-column: 4;
  grid-row: 1; }

.dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(7n) {
  grid-column: 4;
  grid-row: 2; }

.dn-grid-container-collage .dn-grid-item {
  position: relative; }
  .dn-grid-container-collage .dn-grid-item .dn-grid-item-container {
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid transparent;
    border-radius: 0px;
    background-color: transparent; }
    .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image {
      position: relative;
      width: 100%;
      height: 100%; }
      .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-content {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        overflow: hidden;
        position: absolute; }
        .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-content .dn-image-transform {
          width: 100%;
          height: 100%; }
          .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-content .dn-image-transform .dn-product-thumbnail-container {
            height: 100%; }
      .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        position: absolute;
        overflow: hidden;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; }
        .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-grid-overlay-text {
          width: 100%; }
        .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-overlay-text {
          width: 100%;
          padding: 3px;
          background-color: #e6e6e6;
          border: 1px solid #e6e6e6; }
        .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-overlay-text-rollover {
          opacity: 0.0; }
        .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay.dn-grid-image-overlay-rollover {
          opacity: 0.0; }
          .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay.dn-grid-image-overlay-rollover .dn-overlay-text {
            opacity: 0.0; }
      .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        border: 1px solid transparent;
        border-radius: 0px; }
        .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-grid-image-rollover {
          opacity: 0; }

.dn-grid-container-collage .dn-grid-item .dn-grid-item-container:hover img.dn-grid-image-rollover {
  opacity: 1.0;
  transition: all 500ms ease-in-out; }

.dn-grid-container-collage .dn-grid-item .dn-grid-item-container:hover .dn-grid-image .dn-grid-image-overlay.dn-grid-image-overlay-rollover {
  opacity: 1.0;
  transition: all 500ms ease-in-out; }

.dn-grid-container-collage .dn-grid-item .dn-grid-item-container:hover .dn-grid-image-overlay .dn-overlay-text-rollover {
  opacity: 1.0;
  transition: all 500ms ease-in-out; }

.dn-grid-container-collage .dn-grid-item .dn-grid-item-container:hover .dn-grid-image .dn-grid-image-overlay-rollover .dn-overlay-text {
  opacity: 1.0;
  transition: all 500ms ease-in-out; }

.dn-grid-container-collage[data-grid-cols='1'] .dn-image-collage-grid {
  display: block;
  height: 100%; }
  .dn-grid-container-collage[data-grid-cols='1'] .dn-image-collage-grid li {
    height: 300px; }

.dn-grid-container-collage[data-grid-cols='2'] .dn-image-collage-grid {
  display: block;
  height: 100%; }
  .dn-grid-container-collage[data-grid-cols='2'] .dn-image-collage-grid li {
    height: 300px; }

.dn-grid-container-collage[data-grid-cols='3'] .dn-image-collage-grid {
  height: 300px; }

.dn-grid-container-collage[data-grid-cols='4'] .dn-image-collage-grid {
  height: 400px; }

.dn-grid-container-collage[data-grid-cols='5'] .dn-image-collage-grid {
  height: 500px; }

@media only screen and (min-width: 0px) {
  .dn-widget-spacing-small .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 0px; }
  .dn-widget-spacing-medium .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 3px; }
  .dn-widget-spacing-large .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 6px; }
  .dn-widget-spacing-xlarge .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 8px; }
  .dn-widget-spacing-default .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 3px; } }

@media only screen and (min-width: 480px) {
  .dn-widget-spacing-small .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 0px; }
  .dn-widget-spacing-medium .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 3px; }
  .dn-widget-spacing-large .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 6px; }
  .dn-widget-spacing-xlarge .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 8px; }
  .dn-widget-spacing-default .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 3px; } }

@media only screen and (min-width: 768px) {
  .dn-widget-spacing-small .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 2px; }
  .dn-widget-spacing-medium .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 6px; }
  .dn-widget-spacing-large .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 12px; }
  .dn-widget-spacing-xlarge .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 16px; }
  .dn-widget-spacing-default .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 6px; } }

@media only screen and (min-width: 992px) {
  .dn-widget-spacing-small .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 2px; }
  .dn-widget-spacing-medium .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 6px; }
  .dn-widget-spacing-large .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 16px; }
  .dn-widget-spacing-xlarge .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 24px; }
  .dn-widget-spacing-default .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 6px; } }

@media only screen and (min-width: 1210px) {
  .dn-widget-spacing-small .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 4px; }
  .dn-widget-spacing-medium .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 12px; }
  .dn-widget-spacing-large .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 24px; }
  .dn-widget-spacing-xlarge .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 32px; }
  .dn-widget-spacing-default .dn-grid-container-collage .dn-grid.dn-with-spacing {
    padding-bottom: 12px; } }

.dn-collapse-container {
  border: 1px solid #e6e6e6;
  border-radius: 4px; }
  .dn-collapse-container .dn-collapse-header {
    border-top: 1px solid #e6e6e6;
    padding: 10px;
    margin-bottom: 0px; }
    .dn-collapse-container .dn-collapse-header:first-child {
      border-top: none; }
    .dn-collapse-container .dn-collapse-header h4 {
      display: inline-block;
      margin-bottom: 0px;
      line-height: 1.25em; }
  .dn-collapse-container .dn-collapse-header:after {
    content: "+";
    font-size: 13px;
    color: black;
    float: right;
    margin-left: 5px;
    vertical-align: middle;
    line-height: 1.25em;
    cursor: pointer; }
  .dn-collapse-container .dn-collapse-header.dn-alt:after {
    content: "-"; }
  .dn-collapse-container .dn-collapse-panel {
    display: none; }
    .dn-collapse-container .dn-collapse-panel:last-child {
      border-radius: 0px 0px 4px 4px; }
  .dn-collapse-container .dn-collapse-panel.dn-alt {
    display: block;
    border-top: 1px solid #e6e6e6;
    padding: 1em; }

.dn-radio-collapse-container .dn-radio-collapse-header {
  border-top: 1px solid #e6e6e6;
  margin-bottom: 0px;
  padding: 10px; }
  .dn-radio-collapse-container .dn-radio-collapse-header:first-child {
    border-top: none; }
  .dn-radio-collapse-container .dn-radio-collapse-header h4 {
    line-height: 1.25em;
    display: inline-block;
    margin-bottom: 0px; }

.dn-radio-collapse-container .dn-radio-collapse-header.dn-alt {
  color: rgba(255, 255, 255, 0.89); }

.dn-radio-collapse-container .dn-radio-collapse-panel {
  display: none; }
  .dn-radio-collapse-container .dn-radio-collapse-panel:last-child {
    border-radius: 0px 0px 4px 4px; }

.dn-radio-collapse-container .dn-radio-collapse-panel.dn-alt {
  display: block;
  border-top: 1px solid #e6e6e6;
  padding: 1em;
  background-color: rgba(250, 250, 250, 0.89); }

.dn-alert {
  border: 1px solid #FFFFFF;
  border-radius: 3px;
  padding: 3px;
  margin: 2px 2px 4px 2px;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-alert.dn-page-alert {
  padding: 15px 10px 15px 10px;
  text-align: center;
  font-size: 1.2em;
  margin: 30px; }

.dn-alert.dn-error {
  color: #993434;
  background-color: #F4B2B2;
  border-color: #993434; }

.dn-alert.dn-warning {
  color: #A95623;
  background-color: #FFD3B8;
  border-color: #A95623; }

.dn-alert.dn-notice {
  color: #0D3683;
  background-color: #B0CCFF;
  border-color: #0D3683; }

.dn-alert.dn-success {
  color: #0D3683;
  background-color: #B0CCFF;
  border-color: #0D3683; }

.dn-dynamic-alert {
  visibility: hidden;
  text-align: center;
  font-size: 1.2em;
  opacity: 0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  transition: visibility 0s 0.5s, color 0s 0.5s, background-color 0s 0.5s, border-color 0s 0.5s, opacity 0.5s linear;
  overflow: hidden; }
  .dn-dynamic-alert > .dn-dynamic-alert {
    margin-top: -300px;
    transition: margin-top 0s 0.5s; }

.dn-dynamic-alert.dn-alt {
  visibility: visible;
  padding: 15px 10px 15px 10px;
  min-width: 200px;
  opacity: 1;
  transition: opacity 0.5s linear; }
  .dn-dynamic-alert.dn-alt > .dn-alert {
    margin-top: 0px; }

.dn-alert.dn-with-close .dn-alert-message {
  display: inline-block;
  width: 100%;
  margin-right: -30px;
  padding-right: 30px; }

.dn-alert.dn-with-close .dn-alert-close {
  display: inline-block;
  width: 30px;
  height: 20px;
  cursor: pointer;
  font-weight: bold;
  font-family: arial; }

.dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup.dn-selecting-category .dn-font-selector h4 {
  display: none; }

.dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup.dn-selecting-category .dn-font-selector .dn-font-categories .dn-font-category-container {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  padding-top: 40px;
  margin-bottom: -40px; }
  .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup.dn-selecting-category .dn-font-selector .dn-font-categories .dn-font-category-container .dn-font-selected-category-container {
    display: none; }
  .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup.dn-selecting-category .dn-font-selector .dn-font-categories .dn-font-category-container .dn-font-hierarchy-container {
    padding-left: 5px;
    display: block; }

.dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup.dn-selecting-category .dn-font-selector .dn-font-listing-panel {
  display: none; }

.dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup {
  letter-spacing: -0.31em;
  width: 100%;
  height: 100%; }
  .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content {
    height: 100%;
    margin-top: -40px;
    padding-top: 40px;
    margin-bottom: -50px;
    padding-bottom: 50px; }
    .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content > div {
      height: 100%; }
    .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content h4 {
      display: none; }
  .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector {
    height: 100%; }
    .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-categories {
      width: 100%;
      height: 40px;
      margin-bottom: 10px;
      position: relative;
      z-index: 2; }
      .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-categories .dn-font-selected-category-container {
        height: 40px;
        width: 100%;
        padding: 9px 15px 8px 10px;
        cursor: pointer;
        background: #fff;
        border: 1px solid rgba(204, 204, 204, 0.89);
        background-image: url("/images/icons/open-iconic/png/caret-bottom.png?36ca38bffb52e49904480c76d8ee5d05");
        background-position: 95% center;
        background-repeat: no-repeat; }
        .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-categories .dn-font-selected-category-container .dn-hierarchy-selected-node-label {
          font-size: 14px; }
          .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-categories .dn-font-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator {
            display: inline-block;
            margin-left: 5px;
            margin-right: 5px;
            vertical-align: middle; }
          .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-categories .dn-font-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator:before {
            font-family: "decofonts" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "h";
            display: inline-block;
            letter-spacing: normal;
            word-spacing: normal; }
      .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-categories .dn-font-hierarchy-container {
        display: none; }
    .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel {
      padding: 10px;
      width: 100%;
      height: 100%;
      margin-top: -40px;
      padding-top: 40px; }
      .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container {
        height: 100%; }
        .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container .dn-font-listing-scroll {
          height: 100%;
          overflow: auto; }
          .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container .dn-font-listing-scroll .dn-font-listing li {
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.89);
            line-height: 0px; }
            .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container .dn-font-listing-scroll .dn-font-listing li img {
              width: 100%;
              max-width: 300px;
              cursor: pointer; }
            .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container .dn-font-listing-scroll .dn-font-listing li span {
              display: none; }
            .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container .dn-font-listing-scroll .dn-font-listing li:hover {
              border: 1px solid rgba(230, 230, 230, 0.89); }
            .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container .dn-font-listing-scroll .dn-font-listing li.dn-alt {
              border: 1px solid rgba(204, 204, 204, 0.89); }

@media only screen and (min-width: 768px) {
  .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup {
    width: 780px;
    height: 80%; }
    .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content {
      margin-bottom: -65px;
      padding-bottom: 65px;
      margin-top: -25px;
      padding-top: 25px; }
      .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-categories {
        border-right: 1px solid rgba(204, 204, 204, 0.89);
        background: rgba(252, 252, 252, 0.89);
        display: inline-block;
        width: 25%;
        height: 100%;
        overflow: auto;
        vertical-align: top;
        margin-bottom: 0; }
        .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-categories .dn-font-category-container {
          position: relative;
          height: auto;
          width: auto;
          padding-top: 0;
          margin-bottom: 0; }
          .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-categories .dn-font-category-container .dn-font-selected-category-container {
            display: none; }
          .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-categories .dn-font-category-container .dn-font-hierarchy-container {
            display: block; }
      .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-listing-panel {
        display: inline-block;
        width: 75%;
        vertical-align: top;
        margin-top: 0px;
        padding-top: 10px; } }

/*! miniTip CSS - v1.5.3 */
#dn_tool_tip {
  /* main styles for tooltip */
  background-color: #000000;
  border: 4px solid #000000;
  color: #ffffff;
  font-size: .9em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* end editing style */
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999; }

/* title bar style */
#dn_tool_tip_t {
  background-color: #222222;
  font-weight: 700;
  padding: 4px 6px; }

/* main content style */
#dn_tool_tip_c {
  padding: 4px 8px; }

/* arrow holder, no need to edit */
#dn_tool_tip_a {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0; }

/* arrow pointing down, change border-top color to change color of the arrow */
#dn_tool_tip .n {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #000000;
  border-bottom: 0; }

/* arrow pointing up, change border-bottom color to change color of the arrow */
#dn_tool_tip .s {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #000000;
  border-top: 0; }

/* arrow pointing left, change border-right color to change color of the arrow */
#dn_tool_tip .e {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 8px solid #000000;
  border-left: 0; }

/* arrow pointing right, change border-left color to change color of the arrow */
#dn_tool_tip .w {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #000000;
  border-right: 0; }

[class^="dn-icon-"]:before,
[class*=" dn-icon-"]:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  letter-spacing: normal;
  word-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.dn-icon-align-center:before {
  content: "a"; }

.dn-icon-align-left:before {
  content: "b"; }

.dn-icon-align-right:before {
  content: "c"; }

.dn-icon-chevron-right:before {
  content: "d"; }

.dn-icon-layers:before {
  content: "e"; }

.dn-icon-caret-down:before {
  content: "f"; }

.dn-icon-caret-left:before {
  content: "g"; }

.dn-icon-caret-right:before {
  content: "h"; }

.dn-icon-caret-up:before {
  content: "i"; }

.dn-icon-bold:before {
  content: "j"; }

.dn-icon-italic:before {
  content: "k"; }

.dn-icon-shopping-cart:before {
  content: "l"; }

.dn-icon-more-horizontal:before {
  content: "n"; }

.dn-icon-search:before {
  content: "o"; }

.dn-icon-search-minus:before {
  content: "p"; }

.dn-icon-search-plus:before {
  content: "q"; }

.dn-icon-files:before {
  content: "r"; }

.dn-icon-clipboard:before {
  content: "s"; }

.dn-icon-floppy:before {
  content: "t"; }

.dn-icon-share-alt:before {
  content: "u"; }

.dn-icon-envelope:before {
  content: "v"; }

.dn-icon-dollar:before {
  content: "w"; }

.dn-icon-tshirt:before {
  content: "x"; }

.dn-icon-image:before,
.dn-icon-picture:before {
  content: "y"; }

.dn-icon-loop:before {
  content: "A"; }

.dn-icon-chevron-down:before {
  content: "z"; }

.dn-icon-chevron-left:before {
  content: "B"; }

.dn-icon-chevron-up:before {
  content: "C"; }

.dn-icon-navicon-round:before {
  content: "D"; }

.dn-icon-x:before {
  content: "m"; }

.dn-icon-rotate:before {
  content: "H"; }

.dn-icon-names:before {
  content: "E"; }

.dn-icon-text:before {
  content: "F"; }

.dn-icon-border:before {
  content: "G"; }

.dn-icon-no-border:before {
  content: "I"; }

.dn-icon-select-all:before {
  content: "J"; }

.dn-icon-group:before {
  content: "K"; }

.dn-icon-align-horizontal:before {
  content: "L"; }

.dn-icon-align-vertical:before {
  content: "M"; }

.dn-icon-move-bottom:before {
  content: "N"; }

.dn-icon-move-down:before {
  content: "O"; }

.dn-icon-move-top:before {
  content: "P"; }

.dn-icon-move-up:before {
  content: "Q"; }

.dn-icon-circle:before {
  content: "R"; }

.dn-icon-circle-dot:before {
  content: "S"; }

.dn-icon-circle-dot-line:before {
  content: "T"; }

.dn-icon-circle-line-only:before {
  content: "U"; }

.dn-icon-twitter:before {
  content: "Y"; }

.dn-icon-pinterest:before {
  content: "X"; }

.dn-icon-gplus:before {
  content: "W"; }

.dn-icon-facebook:before {
  content: "V"; }

.dn-icon-instagram:before {
  content: "Z"; }

.dn-icon-youtube:before {
  content: "1"; }

.dn-icon-linkedin:before {
  content: "?"; }

.dn-icon-bubbles-talk:before {
  content: "3"; }

.dn-icon-arrow-back1:before {
  content: "4"; }

.dn-icon-arrow-forward1:before {
  content: "5"; }

.dn-icon-arrow-back2:before {
  content: "6"; }

.dn-icon-arrow-forward2:before {
  content: "7"; }

.dn-icon-arrow-back3:before {
  content: "8"; }

.dn-icon-arrow-forward3:before {
  content: "9"; }

.dn-icon-arrow-back4:before {
  content: "!"; }

.dn-icon-arrow-forward4:before {
  content: '"'; }

.dn-icon-arrow-back5:before {
  content: "#"; }

.dn-icon-arrow-forward5:before {
  content: "$"; }

.dn-icon-ban:before {
  content: "%"; }

.dn-icon-user:before {
  content: "&"; }

.dn-icon-paint-bucket:before {
  content: "'"; }

.dn-icon-home:before {
  content: "("; }

.dn-icon-edit:before {
  content: ")"; }

.dn-icon-ok-tick:before {
  content: "*"; }

.dn-icon-undo:before {
  content: "+"; }

.dn-icon-redo:before {
  content: ","; }

.dn-icon-flip-x:before {
  content: "-"; }

.dn-icon-flip-y:before {
  content: "."; }

.dn-icon-preview:before {
  content: ":"; }

.dn-icon-phone:before {
  content: ";"; }

.dn-icon-iphone:before {
  content: "<"; }

.dn-icon-help-circled:before {
  content: "="; }

.dn-icon-linkedin:before {
  content: "?"; }

.dn-icon-save:before {
  content: "W"; }

.dn-icon-share:before {
  content: "/"; }

.dn-with-disable-overlay {
  position: relative; }
  .dn-with-disable-overlay .dn-disabled-overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2; }
    .dn-with-disable-overlay .dn-disabled-overlay:before {
      background-color: rgba(255, 255, 255, 0.89);
      opacity: 0.35;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      content: "."; }
    .dn-with-disable-overlay .dn-disabled-overlay .dn-disabled-overlay-notice {
      position: absolute;
      left: 50%;
      top: 50%;
      padding: 10px;
      background-color: rgba(255, 255, 255, 0.89);
      border: 2px solid rgba(179, 179, 179, 0.89);
      border-radius: 4px;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.dn-disabled .dn-with-disable-overlay .dn-disabled-overlay {
  display: block; }

.dn-disabled.dn-with-disable-overlay .dn-disabled-overlay {
  display: block; }

.dn-async-action-container {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }
  .dn-async-action-container .dn-async-action-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.89);
    opacity: 0.5; }
  .dn-async-action-container .dn-async-action {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    height: 24px;
    width: 24px; }
    .dn-async-action-container .dn-async-action img {
      width: 100%;
      height: 100%;
      border-width: 0px; }

.dn-background-container {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 0; }

.dn-background-image-container {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.dn-background-image-transform {
  height: 100%;
  width: 100%; }

.dn-background-image-image {
  height: 100%;
  width: 100%; }

.dn-background-image-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px; }

@media only screen and (min-width: 992px) {
  .dn-background-image-fixed {
    background-attachment: fixed; } }

.dn-parallax-container {
  overflow: hidden; }

.dn-fixed,
header .dn-small-header.dn-fixed,
header .dn-large-header.dn-fixed {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 100; }

@media only screen and (min-width: 768px) {
  body.dn-admin-logged-in .dn-fixed {
    top: 50px; } }

body.dn-inline-header .dn-fixed {
  -webkit-box-shadow: -1px 6px 10px -4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -1px 6px 10px -4px rgba(0, 0, 0, 0.25);
  box-shadow: -1px 6px 10px -4px rgba(0, 0, 0, 0.25); }

@keyframes dn-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes dn-slide-from-left {
  from {
    -webkit-transform: translate(-110%, 0px);
    -moz-transform: translate(-110%, 0px);
    -ms-transform: translate(-110%, 0px);
    -o-transform: translate(-110%, 0px);
    transform: translate(-110%, 0px); }
  to {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

@keyframes dn-slide-from-left-bounce {
  0% {
    -webkit-transform: translate(-110%, 0px);
    -moz-transform: translate(-110%, 0px);
    -ms-transform: translate(-110%, 0px);
    -o-transform: translate(-110%, 0px);
    transform: translate(-110%, 0px); }
  60% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  70% {
    -webkit-transform: translate(-5%, 0px);
    -moz-transform: translate(-5%, 0px);
    -ms-transform: translate(-5%, 0px);
    -o-transform: translate(-5%, 0px);
    transform: translate(-5%, 0px); }
  80% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  87% {
    -webkit-transform: translate(-2%, 0px);
    -moz-transform: translate(-2%, 0px);
    -ms-transform: translate(-2%, 0px);
    -o-transform: translate(-2%, 0px);
    transform: translate(-2%, 0px); }
  94% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  97% {
    -webkit-transform: translate(-1%, 0px);
    -moz-transform: translate(-1%, 0px);
    -ms-transform: translate(-1%, 0px);
    -o-transform: translate(-1%, 0px);
    transform: translate(-1%, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

@keyframes dn-slide-from-right {
  from {
    -webkit-transform: translate(110%, 0px);
    -moz-transform: translate(110%, 0px);
    -ms-transform: translate(110%, 0px);
    -o-transform: translate(110%, 0px);
    transform: translate(110%, 0px); }
  to {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

@keyframes dn-slide-from-right-bounce {
  0% {
    -webkit-transform: translate(110%, 0px);
    -moz-transform: translate(110%, 0px);
    -ms-transform: translate(110%, 0px);
    -o-transform: translate(110%, 0px);
    transform: translate(110%, 0px); }
  60% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  70% {
    -webkit-transform: translate(5%, 0px);
    -moz-transform: translate(5%, 0px);
    -ms-transform: translate(5%, 0px);
    -o-transform: translate(5%, 0px);
    transform: translate(5%, 0px); }
  80% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  87% {
    -webkit-transform: translate(2%, 0px);
    -moz-transform: translate(2%, 0px);
    -ms-transform: translate(2%, 0px);
    -o-transform: translate(2%, 0px);
    transform: translate(2%, 0px); }
  94% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  97% {
    -webkit-transform: translate(1%, 0px);
    -moz-transform: translate(1%, 0px);
    -ms-transform: translate(1%, 0px);
    -o-transform: translate(1%, 0px);
    transform: translate(1%, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

@keyframes dn-slide-from-top {
  from {
    -webkit-transform: translate(0px, -110%);
    -moz-transform: translate(0px, -110%);
    -ms-transform: translate(0px, -110%);
    -o-transform: translate(0px, -110%);
    transform: translate(0px, -110%); }
  to {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

@keyframes dn-slide-from-top-bounce {
  0% {
    -webkit-transform: translate(0px, -110%);
    -moz-transform: translate(0px, -110%);
    -ms-transform: translate(0px, -110%);
    -o-transform: translate(0px, -110%);
    transform: translate(0px, -110%); }
  60% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  70% {
    -webkit-transform: translate(0px, -5%);
    -moz-transform: translate(0px, -5%);
    -ms-transform: translate(0px, -5%);
    -o-transform: translate(0px, -5%);
    transform: translate(0px, -5%); }
  80% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  87% {
    -webkit-transform: translate(0px, -2%);
    -moz-transform: translate(0px, -2%);
    -ms-transform: translate(0px, -2%);
    -o-transform: translate(0px, -2%);
    transform: translate(0px, -2%); }
  94% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  97% {
    -webkit-transform: translate(0px, -1%);
    -moz-transform: translate(0px, -1%);
    -ms-transform: translate(0px, -1%);
    -o-transform: translate(0px, -1%);
    transform: translate(0px, -1%); }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

@keyframes dn-slide-from-bottom {
  from {
    -webkit-transform: translate(0px, 110%);
    -moz-transform: translate(0px, 110%);
    -ms-transform: translate(0px, 110%);
    -o-transform: translate(0px, 110%);
    transform: translate(0px, 110%); }
  to {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

@keyframes dn-slide-from-bottom-bounce {
  0% {
    -webkit-transform: translate(0px, 110%);
    -moz-transform: translate(0px, 110%);
    -ms-transform: translate(0px, 110%);
    -o-transform: translate(0px, 110%);
    transform: translate(0px, 110%); }
  60% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  70% {
    -webkit-transform: translate(0px, 5%);
    -moz-transform: translate(0px, 5%);
    -ms-transform: translate(0px, 5%);
    -o-transform: translate(0px, 5%);
    transform: translate(0px, 5%); }
  80% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  87% {
    -webkit-transform: translate(0px, 2%);
    -moz-transform: translate(0px, 2%);
    -ms-transform: translate(0px, 2%);
    -o-transform: translate(0px, 2%);
    transform: translate(0px, 2%); }
  94% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  97% {
    -webkit-transform: translate(0px, 1%);
    -moz-transform: translate(0px, 1%);
    -ms-transform: translate(0px, 1%);
    -o-transform: translate(0px, 1%);
    transform: translate(0px, 1%); }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

@keyframes dn-grow {
  from {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0); }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes dn-grow-bounce {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0); }
  60% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  70% {
    -webkit-transform: scale(0.85, 0.85);
    -moz-transform: scale(0.85, 0.85);
    -ms-transform: scale(0.85, 0.85);
    -o-transform: scale(0.85, 0.85);
    transform: scale(0.85, 0.85); }
  80% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  87% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95); }
  94% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  97% {
    -webkit-transform: scale(0.98, 0.98);
    -moz-transform: scale(0.98, 0.98);
    -ms-transform: scale(0.98, 0.98);
    -o-transform: scale(0.98, 0.98);
    transform: scale(0.98, 0.98); }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes dn-animation-container {
  0% {
    overflow: hidden; }
  99% {
    overflow: hidden; }
  100% {
    overflow: visible; } }

.dn-animation-container > .dn-animated {
  animation-fill-mode: forwards; }

.dn-animation-container.dn-go {
  animation-name: dn-animation-container;
  animation-duration: 1s;
  animation-timing-function: linear; }
  .dn-animation-container.dn-go > .dn-animated {
    animation-duration: 1s;
    animation-timing-function: ease-out; }

.dn-animation-container.dn-wait {
  animation-name: dn-animation-container;
  animation-fill-mode: both;
  animation-duration: 1s;
  animation-play-state: paused;
  animation-timing-function: linear; }
  .dn-animation-container.dn-wait > .dn-animated {
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-play-state: paused;
    animation-timing-function: ease-out; }

.dn-animation-container.dn-go.dn-fade-in > .dn-animated {
  animation-name: dn-fade-in;
  animation-timing-function: linear; }

.dn-animation-container.dn-wait.dn-fade-in > .dn-animated {
  animation-name: dn-fade-in;
  animation-timing-function: linear; }

.dn-animation-container.dn-go.dn-slide-from-left > .dn-animated {
  animation-name: dn-slide-from-left; }

.dn-animation-container.dn-wait.dn-slide-from-left > .dn-animated {
  animation-name: dn-slide-from-left; }

.dn-animation-container.dn-go.dn-slide-from-left-bounce > .dn-animated {
  animation-name: dn-slide-from-left-bounce; }

.dn-animation-container.dn-wait.dn-slide-from-left-bounce > .dn-animated {
  animation-name: dn-slide-from-left-bounce; }

.dn-animation-container.dn-go.dn-slide-from-right > .dn-animated {
  animation-name: dn-slide-from-right; }

.dn-animation-container.dn-wait.dn-slide-from-right > .dn-animated {
  animation-name: dn-slide-from-right; }

.dn-animation-container.dn-go.dn-slide-from-right-bounce > .dn-animated {
  animation-name: dn-slide-from-right-bounce; }

.dn-animation-container.dn-wait.dn-slide-from-right-bounce > .dn-animated {
  animation-name: dn-slide-from-right-bounce; }

.dn-animation-container.dn-go.dn-slide-from-top > .dn-animated {
  animation-name: dn-slide-from-top; }

.dn-animation-container.dn-wait.dn-slide-from-top > .dn-animated {
  animation-name: dn-slide-from-top; }

.dn-animation-container.dn-go.dn-slide-from-top-bounce > .dn-animated {
  animation-name: dn-slide-from-top-bounce; }

.dn-animation-container.dn-wait.dn-slide-from-top-bounce > .dn-animated {
  animation-name: dn-slide-from-top-bounce; }

.dn-animation-container.dn-go.dn-slide-from-bottom > .dn-animated {
  animation-name: dn-slide-from-bottom; }

.dn-animation-container.dn-wait.dn-slide-from-bottom > .dn-animated {
  animation-name: dn-slide-from-bottom; }

.dn-animation-container.dn-go.dn-slide-from-bottom-bounce > .dn-animated {
  animation-name: dn-slide-from-bottom-bounce; }

.dn-animation-container.dn-wait.dn-slide-from-bottom-bounce > .dn-animated {
  animation-name: dn-slide-from-bottom-bounce; }

.dn-animation-container.dn-go.dn-grow > .dn-animated {
  animation-name: dn-grow; }

.dn-animation-container.dn-wait.dn-grow > .dn-animated {
  animation-name: dn-grow; }

.dn-animation-container.dn-go.dn-grow-bounce > .dn-animated {
  animation-name: dn-grow-bounce;
  animation-timing-function: linear; }

.dn-animation-container.dn-wait.dn-grow-bounce > .dn-animated {
  animation-name: dn-grow-bounce; }

.dn-animation-container.dn-finished > .dn-animated {
  animation-name: none; }

/* DN Color picker */
input.dncp-btn.dncp-btn-primary {
  background-color: #1993ff;
  border: 1px solid #1993ff;
  color: #FFF; }

input.dncp-btn.dncp-btn-primary:hover {
  background-color: #0C86F3;
  border: 1px solid #0C86F3;
  color: #FFF !important; }

input.dncp-btn.dncp-btn-remove {
  background-color: #000000;
  border: 1px solid #000000;
  color: #FFF; }

/* calendar date select */
.ie6_blocker {
  z-index: 99; }

.calendar_date_select {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.25);
  background: #fff;
  border: 1px solid #ddd;
  left: 470px;
  position: absolute;
  top: 340px;
  width: 260px;
  z-index: 3100; }

.calendar_date_select a {
  color: #404040; }

.cds_header {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
  padding: 10px 5px;
  text-align: center; }

.cds_header:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden; }

* html .cds_header {
  height: 1px; }

* + html .cds_header {
  min-height: 1px; }

.cds_header .next,
.cds_header .prev,
.cds_header .close {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, 0.65);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, 0.65);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, 0.65);
  background: #dbe3e3;
  border: 1px solid #c1c9c7;
  display: inline-block;
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  margin-top: 2px;
  padding: 0 5px; }

.cds_header a.close {
  float: right;
  margin-left: 5px; }

.cds_header .next {
  float: right; }

.cds_header .prev {
  float: left; }

.calendar_date_select select {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: url(/images/om/dropdown_bg.png) 100% 0 no-repeat;
  border: 1px solid #c1c9c7;
  font-size: 11px;
  margin: 0 4px;
  padding: 3px 2px 3px 5px; }

.cds_body {
  margin-bottom: 5px;
  padding: 0 2px 5px; }

.cds_body table th {
  border-bottom: 1px solid #ddd;
  color: #888;
  padding: 4px; }

.cds_body table td {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  border: 1px solid #ddd;
  border-width: 0 0 1px 1px;
  color: #404040;
  font-size: 11px;
  padding: 4px;
  text-align: center; }

.cds_body table td.today {
  background-image: url(/images/om/na_bg.png); }

.cds_body table td.selected, .cds_body table td.weekend.selected {
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #333;
  border-color: #404040;
  color: #fff; }

.cds_body table td:last-child {
  border-width: 0 1px 1px 1px; }

.cds_body table td.weekend {
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 13px 13px -3px rgba(255, 255, 255, 0.65);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 13px 13px -3px rgba(255, 255, 255, 0.65);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 13px 13px -3px rgba(255, 255, 255, 0.65);
  background: #e8efef; }

.cds_body table td.disabled {
  color: #d3d3d3; }

.cds_buttons {
  float: right;
  margin: 5px 5px 10px; }

.cds_buttons span:not(:has(> select)) {
  display: none; }

.cds_buttons a {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, 0.65);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, 0.65);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, 0.65);
  border: 1px solid #c1c9c7;
  display: inline-block;
  background: #dbe3e3;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  margin-left: 5px;
  padding: 0 5px; }

.cds_footer {
  float: left;
  font-weight: bold;
  margin: 5px; }

.cds_footer span {
  color: #888;
  display: inline-block;
  height: 18px;
  line-height: 18px; }

.cds_image_icon {
  margin-bottom: -5px;
  margin-top: -10px;
  cursor: pointer;
  width: 20px;
  position: relative; }

/*
The 'responsive' fullscreen settings
*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
  body.dn-fullscreen-mobile {
    overflow: hidden; }
    body.dn-fullscreen-mobile header, body.dn-fullscreen-mobile footer {
      display: none; }
    body.dn-fullscreen-mobile .dn-content {
      position: relative;
      z-index: 500; }
      body.dn-fullscreen-mobile .dn-content .dn-page-section.dn-breadcrumb-section, body.dn-fullscreen-mobile .dn-content > section, body.dn-fullscreen-mobile .dn-content .dn-not-fullscreen {
        display: none; }
      body.dn-fullscreen-mobile .dn-content .dnmp-border-top.dnmp-outline,
      body.dn-fullscreen-mobile .dn-content .dnmp-border-bottom-container.dnmp-outline {
        display: none !important; }
  .dn-widget.dn-fullscreen-mobile {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 500; }
    .dn-widget.dn-fullscreen-mobile .dn-widget-content-container {
      height: 100%;
      width: 100%; }
      .dn-widget.dn-fullscreen-mobile .dn-widget-content-container .dn-widget-content {
        height: 100%;
        width: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  body.dn-fullscreen-small {
    overflow: hidden; }
    body.dn-fullscreen-small header, body.dn-fullscreen-small footer {
      display: none; }
    body.dn-fullscreen-small .dn-content {
      position: relative;
      z-index: 500; }
      body.dn-fullscreen-small .dn-content .dn-page-section.dn-breadcrumb-section, body.dn-fullscreen-small .dn-content > section, body.dn-fullscreen-small .dn-content .dn-not-fullscreen {
        display: none; }
      body.dn-fullscreen-small .dn-content .dnmp-border-top.dnmp-outline,
      body.dn-fullscreen-small .dn-content .dnmp-border-bottom-container.dnmp-outline {
        display: none !important; }
  .dn-widget.dn-fullscreen-small {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 500; }
    .dn-widget.dn-fullscreen-small .dn-widget-content-container {
      height: 100%;
      width: 100%; }
      .dn-widget.dn-fullscreen-small .dn-widget-content-container .dn-widget-content {
        height: 100%;
        width: 100%; } }

@media only screen and (min-width: 992px) and (max-width: 1209px) {
  body.dn-fullscreen-medium {
    overflow: hidden; }
    body.dn-fullscreen-medium header, body.dn-fullscreen-medium footer {
      display: none; }
    body.dn-fullscreen-medium .dn-content {
      position: relative;
      z-index: 500; }
      body.dn-fullscreen-medium .dn-content .dn-page-section.dn-breadcrumb-section, body.dn-fullscreen-medium .dn-content > section, body.dn-fullscreen-medium .dn-content .dn-not-fullscreen {
        display: none; }
      body.dn-fullscreen-medium .dn-content .dnmp-border-top.dnmp-outline,
      body.dn-fullscreen-medium .dn-content .dnmp-border-bottom-container.dnmp-outline {
        display: none !important; }
  .dn-widget.dn-fullscreen-medium {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 500; }
    .dn-widget.dn-fullscreen-medium .dn-widget-content-container {
      height: 100%;
      width: 100%; }
      .dn-widget.dn-fullscreen-medium .dn-widget-content-container .dn-widget-content {
        height: 100%;
        width: 100%; } }

@media only screen and (min-width: 1210px) {
  body.dn-fullscreen-large {
    overflow: hidden; }
    body.dn-fullscreen-large header, body.dn-fullscreen-large footer {
      display: none; }
    body.dn-fullscreen-large .dn-content {
      position: relative;
      z-index: 500; }
      body.dn-fullscreen-large .dn-content .dn-page-section.dn-breadcrumb-section, body.dn-fullscreen-large .dn-content > section, body.dn-fullscreen-large .dn-content .dn-not-fullscreen {
        display: none; }
      body.dn-fullscreen-large .dn-content .dnmp-border-top.dnmp-outline,
      body.dn-fullscreen-large .dn-content .dnmp-border-bottom-container.dnmp-outline {
        display: none !important; }
  .dn-widget.dn-fullscreen-large {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 500; }
    .dn-widget.dn-fullscreen-large .dn-widget-content-container {
      height: 100%;
      width: 100%; }
      .dn-widget.dn-fullscreen-large .dn-widget-content-container .dn-widget-content {
        height: 100%;
        width: 100%; } }

/*
The 'responsive' display settings
*/
.dn-at-mobile {
  display: none !important; }

.dn-with-mobile {
  display: none !important; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .dn-at-mobile {
    display: block !important; }
  .dn-at-mobile.dn-inline {
    display: inline-block !important; } }

@media only screen and (min-width: 0px) {
  .dn-with-mobile {
    display: block !important; }
  .dn-with-mobile.dn-inline {
    display: inline-block !important; } }

.dn-at-small {
  display: none !important; }

.dn-with-small {
  display: none !important; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dn-at-small {
    display: block !important; }
  .dn-at-small.dn-inline {
    display: inline-block !important; } }

@media only screen and (min-width: 768px) {
  .dn-with-small {
    display: block !important; }
  .dn-with-small.dn-inline {
    display: inline-block !important; } }

.dn-at-medium {
  display: none !important; }

.dn-with-medium {
  display: none !important; }

@media only screen and (min-width: 992px) and (max-width: 1209px) {
  .dn-at-medium {
    display: block !important; }
  .dn-at-medium.dn-inline {
    display: inline-block !important; } }

@media only screen and (min-width: 992px) {
  .dn-with-medium {
    display: block !important; }
  .dn-with-medium.dn-inline {
    display: inline-block !important; } }

.dn-at-large {
  display: none !important; }

.dn-with-large {
  display: none !important; }

@media only screen and (min-width: 1210px) {
  .dn-at-large {
    display: block !important; }
  .dn-at-large.dn-inline {
    display: inline-block !important; } }

@media only screen and (min-width: 1210px) {
  .dn-with-large {
    display: block !important; }
  .dn-with-large.dn-inline {
    display: inline-block !important; } }

.dn-blank-product-categories .dn-product-category-name h4 {
  margin-top: 10px; }

.dn-blank-product-categories-dropdown-container .dn-blank-product-categories-select {
  padding-bottom: 5px; }
  .dn-blank-product-categories-dropdown-container .dn-blank-product-categories-select.dn-horizontal {
    display: inline-block;
    padding-right: 5px; }

div.dn-product-display {
  letter-spacing: -0.31em;
  position: relative; }
  div.dn-product-display .dn-product-heading-container {
    position: relative;
    width: 100%;
    margin-left: 0px;
    padding-left: 0px; }
    div.dn-product-display .dn-product-heading-container h1 {
      vertical-align: bottom; }
    div.dn-product-display .dn-product-heading-container .dn-inline-fit {
      display: inline-block; }
    div.dn-product-display .dn-product-heading-container.dn-product-brand-none .dn-product-brand {
      display: none; }
    div.dn-product-display .dn-product-heading-container.dn-product-code-none .dn-product-code {
      display: none; }
  div.dn-product-display div.dn-product-main-image-panel {
    display: inline-block;
    width: 100%;
    max-width: 600px;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
    div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container {
      position: relative;
      overflow: hidden; }
      div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-main-image-padding {
        width: 100%;
        padding-bottom: 100%; }
      div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container {
        position: absolute;
        width: 100%;
        height: 100%; }
        div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container img {
          width: 100%; }
          div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container img.dn-product-main-image {
            border: 1px solid rgba(204, 204, 204, 0.89); }
          div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container img.dn-decoration-area-overlay {
            z-index: 3;
            position: absolute;
            border: none; }
      div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-brand-logo-container {
        position: absolute;
        bottom: 5px;
        right: 5px;
        width: auto; }
    div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container {
      width: 100%; }
      div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li.dn-alt, div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li:hover {
        border: 1px solid rgba(128, 128, 128, 0.89); }
      div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li {
        text-align: center;
        cursor: pointer;
        border: 1px solid rgba(204, 204, 204, 0.89);
        margin-right: 10px;
        margin-bottom: 10px; }
        div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li span, div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li b {
          display: none; }
        div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li img {
          width: 100%; }
        div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li label {
          overflow: hidden;
          text-overflow: ellipsis; }
    div.dn-product-display div.dn-product-main-image-panel div > div:not(:first-child) ul li {
      margin-right: 10px;
      margin-bottom: 0px;
      margin-top: 10px; }
  div.dn-product-display div.dn-product-details-panel {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    margin-top: 15px; }
    div.dn-product-display div.dn-product-details-panel > div:not(:first-child) {
      margin-top: 15px; }
      div.dn-product-display div.dn-product-details-panel > div:not(:first-child) h4 {
        margin-bottom: 5px; }
    div.dn-product-display div.dn-product-details-panel div.dn-product-extra-field-with-description h4 {
      margin-bottom: 0px; }
    div.dn-product-display div.dn-product-details-panel div.dn-product-extra-field-with-description .dn-product-extra-field-description {
      display: block;
      margin: 2px 0px; }
    div.dn-product-display div.dn-product-details-panel .dn-product-decoration-prices {
      margin-top: 5px; }
    div.dn-product-display div.dn-product-details-panel .dn-product-extra-details-container {
      margin-top: 0px; }
      div.dn-product-display div.dn-product-details-panel .dn-product-extra-details-container > div {
        margin-top: 15px; }
    div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell {
      height: 40px;
      width: 40px;
      overflow: hidden;
      cursor: pointer; }
    @media only screen and (min-width: 768px) {
      div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell {
        height: 35px;
        width: 35px;
        overflow: hidden;
        cursor: pointer; }
      div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-few .dn-color-panel-cell {
        height: 40px;
        width: 40px; }
      div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-many .dn-color-panel-cell {
        height: 25px;
        width: 25px; }
      div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-heaps .dn-color-panel-cell {
        height: 21px;
        width: 21px; } }
    div.dn-product-display div.dn-product-details-panel .dn-product-color-selected-label {
      margin-top: 0px;
      padding-left: 0px;
      font-size: 0.9em;
      letter-spacing: normal;
      word-spacing: normal; }
    div.dn-product-display div.dn-product-details-panel .dn-product-size-container .dn-d-size-chart-link {
      display: none; }
    div.dn-product-display div.dn-product-details-panel .dn-product-size-container .dn-d-size-field-label {
      display: none; }
    div.dn-product-display div.dn-product-details-panel .dn-product-size-container .dn-product-size-field-container > span select {
      margin-left: 5px; }
    div.dn-product-display div.dn-product-details-panel .dn-product-price-container {
      display: inline-block;
      margin-right: 8px;
      vertical-align: top; }
      div.dn-product-display div.dn-product-details-panel .dn-product-price-container h4 {
        margin-bottom: 15px;
        display: none; }
      div.dn-product-display div.dn-product-details-panel .dn-product-price-container .dn-price {
        font-size: 2em; }
        div.dn-product-display div.dn-product-details-panel .dn-product-price-container .dn-price .dn-price-currency-code {
          font-size: 0.7em; }
      div.dn-product-display div.dn-product-details-panel .dn-product-price-container .dn-afterpay-info img {
        height: 25px;
        vertical-align: middle; }
      div.dn-product-display div.dn-product-details-panel .dn-product-price-container .dn-afterpay-info a {
        text-decoration: none; }
    div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container {
      margin-top: 15px; }
      div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container h4 {
        margin-bottom: 5px; }
      div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container .dn-product-qty-container {
        display: inline-block;
        margin-right: 8px;
        margin-bottom: 15px;
        margin-left: 0px;
        vertical-align: top; }
        div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container .dn-product-qty-container h4 {
          visibility: visible; }
      div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container .dn-product-add-button-container {
        display: inline-block; }
      div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container .dn-btn {
        width: 100%; }
    div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container.dn-showing-add-to-cart.dn-showing-decorate-now .dn-product-qty-container {
      width: 100%; }
    div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container.dn-showing-add-to-cart.dn-showing-decorate-now .dn-product-decorate-now-container {
      display: inline-block;
      width: 50%;
      padding-right: 3px; }
    div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container.dn-showing-add-to-cart.dn-showing-decorate-now .dn-product-add-button-container {
      display: inline-block;
      width: 50%;
      padding-left: 3px; }
    div.dn-product-display div.dn-product-details-panel .dn-product-extra-field-container {
      margin-top: 15px; }
      div.dn-product-display div.dn-product-details-panel .dn-product-extra-field-container .dn-product-extra-field input,
      div.dn-product-display div.dn-product-details-panel .dn-product-extra-field-container .dn-product-extra-field select {
        vertical-align: middle; }
      div.dn-product-display div.dn-product-details-panel .dn-product-extra-field-container .dn-product-extra-field a.field_date_picker {
        vertical-align: top; }
    div.dn-product-display div.dn-product-details-panel .dn-product-decorate-now-container .dn-product-decorate-now-button {
      width: 100%; }
    div.dn-product-display div.dn-product-details-panel .dn-product-other-product-opts {
      margin-top: 10px; }
      div.dn-product-display div.dn-product-details-panel .dn-product-other-product-opts li {
        padding: 5px 10px 5px 0;
        display: inline-block; }
        div.dn-product-display div.dn-product-details-panel .dn-product-other-product-opts li a {
          font-weight: bold; }
        div.dn-product-display div.dn-product-details-panel .dn-product-other-product-opts li a:hover {
          text-decoration: underline; }
  div.dn-product-display .dn-product-description h4 {
    margin-bottom: 5px; }
  div.dn-product-display .dn-product-description ul {
    list-style-type: disc;
    list-style-position: inside; }
  div.dn-product-display .dn-product-description ol {
    list-style-type: decimal;
    list-style-position: inside; }
  div.dn-product-display .dn-product-description li {
    letter-spacing: normal; }
  div.dn-product-display .dn-product-details-panel.dn-using-multi-size-select .dn-product-qty-container {
    display: none; }
  div.dn-product-display .dn-product-details-panel.dn-using-single-size-select .dn-product-size-container {
    display: inline-block;
    vertical-align: top; }
    div.dn-product-display .dn-product-details-panel.dn-using-single-size-select .dn-product-size-container .dn-size-qty-container {
      display: none; }
  div.dn-product-display .dn-product-details-panel.dn-using-single-size-select .dn-product-qty-container {
    display: inline-block;
    vertical-align: top;
    margin-left: 2px; }
    div.dn-product-display .dn-product-details-panel.dn-using-single-size-select .dn-product-qty-container h4 {
      visibility: hidden; }
  div.dn-product-display .dn-product-details-panel.dn-using-single-size-select .dn-product-size-field-container {
    position: relative; }
    div.dn-product-display .dn-product-details-panel.dn-using-single-size-select .dn-product-size-field-container select {
      padding-right: 30px; }
  div.dn-product-display div.dn-product-bottom-panel {
    width: 100%;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
    div.dn-product-display div.dn-product-bottom-panel > div {
      margin-top: 15px; }
      div.dn-product-display div.dn-product-bottom-panel > div h4 {
        margin-bottom: 5px; }
  div.dn-product-display .dn-product-qty-breakdown-container div.dn-product-discounts-container:first-of-type {
    margin-bottom: 5px; }
  div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table {
    border: 1px solid rgba(204, 204, 204, 0.89);
    width: 100%; }
    div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table td, div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table th {
      border-top: 1px solid rgba(204, 204, 204, 0.89);
      border-left: 1px solid rgba(204, 204, 204, 0.89);
      text-align: center;
      padding: 5px;
      font-size: 0.9em; }
    div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table th {
      font-weight: bold; }
    div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table tr:first-child th,
    div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table tr:first-child td {
      border-top: 0; }
    div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table tr th:first-child,
    div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table tr td:first-child {
      border-left: 0; }

.dn-product-size-chart-container .dn-size-chart-image-container {
  display: inline-block; }
  .dn-product-size-chart-container .dn-size-chart-image-container img {
    width: 100%; }

.dn-product-size-chart-container .dn-size-chart-table-container {
  overflow-x: auto; }
  .dn-product-size-chart-container .dn-size-chart-table-container table {
    border: 1px solid rgba(204, 204, 204, 0.89);
    width: 100%; }
    .dn-product-size-chart-container .dn-size-chart-table-container table td, .dn-product-size-chart-container .dn-size-chart-table-container table th {
      border-top: 1px solid rgba(204, 204, 204, 0.89);
      border-left: 1px solid rgba(179, 179, 179, 0.89);
      text-align: center;
      padding: 5px;
      font-size: 0.9em; }
    .dn-product-size-chart-container .dn-size-chart-table-container table th {
      font-weight: bold; }
    .dn-product-size-chart-container .dn-size-chart-table-container table tr:first-child th,
    .dn-product-size-chart-container .dn-size-chart-table-container table tr:first-child td {
      border-top: 0; }
    .dn-product-size-chart-container .dn-size-chart-table-container table tr th:first-child,
    .dn-product-size-chart-container .dn-size-chart-table-container table tr td:first-child {
      border-left: 0; }

.dn-select-multiple-sizes-container .dn-selected-size-container {
  margin-bottom: 5px; }
  .dn-select-multiple-sizes-container .dn-selected-size-container .dn-sizes-container {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-right: -70px;
    padding-right: 70px; }
    .dn-select-multiple-sizes-container .dn-selected-size-container .dn-sizes-container select {
      width: 100%; }
  .dn-select-multiple-sizes-container .dn-selected-size-container .dn-sizes-container.dn-has-sub-sizes .dn-size-selector {
    display: inline-block;
    width: 50%;
    vertical-align: middle; }
  .dn-select-multiple-sizes-container .dn-selected-size-container .dn-sizes-container.dn-has-sub-sizes .dn-sub-size-selector {
    display: inline-block;
    width: 50%;
    padding-left: 5px;
    vertical-align: middle; }
  .dn-select-multiple-sizes-container .dn-selected-size-container .dn-size-qty-container {
    display: inline-block;
    vertical-align: middle;
    width: 55px;
    padding-left: 5px; }
    .dn-select-multiple-sizes-container .dn-selected-size-container .dn-size-qty-container input {
      width: 100%; }
  .dn-select-multiple-sizes-container .dn-selected-size-container .dn-size-remove {
    display: inline-block;
    margin-right: -20px;
    width: 20px;
    height: 20px;
    vertical-align: middle; }
    .dn-select-multiple-sizes-container .dn-selected-size-container .dn-size-remove:before {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "2";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal;
      font-size: 20px;
      vertical-align: bottom;
      padding-left: 3px;
      cursor: pointer; }

.dn-select-multiple-sizes-container .dn-size-add {
  cursor: pointer;
  font-weight: bold;
  display: inline-block;
  padding: 5px;
  letter-spacing: normal;
  word-spacing: normal; }
  .dn-select-multiple-sizes-container .dn-size-add:hover {
    text-decoration: underline; }
  .dn-select-multiple-sizes-container .dn-size-add:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "0";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    font-size: 20px;
    vertical-align: bottom;
    padding-right: 3px; }

.dn-product-decoration-price a {
  font-weight: bold; }
  .dn-product-decoration-price a:hover {
    text-decoration: underline; }

.dn-product-add-button-container {
  width: 100%; }

.dn-product-heading-container.dn-product-name-above-content .dn-product-name {
  display: none; }

.dn-product-heading-container.dn-product-name-above-content .dn-product-description {
  display: none; }

.dn-product-heading-container.dn-product-brand-above-content .dn-product-brand {
  display: none; }

.dn-product-heading-container.dn-product-code-above-content .dn-product-code {
  display: none; }

div.dn-product-display.dn-product-image-right[data-breakpoint-600='true'] div.dn-product-details-panel {
  padding-right: 10px; }

div.dn-product-display.dn-product-image-left[data-breakpoint-600='true'] div.dn-product-details-panel {
  padding-left: 10px;
  margin-top: 0px; }

div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-top .dn-product-views-container {
  padding-bottom: 10px; }
  div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-top .dn-product-views-container ul li {
    margin: 0px;
    margin-right: 10px;
    padding: 10px; }

div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-bottom > div:not(:first-child) {
  margin-top: 15px; }
  div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-bottom > div:not(:first-child) h4 {
    margin-bottom: 5px; }

div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-bottom .dn-product-views-container {
  margin-top: 0px;
  padding-top: 10px; }
  div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-bottom .dn-product-views-container ul li {
    margin: 0px;
    margin-right: 10px;
    padding: 10px; }

div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-small, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-small {
  margin-top: 0px; }
  div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-small .dn-product-views-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-small .dn-product-views-container {
    width: 15%; }
  div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-small .dn-product-main-image-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-small .dn-product-main-image-container {
    width: 85%; }

div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-medium, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-medium {
  margin-top: 0px; }
  div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-medium .dn-product-views-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-medium .dn-product-views-container {
    width: 25%; }
  div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-medium .dn-product-main-image-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-medium .dn-product-main-image-container {
    width: 75%; }

div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-large, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-large {
  margin-top: 0px; }
  div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-large .dn-product-views-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-large .dn-product-views-container {
    width: 30%; }
  div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-large .dn-product-main-image-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-large .dn-product-main-image-container {
    width: 70%; }

div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container {
  display: inline-block;
  vertical-align: top; }

div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-main-image-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-main-image-container {
  display: inline-block; }

div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container {
  padding-right: 10px; }
  div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container ul li {
    margin: 0px;
    margin-bottom: 10px;
    padding: 10px; }

div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container {
  padding-left: 10px; }
  div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container ul li {
    margin: 0px;
    margin-bottom: 10px;
    padding: 10px; }

div.dn-product-display[data-breakpoint-600='true'] div.dn-product-image-panel-large div.dn-product-main-image-panel {
  width: 50%; }

div.dn-product-display[data-breakpoint-600='true'] div.dn-product-image-panel-large div.dn-product-details-panel {
  width: 50%; }

div.dn-product-display[data-breakpoint-600='true'] div.dn-product-image-panel-medium div.dn-product-main-image-panel {
  width: 40%; }

div.dn-product-display[data-breakpoint-600='true'] div.dn-product-image-panel-medium div.dn-product-details-panel {
  width: 60%; }

div.dn-product-display[data-breakpoint-600='true'] div.dn-product-image-panel-small div.dn-product-main-image-panel {
  width: 30%; }

div.dn-product-display[data-breakpoint-600='true'] div.dn-product-image-panel-small div.dn-product-details-panel {
  width: 70%; }

div.dn-product-display[data-breakpoint-600='true'] div.dn-product-details-panel .dn-product-description {
  margin-top: 0px;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  overflow-wrap: break-word; }
  div.dn-product-display[data-breakpoint-600='true'] div.dn-product-details-panel .dn-product-description pre {
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: break-word; }

div.dn-product-display[data-breakpoint-600='true'] div.dn-product-details-panel .dn-product-name {
  margin-top: 0px;
  margin-bottom: 15px; }

div.dn-product-display[data-breakpoint-1250='true'] div.dn-product-main-image-panel {
  width: 600px;
  margin-right: -600px; }

div.dn-product-display[data-breakpoint-1250='true'] div.dn-product-details-panel {
  width: auto;
  margin-left: 600px;
  overflow: hidden; }

@media only screen and (min-width: 768px) {
  .dn-product-display.dn-with-social-sharing {
    /*h1 {
      display: inline-block;
      width: auto;
      //margin-right: -300px;
      //padding-right: 300px;
    }*/ }
    .dn-product-display.dn-with-social-sharing .dn-social-share-container {
      max-width: 300px; }
  /*.dn-product-display.dn-longer-name.dn-with-social-sharing {
    h1 {
      position: relative;
      width: 100%;
      margin-right: -300px;
      padding-right: 300px;
      margin-left: 0px;
    }
    div.dn-product-details-panel {
      padding-top: 0px;  
    }
  }*/ }

.dn-product-info h4.dn-styled.dn-sized {
  margin-bottom: 3px; }

.dn-product-info .dn-product-description {
  margin-bottom: 5px; }

.dn-product-info .dn-product-color-container {
  margin-bottom: 5px; }
  .dn-product-info .dn-product-color-container .dn-color-panel .dn-color-panel-cell {
    height: 40px;
    width: 40px;
    overflow: hidden;
    cursor: default; }

.dn-product-info .dn-product-size-container {
  margin-bottom: 5px; }

.dn-product-info .dn-product-size-chart-container {
  margin-bottom: 5px; }

.dn-tax-notice-container {
  margin-top: 10px; }
  .dn-tax-notice-container .dn-tax-notice {
    font-size: 9px; }

.dn-inventory-table-container table {
  border: 1px solid rgba(204, 204, 204, 0.89);
  width: 100%; }
  .dn-inventory-table-container table td, .dn-inventory-table-container table th {
    border-top: 1px solid rgba(204, 204, 204, 0.89);
    border-left: 1px solid rgba(179, 179, 179, 0.89);
    text-align: center;
    padding: 5px;
    font-size: 0.9em;
    min-width: 33px; }
  .dn-inventory-table-container table th {
    font-weight: bold; }
  .dn-inventory-table-container table tr:first-child th,
  .dn-inventory-table-container table tr:first-child td {
    border-top: 0; }
  .dn-inventory-table-container table tr th:first-child,
  .dn-inventory-table-container table tr td:first-child {
    border-left: 0; }

.dn-filter-list {
  margin-bottom: 8px; }
  .dn-filter-list h3 {
    margin-bottom: 2px; }

.dn-filter-lists.dn-horizontal .dn-filter-list {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px; }

.dn-filter-list-value {
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
  background-color: transparent;
  border: 0px solid transparent;
  border-radius: 0px; }
  .dn-filter-list-value.dn-horizontal {
    width: auto;
    display: inline-block; }
  .dn-filter-list-value input[type='checkbox'] {
    vertical-align: middle; }
  .dn-filter-list-value label, .dn-filter-list-value span {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%; }
  .dn-filter-list-value > label {
    padding-right: 10px; }
  .dn-filter-list-value a {
    text-decoration: none; }
    .dn-filter-list-value a.dn-alt {
      font-weight: bold; }

.dn-filter-list-value.dn-depth-2 {
  margin-left: 5px; }

.dn-filter-list-value.dn-depth-3 {
  margin-left: 10px; }

.dn-filter-list-value.dn-depth-4, .dn-filter-list-value.dn-depth-5, .dn-filter-list-value.dn-depth-6, .dn-filter-list-value.dn-depth-7 {
  margin-left: 15px; }

.dn-filter-list-color {
  display: inline-block;
  vertical-align: middle; }
  .dn-filter-list-color .dn-filter-list-color-swatch {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-top: 1px;
    margin-right: 2px;
    margin-bottom: 1px;
    margin-left: 1px;
    border: 0px solid rgba(230, 230, 230, 0.89);
    border-radius: 0px; }
  .dn-filter-list-color label {
    display: inline-block;
    vertical-align: middle; }

.dn-expandable-value,
.dn-expandable-value.dn-horizontal {
  display: none; }

.dn-expanded .dn-expandable-value {
  display: block; }

.dn-expanded .dn-expandable-value.dn-horizontal {
  display: inline-block; }

.dn-filter-list-expander {
  padding-left: 20%;
  cursor: pointer;
  opacity: 0.7; }

.dn-filter-list-expander:hover {
  opacity: 1; }

.dn-filter-list-expander > div:after {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "z";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-expanded .dn-filter-list-expander > div:after {
  content: "C"; }

.dn-filter-values-container.dn-filter-price .dn-filter-list-value label {
  min-width: 30px;
  display: inline-block;
  width: auto;
  padding-right: 0px; }

.dn-filter-values-container.dn-filter-price .dn-filter-list-value .dn-filter-value-input {
  width: 100%;
  margin-left: -30px;
  padding-left: 33px;
  display: inline-block;
  position: relative; }
  .dn-filter-values-container.dn-filter-price .dn-filter-list-value .dn-filter-value-input input {
    width: 50px;
    max-width: 100%; }
  .dn-filter-values-container.dn-filter-price .dn-filter-list-value .dn-filter-value-input.dn-with-placeholder {
    margin-left: -5px;
    padding-left: 5px; }

.dn-filter-dropdown-label-container {
  cursor: pointer;
  width: 100%;
  text-align: right;
  border: 1px solid rgba(204, 204, 204, 0.89);
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.89);
  padding-right: 20px;
  position: relative; }
  .dn-filter-dropdown-label-container .dn-filter-dropdown-label {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis; }
    .dn-filter-dropdown-label-container .dn-filter-dropdown-label div {
      display: inline-block; }
  .dn-filter-dropdown-label-container .dn-dropdown-anchor {
    display: block;
    text-align: right;
    vertical-align: top;
    text-decoration: underline;
    height: 0px;
    max-height: 1px;
    position: absolute;
    bottom: 0px;
    right: -1px; }
  .dn-filter-dropdown-label-container:after {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "f";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    position: absolute;
    right: 3px;
    top: 13px; }

.dn-filter-dropdown-container {
  display: block;
  position: absolute;
  max-width: none;
  right: auto;
  top: 0px;
  bottom: auto;
  max-height: 0px;
  width: 150px;
  transition: max-height 0.2s;
  overflow: hidden;
  z-index: 20; }
  .dn-filter-dropdown-container .dn-filter-values-container {
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.89);
    border: 1px solid rgba(204, 204, 204, 0.89); }
  .dn-filter-dropdown-container .dn-filter-text input {
    width: 100%; }

.dn-blank-products .dn-grid-text.dn-product-name {
  width: 100%;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  white-space: normal; }
  .dn-blank-products .dn-grid-text.dn-product-name h4 {
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden; }

.dn-blank-products .dn-grid-text.dn-product-prices {
  width: 100%;
  display: inline-block;
  text-align: center; }

.dn-blank-products .dn-grid-text.dn-product-sizes label {
  display: none; }

.dn-blank-products .dn-grid-text.dn-product-sizes div {
  display: inline; }

.dn-blank-products .dn-product-add-button-container a {
  width: 100%; }

.dn-blank-products .dn-grid-text.dn-product-colors {
  text-align: center; }
  .dn-blank-products .dn-grid-text.dn-product-colors label {
    display: none; }
  .dn-blank-products .dn-grid-text.dn-product-colors div.dn-color-panel-cell {
    width: 10px;
    height: 10px;
    margin: 1px;
    border-radius: 0px;
    border: 1px solid rgba(230, 230, 230, 0.89);
    overflow: hidden;
    cursor: pointer;
    display: inline-grid;
    grid-template-columns: 100%; }
    .dn-blank-products .dn-grid-text.dn-product-colors div.dn-color-panel-cell span {
      border: none; }
    .dn-blank-products .dn-grid-text.dn-product-colors div.dn-color-panel-cell:hover, .dn-blank-products .dn-grid-text.dn-product-colors div.dn-color-panel-cell.dn-selected {
      border-color: rgba(102, 102, 102, 0.89); }

.dn-blank-products .dn-product-thumbnail-container .dn-loading-overlay {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  background: transparent url("/images/loading-oval.svg") no-repeat center center; }

.dn-blank-products .dn-product-thumbnail-container.dn-loading .dn-loading-overlay {
  display: block; }

.dn-blank-products.dn-grid-container .dn-grid-item .dn-grid-item-container img.dn-product-logo, .dn-blank-products.dn-grid-container-collage .dn-grid-item .dn-grid-item-container img.dn-product-logo {
  max-width: 70%;
  max-height: 15%;
  border: 0px solid rgba(230, 230, 230, 0.89);
  border-radius: 0px; }

.dn-blank-products .dn-grid-item .dn-grid-item-container img.dn-product-logo {
  width: auto;
  height: auto; }

.dn-blank-products .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-product-logo {
  position: absolute;
  bottom: 5px;
  right: 5px; }

.dn-blank-products .dn-grid-item .dn-grid-item-container .dn-grid-text.dn-product-logo {
  width: 120px;
  display: inline-block;
  text-align: center; }

.dn-blank-products .dn-grid-item.dn-out-of-stock .dn-grid-item-container {
  position: relative; }

.dn-blank-products .dn-grid-item.dn-out-of-stock .dn-out-of-stock-overlay {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-transform: uppercase;
  font-weight: bold;
  font-size: large;
  background-color: rgba(204, 204, 204, 0.89);
  color: #4d4d4d;
  opacity: 0.5; }

.dn-blank-products.dn-grid-container-masonry {
  display: flex; }

.dn-blank-products .dn-grid-masonry .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-product-logo {
  width: auto;
  height: auto; }

.dn-breadcrumb-section {
  position: relative;
  z-index: 3; }
  .dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb {
    display: inline-block; }
  .dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb-divider {
    display: inline-block; }

.dn-widget-button img {
  max-width: 100%; }

.dn-widget-button .dn-btn {
  display: block; }

.dn-campaign-container {
  letter-spacing: -0.31em;
  position: relative;
  height: 100%; }
  .dn-campaign-container div.dn-campaign-nav-steps {
    height: 65px;
    border-bottom: 1px solid rgba(242, 242, 242, 0.89);
    background: rgba(252, 252, 252, 0.89);
    text-align: center;
    counter-reset: steps;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 5; }
    .dn-campaign-container div.dn-campaign-nav-steps h2.dn-heading {
      display: none; }
    .dn-campaign-container div.dn-campaign-nav-steps ol {
      margin-left: 0px; }
    .dn-campaign-container div.dn-campaign-nav-steps li {
      display: inline-block;
      position: relative;
      counter-increment: steps;
      font-size: 14px;
      margin: 5px -3px 0px 0px;
      width: 19%; }
    .dn-campaign-container div.dn-campaign-nav-steps li.dn-current a, .dn-campaign-container div.dn-campaign-nav-steps li.dn-completed a, .dn-campaign-container div.dn-campaign-nav-steps li:hover a {
      font-size: 14px; }
    .dn-campaign-container div.dn-campaign-nav-steps li.dn-current a {
      font-weight: 600; }
    .dn-campaign-container div.dn-campaign-nav-steps li a {
      padding: 15px 0px 15px 25px;
      display: block;
      text-decoration: none;
      cursor: pointer;
      font-size: 14px; }
      .dn-campaign-container div.dn-campaign-nav-steps li a span {
        display: none; }
    .dn-campaign-container div.dn-campaign-nav-steps li a, .dn-campaign-container div.dn-campaign-nav-steps li i {
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    .dn-campaign-container div.dn-campaign-nav-steps li a:before {
      content: counter(steps);
      display: inline-block;
      background: rgba(204, 204, 204, 0.89);
      width: 26px;
      height: 26px;
      line-height: 24px;
      margin-right: 5px;
      border-radius: 50%;
      text-align: center;
      font-weight: 700;
      -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
      color: rgba(255, 255, 255, 0.89); }
    .dn-campaign-container div.dn-campaign-nav-steps li.dn-current a:before {
      background: rgba(153, 153, 153, 0.89); }
    .dn-campaign-container div.dn-campaign-nav-steps li:hover a:before {
      content: counter(steps);
      display: inline-block;
      width: 26px;
      height: 26px;
      line-height: 24px;
      margin-right: 5px;
      border-radius: 50%;
      text-align: center;
      font-weight: 700;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); }
    .dn-campaign-container div.dn-campaign-nav-steps li:after {
      content: '';
      position: absolute;
      pointer-events: none;
      top: 2px;
      right: -25px;
      width: 48px;
      height: 48px;
      -webkit-transform: scaleX(0.4) rotate(45deg);
      -ms-transform: scaleX(0.4) rotate(45deg);
      transform: scaleX(0.4) rotate(45deg);
      border: solid rgba(127, 127, 127, 0.25);
      border-width: 1px 1px 0 0;
      z-index: 10; }
    .dn-campaign-container div.dn-campaign-nav-steps li.dn-current:after {
      z-index: 15; }
    .dn-campaign-container div.dn-campaign-nav-steps.dn-stepping {
      background: transparent url("/images/loading-oval.svg") no-repeat center center; }
  .dn-campaign-container div.dn-campaign-content {
    min-height: 450px;
    margin-top: 10px;
    width: 100%;
    height: 100%; }
    .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product.dn-selecting-category .dn-campaign-product-selector .dn-campaign-product-categories {
      height: 100%; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product.dn-selecting-category .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container {
        height: 100%;
        width: 100%; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product.dn-selecting-category .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container .dn-campaign-selected-category-container {
          display: none; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product.dn-selecting-category .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container .dn-campaign-hierarchy-container {
          padding-left: 5px;
          display: block; }
    .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product.dn-selecting-category .dn-campaign-product-selector .dn-campaign-product-listing-panel {
      display: none; }
    .dn-campaign-container div.dn-campaign-content .dn-campaign-content-step {
      height: 100%; }
    .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product {
      letter-spacing: -0.31em;
      height: 100%; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product h3 {
        display: none; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content {
        height: 100%;
        margin-bottom: -50px;
        padding-bottom: 50px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content > div {
          height: 100%; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector {
          height: 100%; }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector h4 {
            border-bottom: 1px solid rgba(204, 204, 204, 0.89);
            background-color: rgba(250, 250, 250, 0.89);
            padding: 3px 8px;
            font-size: 13px;
            line-height: 32px;
            display: block; }
          @media only screen and (min-width: 768px) {
            .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector h4 {
              display: none; } }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories {
            width: 100%;
            height: 100%;
            margin-bottom: 10px;
            margin-top: 5px;
            position: relative;
            overflow: auto;
            z-index: 2; }
            .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-selected-category-container {
              height: 40px;
              width: 98%;
              margin-left: 1%;
              padding: 9px 15px 8px 0px;
              cursor: pointer;
              background: #fff;
              border: 1px solid rgba(204, 204, 204, 0.89);
              background-image: url("/images/icons/open-iconic/png/caret-bottom.png?36ca38bffb52e49904480c76d8ee5d05");
              background-position: 95% center;
              background-repeat: no-repeat; }
              .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-selected-category-container .dn-hierarchy-selected-node-label {
                font-size: 14px; }
                .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator {
                  display: inline-block;
                  margin-left: 5px;
                  margin-right: 5px;
                  vertical-align: middle; }
                .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator:before {
                  font-family: "decofonts" !important;
                  font-style: normal !important;
                  font-weight: normal !important;
                  font-variant: normal !important;
                  text-transform: none !important;
                  speak: none;
                  line-height: 1;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "h";
                  display: inline-block;
                  letter-spacing: normal;
                  word-spacing: normal; }
            .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-hierarchy-container {
              display: none; }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar {
            height: 36px;
            margin-bottom: 1px; }
            .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search {
              width: 100%;
              vertical-align: top;
              padding: 0 0 0 0; }
              .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search .dn-campaign-product-listing-search-field {
                display: inline-block;
                width: 100%;
                margin-right: -30px;
                padding-right: 30px; }
                .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search .dn-campaign-product-listing-search-field input {
                  width: 100%;
                  height: 37px;
                  border: none;
                  border-bottom: 1px solid rgba(204, 204, 204, 0.89);
                  outline: none; }
              .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search .dn-campaign-product-listing-search-button {
                display: inline-block;
                width: 30px;
                vertical-align: top;
                position: absolute; }
                .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search .dn-campaign-product-listing-search-button input {
                  width: 100%;
                  height: 37px;
                  font-size: 0px;
                  background-color: rgba(255, 255, 255, 0.89);
                  background-image: url("/images/icons/open-iconic/png/magnifying-glass-2x.png?36ca38bffb52e49904480c76d8ee5d05");
                  background-position: center center;
                  background-repeat: no-repeat;
                  cursor: pointer;
                  background-color: white;
                  border-width: 0px;
                  border-bottom: 1px solid rgba(204, 204, 204, 0.89); }
                .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search .dn-campaign-product-listing-search-button input:focus,
                .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search .dn-campaign-product-listing-search-button input:active {
                  border: none;
                  border-bottom: 1px solid rgba(204, 204, 204, 0.89); }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel {
            width: 100%;
            height: 100%;
            margin-top: -80px;
            padding-top: 80px; }
            .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel h4 {
              border-bottom: 1px solid rgba(204, 204, 204, 0.89);
              border-top: 1px solid rgba(204, 204, 204, 0.89);
              background-color: rgba(250, 250, 250, 0.89);
              padding: 3px 8px;
              font-size: 13px;
              line-height: 32px; }
            .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container {
              height: 100%;
              margin-top: -35px;
              padding-top: 30px; }
              .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-campaign-product-listing-scroll {
                padding: 10px;
                height: 100%;
                overflow: auto; }
              .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-pagination-container {
                text-align: center;
                height: 30px; }
                .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-pagination-container span,
                .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-pagination-container a {
                  padding-right: 5px; }
              .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-grid-item {
                margin: 3px; }
                .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-grid-item.dn-selected .dn-grid-item-container {
                  box-shadow: 0px 2px 10px 0px #333; }
              .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-grid-image img {
                cursor: pointer;
                padding: 1px;
                border: 1px solid rgba(204, 204, 204, 0.89); }
              .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container.dn-alt .dn-campaign-product-listing-scroll {
                margin-bottom: -30px;
                padding-bottom: 40px; }
              .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container.dn-alt .dn-pagination-container {
                display: block; }
    @media only screen and (min-width: 768px) {
      .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product {
        height: 100%; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product h3 {
          display: block; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content {
          margin-bottom: -90px;
          padding-bottom: 90px; }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories {
            display: inline-block;
            width: 25%;
            height: 100%;
            overflow: auto;
            vertical-align: top;
            margin-bottom: 0; }
            .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container {
              position: relative;
              height: auto;
              width: auto;
              padding-top: 0;
              margin-bottom: 0; }
              .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container .dn-campaign-selected-category-container {
                display: none; }
              .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container .dn-campaign-hierarchy-container {
                display: block;
                height: 600px; }
                .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container .dn-campaign-hierarchy-container .dn-hierarchy {
                  height: 100%;
                  position: relative; }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel {
            display: inline-block;
            width: 75%;
            vertical-align: top;
            margin-top: 0px;
            padding-top: 0px; }
            .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel h4 {
              border-top: 0px; } }
    .dn-campaign-container div.dn-campaign-content .dn-designer .dn-designer-add-team {
      display: none; }
    .dn-campaign-container div.dn-campaign-content .dn-designer .dn-designer-add-image {
      border-right: 1px solid #e6e6e6; }
    .dn-campaign-container div.dn-campaign-content .dn-designer .dn-select-product-container {
      display: none; }
    .dn-campaign-container div.dn-campaign-content .dn-designer .dn-product-select-size-container {
      display: none; }
    .dn-campaign-container div.dn-campaign-content .dn-designer .dn-product-select-extra-fields {
      display: none; }
    .dn-campaign-container div.dn-campaign-content .dn-campaign-step {
      width: 100%;
      line-height: 1.6;
      margin-bottom: 100px; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-step.dn-step-design {
        padding-bottom: 40px; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-product {
        width: 100%;
        vertical-align: top;
        text-align: center; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-product img {
          width: 100%;
          max-width: 600px; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section {
        width: 100%;
        vertical-align: top;
        position: relative;
        margin-bottom: 5px;
        border: 1px solid rgba(230, 230, 230, 0.89);
        padding: 10px 15px;
        /*hide the outline behind the border*/ }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section hr {
          height: 1px;
          border: 0;
          border-top: 1px solid rgba(230, 230, 230, 0.89);
          margin: 15px 0 15px 0; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input, .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section textarea {
          padding: 5px;
          display: inline-block;
          box-shadow: none; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section span.dn-passed {
          color: #74AF4C;
          padding: 3px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section span.dn-failed {
          color: #CC0000;
          padding: 3px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section span.dn-derror {
          color: #CC0000;
          padding: 3px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-field {
          margin: 5px 0; }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-field a {
            text-decoration: underline; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-table {
          width: 100%; }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-table tr.drag-highlight td {
            border: 5px solid;
            border-color: deeppink;
            border-width: 5px 0 0 0; }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-table td {
            padding: 5px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row {
          box-shadow: 0px 0px 0px 1px rgba(26, 26, 26, 0.2); }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row label {
            padding: 0 0 0 5px; }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row a {
            padding: 0 0 0 15px; }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row.current {
            box-shadow: 2px 2px 10px 2px rgba(26, 26, 26, 0.35); }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row .dn-campaign-product-thumb {
            display: inline-block;
            vertical-align: middle;
            padding-top: 5px; }
            .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row .dn-campaign-product-thumb img {
              max-width: 60px;
              cursor: pointer; }
          .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row .dn-drag-grip-handle {
            display: inline-block;
            float: right;
            margin-top: 20px;
            width: 20px; }
            .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row .dn-drag-grip-handle span {
              content: '....';
              width: 10px;
              display: inline-block;
              line-height: 6px;
              font-size: 12px;
              font-family: sans-serif;
              letter-spacing: 2px;
              color: #999;
              text-shadow: 1px 0 1px black; }
            .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row .dn-drag-grip-handle span:hover {
              cursor: move;
              cursor: grab;
              cursor: -webkit-grab; }
            .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row .dn-drag-grip-handle span::after {
              content: '.. .. .. ..'; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-profit label#campaign_estimated_total_profit {
          font-size: 30px;
          color: #1682e2; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-slider-container {
          width: 295px;
          margin-left: 7px;
          margin-top: -1px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-slider {
          padding: 5px 0 5px 2px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range] {
          /*removes default webkit styles*/
          -webkit-appearance: none;
          /*fix for FF unable to apply focus style bug */
          border: none;
          /*required for proper track sizing in FF*/
          width: 300px;
          background: rgba(255, 255, 255, 0.89);
          margin-top: -5px;
          height: 20px;
          padding: 0; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-webkit-slider-runnable-track {
          width: 300px;
          height: 5px;
          background: rgba(204, 204, 204, 0.89);
          border: none;
          border-radius: 3px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-webkit-slider-thumb {
          -webkit-appearance: none;
          border: none;
          height: 16px;
          width: 16px;
          border-radius: 50%;
          background: #111111;
          margin-top: -4px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]:focus {
          outline: none; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]:focus::-webkit-slider-runnable-track {
          background: rgba(204, 204, 204, 0.89); }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-moz-range-track {
          width: 300px;
          height: 5px;
          background: rgba(204, 204, 204, 0.89);
          border: none;
          border-radius: 3px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-moz-range-thumb {
          border: none;
          height: 16px;
          width: 16px;
          border-radius: 50%;
          background: #111111; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]:-moz-focusring {
          outline: 1px solid white;
          outline-offset: -1px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-ms-track {
          width: 300px;
          height: 5px;
          /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
          background: transparent;
          /*leave room for the larger thumb to overflow with a transparent border */
          border-color: transparent;
          border-width: 6px 0;
          /*remove default tick marks*/
          color: transparent; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-ms-fill-lower {
          background: #777;
          border-radius: 10px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-ms-fill-upper {
          background: #ddd;
          border-radius: 10px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-ms-thumb {
          border: none;
          height: 16px;
          width: 16px;
          border-radius: 50%;
          background: #111111; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]:focus::-ms-fill-lower {
          background: #888; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]:focus::-ms-fill-upper {
          background: #ccc; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-available-colors {
        width: 100%;
        text-align: left; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-available-colors .color_panel li {
          display: block;
          float: left;
          margin: 0 3px 3px 0 !important;
          padding: 0 !important;
          width: auto; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-available-colors .color_panel li .color_panel_cell {
          cursor: default; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-available-colors .color_panel_cell b {
          -moz-border-radius: 1px;
          -webkit-border-radius: 1px;
          border-radius: 1px;
          -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
          -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
          background: transparent none;
          display: block;
          height: 20px;
          left: 0;
          position: absolute;
          top: 0;
          width: 20px; }
        .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-available-colors a {
          color: #00e;
          text-decoration: underline; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-detail label {
        display: block; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-detail select {
        margin: 5px; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-detail input[type='text'] {
        width: 100%; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-detail textarea {
        width: 100%; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-detail .dn-color-button {
        width: 20px;
        display: inline-block; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-detail .dn-banner-options label {
        display: inline-block;
        margin: 0 0 0 5px; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-launch label {
        width: 100px;
        display: inline-block; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-launch select {
        margin: 0 0 0 5px;
        padding: 4px;
        font-size: 14px; }
      .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-launch input[type="text"], .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-launch input[type="password"] {
        width: 200px; }
    .dn-campaign-container div.dn-campaign-content .dn-goal-input {
      width: 50px;
      font-size: 16px;
      padding: 4px 4px;
      font-weight: bold;
      text-align: right;
      margin: 5px;
      box-shadow: none; }
    .dn-campaign-container div.dn-campaign-content .dn-glowing-border {
      box-shadow: none; }
    .dn-campaign-container div.dn-campaign-content .dn-glowing-border:focus {
      outline: none; }
    .dn-campaign-container div.dn-campaign-content .validation-advice {
      color: red;
      letter-spacing: normal; }
    .dn-campaign-container div.dn-campaign-content input[type='file'] {
      margin: 5px; }
    .dn-campaign-container div.dn-campaign-content input[type='checkbox'], .dn-campaign-container div.dn-campaign-content input[type='radio'] {
      width: 20px;
      margin: 10px 0; }
    .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-campaign-size-chart-link {
      display: none; }
    .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell {
      height: 40px;
      width: 40px;
      border-radius: 7px;
      overflow: hidden;
      cursor: pointer; }
    @media only screen and (min-width: 768px) {
      .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell {
        height: 35px;
        width: 35px;
        border-radius: 5px;
        overflow: hidden;
        cursor: pointer; }
      .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-few .dn-color-panel-cell {
        height: 40px;
        width: 40px;
        border-radius: 7px; }
      .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-many .dn-color-panel-cell {
        height: 25px;
        width: 25px;
        margin: 1px;
        border-width: 1px; }
      .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-heaps .dn-color-panel-cell {
        height: 20px;
        width: 20px;
        margin: 1px;
        border-width: 1px; } }
    .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-extra-field-container {
      margin-top: 8px; }
    .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-description {
      margin-top: 8px; }
    .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra {
      padding-top: 8px; }
      .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li {
        padding: 3px 0; }
        .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li label {
          display: inline-block;
          width: 90px;
          padding-left: 10px; }
          .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li label .wide {
            width: 125px; }
      .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-qty-container {
        margin-top: 5px; }
      .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-unit-price-container {
        margin-top: 10px; }
      .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-price-container {
        margin-top: 5px; }
        .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-price-container .dn-price {
          font-size: 16px; }
          .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-price-container .dn-price .price_currency_code {
            font-size: 0.7em; }
    .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-decorate-now-container {
      margin-top: 10px; }
  .dn-campaign-container .dn-campaign-actions {
    border-top: 1px solid rgba(242, 242, 242, 0.89);
    width: 100%;
    text-align: center;
    background: rgba(250, 250, 250, 0.89);
    z-index: 2999; }
    .dn-campaign-container .dn-campaign-actions ul {
      line-height: 50px; }
      .dn-campaign-container .dn-campaign-actions ul li {
        display: inline-block;
        margin: 0.5em; }
      .dn-campaign-container .dn-campaign-actions ul li.dn-disabled a {
        cursor: default;
        background: #ccc;
        color: #777; }
    .dn-campaign-container .dn-campaign-actions .dn-btn.dn-btn-std {
      padding-left: 20px;
      padding-right: 20px; }
  .dn-campaign-container.dn-campaign-container-logo_only .dn-campaign-actions {
    position: fixed;
    bottom: 0;
    left: 0; }

div.dn-campaign-container[data-breakpoint-700='true'] div.dn-campaign-content .dn-campaign-step .dn-campaign-product {
  display: inline-block;
  width: 50%;
  padding-right: 5px; }

div.dn-campaign-container[data-breakpoint-700='true'] div.dn-campaign-content .dn-campaign-step .dn-campaign-section {
  display: inline-block;
  width: 50%; }

div.dn-campaign-container[data-breakpoint-700='true'] div.dn-campaign-content .dn-campaign-step .dn-available-colors {
  width: 100%; }

div.dn-campaign-container[data-breakpoint-900='true'] div.dn-campaign-nav-steps h2.dn-heading {
  display: block;
  position: absolute;
  top: 20px;
  left: 15px;
  border: none; }

div.dn-campaign-container[data-breakpoint-900='true'] div.dn-campaign-nav-steps ol {
  margin-left: 120px; }

div.dn-campaign-container[data-breakpoint-900='true'] div.dn-campaign-nav-steps li a span {
  display: inline; }

.dn-campaign-progress {
  width: 100%;
  margin-top: 20px; }
  .dn-campaign-progress .dn-campaign-progress-goal {
    margin: 0px;
    width: 100%;
    text-align: center; }
    .dn-campaign-progress .dn-campaign-progress-goal .dn-campaign-progress-bar {
      height: auto;
      position: relative;
      background: #d6d6d6;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      padding: 5px;
      box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
      border: 1px solid #ddd;
      border-radius: 4px; }
      .dn-campaign-progress .dn-campaign-progress-goal .dn-campaign-progress-bar span {
        padding: 5px 0;
        color: #FFFFFF;
        font-size: 16px;
        display: block;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        background-color: #1682e2;
        background-image: linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
        box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
        white-space: nowrap;
        font-weight: bold; }
    .dn-campaign-progress .dn-campaign-progress-goal p {
      width: 100%;
      text-align: center;
      font-size: 1.5em;
      color: #888888;
      margin-left: 10px;
      margin-top: 5px; }
  .dn-campaign-progress .dn-campaign-progress-time {
    margin: 10px;
    width: 100%;
    text-align: center; }
    .dn-campaign-progress .dn-campaign-progress-time .dn-campaign-time {
      display: inline-block;
      border-radius: 5px;
      width: 20%;
      margin: 0 2px;
      box-sizing: border-box;
      padding: 5px;
      border: 1px solid #ebebeb;
      background: transparent; }
      .dn-campaign-progress .dn-campaign-progress-time .dn-campaign-time p {
        text-align: center;
        margin-bottom: 0px;
        color: #1682e2; }
      .dn-campaign-progress .dn-campaign-progress-time .dn-campaign-time p.dn-number {
        padding: 0 10px;
        font-size: 2.5em;
        font-weight: bold; }
    .dn-campaign-progress .dn-campaign-progress-time p.dn-campaign-goal {
      width: 100%;
      text-align: center;
      font-size: 1.5em;
      color: #888888;
      padding: 5px 0 0 0; }

.dn-campaign-banner {
  background-position: center bottom;
  background-repeat: no-repeat; }
  .dn-campaign-banner img {
    height: 110px;
    margin: 25px; }

.dn-campaign-banner-cover {
  background-size: cover;
  height: 300px; }

.dn-campaign-banner-contain {
  background-size: contain;
  height: 175px; }

@media only screen and (min-width: 768px) {
  .dn-campaign-banner-contain {
    height: 300px; } }

.dn-campaign-welcome-container {
  z-index: 10000;
  opacity: 0.9;
  background-color: #000000;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }
  .dn-campaign-welcome-container .dn-campaign-welcome-title {
    margin-top: 90px;
    width: 800px;
    margin-left: auto;
    margin-right: auto; }
    .dn-campaign-welcome-container .dn-campaign-welcome-title p {
      color: #878787;
      font-size: 22px;
      font-weight: 100;
      text-align: left;
      line-height: 22px;
      padding-bottom: 15px; }
      .dn-campaign-welcome-container .dn-campaign-welcome-title p a {
        color: #1682e2;
        cursor: pointer; }
      .dn-campaign-welcome-container .dn-campaign-welcome-title p a:hover {
        color: #60abed;
        cursor: pointer; }
    .dn-campaign-welcome-container .dn-campaign-welcome-title p.dn-campaign-welcome-title-header {
      font-size: 27px; }

.dn-campaign-product-heading-container {
  width: 100%;
  padding: 10px 0 0 0;
  border-bottom: 3px solid #eee;
  margin-bottom: 5px; }
  .dn-campaign-product-heading-container .dn-campaign-product-heading {
    display: inline-block; }
    .dn-campaign-product-heading-container .dn-campaign-product-heading h2 {
      border: none; }
  .dn-campaign-product-heading-container .dn-product-price-container {
    display: inline-block;
    float: right;
    font-size: 2.5em;
    color: #1682e2;
    letter-spacing: normal;
    padding-right: 10px; }

.dn-campaign-description {
  font-size: 15px;
  padding: 5px 0 10px 0; }

div.dn-campaign-product[data-breakpoint-600='true'] div.dn-product-main-image-panel {
  margin-top: 0; }

div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel h4 {
  font-weight: bold;
  margin-bottom: 3px; }

div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-views-container {
  margin-top: 5px;
  margin-bottom: 10px; }
  div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-views-container ul li {
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    margin: 0 5px;
    padding: 2px; }
    div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-views-container ul li.dn-alt {
      border: 1px solid gray; }
  div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-views-container ul li:hover {
    border: 1px solid gray; }

div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-color-container h4 {
  margin-bottom: 5px; }

div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell {
  height: 40px;
  width: 40px;
  border-radius: 7px;
  overflow: hidden;
  cursor: pointer; }

@media only screen and (min-width: 768px) {
  div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell {
    height: 35px;
    width: 35px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer; }
  div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-few .dn-color-panel-cell {
    height: 40px;
    width: 40px;
    border-radius: 7px; }
  div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-many .dn-color-panel-cell {
    height: 25px;
    width: 25px;
    margin: 1px;
    border-width: 1px; }
  div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-heaps .dn-color-panel-cell {
    height: 20px;
    width: 20px;
    margin: 1px;
    border-width: 1px; } }

.dn-checkout-steps-container {
  width: 100%;
  margin-bottom: 15px; }
  .dn-checkout-steps-container .dn-checkout-step {
    display: inline-block;
    text-align: center;
    padding: 0 6px 0px 0px; }
    .dn-checkout-steps-container .dn-checkout-step.dn-alt {
      font-weight: bold; }

.dn-checkout-steps-container.dn-step-count-1 .dn-checkout-step {
  width: 100%; }

.dn-checkout-steps-container.dn-step-count-2 .dn-checkout-step {
  width: 50%; }

.dn-checkout-steps-container.dn-step-count-3 .dn-checkout-step {
  width: 33.3%; }

.dn-checkout-steps-container.dn-step-count-4 .dn-checkout-step {
  width: 25%; }

.dn-checkout-steps-container.dn-step-count-5 .dn-checkout-step {
  width: 20%; }

.dn-checkout-steps-container.dn-step-count-6 .dn-checkout-step {
  width: 16.6%; }

.dn-checkout-step-edit,
.dn-checkout-step-now,
.dn-checkout-step-next,
.dn-checkout-step-later {
  display: none; }

.dn-checkout-steps-container.dn-current-step-address .dn-on-address {
  display: inline-block; }

.dn-checkout-steps-container.dn-current-step-shipping .dn-on-shipping {
  display: inline-block; }

.dn-checkout-steps-container.dn-current-step-billing .dn-on-billing {
  display: inline-block; }

.dn-checkout-steps-container.dn-current-step-confirm .dn-on-confirm {
  display: inline-block; }

.dn-checkout-steps-container.dn-current-step-finalise .dn-on-finalise {
  display: inline-block; }

.dn-page-address .dn-breadcrumb-section, dn-page-shipping .dn-breadcrumb-section, .dn-page-billing .dn-breadcrumb-section {
  display: none; }

.dn-checkout-page hr {
  margin: 10px 30px 10px 30px;
  border: 0 none;
  background-color: rgba(204, 204, 204, 0.89);
  height: 1px; }

.dn-checkout-page .dn-form-footer-actions {
  text-align: right; }
  .dn-checkout-page .dn-form-footer-actions .dn-btn {
    margin-left: 5px; }
  .dn-checkout-page .dn-form-footer-actions .dn-form-footer-return-link {
    float: left; }

.dn-checkout-address-container {
  letter-spacing: -0.31em; }
  .dn-checkout-address-container .dn-checkout-existing-member-login {
    padding-top: 10px;
    padding-bottom: 10px; }
  .dn-checkout-address-container .dn-checkout-choose-customer-type {
    margin: auto;
    max-width: 500px;
    margin-bottom: 10px;
    font-size: 1.2em;
    text-align: center; }
    .dn-checkout-address-container .dn-checkout-choose-customer-type > div {
      display: inline-block; }
      .dn-checkout-address-container .dn-checkout-choose-customer-type > div label {
        cursor: pointer; }
    .dn-checkout-address-container .dn-checkout-choose-customer-type .dn-checkout-choose-guest-checkout {
      margin-right: 10px; }
  .dn-checkout-address-container .dn-checkout-login {
    margin: auto;
    max-width: 500px;
    height: 0px;
    overflow: hidden;
    opacity: 0.0;
    transition: opacity 0.5s; }
    .dn-checkout-address-container .dn-checkout-login .dn-form-action-footer {
      text-align: right; }
      .dn-checkout-address-container .dn-checkout-login .dn-form-action-footer .dn-btn {
        max-width: 200px; }
  .dn-checkout-address-container .dn-checkout-address {
    display: block;
    opacity: 1.0;
    transition: opacity 0.5s;
    margin: auto; }
  .dn-checkout-address-container.dn-checkout-do-login .dn-checkout-login {
    height: auto;
    overflow: none;
    opacity: 1.0; }
  .dn-checkout-address-container.dn-checkout-do-login .dn-checkout-address {
    height: 0px;
    overflow: hidden;
    opacity: 0.0; }
  .dn-checkout-address-container.dn-checkout-logged-in .dn-checkout-choose-customer-type {
    display: none; }
  .dn-checkout-address-container.dn-checkout-logged-in .dn-checkout-existing-member-login {
    display: none; }
  .dn-checkout-address-container .dn-checkout-address-billing-form-container {
    margin-bottom: 20px; }
  .dn-checkout-address-container .dn-checkout-address-shipping-form-container .dn-checkout-shipping-choice {
    text-align: center; }
    .dn-checkout-address-container .dn-checkout-address-shipping-form-container .dn-checkout-shipping-choice .dn-form-field-value {
      margin-bottom: 5px; }
      .dn-checkout-address-container .dn-checkout-address-shipping-form-container .dn-checkout-shipping-choice .dn-form-field-value span {
        font-size: 18px;
        font-weight: bold; }
  .dn-checkout-address-container .dn-checkout-address-shipping-form-container.dn-disabled .dn-checkout-shipping-details {
    display: none; }

.dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-address {
  max-width: 100%; }
  .dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-address .dn-checkout-address-billing-form-container.dn-checkout-address-2-col {
    width: 50%;
    vertical-align: top;
    display: inline-block;
    margin-bottom: 0px;
    padding-right: 10px; }
  .dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-address .dn-checkout-address-shipping-form-container.dn-checkout-address-2-col {
    width: 50%;
    vertical-align: top;
    display: inline-block; }

.dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-confirm-container.dn-checkout-confirm-two-col .dn-checkout-confirm-container-col1 {
  width: 50%;
  display: inline-block;
  vertical-align: top; }

.dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-confirm-container.dn-checkout-confirm-two-col .dn-checkout-confirm-container-col2 {
  width: 50%;
  display: inline-block;
  vertical-align: top; }

.dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-complete-container.dn-checkout-complete-two-col .dn-checkout-complete-container-col1 {
  width: 50%;
  display: inline-block;
  vertical-align: top; }

.dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-complete-container.dn-checkout-complete-two-col .dn-checkout-complete-container-col2 {
  width: 50%;
  display: inline-block;
  vertical-align: top; }

.dn-checkout-shipping-container {
  margin: auto; }
  .dn-checkout-shipping-container .dn-checkout-shipping-rush-fee,
  .dn-checkout-shipping-container .dn-checkout-shipping-options,
  .dn-checkout-shipping-container .dn-checkout-shipping-notes {
    margin-top: 20px; }
  .dn-checkout-shipping-container .dn-checkout-shipping-description {
    margin-top: 10px;
    display: none; }
    .dn-checkout-shipping-container .dn-checkout-shipping-description.dn-alt {
      display: block; }
  .dn-checkout-shipping-container .dn-checkout-shipping-tax-notice-container {
    margin-top: 10px; }
    .dn-checkout-shipping-container .dn-checkout-shipping-tax-notice-container .dn-tax-notice {
      padding: 5px;
      font-size: 0.9em; }

.dn-checkout-billing-container #card_cv2 > div .dn-form-field {
  width: 50%;
  vertical-align: middle;
  display: inline-block; }

.dn-checkout-billing-container #card_cv2 > div > span {
  width: 50%;
  padding-left: 5px;
  vertical-align: middle;
  display: inline-block; }

.dn-checkout-billing-container .dn-form-field-compound > .dn-form-field-value > .dn-form-field {
  display: inline-block;
  width: 50%; }

.dn-checkout-billing-container .dn-year-dropdown {
  padding-right: 2px; }

.dn-checkout-billing-container .dn-month-dropdown {
  padding-left: 2px; }

.dn-checkout-billing-container .dn-checkout-billing-add-to-account-container .dn-checkout-billing-deposit-required-message {
  text-align: center;
  font-weight: bold;
  margin-top: -10px; }

.dn-checkout-confirm-container .dn-checkout-confirm-instructions-container,
.dn-checkout-confirm-container .dn-checkout-address-container,
.dn-checkout-confirm-container .dn-checkout-shipping-container,
.dn-checkout-confirm-container .dn-checkout-payment-container,
.dn-checkout-confirm-container .dn-checkout-external-checkout-container {
  margin: auto auto 20px auto; }

.dn-checkout-confirm-container .dn-view-cart-details-container {
  max-width: 810px;
  margin: auto; }

.dn-checkout-confirm-container h3 {
  display: inline-block; }

.dn-checkout-confirm-container .dn-link-change {
  padding-left: 5px; }

.dn-checkout-confirm-container .dn-form.dn-label-left-field > li > label {
  padding-top: 0px;
  text-align: left;
  font-weight: bold; }

.dn-checkout-confirm-container .dn-form > li {
  margin-bottom: 0px; }

.dn-checkout-confirm-container .dn-form span.dn-value {
  padding: 0px; }

.dn-checkout-status-container {
  max-width: 600px;
  margin: auto; }

.dn-checkout-radio-btn-container {
  border: 1px solid #e6e6e6;
  border-radius: 4px; }
  .dn-checkout-radio-btn-container div .dn-checkout-radio-btn-option label {
    padding: 5px;
    vertical-align: middle; }
  .dn-checkout-radio-btn-container div .dn-checkout-radio-btn-option input {
    vertical-align: middle; }

.dn-inline-popup.dn-existing-member-login {
  width: 320px;
  background-color: rgba(255, 255, 255, 0.89);
  padding: 20px 10px;
  margin-top: 30px;
  box-shadow: 0px 0px 6px 1px rgba(153, 153, 153, 0.89); }

.dn-with-staff-account-notice-overlay {
  position: relative; }
  .dn-with-staff-account-notice-overlay .dn-staff-account-notice-overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2; }
    .dn-with-staff-account-notice-overlay .dn-staff-account-notice-overlay:before {
      background-color: rgba(255, 255, 255, 0.89);
      opacity: 0.5;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      content: "."; }
    .dn-with-staff-account-notice-overlay .dn-staff-account-notice-overlay .dn-notice {
      position: absolute;
      left: 50%;
      top: 50%;
      padding: 10px;
      background-color: rgba(255, 255, 255, 0.89);
      border: 2px solid rgba(179, 179, 179, 0.89);
      border-radius: 4px;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center; }
      .dn-with-staff-account-notice-overlay .dn-staff-account-notice-overlay .dn-notice p:last-of-type {
        margin-bottom: 0px; }
      .dn-with-staff-account-notice-overlay .dn-staff-account-notice-overlay .dn-notice a {
        font-weight: bold;
        text-decoration: underline !important; }

.dn-with-staff-account-notice-overlay.dn-alt .dn-staff-account-notice-overlay {
  display: block; }

.dn-checkout-payment-link {
  text-align: center;
  margin-bottom: 10px; }
  .dn-checkout-payment-link .dn-checkout-payment-link-content {
    display: inline-block;
    border: 2px solid rgba(179, 179, 179, 0.89);
    border-radius: 4px;
    vertical-align: middle;
    line-height: 0px; }

.dn-checkout-cc-icon {
  max-height: 20px;
  border-radius: 6px;
  vertical-align: middle;
  margin-left: 6px; }

.dn-payment-wallet-status {
  margin-top: 5px; }

.dn-payment-wallet-status .dn-loading-icon {
  width: 15px;
  vertical-align: middle; }

.dn-payment-wallet-status .dn-wallet-icon {
  height: 20px;
  vertical-align: middle; }

.dn-checkout-billing-card-method-description-container {
  margin-top: 10px; }

.dn-checkout-billing-existing-card-container {
  margin-bottom: 10px; }

.dn-widget-countdown .dn-countdown-container {
  display: inline-block; }
  .dn-widget-countdown .dn-countdown-container.dn-layout-flat .dn-block {
    display: inline-block;
    text-align: center;
    padding: 0px;
    margin-right: 5px;
    border-radius: 5px;
    border: 1px solid transparent;
    background-color: rgba(230, 230, 230, 0.89); }
    @media only screen and (min-width: 768px) {
      .dn-widget-countdown .dn-countdown-container.dn-layout-flat .dn-block {
        padding: 20px;
        margin-right: 15px; } }
    .dn-widget-countdown .dn-countdown-container.dn-layout-flat .dn-block .dn-number {
      display: inline-block;
      font-weight: 100;
      font-size: 25px;
      padding: 25px 0px;
      margin: 30px 5px 5px;
      border-radius: 3px;
      border: 1px solid transparent;
      background-color: rgba(255, 255, 255, 0.89);
      width: 60px; }
      @media only screen and (min-width: 768px) {
        .dn-widget-countdown .dn-countdown-container.dn-layout-flat .dn-block .dn-number {
          font-size: 30px;
          padding: 25px 10px;
          margin: 30px 10px 10px;
          width: 100px; } }
    .dn-widget-countdown .dn-countdown-container.dn-layout-flat .dn-block .dn-caption {
      padding-top: 5px; }
  .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-ready {
    z-index: 3; }
    .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-ready .dn-down .dn-shadow {
      background: gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
      background: linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
      background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%);
      animation: show .5s linear both; }
    .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-ready .dn-up {
      z-index: 2;
      animation: flipup .5s linear both; }
      .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-ready .dn-up .dn-shadow {
        background: gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
        background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%);
        animation: show .5s linear both; }
  .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-active {
    animation: index .5s .5s linear both;
    z-index: 2; }
    .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-active .dn-down {
      z-index: 2;
      animation: flipdown .5s .5s linear both; }
      .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-active .dn-down .dn-shadow {
        background: gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
        background: linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
        background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%);
        animation: hide .5s .3s linear both; }
    .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-active .dn-up .dn-shadow {
      background: gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
      background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%);
      animation: hide .5s .3s linear both; }
  .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip {
    position: relative;
    float: left;
    margin: 10px 5px;
    padding: 0;
    width: 70px;
    height: 130px;
    font-size: 60px;
    line-height: 126px;
    color: #333333; }
    @media only screen and (min-width: 768px) {
      .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip {
        margin: 10px 9px;
        width: 160px;
        font-size: 120px; } }
    .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit {
      float: left;
      margin: 0;
      padding: 0;
      width: 49%;
      height: 100%;
      perspective: 9999px;
      /* using a smaller perspective makes the flipping effect look weird depending on the height */ }
      .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit.dn-d1 {
        float: right; }
      .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit section {
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
      .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div {
        z-index: 1;
        position: absolute;
        left: 0;
        width: 100%;
        height: 49%;
        overflow: hidden; }
        .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div.dn-up {
          transform-origin: 50% 100%;
          top: 0; }
          .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div.dn-up .dn-inn {
            top: 0; }
        .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div.dn-down {
          transform-origin: 50% 0%;
          bottom: 0; }
          .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div.dn-down .dn-inn {
            bottom: 0; }
        .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div .dn-shadow {
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          z-index: 2;
          background-color: rgba(230, 230, 230, 0.89);
          border-radius: 6px;
          border-style: solid; }
        .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div .dn-inn {
          position: absolute;
          left: 0;
          z-index: 1;
          width: 100%;
          height: 200%;
          text-align: center;
          background-color: rgba(230, 230, 230, 0.89);
          border-radius: 6px;
          border-style: solid; }
    .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip.dn-3-digits {
      width: 105px; }
      @media only screen and (min-width: 768px) {
        .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip.dn-3-digits {
          width: 240px; } }
      .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip.dn-3-digits .dn-digit {
        width: 32%; }
        .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip.dn-3-digits .dn-digit.dn-d2 {
          /* ensure d2 is always centralized... there is no float: center; but this will do */
          top: 50%;
          left: 50%;
          margin-right: -50%;
          margin-top: 0px;
          margin-left: 0px;
          position: absolute;
          transform: translate(-50%, -50%); }
    .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip p.dn-caption {
      top: 100%;
      left: 50%;
      margin-right: -50%;
      margin-top: 10px;
      position: absolute;
      transform: translate(-50%, -50%); }

@keyframes index {
  0% {
    z-index: 2; }
  5% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@keyframes flipdown {
  0% {
    transform: rotateX(90deg); }
  80% {
    transform: rotateX(5deg); }
  90% {
    transform: rotateX(15deg); }
  100% {
    transform: rotateX(0deg); } }

@keyframes flipup {
  0% {
    transform: rotateX(0deg); }
  90% {
    transform: rotateX(0deg); }
  100% {
    transform: rotateX(-90deg); } }

@keyframes show {
  0% {
    opacity: 0; }
  90% {
    opacity: .10; }
  100% {
    opacity: 1; } }

@keyframes hide {
  0% {
    opacity: 1; }
  80% {
    opacity: .20; }
  100% {
    opacity: 0; } }

.dn-decorated-product-categories .dn-product-category-name h4 {
  margin-top: 10px; }

.dn-decorated-product-categories-dropdown-container .dn-decorated-product-categories-select {
  padding-bottom: 5px; }
  .dn-decorated-product-categories-dropdown-container .dn-decorated-product-categories-select.dn-horizontal {
    display: inline-block;
    padding-right: 5px; }

.dn-product-personalize-container {
  margin-bottom: 8px; }
  .dn-product-personalize-container h4 {
    margin-bottom: 5px;
    display: none; }

.dn-teamnames-panel .dn-color-panel {
  text-align: center; }
  .dn-teamnames-panel .dn-color-panel .dn-color-panel-cell div {
    cursor: pointer;
    width: 100%;
    height: 100%; }

.dn-teamnames-panel .dn-d-teamnames-list td {
  padding-right: 3px;
  padding-bottom: 3px; }
  .dn-teamnames-panel .dn-d-teamnames-list td .dn-sized {
    width: 100%; }

.dn-teamnames-panel .dn-teamnames-color-heading {
  text-align: right;
  vertical-align: middle; }

.dn-teamnames-panel .dn-add-teamname-container {
  text-align: right; }

div.dn-zoomable {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: url(/images/cursors/magnify.cur), auto; }

div.dn-no-pointer {
  pointer-events: none; }

.dn-product-display .dn-designer-element,
.dn-product-display .dn-decoration-area-overlay,
.dn-product-display .colored-component-single-color,
.dn-product-display .colored-component-multi-color {
  pointer-events: none; }

.dn-product-display .dn-decoration-area-overlay {
  left: 0px;
  top: 0px; }

.dn-product-related-products-truncated {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.dn-decorated-products .dn-grid-image .dn-product-design-thumbnail-container {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%; }

.dn-decorated-products .dn-grid-image .dn-product-thumbnail-container {
  height: 100%;
  width: 100%; }

.dn-decorated-products .dn-grid-item-container .dn-product-design-thumbnail-rollover {
  position: absolute;
  top: 20%;
  right: -20%;
  max-height: 0px;
  max-width: 0px;
  z-index: 2;
  overflow: hidden;
  transition: all 0.25s ease-in-out 0s; }
  .dn-decorated-products .dn-grid-item-container .dn-product-design-thumbnail-rollover a {
    display: block;
    border: 3px solid #2a2a2a;
    line-height: 0px; }

.dn-decorated-products .dn-grid-item-container:hover .dn-product-design-thumbnail-rollover {
  max-height: 400px;
  max-width: 400px; }

.dn-decorated-products .dn-grid-text.dn-product-name {
  width: 100%;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  white-space: normal; }
  .dn-decorated-products .dn-grid-text.dn-product-name h4 {
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden; }

.dn-decorated-products .dn-grid-text.dn-product-price {
  width: 100%;
  display: inline-block;
  text-align: center; }

.dn-decorated-products .dn-grid-text.dn-product-colors {
  text-align: center; }
  .dn-decorated-products .dn-grid-text.dn-product-colors label {
    display: none; }
  .dn-decorated-products .dn-grid-text.dn-product-colors div.dn-color-panel-cell {
    width: 10px;
    height: 10px;
    margin: 1px;
    border-radius: 0px;
    border: 1px solid rgba(230, 230, 230, 0.89);
    overflow: hidden;
    display: inline-grid;
    grid-template-columns: 100%; }
    .dn-decorated-products .dn-grid-text.dn-product-colors div.dn-color-panel-cell span {
      border: none; }

.dn-decorated-products .dn-grid-text.dn-product-sizes label {
  display: none; }

.dn-decorated-products .dn-grid-text.dn-product-sizes div {
  display: inline; }

.dn-decorated-products .dn-product-add-button-container a {
  width: 100%; }

.dn-decorated-products.dn-grid-container .dn-grid-item .dn-grid-item-container img.dn-product-logo, .dn-decorated-products.dn-grid-container-collage .dn-grid-item .dn-grid-item-container img.dn-product-logo {
  max-width: 70%;
  max-height: 15%;
  border: 0px solid rgba(230, 230, 230, 0.89);
  border-radius: 0px; }

.dn-decorated-products .dn-grid-item .dn-grid-item-container img.dn-product-logo {
  width: auto;
  height: auto; }

.dn-decorated-products .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-product-logo {
  position: absolute;
  bottom: 5px;
  right: 5px; }

.dn-decorated-products .dn-grid-item .dn-grid-item-container .dn-grid-text.dn-product-logo {
  width: 120px;
  display: inline-block;
  text-align: center; }

.dn-decorated-products .dn-grid-masonry .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-product-logo {
  width: auto;
  height: auto; }

.dn-design-categories .dn-design-category-name h4 {
  margin-top: 10px; }

.dn-design-categories-dropdown-container .dn-design-categories-select {
  padding-bottom: 5px; }
  .dn-design-categories-dropdown-container .dn-design-categories-select.dn-horizontal {
    display: inline-block;
    padding-right: 5px; }

div.dn-design-display {
  letter-spacing: -0.31em;
  position: relative;
  z-index: 1; }
  div.dn-design-display .dn-design-heading-container {
    position: relative;
    width: 100%;
    margin-left: 0px;
    padding-left: 0px; }
    div.dn-design-display .dn-design-heading-container h1 {
      display: inline-block;
      vertical-align: bottom; }
    div.dn-design-display .dn-design-heading-container .dn-inline-fit {
      display: inline-block; }
  div.dn-design-display div.dn-design-main-image-panel {
    display: inline-block;
    width: 100%;
    max-width: 800px;
    max-height: 800px;
    text-align: center;
    vertical-align: top;
    padding: 3px;
    margin-bottom: 10px; }
    div.dn-design-display div.dn-design-main-image-panel img {
      max-width: 100%;
      height: auto; }
  div.dn-design-display div.dn-design-products-container {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 3px;
    letter-spacing: normal;
    word-spacing: normal; }
    div.dn-design-display div.dn-design-products-container .dn-design-description {
      margin-bottom: 10px; }

div.dn-design-display[data-breakpoint-600='true'] .dn-design-heading-container {
  padding-left: 15px; }

div.dn-design-display[data-breakpoint-600='true'] div.dn-design-products-container {
  padding-left: 10px; }

div.dn-design-display[data-breakpoint-600='true'] div.dn-design-image-panel-large div.dn-design-main-image-panel {
  width: 50%; }

div.dn-design-display[data-breakpoint-600='true'] div.dn-design-image-panel-large div.dn-design-products-container {
  width: 50%; }

div.dn-design-display[data-breakpoint-600='true'] div.dn-design-image-panel-medium div.dn-design-main-image-panel {
  width: 40%; }

div.dn-design-display[data-breakpoint-600='true'] div.dn-design-image-panel-medium div.dn-design-products-container {
  width: 60%; }

div.dn-design-display[data-breakpoint-600='true'] div.dn-design-image-panel-small div.dn-design-main-image-panel {
  width: 30%; }

div.dn-design-display[data-breakpoint-600='true'] div.dn-design-image-panel-small div.dn-design-products-container {
  width: 70%; }

div.dn-design-display[data-breakpoint-900='true'] div.dn-design-products-container {
  padding-left: 15px; }

div.dn-design-display[data-breakpoint-1250='true'] div.dn-design-main-image-panel {
  width: 600px;
  margin-right: -600px; }

div.dn-design-display[data-breakpoint-1250='true'] div.dn-design-products-container {
  width: auto;
  margin-left: 600px;
  overflow: hidden;
  padding-left: 20px; }

.dn-designs .dn-grid-text.dn-design-name {
  width: 100%;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  white-space: normal; }
  .dn-designs .dn-grid-text.dn-design-name h4 {
    text-overflow: ellipsis;
    overflow: hidden; }

.dn-designs .dn-grid-item .dn-design-rollover {
  position: absolute;
  top: 20%;
  left: 20%;
  max-height: 0px;
  max-width: 0px;
  transition: max-height 0.4s;
  transition: max-width 0.4s;
  z-index: 2;
  overflow: hidden; }
  .dn-designs .dn-grid-item .dn-design-rollover a {
    display: block;
    border: 3px solid black;
    line-height: 0px; }

.dn-design-rollover {
  position: absolute;
  max-height: 0px;
  max-width: 0px;
  transition: max-width 0.4s, max-height 0.4s;
  z-index: 40;
  overflow: hidden; }
  .dn-design-rollover a {
    display: block;
    line-height: 0px; }
    .dn-design-rollover a img {
      width: 100%;
      border: 3px solid black;
      max-height: 400px; }

.dn-product-display.dn-design-on-product .dn-product-details-panel .dn-product-personalize-container .dn-product-personalize-fields h4 {
  margin-top: 5px; }

.dn-product-display.dn-design-on-product .dn-product-details-panel .dn-product-personalize-container .dn-product-personalize-fields .dn-d-personalize-entry {
  margin-top: 5px; }

.dn-design-on-product-select-process-popup {
  width: 500px; }
  .dn-design-on-product-select-process-popup .dn-design-on-product-select-processes {
    letter-spacing: -0.31em; }
    .dn-design-on-product-select-process-popup .dn-design-on-product-select-processes .dn-design-process-thumbnail {
      display: inline-block;
      vertical-align: top;
      width: 100px; }
    .dn-design-on-product-select-process-popup .dn-design-on-product-select-processes .dn-design-process-details {
      padding-left: 5px;
      display: inline-block;
      vertical-align: top;
      width: 180px;
      letter-spacing: normal;
      word-spacing: normal; }
    .dn-design-on-product-select-process-popup .dn-design-on-product-select-processes .dn-design-process-select {
      display: inline-block;
      vertical-align: bottom;
      width: 200px;
      text-align: center; }
    .dn-design-on-product-select-process-popup .dn-design-on-product-select-processes > div {
      margin-bottom: 10px; }

/* color buttons */
ul.dn-color-buttons {
  position: relative;
  display: inline-block; }

* html ul.dn-color-buttons {
  display: inline; }

* + html ul.dn-color-buttons {
  display: inline; }

ul.dn-color-buttons li {
  float: left;
  margin: 1px !important;
  border: 1px solid rgba(255, 255, 255, 0.89);
  cursor: pointer; }

ul.dn-color-buttons li div {
  border-width: 0px; }

ul.dn-color-buttons.dn-with-border li {
  border-color: rgba(230, 230, 230, 0.89); }

ul.dn-color-buttons.dn-in-line li {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

ul.dn-color-buttons.dn-color-buttons-readonly li {
  cursor: default; }

ul.dn-color-buttons li b {
  display: none; }

ul.dn-color-buttons.dn-color-buttons-big li div {
  width: 20px;
  height: 20px; }

ul.dn-color-buttons.dn-color-buttons-small li div {
  width: 10px;
  height: 10px; }

ul.dn-color-buttons.dn-color-buttons-small li {
  margin: 1px !important; }

ul.dn-color-buttons.dn-with-rollover li:hover {
  border-color: rgba(153, 153, 153, 0.89); }

ul.dn-color-buttons.dn-color-buttons-small.dn-with-rollover li:hover {
  border: 1px solid rgba(153, 153, 153, 0.89); }

ul.dn-color-buttons.dn-with-dropdown li div {
  width: 30px;
  float: left; }

ul.dn-color-buttons.dn-with-dropdown li b {
  background: #fff url("/images/mp/control_sprite.gif?36ca38bffb52e49904480c76d8ee5d05") -546px -117px;
  border: 1px solid #bec9d8;
  cursor: pointer;
  display: block;
  float: right;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 15px; }

ul.dn-color-buttons.dn-with-dropdown.dn-with-border li b {
  border-width: 0px;
  border-left: 1px solid #bec9d8;
  height: 20px; }

ul.dn-color-buttons.dn-color-buttons-small.dn-with-dropdown li div {
  width: 18px;
  float: left; }

ul.dn-color-buttons.dn-color-buttons-small.dn-with-dropdown li b {
  background: #fff url("/images/mp/control_sprite.gif?36ca38bffb52e49904480c76d8ee5d05") -549px -123px;
  height: 8px;
  width: 9px; }

div.dn-d-size-multi-container ul {
  overflow: hidden; }
  div.dn-d-size-multi-container ul li {
    display: block;
    float: left;
    padding: 3px; }
    div.dn-d-size-multi-container ul li label {
      display: inline-block;
      min-width: 30px;
      text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-right: 2px;
      vertical-align: middle; }
    div.dn-d-size-multi-container ul li input {
      display: inline-block; }
    div.dn-d-size-multi-container ul li input.dn-d-size-multi {
      width: 50px; }
  div.dn-d-size-multi-container ul li.dn-d-size-with-subsize {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    border: 1px solid rgba(230, 230, 230, 0.89); }
    div.dn-d-size-multi-container ul li.dn-d-size-with-subsize label {
      width: 70px;
      float: left;
      margin-top: 10px; }
    div.dn-d-size-multi-container ul li.dn-d-size-with-subsize ul {
      float: left; }
      div.dn-d-size-multi-container ul li.dn-d-size-with-subsize ul li {
        padding-top: 0px;
        padding-bottom: 0px; }
        div.dn-d-size-multi-container ul li.dn-d-size-with-subsize ul li label {
          width: 50px; }

div.dn-d-size-input select {
  width: 100%; }

div.dn-d-custom-field {
  margin-top: 8px; }
  div.dn-d-custom-field > label {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px; }
    div.dn-d-custom-field > label b {
      display: none; }

.dn-d-size-table input {
  width: 50px; }

.dn-d-bundle-information {
  display: block;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-designer .dn-designer-properties-content .dn-d-bundle-sizes {
  display: block; }

.dn-designer .dn-designer-properties-content .dn-d-bundle-notice {
  display: none; }

.dn-designer .dn-designer-properties-content .dn-d-bundle-information {
  font-size: 0.85em;
  line-height: 1.4em; }

div.dn-d-qty-dropdown {
  position: relative;
  font-size: 0px; }

div.dn-d-qty-dropdown p {
  line-height: 17px;
  margin: 0 0 0 -60px;
  padding: 0;
  padding-left: 65px;
  display: inline-block;
  vertical-align: middle; }

div.dn-d-qty-dropdown p span {
  font-weight: bold; }

.dn-product-qty-field-container .dn-d-bundle-information {
  display: inline-block; }

.dn-d-qty-input-container {
  display: inline-block;
  vertical-align: middle;
  position: relative; }

div.dn-d-qty-selector {
  display: none; }

div.dn-d-qty-dropdown div.dn-d-qty-selector {
  display: block;
  height: 100%;
  position: absolute;
  z-index: 3;
  background-image: url("/images/icons/open-iconic/png/caret-bottom.png?36ca38bffb52e49904480c76d8ee5d05");
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 0;
  text-decoration: none;
  width: 17px;
  right: 0px;
  top: 0px;
  background-position: 3px center; }

div.dn-d-qty-dropdown.dn-d-qty-dropdown-locked div.dn-d-qty-selector {
  width: 100%;
  left: 0px;
  background-position: 42px center; }

div.dn-d-qty-dropdown input {
  left: 0;
  margin: 0;
  position: relative;
  top: 0;
  width: 58px;
  padding-right: 22px; }

div.dn-d-qty-dropdown div.dn-d-qty-dropdown-list {
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 12px;
  overflow: hidden;
  position: absolute;
  padding: 0;
  top: 100%;
  right: 0px;
  width: 57px;
  min-width: 100%;
  z-index: 1000;
  letter-spacing: normal;
  word-spacing: normal; }

div.dn-d-qty-dropdown div.dn-d-qty-dropdown-list ul li {
  color: #000;
  cursor: pointer;
  font-size: 12px;
  margin: 0;
  width: 55px;
  min-width: 100%;
  padding-left: 3px; }

div.dn-d-qty-dropdown div.dn-d-qty-dropdown-list ul li:hover {
  background-color: #1e84FF !important;
  color: #fff; }

div.dn-d-qty-dropdown div.dn-d-qty-dropdown-list ul li.dn-alt {
  background-color: #1951AA !important;
  color: #fff; }

div.dn-d-qty-overlay {
  display: none; }

div.dn-disabled div.dn-d-qty-overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  z-index: 2;
  -moz-opacity: 0.01;
  filter: alpha(opacity=0.01);
  opacity: 0.01; }

div.dn-disabled div.dn-d-qty-disabled-container input {
  border: none; }

.dn-d-bundle-size-information {
  display: block; }

.dn-d-bundle-sizes {
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.dn-d-bundle-notice {
  white-space: nowrap;
  display: none;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.dn-d-personalize-entry {
  letter-spacing: -0.31em; }
  .dn-d-personalize-entry .dn-d-personalize-text .dn-d-personalize-text-container {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px; }
    .dn-d-personalize-entry .dn-d-personalize-text .dn-d-personalize-text-container input {
      width: 100%; }
    .dn-d-personalize-entry .dn-d-personalize-text .dn-d-personalize-text-container textarea {
      width: 100%; }
  .dn-d-personalize-entry .dn-d-personalize-text ul.dn-color-buttons {
    display: inline-block;
    vertical-align: top; }
  .dn-d-personalize-entry .dn-d-personalize-text ul.dn-color-buttons.dn-color-buttons-big li {
    border: none;
    width: 1.75em;
    height: 1.75em;
    margin: 0 0 0 1px; }
    .dn-d-personalize-entry .dn-d-personalize-text ul.dn-color-buttons.dn-color-buttons-big li div {
      width: 100%;
      height: 100%;
      border: 1px solid rgba(230, 230, 230, 0.89);
      border-radius: 3px; }

.dn-d-personalize-fields.dn-d-image-items {
  letter-spacing: -0.31em; }
  .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    width: 110px; }
    .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry a.dn-d-personalize-image-box {
      display: block;
      text-align: center; }
    .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry .dn-d-personalize-image-options {
      letter-spacing: normal;
      word-spacing: normal; }
      .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry .dn-d-personalize-image-options a {
        cursor: pointer; }
      .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry .dn-d-personalize-image-options a:hover {
        text-decoration: underline; }
      .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry .dn-d-personalize-image-options div.dn-btn {
        width: 100%; }
        .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry .dn-d-personalize-image-options div.dn-btn span {
          white-space: normal;
          line-height: normal;
          display: block;
          margin: 0.5em 0; }

.dn-d-personalize-entry[data-colors='1'] .dn-d-personalize-text {
  display: flex; }
  .dn-d-personalize-entry[data-colors='1'] .dn-d-personalize-text .dn-d-personalize-text-container {
    padding-right: 43px; }
  .dn-d-personalize-entry[data-colors='1'] .dn-d-personalize-text ul.dn-color-buttons {
    width: 41px;
    margin-left: -42px; }

.dn-d-personalize-entry[data-colors='2'] .dn-d-personalize-text {
  display: flex; }
  .dn-d-personalize-entry[data-colors='2'] .dn-d-personalize-text .dn-d-personalize-text-container {
    padding-right: 84px; }
  .dn-d-personalize-entry[data-colors='2'] .dn-d-personalize-text ul.dn-color-buttons {
    width: 82px;
    margin-left: -83px; }

.dn-d-personalize-entry[data-colors='3'] .dn-d-personalize-text {
  display: flex; }
  .dn-d-personalize-entry[data-colors='3'] .dn-d-personalize-text .dn-d-personalize-text-container {
    padding-right: 125px; }
  .dn-d-personalize-entry[data-colors='3'] .dn-d-personalize-text ul.dn-color-buttons {
    width: 123px;
    margin-left: -124px; }

.dn-d-personalize-entry[data-colors='4'] .dn-d-personalize-text {
  display: flex; }
  .dn-d-personalize-entry[data-colors='4'] .dn-d-personalize-text .dn-d-personalize-text-container {
    padding-right: 166px; }
  .dn-d-personalize-entry[data-colors='4'] .dn-d-personalize-text ul.dn-color-buttons {
    width: 164px;
    margin-left: -165px; }

.dn-d-personalize-entry[data-colors='5'] .dn-d-personalize-text {
  display: flex; }
  .dn-d-personalize-entry[data-colors='5'] .dn-d-personalize-text .dn-d-personalize-text-container {
    padding-right: 207px; }
  .dn-d-personalize-entry[data-colors='5'] .dn-d-personalize-text ul.dn-color-buttons {
    width: 205px;
    margin-left: -206px; }

@media only screen and (min-width: 768px) {
  .dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup {
    width: 450px; } }

.dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-cart-notice-product-thumbnail {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  line-height: 0px; }
  .dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-cart-notice-product-thumbnail img {
    width: 100%;
    padding: 1px;
    border: 1px solid #e6e6e6;
    border-radius: 2px; }

.dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-cart-notice-product-details {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-weight: bold; }

.dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-cart-notice-with-thumbnail .dn-d-cart-notice-product-details {
  margin-left: -110px;
  padding-left: 110px;
  text-align: center; }

.dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-line-item-thumbnail {
  display: inline-block;
  width: 100px;
  vertical-align: top; }

.dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-line-item-spec {
  display: inline-block;
  margin-left: -105px;
  padding-left: 110px;
  height: 100px;
  vertical-align: middle;
  max-width: 100%; }

.dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-saved-line-item-alerts div {
  padding: 10px;
  font-size: 13px; }

@media only screen and (min-width: 768px) {
  .dn-popup-container.dn-alt .dn-designer-select-size-popup.dn-popup {
    min-width: 300px; }
  .dn-popup-container.dn-alt .dn-designer-extra-options-popup {
    width: 400px; } }

.dn-popup-container.dn-alt .dn-designer-processing-status {
  width: 400px; }

.dn-popup-container.dn-alt .dn-designer-save-layout-name {
  width: 400px; }
  .dn-popup-container.dn-alt .dn-designer-save-layout-name input {
    width: 100%; }

.dn-popup-container.dn-alt .dn-designer-dynamic-popup .dn-design-preview-content > div {
  width: 100%; }
  .dn-popup-container.dn-alt .dn-designer-dynamic-popup .dn-design-preview-content > div div {
    display: block;
    text-align: center; }
    .dn-popup-container.dn-alt .dn-designer-dynamic-popup .dn-design-preview-content > div div img {
      width: 100%; }
    @media only screen and (min-width: 768px) {
      .dn-popup-container.dn-alt .dn-designer-dynamic-popup .dn-design-preview-content > div div {
        display: inline-block; } }
.dn-popup-container.dn-alt .dn-designer-save-warning-popup {
  width: 500px; }
  .dn-popup-container.dn-alt .dn-designer-save-warning-popup .dn-alert {
    padding: 2px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    margin-bottom: 2px; }
  .dn-popup-container.dn-alt .dn-designer-save-warning-popup .dn-alert-with-text {
    display: inline-block; }
  .dn-popup-container.dn-alt .dn-designer-save-warning-popup .dn-designer-save-warning-warning,
  .dn-popup-container.dn-alt .dn-designer-save-warning-popup .dn-designer-save-warning-quality,
  .dn-popup-container.dn-alt .dn-designer-save-warning-popup .dn-designer-save-warning-error {
    display: none; }
  .dn-popup-container.dn-alt .dn-designer-save-warning-popup .dn-d-issue-list {
    padding-top: 15px; }

.dn-popup-container.dn-alt .dn-designer-save-warning-popup.dn-with-error .dn-designer-save-warning-error {
  display: block; }

.dn-popup-container.dn-alt .dn-designer-save-warning-popup.dn-with-warning .dn-designer-save-warning-warning,
.dn-popup-container.dn-alt .dn-designer-save-warning-popup.dn-with-warning .dn-designer-save-warning-quality {
  display: block; }

.dn-popup-container.dn-alt .dn-designer-save-warning-popup.dn-with-warning.dn-with-qty-alert .dn-designer-save-warning-quality {
  display: none; }

@media only screen and (min-width: 768px) {
  .dn-popup-container.dn-alt .dn-designer-confirm-copyright-popup {
    width: 400px; } }

.dn-popup-container.dn-alt .dn-designer-confirm-copyright-popup .dn-designer-copyright-warning {
  letter-spacing: normal;
  word-spacing: normal; }

.dn-popup-container.dn-alt .dn-designer-confirm-copyright-popup .dn-designer-copyright-selected {
  padding-top: 10px; }

.dn-popup-container.dn-alt .dn-designer-field-upload-popup {
  width: 300px; }

@media only screen and (min-width: 768px) {
  .dn-popup-container.dn-alt .dn-designer-new-text-popup {
    width: 400px; } }

.dn-popup-container.dn-alt .dn-designer-new-text-popup .dn-designer-new-text-editor {
  width: 100%;
  height: 150px;
  margin: auto; }

.dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup {
  width: 600px;
  letter-spacing: -0.31em; }
  .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup p {
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup .dn-d-select-screen-colors-options {
    display: inline-block;
    width: 70%;
    max-height: 100%;
    vertical-align: top; }
    .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup .dn-d-select-screen-colors-options .dn-d-specify-screen-colors-container {
      margin-top: 10px;
      margin-left: 20px; }
      .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup .dn-d-select-screen-colors-options .dn-d-specify-screen-colors-container .dn-d-screen-color-list li {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px; }
        .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup .dn-d-select-screen-colors-options .dn-d-specify-screen-colors-container .dn-d-screen-color-list li label {
          padding-right: 10px; }
  .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup .dn-d-select-screen-colors-images {
    display: inline-block;
    width: 30%;
    padding-left: 5px;
    overflow: auto;
    max-height: 100%;
    vertical-align: top; }
    .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup .dn-d-select-screen-colors-images img {
      width: 100%;
      max-height: 400px; }

.dn-popup-container.dn-alt .dn-designer-limit-colors-popup {
  letter-spacing: -0.31em; }
  @media only screen and (min-width: 768px) {
    .dn-popup-container.dn-alt .dn-designer-limit-colors-popup {
      width: 700px; } }
  .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-preview {
    vertical-align: top;
    display: inline-block;
    width: 40%; }
    .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-preview img {
      width: 100%; }
    .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-preview svg {
      max-width: 100%; }
    .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-preview .dn-tabs li {
      background: none;
      color: black;
      padding: 0px;
      border: none;
      font-size: 11px;
      margin: 10px 4px 4px 4px; }
    .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-preview .dn-tabs .dn-alt {
      font-weight: bold; }
    .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-preview .dn-tabs-panels {
      background-image: url(/images/trans-display.gif); }
  .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings {
    vertical-align: top;
    display: inline-block;
    width: 60%;
    padding-left: 10px;
    letter-spacing: normal;
    word-spacing: normal;
    text-align: center; }
    .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings h4 {
      padding: 10px; }
    .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-d-limit-colors-slider-numbers {
      padding: 5px 8% 10px 6%; }
      .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-d-limit-colors-slider-numbers .dn-d-limit-colors-slider-number {
        display: inline-block;
        text-align: center; }
    .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-d-limit-colors-number-container {
      display: none;
      font-size: 1.2em;
      margin-bottom: 20px; }
      .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-d-limit-colors-number-container .dn-d-limit-colors-number {
        background: #1a1a1a;
        color: white;
        border-radius: 3px;
        padding: 5px; }
    .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-color-buttons-big {
      margin-top: -10px; }
      .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-color-buttons-big li {
        cursor: default; }
        .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-color-buttons-big li div {
          width: 30px;
          height: 30px; }
        .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-color-buttons-big li .dn-color-swatch {
          border: 1px solid #b3b3b3; }
        .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-color-buttons-big li .dn-down-arrow {
          padding: 5px; }
        .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-color-buttons-big li .dn-mapped-color {
          cursor: pointer; }

.dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content {
  letter-spacing: -0.31em; }
  .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content > p {
    margin-bottom: 5px; }
  .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content h4 {
    margin-top: 20px; }
  .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-reuse {
    padding-bottom: 10px; }
    .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-reuse .dn-screen {
      cursor: pointer;
      border: 1px solid #cccccc;
      margin: 5px;
      padding: 10px; }
      .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-reuse .dn-screen:hover {
        border: 1px solid #999999; }
      .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-reuse .dn-screen .dn-designer-screen-img-container {
        width: 40%;
        display: inline-block;
        vertical-align: top;
        padding: 10px 0px 10px 10px; }
        .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-reuse .dn-screen .dn-designer-screen-img-container img {
          padding: 1px;
          border: 1px solid #cccccc;
          width: 100%; }
      .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-reuse .dn-screen .dn-designer-screen-details-container {
        width: 60%;
        display: inline-block;
        vertical-align: top; }
  .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-new {
    padding-top: 20px;
    padding-bottom: 20px; }
    .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-new h4 {
      display: inline-block;
      margin-right: 20px; }
    .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-new .dn-btn {
      width: 50%; }

@media only screen and (min-width: 768px) {
  .dn-popup-container.dn-alt .dn-designer-add-teamnames-popup {
    width: 400px; } }

.dn-popup-container.dn-alt .dn-designer-add-teamnames-popup p.dn-d-teamname-message {
  margin-top: 10px;
  display: block; }

@media only screen and (min-width: 768px) {
  .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup {
    width: 600px; } }

.dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup .dn-popup-content {
  padding: 0px; }

.dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list td, .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list th {
  padding: 10px 5px 10px 10px;
  border-top: 1px solid #e6e6e6; }

.dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list th {
  background-color: #fafafa;
  font-weight: bold;
  text-align: left; }

.dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list select, .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list input[type='text'] {
  width: 100%; }

.dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list .dn-d-teamname-size {
  min-width: 65px; }

.dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list .dn-d-teamname-sel {
  text-align: center; }

.dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list .dn-d-teamname-remove {
  text-align: center; }
  .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list .dn-d-teamname-remove a {
    text-decoration: underline; }

.dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup .dn-d-teamnames-add-container {
  padding: 0px 10px; }

@media only screen and (min-width: 768px) {
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup {
    width: 500px; } }

.dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-popup-content {
  padding: 0px; }

.dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table {
  width: 100%; }
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table th {
    font-weight: bold;
    padding: 10px; }
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table td {
    vertical-align: top;
    padding: 10px; }
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table a {
    text-decoration: underline; }
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item {
    border-top: 1px solid #cccccc; }
    .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item td {
      padding-top: 10px; }
    .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item.dn-selected {
      background-color: #e6e6e6; }
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-heading-products {
    text-align: left; }
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-heading-qty {
    width: 30px;
    text-align: center; }
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-heading-price {
    width: 60px;
    text-align: right; }
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-thumbnail {
    width: 50px; }
    .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-thumbnail img {
      padding: 1px;
      border-radius: 2px;
      border: 1px solid #d9d9d9; }
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-details {
    padding-left: 5px; }
    .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-details .dn-d-cart-line-item-options > div label {
      display: inline-block;
      font-weight: bold;
      margin-right: 3px; }
    .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-details .dn-d-cart-line-item-options > div div {
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal; }
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-qty {
    text-align: center;
    padding: 10px 5px; }
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-price {
    text-align: right;
    padding: 10px 5px;
    width: 100px; }
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-actions {
    text-align: right; }
    .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-actions.dn-selected {
      background-color: #e6e6e6; }
    .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-actions ul li {
      display: inline-block;
      margin-left: 5px; }
  .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table tfoot td {
    text-align: right;
    font-weight: bold;
    border-top: 1px solid #cccccc; }

.dn-popup-container.dn-alt .dn-d-notice-message {
  width: 300px;
  max-width: 100%;
  text-align: center;
  padding: 50px 10px 100px 10px; }

.dn-popup .dn-d-email-share-container .dn-d-email-share-list li {
  display: inline-block;
  width: 180px;
  margin: 10px; }
  .dn-popup .dn-d-email-share-container .dn-d-email-share-list li a {
    padding: 10px 0 10px 45px;
    background-repeat: no-repeat;
    background-position: left center; }
  .dn-popup .dn-d-email-share-container .dn-d-email-share-list li.dn-share-pinterest a {
    background-image: url("/images/social/share-pinterest.png?36ca38bffb52e49904480c76d8ee5d05"); }
  .dn-popup .dn-d-email-share-container .dn-d-email-share-list li.dn-share-twitter a {
    background-image: url("/images/social/share-twitter.png?36ca38bffb52e49904480c76d8ee5d05"); }
  .dn-popup .dn-d-email-share-container .dn-d-email-share-list li.dn-share-facebook a {
    background-image: url("/images/social/share-facebook.png?36ca38bffb52e49904480c76d8ee5d05"); }

.dn-popup .dn-d-email-container {
  letter-spacing: -0.31em;
  width: 700px;
  max-width: 100%; }
  .dn-popup .dn-d-email-container .dn-d-email-form-container {
    display: inline-block;
    vertical-align: top;
    width: 100%; }
  .dn-popup .dn-d-email-container .dn-d-email-product-details {
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
    width: 100%; }
    .dn-popup .dn-d-email-container .dn-d-email-product-details img {
      width: 100%; }
  @media (min-width: 580px) {
    .dn-popup .dn-d-email-container .dn-d-email-form-container {
      width: 50%; }
    .dn-popup .dn-d-email-container .dn-d-email-product-details {
      width: 50%; } }
.dn-popup .dn-designer-signup-popup {
  width: 400px; }

.dn-popup .dn-d-saved-layout-container {
  width: 400px;
  max-width: 100%;
  text-align: center; }
  .dn-popup .dn-d-saved-layout-container .dn-d-saved-layout-thumbnails {
    margin-bottom: 10px; }
    .dn-popup .dn-d-saved-layout-container .dn-d-saved-layout-thumbnails .dn-d-saved-layout-thumbnails {
      display: inline-block;
      text-align: center;
      vertical-align: top;
      width: 150px;
      margin-right: 10px; }
      .dn-popup .dn-d-saved-layout-container .dn-d-saved-layout-thumbnails .dn-d-saved-layout-thumbnails img {
        padding: 1px;
        border: 1px solid #d9d9d9; }
      .dn-popup .dn-d-saved-layout-container .dn-d-saved-layout-thumbnails .dn-d-saved-layout-thumbnails label {
        text-align: center;
        font-weight: bold; }
  .dn-popup .dn-d-saved-layout-container .dn-d-save-layout-product-fields > div label {
    display: inline-block;
    font-weight: bold;
    margin-right: 3px; }
  .dn-popup .dn-d-saved-layout-container .dn-d-save-layout-product-fields > div div {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-popup .dn-d-saved-layout-container p {
    font-style: italic;
    margin-top: 10px;
    text-align: center; }

@media only screen and (min-width: 768px) {
  .dn-popup-container.dn-alt .dn-designer-select-item-type-popup {
    width: 500px; } }

.dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type-heading {
  display: none; }

.dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type {
  display: none; }
  .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-of-type-button {
    font-size: 20px;
    text-transform: capitalize;
    padding: 15px 5px 15px 50px;
    margin-bottom: 15px;
    background-color: #f2f2f2;
    border: 1px solid #cccccc;
    color: black;
    text-align: left;
    position: relative;
    cursor: pointer;
    opacity: 0.7; }
    .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-of-type-button:hover {
      border: 1px solid #999999;
      opacity: 1.0; }
    .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-of-type-button label {
      cursor: pointer; }
    .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-of-type-button .dn-icon {
      position: absolute;
      width: 50px;
      height: 40px;
      left: 0;
      margin: auto;
      text-align: center; }
    .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-of-type-button .dn-designer-add-item-disabled_notice {
      display: none; }
    .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-of-type-button .dn-designer-add-item-description {
      display: block;
      margin-left: 20px;
      font-size: 13px;
      opacity: 0.7;
      text-transform: none; }
  .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-container:last-of-type .dn-designer-add-item-of-type-button {
    margin-bottom: 0px; }
  .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-container.dn-disabled .dn-designer-add-item-of-type-button {
    opacity: 0.4;
    padding-bottom: 5px;
    cursor: default; }
    .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-container.dn-disabled .dn-designer-add-item-of-type-button:hover {
      border: 1px solid #cccccc; }
    .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-container.dn-disabled .dn-designer-add-item-of-type-button .dn-icon:before {
      content: "%"; }
    .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-container.dn-disabled .dn-designer-add-item-of-type-button label {
      opacity: 0.7;
      cursor: default; }
    .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-container.dn-disabled .dn-designer-add-item-of-type-button .dn-designer-add-item-disabled_notice {
      display: block;
      margin-left: 20px;
      font-size: 13px;
      opacity: 0.7;
      text-transform: none; }

.dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-add-item-type-image .dn-icon {
  background-position: 50% -418px; }

.dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-add-item-type-text .dn-icon {
  background-position: 50% -128px; }

.dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-add-item-type-team .dn-icon {
  background-position: 50% -562px; }

@media only screen and (min-width: 768px) {
  .dn-popup-container.dn-alt .dn-designer-help-popup {
    width: 800px; } }

.dn-popup-container.dn-alt.dn-designer-add-item-type-text .dn-designer-select-item-type-popup .dn-designer-select-decoration-type-heading.dn-designer-add-item-type-text {
  display: block; }

.dn-popup-container.dn-alt.dn-designer-add-item-type-text .dn-designer-select-item-type-popup .dn-designer-select-decoration-type.dn-designer-add-item-type-text {
  display: block; }

.dn-popup-container.dn-alt.dn-designer-add-item-type-teamname .dn-designer-select-item-type-popup .dn-designer-select-decoration-type-heading.dn-designer-add-item-type-teamname {
  display: block; }

.dn-popup-container.dn-alt.dn-designer-add-item-type-teamname .dn-designer-select-item-type-popup .dn-designer-select-decoration-type.dn-designer-add-item-type-teamname {
  display: block; }

.dn-popup-container.dn-alt.dn-designer-add-item-type-image .dn-designer-select-item-type-popup .dn-designer-select-decoration-type-heading.dn-designer-add-item-type-image {
  display: block; }

.dn-popup-container.dn-alt.dn-designer-add-item-type-image .dn-designer-select-item-type-popup .dn-designer-select-decoration-type.dn-designer-add-item-type-image {
  display: block; }

.dn-popup-container.dn-alt.dn-designer-add-item-type-placeholder .dn-designer-select-item-type-popup .dn-designer-select-decoration-type-heading.dn-designer-add-item-type-placeholder {
  display: block; }

.dn-popup-container.dn-alt.dn-designer-add-item-type-placeholder .dn-designer-select-item-type-popup .dn-designer-select-decoration-type.dn-designer-add-item-type-placeholder {
  display: block; }

.dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories {
  height: 100%; }
  .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories h4 {
    display: block;
    margin-bottom: 0px; }
  .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    padding-top: 39px;
    margin-bottom: -39px; }
    .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-selected-category-container {
      display: none; }
    .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container {
      height: 100%;
      overflow: auto;
      display: block;
      padding-top: 40px; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container li {
        padding-top: 10px;
        padding-left: 30px; }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container li span a {
          text-decoration: none; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container li.dn-selected > span a {
        font-weight: bold; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container ul.dn-hierarchy-children li {
        padding-top: 0px; }
  .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image {
    display: none; }

.dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-listing-panel {
  display: none; }

.dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup {
  letter-spacing: -0.31em;
  word-spacing: normal;
  width: 800px;
  height: 100%; }
  .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup h3 {
    display: none; }
  @media only screen and (min-width: 768px) {
    .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup h3 {
      display: block; } }
  .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-popup-content {
    height: 100%;
    margin-bottom: -52px;
    padding-bottom: 52px; }
    .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-popup-content > div {
      height: 100%; }
  .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-designer-select-image-loading {
    padding: 10px;
    padding-top: 30%;
    text-align: center; }
  .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector {
    height: 100%; }
    .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories {
      width: 100%;
      height: 95px;
      margin-bottom: 0px;
      position: relative;
      z-index: 2; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories h4 {
        border-bottom: 1px solid #cccccc;
        background-color: #fafafa;
        padding: 3px 8px;
        font-size: 13px;
        line-height: 32px;
        display: none; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories .dn-d-category-container {
        padding-top: 5px; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories .dn-d-selected-category-container {
        height: 40px;
        width: 98%;
        margin-left: 1%;
        padding: 9px 15px 8px 0px;
        cursor: pointer;
        background: #fff;
        border: 1px solid #cccccc;
        background-image: url("/images/icons/open-iconic/png/caret-bottom.png?36ca38bffb52e49904480c76d8ee5d05");
        background-position: 95% center;
        background-repeat: no-repeat; }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories .dn-d-selected-category-container .dn-hierarchy-selected-node-label {
          font-size: 14px; }
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories .dn-d-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator {
            display: inline-block;
            margin-left: 5px;
            margin-right: 5px;
            vertical-align: middle; }
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories .dn-d-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator:before {
            font-family: "decofonts" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "h";
            display: inline-block;
            letter-spacing: normal;
            word-spacing: normal; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories .dn-d-hierarchy-container {
        display: none; }
    .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image {
      height: 50px;
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 100%;
      position: relative; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-image-listing-add-image-controls label {
        display: inline-block;
        width: 50px;
        text-align: right;
        font-size: 13px;
        font-weight: bold; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-image-listing-add-image-controls .dn-d-image-listing-add-image-file {
        display: inline-block;
        width: 100%;
        padding: 5px; }
        @media only screen and (min-width: 768px) {
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-image-listing-add-image-controls .dn-d-image-listing-add-image-file {
            padding: 10px 10px 0px 0px; } }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-image-listing-add-image-controls .dn-d-image-listing-add-image-file input {
          display: none; }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-image-listing-add-image-controls .dn-d-image-listing-add-image-file .dn-btn {
          width: 100%; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-upload-status {
        position: absolute;
        z-index: 2;
        width: 100%;
        top: 10px;
        padding: 0px 10px 10px; }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-upload-status .dn-progress-bar-container {
          height: 40px; }
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-upload-status .dn-progress-bar-container .dn-progress-bar {
            height: 38px; }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-upload-status .dn-progress-bar-text {
          position: absolute;
          top: 18px;
          margin-right: -50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        @media only screen and (min-width: 768px) {
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-upload-status .dn-progress-bar-text {
            top: 18px; } }
    .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-category-container {
      padding-top: 0px; }
    .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel {
      width: 100%;
      height: 100%;
      margin-top: -94px;
      padding-top: 94px; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel h4 {
        border-bottom: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        background-color: #fafafa;
        padding: 3px 8px;
        font-size: 13px;
        line-height: 32px;
        margin-bottom: 0px; }
        @media only screen and (min-width: 768px) {
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel h4 {
            display: none; } }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar {
        height: 36px;
        margin-bottom: 0px; }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar.dn-alt {
          display: block;
          height: 90px; }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search {
          width: 100%;
          vertical-align: top;
          padding: 0 0 0 0; }
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search label {
            display: none; }
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search .dn-d-image-listing-search-field {
            display: inline-block;
            width: 100%;
            margin-right: -35px; }
            .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search .dn-d-image-listing-search-field input {
              width: 100%;
              height: 37px;
              border: none;
              border-bottom: 1px solid rgba(204, 204, 204, 0.89);
              outline: none; }
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search .dn-d-image-listing-search-button {
            display: inline-block;
            width: 30px;
            vertical-align: top; }
            .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search .dn-d-image-listing-search-button input {
              width: 100%;
              height: 30px;
              font-size: 0px;
              background-image: url("/images/icons/open-iconic/png/magnifying-glass-2x.png?36ca38bffb52e49904480c76d8ee5d05");
              background-position: center center;
              background-repeat: no-repeat;
              cursor: pointer;
              background-color: transparent;
              border-width: 0px; }
            .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search .dn-d-image-listing-search-button input:focus, .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search .dn-d-image-listing-search-button input:active {
              border: none;
              border-bottom: 1px solid rgba(204, 204, 204, 0.89); }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-filter {
          margin-top: 5px; }
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-filter.dn-d-image-listing-filter-right {
            text-align: right; }
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-filter label {
            margin-right: 5px; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container {
        height: 100%;
        margin-top: -40px;
        padding-top: 40px; }
        @media only screen and (min-width: 768px) {
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container {
            margin-top: 0px;
            padding-top: 0px; } }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing {
          height: 100%; }
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing .dn-grid-item {
            height: 100%;
            border: 1px solid #cccccc;
            background: #f2f2f2;
            margin-top: 10px;
            width: 100px;
            cursor: pointer; }
            .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing .dn-grid-item.dn-alt, .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing .dn-grid-item:hover {
              border: 1px solid #999999; }
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing .dn-d-image-listing-scroll {
            height: 100%;
            overflow: auto; }
            .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing .dn-d-image-listing-scroll .dn-grid-container:after {
              padding-bottom: 10px; }
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing .dn-d-deauth-link {
            margin-left: 10px; }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-pagination-container {
          height: 30px;
          border-top: 1px solid #cccccc;
          padding-top: 5px; }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-grid-image {
          padding: 0px;
          height: 100px;
          text-align: center; }
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-grid-image img {
            cursor: pointer;
            /*padding:5px;*/ }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing-no-results {
          letter-spacing: normal;
          word-spacing: normal;
          padding: 20px; }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container.dn-d-with-paginator .dn-d-image-listing {
          margin-bottom: -35px;
          padding-bottom: 35px; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-alt .dn-d-image-listing-container {
        margin-top: -75px;
        padding-top: 76px; }
        @media only screen and (min-width: 768px) {
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-alt .dn-d-image-listing-container {
            margin-top: -36px;
            padding-top: 37px; } }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-alt .dn-d-image-listing-container.dn-alt {
          margin-top: -130px;
          padding-top: 139px; }
          @media only screen and (min-width: 768px) {
            .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-alt .dn-d-image-listing-container.dn-alt {
              margin-top: -100px;
              padding-top: 99px; } }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-d-image-listing-w-filter .dn-d-image-listing-toolbar {
        height: 75px; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-d-image-listing-w-filter.dn-alt .dn-d-image-listing-container {
        margin-top: -114px;
        padding-top: 115px; }
        @media only screen and (min-width: 768px) {
          .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-d-image-listing-w-filter.dn-alt .dn-d-image-listing-container {
            margin-top: -75px;
            padding-top: 76px; } }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-d-image-listing-w-filter.dn-alt .dn-d-image-listing-container.dn-alt {
          margin-top: -169px;
          padding-top: 170px; }
          @media only screen and (min-width: 768px) {
            .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-d-image-listing-w-filter.dn-alt .dn-d-image-listing-container.dn-alt {
              margin-top: -139px;
              padding-top: 140px; } }
  .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details {
    display: none;
    position: absolute;
    width: 90%;
    left: 5%;
    top: 25%;
    max-width: 400px;
    max-height: 75%;
    background-color: white;
    border: 1px solid rgba(204, 204, 204, 0.89);
    z-index: 5;
    overflow: auto;
    box-shadow: 0px 0px 40px 40px white; }
    .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-thumbnail {
      padding: 0px;
      display: inline-block;
      width: 45%;
      height: 100%;
      margin-bottom: -50px;
      padding-bottom: 50px; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-thumbnail > div {
        padding: 10px;
        font-size: 0px;
        line-height: 0px; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-thumbnail img {
        max-width: 100%;
        height: auto;
        border: 1px solid #cccccc;
        background: #f2f2f2;
        border-radius: 2px; }
    .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-information {
      display: inline-block;
      vertical-align: top;
      padding-left: 5px;
      width: 50%;
      height: 100%;
      margin-bottom: -50px;
      padding-bottom: 50px; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-information .dn-d-image-details-content {
        padding-top: 15px; }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-information .dn-d-image-details-content label {
          width: auto;
          text-align: right;
          display: inline-block;
          vertical-align: top; }
        .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-information .dn-d-image-details-content span {
          vertical-align: top;
          font-size: 14px;
          font-weight: bold;
          display: inline-block;
          width: 100%;
          /*
            margin-right: -40px;
            padding-right: 40px;
            padding-left: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            */
          word-break: break-word; }
    .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-listing-image-unavailable {
      padding: 10px; }
    .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-popup-footer {
      height: 50px;
      text-align: right; }
      .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-popup-footer .dn-button {
        margin-left: 5px;
        width: 120px; }
  .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details.dn-alt {
    display: block; }

@media only screen and (min-width: 768px) {
  .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup {
    width: 800px;
    height: 80%; }
    .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content {
      margin-bottom: -89px;
      padding-bottom: 89px; }
      .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories {
        background: white;
        border-right: 1px solid #cccccc;
        display: inline-block;
        padding-left: 10px;
        width: 25%;
        height: 100%;
        overflow: auto;
        vertical-align: top;
        margin-bottom: 0;
        margin-right: -1px; }
        .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container {
          position: relative;
          height: auto;
          width: auto;
          padding-top: 0;
          margin-bottom: 0; }
          .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-selected-category-container {
            display: none; }
          .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container {
            display: block;
            padding-top: 0px; }
            .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container li {
              padding-top: 10px;
              padding-left: 10px; }
              .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container li span a {
                text-decoration: none; }
            .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container li.dn-selected > span a {
              font-weight: bold; }
            .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container ul.dn-hierarchy-children li {
              padding-top: 0px; }
      .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-listing-panel {
        display: inline-block;
        width: 75%;
        vertical-align: top;
        margin-top: 0px;
        padding-top: 0px; }
        .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-listing-panel h4 {
          border-top: none; }
        .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar {
          display: block; }
          .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search {
            display: inline-block; }
          .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar.dn-alt {
            height: 37px; }
            .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar.dn-alt .dn-d-image-listing-search {
              width: 100%; } }

.dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories {
  height: 100%; }
  .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    padding-top: 37px;
    margin-bottom: -40px;
    padding-left: 22px; }
    .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-selected-category-container {
      display: none; }
    .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container {
      display: block;
      padding-top: 10px; }
      .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container li {
        padding-top: 10px;
        padding-left: 10px; }
        .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container li span a {
          text-decoration: none; }
      .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container li.dn-selected > span a {
        font-weight: bold; }
      .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container ul.dn-hierarchy-children li {
        padding-top: 0px; }

.dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-listing-panel {
  display: none; }

.dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup {
  letter-spacing: -0.31em;
  word-spacing: normal;
  width: 800px;
  height: 100%; }
  .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup h3 {
    display: none; }
  .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-popup-content {
    height: 100%;
    margin-bottom: -50px;
    padding-bottom: 50px; }
    .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-popup-content > div {
      height: 100%; }
  .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector {
    height: 100%; }
    .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector h4 {
      border-bottom: 1px solid rgba(204, 204, 204, 0.89);
      background-color: rgba(255, 255, 255, 0.89);
      color: #333333;
      padding: 3px 8px;
      font-size: 13px;
      line-height: 32px;
      display: block; }
    @media only screen and (min-width: 768px) {
      .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector h4 {
        display: none; } }
    .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-categories {
      width: 100%;
      height: 90px;
      margin-bottom: 10px;
      position: relative;
      overflow: auto;
      z-index: 2; }
      .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-categories .dn-d-selected-category-container {
        height: 40px;
        width: 98%;
        margin-left: 1%;
        padding: 9px 15px 8px 0px;
        cursor: pointer;
        background: #fff;
        border: 1px solid #cccccc;
        background-image: url("/images/icons/open-iconic/png/caret-bottom.png?36ca38bffb52e49904480c76d8ee5d05");
        background-position: 95% center;
        background-repeat: no-repeat; }
        .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-categories .dn-d-selected-category-container .dn-hierarchy-selected-node-label {
          font-size: 14px; }
          .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-categories .dn-d-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator {
            display: inline-block;
            margin-left: 5px;
            margin-right: 5px;
            vertical-align: middle; }
          .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-categories .dn-d-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator:before {
            font-family: "decofonts" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "h";
            display: inline-block;
            letter-spacing: normal;
            word-spacing: normal; }
      .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-categories .dn-d-hierarchy-container {
        display: none; }
    .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel {
      width: 100%;
      height: 100%;
      margin-top: -80px;
      padding-top: 80px; }
      .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel h4 {
        border-bottom: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        background-color: #fafafa;
        color: black;
        padding: 3px 8px;
        font-size: 13px;
        line-height: 32px;
        margin-bottom: 0px; }
      .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar {
        height: 36px;
        margin-bottom: 1px; }
        .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search {
          width: 100%;
          vertical-align: top;
          padding: 0 0 0 0; }
          .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search .dn-d-product-listing-search-field {
            display: inline-block;
            width: 100%;
            margin-right: -30px;
            padding-right: 30px; }
            .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search .dn-d-product-listing-search-field input {
              width: 100%;
              height: 37px;
              border: none;
              border-bottom: 1px solid rgba(204, 204, 204, 0.89);
              outline: none; }
          .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search .dn-d-product-listing-search-button {
            display: inline-block;
            width: 30px;
            vertical-align: top;
            position: absolute; }
            .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search .dn-d-product-listing-search-button input {
              width: 100%;
              height: 37px;
              font-size: 0px;
              background-color: rgba(255, 255, 255, 0.89);
              background-image: url("/images/icons/open-iconic/png/magnifying-glass-2x.png?36ca38bffb52e49904480c76d8ee5d05");
              background-position: center center;
              background-repeat: no-repeat;
              cursor: pointer;
              background-color: white;
              border-width: 0px;
              border-bottom: 1px solid rgba(204, 204, 204, 0.89); }
            .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search .dn-d-product-listing-search-button input:focus,
            .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search .dn-d-product-listing-search-button input:active {
              border: none;
              border-bottom: 1px solid rgba(204, 204, 204, 0.89); }
      .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container {
        height: 100%;
        margin-top: -90px;
        padding-top: 90px; }
        .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container.dn-alt-search {
          margin-top: -120px;
          padding-top: 120px; }
        .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-d-product-listing-scroll {
          padding: 10px;
          height: 100%;
          overflow: auto; }
        .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-pagination-container {
          height: 30px;
          text-align: center; }
          .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-pagination-container span,
          .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-pagination-container a {
            padding-right: 5px;
            font-size: small; }
          .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-pagination-container span.page_entries_info {
            display: block; }
        .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-grid-item .dn-grid-image img {
          cursor: pointer;
          padding: 1px;
          border: 1px solid #cccccc; }
          .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-grid-item .dn-grid-image img:hover {
            opacity: 0.8; }
        .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-grid-item.dn-selected .dn-grid-image img {
          border: 1px solid #333333; }

.dn-popup-container.dn-alt.dn-with-paginator .dn-designer-select-product-popup.dn-popup .dn-popup-content {
  margin-bottom: -75px;
  padding-bottom: 75px; }

.dn-popup-container.dn-alt.dn-with-paginator .dn-designer-select-product-popup.dn-popup .dn-popup-footer {
  margin-top: 25px; }

@media only screen and (min-width: 768px) {
  .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup {
    width: 800px;
    height: 80%; }
    .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup h3 {
      display: block; }
    .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content {
      margin-bottom: -90px;
      padding-bottom: 90px; }
      .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories {
        border-right: 1px solid #cccccc;
        display: inline-block;
        width: 25%;
        height: 100%;
        overflow: auto;
        vertical-align: top;
        margin-bottom: 0; }
        .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container {
          position: relative;
          height: auto;
          width: auto;
          padding-top: 0;
          margin-bottom: 0;
          padding-left: 10px; }
          .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-selected-category-container {
            display: none; }
          .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container {
            display: block;
            padding-top: 10px; }
            .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container li {
              padding-top: 10px;
              padding-left: 10px; }
              .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container li span a {
                text-decoration: none; }
            .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container li.dn-selected > span a {
              font-weight: bold; }
            .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container ul.dn-hierarchy-children li {
              padding-top: 0px; }
      .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-listing-panel {
        display: inline-block;
        width: 75%;
        vertical-align: top;
        margin-top: 0px;
        padding-top: 0px;
        margin-right: -1px;
        max-width: 595px; }
        .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-listing-panel h4 {
          border-top: 0px; }
        .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container {
          margin-top: -30px;
          padding-top: 30px; }
          .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container.dn-alt-search {
            margin-top: -60px;
            padding-top: 60px; }
          .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-pagination-container span.page_entries_info {
            display: inline-block; }
  .dn-popup-container.dn-alt.dn-with-paginator .dn-designer-select-product-popup.dn-popup .dn-popup-footer {
    margin-top: 0px; } }

@font-face {
  font-family: 'Italian Plate No2 Expanded';
  src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Regular.eot");
  src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Regular.eot?#iefix") format("embedded-opentype"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Regular.woff2") format("woff2"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Italian Plate No2 Expanded';
  src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Demibold.eot");
  src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Demibold.eot?#iefix") format("embedded-opentype"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Demibold.woff2") format("woff2"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Demibold.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Italian Plate No2 Expanded';
  src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Bold.eot");
  src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Bold.eot?#iefix") format("embedded-opentype"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Bold.woff2") format("woff2"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

.dn-afterpay-info-popup .dn-afterpay-wrapper * {
  box-sizing: border-box;
  text-decoration: none;
  background: #b2fce4;
  font-family: 'Italian Plate No2 Expanded', sans-serif;
  color: #000; }

.dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container {
  text-align: center;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 25%);
  grid-template-areas: "header header header header" "main main main main" "dn-process-step-1 dn-process-step-2 dn-process-step-3 dn-process-step-4" "footer footer footer footer"; }
  .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-0 {
    grid-area: header; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-0 .dn-afterpay-popup-logo .dn-afterpay-popup-logo-black {
      display: block;
      width: 275px;
      height: auto;
      margin-top: 45px;
      margin-left: auto;
      margin-right: auto; }
  .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-1 {
    grid-area: main;
    padding-top: 15px; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-1 h3.dn-afterpay-headline {
      font-size: 44px;
      font-weight: 600;
      margin: 0;
      text-align: center;
      line-height: 1.1;
      letter-spacing: normal;
      color: #000;
      text-transform: none; }
  .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-svg-1 {
    grid-area: svg1; }
  .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-svg-2 {
    grid-area: svg2; }
  .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-svg-3 {
    grid-area: svg3; }
  .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-svg-4 {
    grid-area: svg4; }
  .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-3 {
    grid-area: footer; }
  .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div {
    align-content: stretch;
    height: 115px; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-process {
      height: 215px; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 {
      margin-top: 35px; }
      .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 p.dn-disclaimer {
        font-size: 12px;
        font-weight: 400;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.1;
        letter-spacing: normal;
        color: #000; }
        .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 p.dn-disclaimer a.dn-disclaimer-link {
          text-decoration: underline !important;
          text-transform: lowercase; }
        .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 p.dn-disclaimer span {
          display: block; }
          .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 p.dn-disclaimer span.dn-loan-agreement {
            margin-top: 10px;
            margin-bottom: 5px; }
  .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container {
    height: 115px; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-process-icon {
      width: 110px;
      height: auto;
      max-height: 95px;
      min-height: 75px;
      margin-left: auto;
      margin-right: auto; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-shopping-cart, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-four-payments {
      margin-top: 20px; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-afterpay-desktop, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-sign-up-desktop {
      margin-top: 40px; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-afterpay-mobile, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-sign-up-mobile {
      display: none; }
  .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process p.dn-process-subheading {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: normal;
    margin-top: 20px;
    color: #000;
    width: 95%;
    margin-left: auto;
    margin-right: auto; }
  .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-disclaimer-link {
    color: #000;
    text-decoration: underline !important; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-disclaimer-link:active {
      color: #000; }

.dn-afterpay-info-popup .dn-popup-content-scroll {
  overflow-y: auto;
  height: 625px;
  -webkit-font-smoothing: antialiased;
  border-radius: 0;
  background: #b2fce4; }

@media only screen and (min-width: 768px) {
  .dn-afterpay-info-popup .dn-popup-content-scroll {
    width: 775px; } }

@media (max-width: 768px) {
  .dn-afterpay-info-popup .dn-popup-content-scroll {
    height: 100%;
    width: 100%;
    max-width: 100%;
    padding-bottom: 5.5rem; } }

@media (max-height: 650px) {
  .dn-afterpay-info-popup .dn-popup-content-scroll {
    min-height: 100%;
    min-width: 100%;
    max-height: 50%;
    padding-bottom: 5.5rem; } }

@media only screen and (max-width: 768px) {
  .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container {
    grid-template-columns: auto;
    grid-template-areas: "header" "main" "svg1" "svg2" "svg3" "svg4" "footer";
    text-align: left;
    padding: 30px; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div {
      height: 115px; }
      .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-1 {
        height: 250px; }
      .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-process {
        height: 105px; }
      .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 {
        height: 130px;
        margin-top: 0px; }
        .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 p.dn-disclaimer {
          max-width: 100%;
          margin-top: 15px; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-0 .dn-afterpay-popup-logo .dn-afterpay-popup-logo-black {
      display: block;
      width: 300px;
      height: auto;
      margin-left: 0;
      margin-right: auto; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-1 {
      padding-top: 2em; }
      .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-1 h3.dn-afterpay-headline {
        font-size: 48px;
        text-align: left; }
        .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-1 h3.dn-afterpay-headline span {
          display: block; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process {
      display: flex;
      margin-top: 15px; }
      .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container {
        display: flex;
        flex-direction: row;
        vertical-align: middle;
        margin-right: 20px;
        height: 105px; }
        .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-process-icon {
          width: 120px;
          height: 85px;
          text-align: center; }
        .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-afterpay-desktop, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-sign-up-desktop {
          display: none; }
        .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-afterpay-mobile, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-sign-up-mobile {
          display: block; }
        .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-shopping-cart, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-four-payments {
          margin-top: 0; }
        .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-afterpay-desktop, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-sign-up-desktop {
          margin-top: 0; }
      .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process p.dn-process-subheading {
        margin-top: 25px;
        font-size: 15px; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process-step-1 {
      margin-top: 40px; }
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process-step-3.dn-process p.dn-process-subheading,
    .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process-step-4.dn-process p.dn-process-subheading {
      margin-top: 15px; } }

.dn-d-slider-container {
  width: 94%;
  margin-left: 2%;
  position: relative;
  height: 10px;
  background-color: #e6e6e6;
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding-right: 20px; }
  .dn-d-slider-container .dn-d-slider-bar {
    background-color: white;
    border: 1px solid #b3b3b3;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    top: -6px;
    display: block;
    z-index: 3;
    cursor: move; }

.dn-d-slider-container.dn-d-color-slider {
  background-image: url("/images/colors.gif?36ca38bffb52e49904480c76d8ee5d05");
  background-repeat: no-repeat;
  background-size: cover; }

.d-d-mp-checkbox input[type="checkbox"] {
  display: none; }

.d-d-mp-checkbox input[type="checkbox"] + label span {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  cursor: pointer;
  background-color: white;
  vertical-align: middle;
  margin-right: 5px; }
  .d-d-mp-checkbox input[type="checkbox"] + label span b {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url("/images/icons/open-iconic/png/check-2x.png?36ca38bffb52e49904480c76d8ee5d05");
    background-repeat: no-repeat;
    background-position: 1000 1000;
    opacity: 0; }

.d-d-mp-checkbox input[type="checkbox"] + label span b:hover {
  background-position: center center;
  opacity: 0.1; }

.d-d-mp-checkbox input[type="checkbox"]:checked + label span b {
  background-position: center center;
  opacity: 0.7; }

.dn-d-mp-item {
  position: relative; }
  .dn-d-mp-item .dn-d-mp-advanced-button {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: -20px;
    width: 100%;
    font-size: 14px;
    text-align: right; }
    .dn-d-mp-item .dn-d-mp-advanced-button a {
      display: inline-block; }
      .dn-d-mp-item .dn-d-mp-advanced-button a:before {
        background-image: url("/images/icons/open-iconic/png/caret-bottom.png?36ca38bffb52e49904480c76d8ee5d05");
        background-position: bottom center;
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        content: "";
        position: relative;
        display: inline-block; }
    .dn-d-mp-item .dn-d-mp-advanced-button a.dn-alt:before {
      background-image: url("/images/icons/open-iconic/png/caret-top.png?36ca38bffb52e49904480c76d8ee5d05"); }
  .dn-d-mp-item .dn-d-mp-auto-digitize-button {
    display: none;
    width: 100%;
    padding: 5px 0px 5px 0px;
    margin: 5px 0px 5px 0px; }
    .dn-d-mp-item .dn-d-mp-auto-digitize-button input {
      width: 100%; }
  .dn-d-mp-item .dn-d-mp-advanced-pane .dn-d-mp-advanced-locking .d-d-mp-checkbox:first-of-type {
    margin-bottom: 5px; }
  .dn-d-mp-item .dn-d-mp-advanced-pane .dn-d-mp-advanced-personalize input[type="text"] {
    width: 100%; }
  .dn-d-mp-item .dn-d-mp-advanced-pane .dn-d-mp-advanced-personalize .dn-d-mp-personalize-caption {
    margin-top: 5px; }
  .dn-d-mp-item .dn-d-mp-pane-alerts {
    letter-spacing: normal;
    word-spacing: normal;
    font-size: 0.9em;
    line-height: 1.3em; }
    .dn-d-mp-item .dn-d-mp-pane-alerts ol li {
      padding: 5px;
      border: 1px solid red;
      margin-bottom: 5px; }
    .dn-d-mp-item .dn-d-mp-pane-alerts .dn-d-mp-pane-alerts-error li {
      color: #993434;
      background-color: #F4B2B2;
      border-color: #993434; }
    .dn-d-mp-item .dn-d-mp-pane-alerts .dn-d-mp-pane-alerts-warn li {
      color: #A95623;
      background-color: #FFD3B8;
      border-color: #A95623; }
    .dn-d-mp-item .dn-d-mp-pane-alerts .dn-d-mp-pane-alerts-notice li {
      color: #0D3683;
      background-color: #B0CCFF;
      border-color: #0D3683; }
  .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement {
    display: inline-block;
    vertical-align: top;
    width: 25%; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement > label {
      text-align: center;
      display: block; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul {
      letter-spacing: -0.31em;
      width: 100%;
      height: 71px;
      border-radius: 5px;
      border: 1px solid #cccccc; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul li {
        width: 33%;
        height: 23px;
        display: inline-block;
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
        opacity: 0.7;
        position: relative;
        padding-top: 4px;
        text-align: center;
        vertical-align: top;
        overflow: hidden; }
        .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul li:hover {
          opacity: 1.0; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul li:before {
        font-family: "decofonts" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "i";
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-t-l:before {
        transform: rotate(315deg); }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-t-c:before {
        font-size: 1.3em; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-t-r:before {
        transform: rotate(45deg); }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-c-l:before {
        transform: rotate(270deg);
        font-size: 1.3em; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-c-c:before {
        visibility: hidden; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-c-r:before {
        transform: rotate(90deg);
        font-size: 1.3em; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-b-l:before {
        transform: rotate(225deg); }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-b-c:before {
        transform: rotate(180deg);
        font-size: 1.3em; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-b-r:before {
        transform: rotate(135deg); }
  .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size {
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
    width: 10%;
    min-width: 20px; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size > label {
      text-align: center;
      display: block; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size ol {
      width: 100%;
      height: 71px;
      border-radius: 5px;
      border: 1px solid #cccccc; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size ol li {
        width: 100%;
        height: 50%;
        background-repeat: no-repeat;
        cursor: pointer;
        opacity: 0.7;
        position: relative;
        font-size: 23px;
        text-align: center; }
        .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size ol li:hover {
          opacity: 1.0; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size ol li:before {
        font-family: "decofonts" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "i";
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size ol li.dn-d-mp-actions-controls-size-down {
        padding-top: 13px; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size ol li.dn-d-mp-actions-controls-size-down:before {
        content: "\66"; }
  .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate {
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
    width: 25%; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate > label {
      text-align: center;
      display: block;
      max-width: 71px; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel {
      letter-spacing: -0.31em;
      width: 100%;
      max-width: 71px;
      height: 71px;
      border-radius: 5px;
      border: 1px solid #cccccc;
      position: relative; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-background,
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-line {
        position: absolute;
        top: 16%;
        left: 50%;
        margin-left: -19px;
        width: 38px;
        height: 38px;
        font-size: 38px; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-background:before {
        font-family: "decofonts" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "S";
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-line:before {
        font-family: "decofonts" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "U";
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-left {
        position: absolute;
        top: 10%;
        left: 0px;
        width: 18px;
        height: 18px;
        font-size: 18px;
        cursor: pointer;
        opacity: 0.7; }
        .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-left:hover {
          opacity: 1.0; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-left:before {
        font-family: "decofonts" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "g";
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-right {
        position: absolute;
        top: 10%;
        right: 0px;
        width: 18px;
        height: 18px;
        font-size: 18px;
        cursor: pointer;
        opacity: 0.7; }
        .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-right:hover {
          opacity: 1.0; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-right:before {
        font-family: "decofonts" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "h";
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel div.dn-d-mp-actions-controls-rotate-degrees {
        position: absolute;
        top: 100%;
        left: 35%;
        width: 65%;
        margin-top: -20px; }
        .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel div.dn-d-mp-actions-controls-rotate-degrees input {
          height: 16px;
          width: 75%;
          padding: 1px; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-rotate-handle {
        position: absolute;
        height: 10px;
        width: 10px;
        border: 1px solid #999999;
        background-color: white;
        border-radius: 5px;
        cursor: pointer; }
  .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering {
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
    width: 25%; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering > label {
      text-align: center;
      display: block; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering ol li {
      width: 100%;
      border-radius: 5px;
      border: 1px solid #cccccc;
      height: 30px;
      cursor: pointer;
      font-size: 20px;
      text-align: center;
      padding-top: 4px;
      opacity: 0.7; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering ol li:hover {
        opacity: 1.0; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering ol li:before {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "M";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering ol li.dn-d-mp-actions-controls-centering-horizontal:before {
      content: "L"; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering ol li.dn-d-mp-actions-controls-centering-vertical {
      margin-top: 10px; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering ol li.dn-d-mp-actions-controls-centering-both {
      display: none; }
  .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip {
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
    width: 25%; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip > label {
      text-align: center;
      display: block; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip ol li {
      width: 50%;
      border-radius: 5px;
      border: 1px solid #cccccc;
      height: 30px;
      cursor: pointer;
      font-size: 20px;
      text-align: center;
      padding-top: 4px;
      opacity: 0.7; }
      .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip ol li:hover {
        opacity: 1.0; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip ol li:before {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "-";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip ol li.dn-d-mp-actions-controls-flip-y:before {
      content: "."; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip ol li.dn-alt {
      border: 1px solid black; }
  .dn-d-mp-item .dn-d-mp-list-selector-container {
    display: none;
    height: 100%; }
  .dn-d-mp-item .dn-d-mp-actions-controls.dn-d-mp-with-flip .dn-d-mp-flip-and-align {
    width: 25%;
    margin-left: 5%;
    display: inline-block; }
    .dn-d-mp-item .dn-d-mp-actions-controls.dn-d-mp-with-flip .dn-d-mp-flip-and-align label {
      display: none; }
    .dn-d-mp-item .dn-d-mp-actions-controls.dn-d-mp-with-flip .dn-d-mp-flip-and-align .dn-d-mp-actions-controls-centering {
      width: 100%;
      margin-left: 0px; }
    .dn-d-mp-item .dn-d-mp-actions-controls.dn-d-mp-with-flip .dn-d-mp-flip-and-align .dn-d-mp-actions-controls-flip {
      width: 100%;
      margin-left: 0px;
      margin-top: 10px; }
    .dn-d-mp-item .dn-d-mp-actions-controls.dn-d-mp-with-flip .dn-d-mp-flip-and-align ol li {
      width: 48%;
      margin-right: 2%;
      display: inline-block;
      margin-top: 0px; }
    .dn-d-mp-item .dn-d-mp-actions-controls.dn-d-mp-with-flip .dn-d-mp-flip-and-align ol li.dn-d-mp-actions-controls-centering-both {
      display: none; }

.dn-d-mp-item.dn-selecting-item {
  padding-bottom: 0px; }
  .dn-d-mp-item.dn-selecting-item .dn-d-mp-body {
    display: none; }
  .dn-d-mp-item.dn-selecting-item .dn-d-mp-list-selector-container {
    display: block; }

.dn-d-el-sizer {
  background-color: rgba(102, 102, 102, 0.89);
  border: 2px solid rgba(255, 255, 255, 0.89);
  height: 14px;
  width: 14px;
  border-radius: 7px;
  z-index: 500;
  cursor: move;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
  position: absolute; }

.dn-d-el-sizer:hover, .dn-d-el-sizer:active {
  background-color: rgba(0, 0, 0, 0.89); }

.dn-d-el-sizer.dn-d-s-TL {
  cursor: nw-resize;
  left: -7px;
  top: -7px; }

.dn-d-el-sizer.dn-d-s-TR {
  cursor: ne-resize;
  right: -7px;
  top: -7px; }

.dn-d-el-sizer.dn-d-s-BL {
  cursor: ne-resize;
  left: -7px;
  bottom: -7px; }

.dn-d-el-sizer.dn-d-s-BR {
  cursor: nw-resize;
  right: -7px;
  bottom: -7px; }

.dn-d-el-ro-sizer {
  background-color: black;
  height: 0px;
  width: 0px;
  z-index: 500;
  position: absolute; }

.dn-d-el-rotate {
  background-color: rgba(102, 102, 102, 0.89);
  border: 2px solid rgba(255, 255, 255, 0.89);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
  border-radius: 11px;
  display: none;
  z-index: 500;
  cursor: move;
  position: absolute;
  font-size: 18px;
  padding: 1px;
  line-height: 0.7em;
  text-align: center;
  color: rgba(255, 255, 255, 0.89);
  bottom: -30px;
  right: -30px;
  top: auto; }

.dn-d-el-rotate:hover, .dn-d-el-rotate:active {
  background-color: rgba(0, 0, 0, 0.89); }

.dn-d-el-delete {
  background-color: #dc0000;
  border: 2px solid rgba(255, 255, 255, 0.89);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
  border-radius: 11px;
  display: none;
  z-index: 500;
  cursor: pointer;
  position: absolute;
  font-size: 12px;
  line-height: 0.7em;
  padding: 2px 2.5px 2px 2px;
  text-align: center;
  color: #fff;
  bottom: -30px;
  left: -30px; }

.dn-designer-element.dn-selected .dn-d-el-delete {
  display: block; }

.dn-designer-element.dn-selected .dn-d-el-rotate {
  display: block; }

.dn-designer-element.dn-selected .dn-d-el-ro-sizer {
  display: block; }

.dn-designer-element.dn-selected .dn-d-el-sizer {
  display: block; }

.dn-d-el-delete:hover, .dn-d-el-delete:active {
  background-color: #b60606; }

.dn-d-el-edit {
  background-color: rgba(102, 102, 102, 0.89);
  border: 2px solid rgba(255, 255, 255, 0.89);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.89);
  font-size: 12px;
  height: auto;
  width: 60px;
  border-radius: 11px;
  display: none;
  z-index: 500;
  cursor: pointer;
  position: absolute;
  text-align: center; }
  .dn-d-el-edit:hover {
    text-decoration: underline; }

.dn-designer .dn-d-el-dims {
  background-color: #ffffff;
  color: #000000;
  padding: 2px 5px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.4em;
  display: none;
  z-index: 500;
  position: relative;
  top: -35px;
  white-space: nowrap; }
  .dn-designer .dn-d-el-dims input[type="text"] {
    width: 40px;
    font-size: 11px;
    height: 20px;
    line-height: 1em;
    margin-right: 2px;
    padding: 0px 3px; }
  .dn-designer .dn-d-el-dims .dn-d-el-dims-apply {
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    vertical-align: middle; }
  .dn-designer .dn-d-el-dims .dn-d-el-dims-apply:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "*";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-designer .dn-d-el-dims .dn-d-el-dims-edit {
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: 1px;
    margin-bottom: -2px; }
  .dn-designer .dn-d-el-dims .dn-d-el-dims-edit:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ")";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal; }

.dn-designer-element.dn-selected .dn-d-el-dims {
  display: inline-block; }

.dn-d-mp-layer-info-container {
  padding-top: 5px; }
  .dn-d-mp-layer-info-container > label {
    display: block;
    margin-top: 3px; }
  .dn-d-mp-layer-info-container > div {
    display: inline-block;
    vertical-align: middle; }
  .dn-d-mp-layer-info-container .dn-d-mp-layer-icon {
    width: 20px;
    font-size: 20px;
    text-align: center;
    padding-top: 2px;
    line-height: 16px;
    margin-right: 5px; }
  .dn-d-mp-layer-info-container .dn-d-mp-layer-controls {
    width: 40%;
    min-width: 90px; }
    .dn-d-mp-layer-info-container .dn-d-mp-layer-controls > div {
      display: inline-block; }
    .dn-d-mp-layer-info-container .dn-d-mp-layer-controls .dn-d-mp-layer-action {
      width: 20%;
      margin-left: 2%;
      margin-right: 2%;
      border-radius: 5px;
      border: 1px solid #cccccc;
      cursor: pointer;
      text-align: center;
      padding-top: 4px;
      line-height: 18px; }
    .dn-d-mp-layer-info-container .dn-d-mp-layer-controls .dn-d-mp-layer-action:hover {
      border: 1px solid #999999; }
    .dn-d-mp-layer-info-container .dn-d-mp-layer-controls .dn-d-mp-layer-action.dn-disabled {
      opacity: 0.7;
      cursor: default; }
    .dn-d-mp-layer-info-container .dn-d-mp-layer-controls .dn-d-mp-layer-action.dn-disabled:hover {
      border: 1px solid #cccccc; }
  .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions {
    width: 140px;
    letter-spacing: normal;
    word-spacing: normal;
    overflow: hidden;
    white-space: nowrap; }
    .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions .dn-d-el-dims-label {
      display: inline-block;
      width: 140px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: middle;
      text-align: right; }
    .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions .dn-d-el-dims-edit {
      display: none;
      cursor: pointer;
      margin-left: 5px;
      vertical-align: middle;
      margin-top: 2px;
      margin-bottom: -2px;
      width: 20px; }
    .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions .dn-d-el-dims-edit:before {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: ")";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal; }
  .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions.dn-editable .dn-d-el-dims-label {
    cursor: pointer;
    width: 120px; }
  .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions.dn-editable .dn-d-el-dims-edit {
    display: inline-block; }
  .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions-edit {
    display: none; }

.dn-d-mp-layer-info-container.dn-alt .dn-d-mp-layer-controls {
  display: none; }

.dn-d-mp-layer-info-container.dn-alt .dn-d-mp-layer-dimensions {
  display: none; }

.dn-d-mp-layer-info-container.dn-alt .dn-d-mp-layer-dimensions-edit {
  display: inline-block;
  width: 100%;
  margin-left: -25px;
  padding-left: 25px;
  white-space: nowrap;
  text-align: right;
  padding-right: 10px; }
  .dn-d-mp-layer-info-container.dn-alt .dn-d-mp-layer-dimensions-edit input[type="text"] {
    width: 40px;
    font-size: 11px;
    height: 20px;
    line-height: 1em;
    margin-right: 2px;
    padding: 0px 3px; }
  .dn-d-mp-layer-info-container.dn-alt .dn-d-mp-layer-dimensions-edit .dn-d-el-dims-apply {
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    vertical-align: middle; }
  .dn-d-mp-layer-info-container.dn-alt .dn-d-mp-layer-dimensions-edit .dn-d-el-dims-apply:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "*";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal; }

.dn-d-mp-settings-expander {
  margin-bottom: 0px; }
  .dn-d-mp-settings-expander > h3 {
    font-size: 13px;
    cursor: pointer;
    background-color: #fafafa;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin-top: -1px;
    margin-bottom: -1px;
    padding: 10px 0px 10px 5px;
    margin-left: -7px;
    margin-right: -7px;
    position: relative; }
    .dn-d-mp-settings-expander > h3 .dn-d-mp-settings-expander-toggle {
      display: inline-block;
      width: 18px;
      height: 18px;
      position: absolute;
      top: 11px;
      right: 11px;
      transition: transform 0.3s, right 0.3s, top 0.3s; }
  .dn-d-mp-settings-expander .dn-d-mp-settings-expander-content {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.3s; }

.dn-d-mp-settings-expander.dn-alt > h3 .dn-d-mp-settings-expander-toggle {
  transform: rotate(90deg);
  right: 17px;
  top: 12px; }

.dn-d-mp-settings-expander.dn-alt .dn-d-mp-settings-expander-content {
  max-height: 100px; }

.dn-d-mp-item.dn-selecting-item.dn-with-shape-selector .dn-d-mp-text-warp-dropdown-list-container {
  display: block; }

.dn-d-mp-settings-expander.dn-d-mp-settings-expander-formatting.dn-alt .dn-d-mp-settings-expander-content {
  max-height: 220px;
  margin: 10px 3px; }

.dn-d-mp-settings-expander.dn-d-mp-settings-expander-effects.dn-alt .dn-d-mp-settings-expander-content {
  max-height: 280px;
  margin: 10px 3px; }

.dn-d-mp-settings-expander.dn-d-mp-settings-expander-position.dn-alt .dn-d-mp-settings-expander-content {
  max-height: 140px;
  margin: 10px 3px; }

.dn-d-mp-settings-expander.dn-d-mp-settings-expander-advanced.dn-alt .dn-d-mp-settings-expander-content {
  max-height: 235px;
  margin: 10px 3px; }

body.dn-designer-slim-mode .dn-d-el-edit {
  display: block; }

@media only screen and (min-width: 768px) {
  .dn-d-mp-item .dn-d-mp-actions-controls {
    margin-top: 5px; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement > label {
      display: none; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size > label {
      display: none; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate > label {
      display: none; }
    .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering > label {
      display: none; }
  .dn-d-mp-layer-info-container > label {
    display: none; }
  .dn-d-mp-settings-expander.dn-d-mp-settings-expander-position.dn-alt .dn-d-mp-settings-expander-content {
    max-height: 125px; } }

.dn-d-mp-text.dn-with-shape-selector {
  min-height: 400px; }

.dn-d-mp-text .dn-d-mp-text-editor-container textarea {
  width: 100%; }

.dn-d-mp-text .dn-d-mp-text-editor-container .dn-d-mp-apply-text {
  display: none;
  font-size: 15px;
  text-decoration: underline;
  text-align: right;
  width: 100%;
  margin-bottom: 5px; }

.dn-d-mp-text .dn-d-mp-text-editor-container.dn-alt .dn-d-mp-apply-text {
  display: block; }

.dn-d-mp-text .dn-d-mp-edit-text-link {
  display: none; }

.dn-d-mp-text .dn-d-mp-font-options > label {
  display: none; }

.dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-color-container {
  float: right;
  width: 38px;
  padding: 0px 0 0px 2px; }
  .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-color-container .dn-color-buttons.dn-color-buttons-big li {
    margin: 0; }
    .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-color-container .dn-color-buttons.dn-color-buttons-big li div {
      width: 33px;
      height: 33px; }

.dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-selector {
  float: left;
  width: 100%;
  margin-right: -38px;
  padding-right: 38px; }
  .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-selector .dn-d-mp-font-image {
    cursor: pointer;
    background: #fff;
    border: 1px solid #cccccc;
    padding: 7px 6px 6px 4px;
    height: 34px;
    width: 100%;
    background-image: url("/images/icons/open-iconic/png/caret-bottom.png?36ca38bffb52e49904480c76d8ee5d05");
    background-position: 95% center;
    background-repeat: no-repeat; }
    .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-selector .dn-d-mp-font-image > div {
      background-size: contain;
      background-position: 5% center;
      background-repeat: no-repeat;
      height: 100%;
      max-width: 150px; }
  .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-selector .dn-d-drop-arrow {
    display: none; }

.dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings {
  clear: both;
  width: 100%;
  padding-top: 0px; }
  .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings ol.dn-d-mp-font-buttons {
    display: inline-block; }
    .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings ol.dn-d-mp-font-buttons li {
      display: inline-block;
      max-width: 33px;
      height: 33px;
      min-width: 20px;
      background-position: center center;
      background-repeat: no-repeat;
      border-radius: 0px;
      border: 1px solid #cccccc;
      cursor: pointer;
      position: relative;
      text-align: left;
      padding: 6px;
      font-size: 19px; }
      .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings ol.dn-d-mp-font-buttons li:hover {
        border: 1px solid #999999;
        opacity: 0.9; }
      .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings ol.dn-d-mp-font-buttons li.dn-alt {
        border: 1px solid #b3b3b3;
        background-color: #d9d9d9; }
      .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings ol.dn-d-mp-font-buttons li span {
        display: block;
        height: 100%;
        width: 100%;
        font-size: 0px; }
  .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-transform {
    width: 40%; }
    .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-transform li {
      width: 43%;
      margin-right: 4px; }
  .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-align {
    text-align: right;
    width: 60%; }
    .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-align li {
      width: 28%;
      margin-left: 4px; }
  .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-edit {
    display: none; }
    .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-edit a {
      font-size: 15px;
      text-decoration: underline; }
  .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-mm input {
    margin-top: 7px;
    margin-left: 5px;
    margin-right: 5px; }

.dn-d-mp-text .dn-d-mp-teamname-width > label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 5px; }

.dn-d-mp-text .dn-d-mp-text-warp > h3 {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 2px; }

.dn-d-mp-text .dn-d-mp-text-warp .dn-d-mp-text-warp-selector {
  position: relative;
  display: inline-block;
  height: 34px;
  overflow: hidden;
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  width: 50%;
  padding: 0 15px 0 0px;
  background-image: url("/images/icons/open-iconic/png/caret-bottom.png?36ca38bffb52e49904480c76d8ee5d05");
  background-position: 96% center;
  background-repeat: no-repeat;
  cursor: pointer; }
  .dn-d-mp-text .dn-d-mp-text-warp .dn-d-mp-text-warp-selector > div {
    overflow: hidden;
    height: 100%; }
  .dn-d-mp-text .dn-d-mp-text-warp .dn-d-mp-text-warp-selector b {
    font-size: 0;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: block;
    margin-top: -5px; }

.dn-d-mp-text .dn-d-mp-text-warp .dn-d-mp-text-warp-settings {
  width: 50%;
  padding: 0 5px 0 5px;
  display: none;
  vertical-align: top; }
  .dn-d-mp-text .dn-d-mp-text-warp .dn-d-mp-text-warp-settings.dn-alt {
    display: inline-block; }

.dn-d-mp-text .dn-d-mp-text-warp .dn-d-mp-text-warp-selected {
  top: -5px;
  left: 5px;
  position: relative; }

.dn-d-mp-text .dn-d-mp-text-stroke {
  margin-top: 15px; }
  .dn-d-mp-text .dn-d-mp-text-stroke > h3 {
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px; }
  .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-width-container {
    display: inline-block;
    width: 100%;
    padding-right: 38px;
    margin-right: -38px;
    vertical-align: top; }
    .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-width-container label {
      display: none; }
    .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-width-container .dn-d-slider-container {
      margin-top: 10px;
      margin-left: 0px;
      width: 100%; }
  .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-color-container {
    display: inline-block;
    width: 38px;
    padding: 2px 0 2px 2px;
    vertical-align: top;
    margin-top: -4px; }
    .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-color-container label {
      display: none; }
    .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-color-container .dn-color-buttons.dn-color-buttons-big li {
      margin: 0; }
      .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-color-container .dn-color-buttons.dn-color-buttons-big li div {
        width: 33px;
        height: 33px; }

.dn-d-mp-text .dn-d-mp-advanced-pane .dn-d-mp-advanced-personalize .dn-d-mp-max-characters,
.dn-d-mp-text .dn-d-mp-advanced-pane .dn-d-mp-advanced-personalize .d-d-mp-checkbox-max-width,
.dn-d-mp-text .dn-d-mp-advanced-pane .dn-d-mp-advanced-personalize .d-d-mp-checkbox-fixed-width {
  margin-top: 5px; }

.dn-d-mp-text .dn-d-mp-text-effect h3 {
  display: block;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 2px; }

.dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-te-select-container {
  width: 100%;
  margin-right: -38px;
  padding-right: 38px;
  display: inline-block; }
  .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-te-select-container select {
    height: 34px;
    width: 100%;
    padding: 7px; }

.dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-te-color {
  display: inline-block;
  width: 38px;
  padding: 0px 0 2px 2px;
  vertical-align: top; }
  .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-te-color b label {
    display: none; }
  .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-te-color .dn-color-buttons.dn-color-buttons-big li {
    margin: 0; }
    .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-te-color .dn-color-buttons.dn-color-buttons-big li div {
      width: 33px;
      height: 33px; }

.dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container {
  display: none; }
  .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li {
    display: inline-block;
    vertical-align: top; }
    .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li label {
      font-weight: normal; }
  .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li.dn-d-mp-te-offset {
    width: 36px;
    margin-right: 10px; }
    .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li.dn-d-mp-te-offset .dn-d-mp-offset-control {
      position: relative; }
    .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li.dn-d-mp-te-offset .dn-d-mp-te-offset-background {
      font-size: 38px;
      width: 38px;
      height: 38px; }
    .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li.dn-d-mp-te-offset .dn-d-mp-te-offset-background:before {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "S";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal; }
    .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li.dn-d-mp-te-offset .dn-d-mp-te-offset-handle {
      position: absolute;
      cursor: move;
      height: 10px;
      width: 10px;
      border: 1px solid #999999;
      background-color: white;
      border-radius: 5px; }
  .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li.dn-d-mp-te-glow-strength {
    width: 25%; }

.dn-d-mp-text .dn-d-mp-text-effect.dn-te-shadow .dn-d-mp-text-effects-container {
  display: block; }
  .dn-d-mp-text .dn-d-mp-text-effect.dn-te-shadow .dn-d-mp-text-effects-container li.dn-d-mp-te-blur {
    width: 100%;
    margin-left: -46px;
    padding-left: 46px; }
    .dn-d-mp-text .dn-d-mp-text-effect.dn-te-shadow .dn-d-mp-text-effects-container li.dn-d-mp-te-blur .dn-d-slider-container {
      margin-top: 12px; }

.dn-d-mp-text .dn-d-mp-text-effect.dn-te-glow .dn-d-mp-text-effects-container {
  display: block; }
  .dn-d-mp-text .dn-d-mp-text-effect.dn-te-glow .dn-d-mp-text-effects-container li.dn-d-mp-te-blur {
    width: 45%; }
  .dn-d-mp-text .dn-d-mp-text-effect.dn-te-glow .dn-d-mp-text-effects-container li.dn-d-mp-te-glow-strength {
    width: 45%;
    margin-right: 10%; }

.dn-d-mp-text .dn-d-mp-text-gradient h3 {
  display: block;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 2px; }

.dn-d-mp-text .dn-d-mp-text-gradient .dn-d-mp-gradient-select-container {
  width: 100%;
  margin-right: -38px;
  padding-right: 38px;
  display: inline-block; }
  .dn-d-mp-text .dn-d-mp-text-gradient .dn-d-mp-gradient-select-container select {
    height: 34px;
    width: 100%;
    padding: 7px; }

.dn-d-mp-text .dn-d-mp-text-gradient .dn-d-mp-gradient-color {
  display: inline-block;
  width: 38px;
  padding: 0px 0 2px 2px;
  vertical-align: top; }
  .dn-d-mp-text .dn-d-mp-text-gradient .dn-d-mp-gradient-color b label {
    display: none; }
  .dn-d-mp-text .dn-d-mp-text-gradient .dn-d-mp-gradient-color .dn-color-buttons.dn-color-buttons-big li {
    margin: 0; }
    .dn-d-mp-text .dn-d-mp-text-gradient .dn-d-mp-gradient-color .dn-color-buttons.dn-color-buttons-big li div {
      width: 33px;
      height: 33px; }

.dn-d-mp-text.dn-d-mp-template-text .dn-d-mp-font .dn-d-mp-font-selector {
  float: none;
  width: 100%;
  margin-right: 0px;
  padding-right: 0px; }

.dn-d-mp-text.dn-d-mp-template-text .dn-d-mp-font-color-container {
  float: none;
  width: 100%;
  margin-top: 10px; }
  .dn-d-mp-text.dn-d-mp-template-text .dn-d-mp-font-color-container ul.dn-color-buttons.dn-color-buttons-big li div {
    width: 33px;
    height: 33px; }

.dn-designer[data-breakpoint-small='false'] .dn-d-mp-text .dn-d-mp-text-editor-container.dn-alt .dn-d-mp-apply-text {
  display: none; }

.dn-d-mp-text.dn-d-mp-teamname .dn-d-mp-container .dn-d-mp-text-editor-container {
  display: none; }

.dn-d-mp-text.dn-d-mp-teamname .dn-d-mp-container .dn-d-mp-edit-text-link {
  display: block;
  margin-bottom: 3px;
  padding: 10px; }
  .dn-d-mp-text.dn-d-mp-teamname .dn-d-mp-container .dn-d-mp-edit-text-link a {
    text-decoration: underline;
    font-size: 1.1em; }

.dn-d-mp-text-warp-dropdown-list-container {
  display: none;
  background-color: #FFFFFF; }
  .dn-d-mp-text-warp-dropdown-list-container .dn-d-mp-text-warp-dropdown-list {
    height: 100%;
    text-align: center; }
    .dn-d-mp-text-warp-dropdown-list-container .dn-d-mp-text-warp-dropdown-list li {
      text-align: center;
      background-color: #ffffff;
      padding-top: 3px;
      letter-spacing: -0.31em;
      border: 2px solid #ffffff;
      cursor: pointer; }
      .dn-d-mp-text-warp-dropdown-list-container .dn-d-mp-text-warp-dropdown-list li:hover {
        border-color: #cccccc; }
      .dn-d-mp-text-warp-dropdown-list-container .dn-d-mp-text-warp-dropdown-list li.dn-alt {
        border-color: #999999; }

.dn-d-mp-text.dn-d-mp-template-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-selector {
  float: none;
  width: 100%;
  margin-right: 0px;
  padding-right: 0px; }

.dn-d-mp-text.dn-d-mp-template-text .dn-d-mp-font-options .dn-d-mp-template-text-font-color-container {
  padding-top: 5px; }

.dn-d-mp-text.dn-d-mp-template-text .dn-d-mp-font-options .dn-d-mp-font-settings {
  padding-top: 0px; }

.dn-d-mp-image.dn-with-effect-selector {
  min-height: 400px; }

.dn-d-mp-image.dn-with-border-selector {
  min-height: 400px; }

.dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-options .dn-d-mp-details-image {
  display: none; }

.dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-options .dn-d-mp-details-colors {
  margin-bottom: 8px; }
  .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-options .dn-d-mp-details-colors > label {
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 12px; }
  .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-options .dn-d-mp-details-colors > a {
    margin-left: 10px; }
  .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-options .dn-d-mp-details-colors ul.dn-color-buttons {
    vertical-align: middle; }
  .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-options .dn-d-mp-details-colors ul.dn-color-buttons.dn-color-buttons-small li div {
    width: 23px;
    height: 23px; }

.dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-trans-color li {
  margin-bottom: 5px; }
  .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-trans-color li label {
    font-weight: bold;
    font-size: 12px; }
    .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-trans-color li label img {
      border: 1px solid #999999;
      width: 25px;
      height: 25px;
      border-radius: 3px;
      margin: 4px 5px 0px 0px;
      cursor: pointer;
      vertical-align: bottom; }

.dn-d-mp-image .dn-d-mp-quality {
  margin-bottom: 5px; }
  .dn-d-mp-image .dn-d-mp-quality label {
    font-weight: bold;
    font-size: 12px;
    width: 50px;
    display: inline-block;
    vertical-align: text-bottom; }
  .dn-d-mp-image .dn-d-mp-quality > div {
    display: inline-block;
    width: 100%;
    margin-left: -50px;
    padding-left: 50px; }
    .dn-d-mp-image .dn-d-mp-quality > div .dn-d-mp-quality-container {
      width: 100%;
      height: 15px;
      background-color: #f2f2f2; }
      .dn-d-mp-image .dn-d-mp-quality > div .dn-d-mp-quality-container span {
        display: block;
        height: 15px; }
      .dn-d-mp-image .dn-d-mp-quality > div .dn-d-mp-quality-container span.dn-d-mp-quality-bad {
        background-color: #DB6767; }
      .dn-d-mp-image .dn-d-mp-quality > div .dn-d-mp-quality-container span.dn-d-mp-quality-medium {
        background-color: #DB9C67; }
      .dn-d-mp-image .dn-d-mp-quality > div .dn-d-mp-quality-container span.dn-d-mp-quality-good {
        background-color: #6ADB67; }

.dn-d-mp-image .dn-d-mp-remove-background-container {
  margin-bottom: 5px; }

.dn-d-mp-image .dn-d-mp-actions-aspect-ratio-container {
  margin-bottom: 7px; }
  .dn-d-mp-image .dn-d-mp-actions-aspect-ratio-container label {
    font-weight: bold;
    font-size: 12px; }

.dn-d-mp-image .dn-d-mp-advanced-settings-tabs {
  display: none; }

.dn-d-mp-image .dn-d-mp-advanced-settings-image-effects > label {
  display: block;
  width: 100%; }

.dn-d-mp-image .dn-d-mp-advanced-settings-image-effects .dn-d-mp-effects-selector {
  position: relative;
  display: inline-block;
  height: 40px;
  overflow: hidden;
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  width: 100%;
  padding: 0 15px 0 0;
  cursor: pointer;
  background-image: url("/images/icons/open-iconic/png/caret-bottom.png?36ca38bffb52e49904480c76d8ee5d05");
  background-position: 96% center;
  background-repeat: no-repeat; }
  .dn-d-mp-image .dn-d-mp-advanced-settings-image-effects .dn-d-mp-effects-selector div {
    font-size: 0;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: block;
    margin-top: -2px; }
    .dn-d-mp-image .dn-d-mp-advanced-settings-image-effects .dn-d-mp-effects-selector div span {
      width: 100%;
      margin-right: -70px;
      vertical-align: top;
      margin-left: 5px;
      display: inline-block;
      font-size: 14px;
      margin-top: 11px; }

.dn-d-mp-image .dn-d-mp-advanced-settings-image-effects .dn-d-mp-effects-list-properties {
  display: none; }
  .dn-d-mp-image .dn-d-mp-advanced-settings-image-effects .dn-d-mp-effects-list-properties .dn-d-mp-effect-control-header {
    display: none; }
  .dn-d-mp-image .dn-d-mp-advanced-settings-image-effects .dn-d-mp-effects-list-properties.dn-alt {
    display: block; }

.dn-d-mp-image .dn-d-mp-advanced-settings-image-borders > label {
  display: block;
  width: 100%; }

.dn-d-mp-image .dn-d-mp-advanced-settings-image-borders .dn-d-mp-border-selector {
  position: relative;
  display: inline-block;
  height: 40px;
  overflow: hidden;
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  width: 100%;
  padding: 0 15px 0 0;
  cursor: pointer;
  background-image: url("/images/icons/open-iconic/png/caret-bottom.png?36ca38bffb52e49904480c76d8ee5d05");
  background-position: 96% center;
  background-repeat: no-repeat; }
  .dn-d-mp-image .dn-d-mp-advanced-settings-image-borders .dn-d-mp-border-selector div {
    font-size: 0;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: block;
    margin-top: -2px; }
    .dn-d-mp-image .dn-d-mp-advanced-settings-image-borders .dn-d-mp-border-selector div span {
      width: 100%;
      margin-right: -70px;
      vertical-align: top;
      margin-left: 5px;
      display: inline-block;
      font-size: 14px;
      margin-top: 11px; }

.dn-d-mp-image .dn-d-mp-effects-list-container {
  position: absolute;
  display: none;
  text-align: center;
  height: 100%;
  width: 100%;
  z-index: 10;
  top: 0;
  left: 0; }
  .dn-d-mp-image .dn-d-mp-effects-list-container .dn-d-mp-effects-list {
    margin: -7px; }
    .dn-d-mp-image .dn-d-mp-effects-list-container .dn-d-mp-effects-list li {
      padding: 2px;
      text-align: left;
      letter-spacing: -0.31em;
      cursor: pointer;
      border-bottom: 1px solid #e6e6e6; }
      .dn-d-mp-image .dn-d-mp-effects-list-container .dn-d-mp-effects-list li:hover {
        background-color: #cccccc; }
      .dn-d-mp-image .dn-d-mp-effects-list-container .dn-d-mp-effects-list li.dn-alt {
        background-color: #b3b3b3; }
      .dn-d-mp-image .dn-d-mp-effects-list-container .dn-d-mp-effects-list li img {
        vertical-align: middle; }
      .dn-d-mp-image .dn-d-mp-effects-list-container .dn-d-mp-effects-list li label {
        padding-left: 5px; }

.dn-d-mp-image .dn-d-mp-effects-list-container.dn-alt {
  display: block; }

.dn-d-mp-image .dn-d-mp-border-list-container {
  position: absolute;
  display: none;
  text-align: center;
  height: 100%;
  width: 100%;
  z-index: 10;
  top: 0;
  left: 0; }
  .dn-d-mp-image .dn-d-mp-border-list-container .dn-d-mp-border-list {
    margin: -7px; }
    .dn-d-mp-image .dn-d-mp-border-list-container .dn-d-mp-border-list li {
      padding: 2px;
      text-align: left;
      letter-spacing: -0.31em;
      cursor: pointer;
      border-bottom: 1px solid #e6e6e6; }
      .dn-d-mp-image .dn-d-mp-border-list-container .dn-d-mp-border-list li:hover {
        background-color: #cccccc; }
      .dn-d-mp-image .dn-d-mp-border-list-container .dn-d-mp-border-list li.dn-alt {
        background-color: #b3b3b3; }
      .dn-d-mp-image .dn-d-mp-border-list-container .dn-d-mp-border-list li img {
        vertical-align: middle; }
      .dn-d-mp-image .dn-d-mp-border-list-container .dn-d-mp-border-list li label {
        padding-left: 5px; }

.dn-d-mp-image .dn-d-mp-border-list-container.dn-alt {
  display: block; }

.dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-pane-description p.dn-d-mp-screen-notice {
  color: #0D3683;
  background-color: #B0CCFF;
  border: 1px solid #0D3683;
  border-radius: 3px;
  margin-bottom: 5px;
  padding: 2px; }

.dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-pane-description p.dn-d-mp-screen-edit-container a {
  text-decoration: underline; }

.dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-pane-description p.dn-d-mp-screen-unlink-container a {
  text-decoration: underline; }

.dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-container .dn-d-mp-details {
  display: none; }

.dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-container .dn-d-mp-image-colors-container h3 {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 7px; }

.dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-container .dn-d-mp-image-colors-container .dn-d-mp-remap-colors {
  margin-bottom: 4px; }

.dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-container .dn-d-mp-image-colors-container .dn-d-mp-color-list-remap ul.dn-color-buttons {
  display: block; }

.dn-d-mp-group {
  padding-bottom: 0px; }
  .dn-d-mp-group .dn-d-mp-details {
    display: none; }
  .dn-d-mp-group .dn-d-mp-group-image-thumbnail-container {
    display: none; }
  .dn-d-mp-group .dn-d-mp-group-text-fields > label {
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 7px; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list .dn-d-mp-g-txt-lbl {
    width: 100%;
    display: inline-block;
    margin-right: 5px; }
    .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list .dn-d-mp-g-txt-lbl > div {
      letter-spacing: normal;
      word-spacing: normal;
      overflow: hidden;
      text-overflow: ellipsis; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list .dn-color-buttons {
    display: inline-block;
    margin-right: 5px; }
    .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list .dn-color-buttons li div {
      height: 15px;
      width: 15px; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list .dn-d-mp-g-txt-edit {
    display: inline-block;
    width: 25px;
    vertical-align: top; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list ul.dn-color-buttons {
    max-width: 95px; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li .dn-d-mp-g-txt-lbl {
    padding-right: 130px;
    margin-right: -130px;
    vertical-align: middle; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li > ul {
    vertical-align: middle; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li a.dn-d-mp-g-txt-edit {
    vertical-align: middle; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='0'] .dn-d-mp-g-txt-lbl {
    padding-right: 35px;
    margin-right: -35px;
    vertical-align: baseline; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='0'] > ul {
    vertical-align: baseline; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='0'] a.dn-d-mp-g-txt-edit {
    vertical-align: top; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='1'] .dn-d-mp-g-txt-lbl {
    padding-right: 54px;
    margin-right: -54px;
    vertical-align: baseline; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='1'] > ul {
    vertical-align: baseline; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='1'] a.dn-d-mp-g-txt-edit {
    vertical-align: top; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='2'] .dn-d-mp-g-txt-lbl {
    padding-right: 73px;
    margin-right: -73px;
    vertical-align: baseline; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='2'] > ul {
    vertical-align: baseline; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='2'] a.dn-d-mp-g-txt-edit {
    vertical-align: top; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='3'] .dn-d-mp-g-txt-lbl {
    padding-right: 92px;
    margin-right: -92px;
    vertical-align: baseline; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='3'] > ul {
    vertical-align: baseline; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='3'] a.dn-d-mp-g-txt-edit {
    vertical-align: top; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='4'] .dn-d-mp-g-txt-lbl {
    padding-right: 111px;
    margin-right: -111px;
    vertical-align: baseline; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='4'] > ul {
    vertical-align: baseline; }
  .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='4'] a.dn-d-mp-g-txt-edit {
    vertical-align: top; }
  .dn-d-mp-group .dn-d-mp-group-ungroup {
    text-align: center; }
    .dn-d-mp-group .dn-d-mp-group-ungroup a {
      font-size: 13px;
      text-decoration: underline; }
  .dn-d-mp-group .dn-d-mp-edit-text-container {
    display: none; }
    .dn-d-mp-group .dn-d-mp-edit-text-container textarea.dn-d-mp-edit-text-area {
      width: 100%; }
    .dn-d-mp-group .dn-d-mp-edit-text-container a {
      display: inline-block;
      width: 40%;
      margin: 5%;
      text-decoration: underline; }
    .dn-d-mp-group .dn-d-mp-edit-text-container a.dn-d-mp-button {
      text-align: left; }
    .dn-d-mp-group .dn-d-mp-edit-text-container a.dn-d-mp-cancel-button {
      text-align: right; }

.dn-d-mp-group.dn-editing-text .dn-d-mp-body {
  display: none; }

.dn-d-mp-group.dn-editing-text .dn-d-mp-edit-text-container {
  display: block; }

.dn-designer-layers-container {
  padding: 3px; }
  .dn-designer-layers-container h3.dn-d-process-manage-pane-header {
    margin-bottom: 0px;
    font-weight: bold; }

.dn-d-mp-header {
  margin-bottom: 3px; }
  .dn-d-mp-header .dn-d-mp-title {
    display: inline-block;
    width: 100%;
    z-index: 0;
    margin-right: -66px;
    padding-right: 66px;
    position: relative;
    height: 26px;
    vertical-align: middle; }
    .dn-d-mp-header .dn-d-mp-title li {
      display: inline-block; }
    .dn-d-mp-header .dn-d-mp-title .dn-d-mp-icon {
      width: 20px;
      height: 26px;
      vertical-align: middle;
      text-align: center; }
      .dn-d-mp-header .dn-d-mp-title .dn-d-mp-icon img {
        margin-top: 5px; }
    .dn-d-mp-header .dn-d-mp-title .dn-d-mp-title-title {
      margin-left: -20px;
      padding-left: 20px;
      margin-right: -85px;
      padding-right: 85px;
      width: 100%;
      vertical-align: middle;
      position: relative; }
      .dn-d-mp-header .dn-d-mp-title .dn-d-mp-title-title span {
        padding-left: 4px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        display: inline-block;
        vertical-align: middle; }
    .dn-d-mp-header .dn-d-mp-title .dn-d-mp-title-dimension {
      width: 85px;
      font-size: 0.7em;
      overflow: hidden;
      text-align: right;
      vertical-align: middle; }
  .dn-d-mp-header .dn-d-mp-controls {
    display: inline-block;
    width: 66px;
    height: 26px;
    vertical-align: middle;
    overflow: hidden;
    text-align: right;
    padding: 3px;
    position: relative;
    z-index: 1; }
    .dn-d-mp-header .dn-d-mp-controls li {
      display: inline-block;
      width: 15px;
      height: 15px;
      margin-top: 2px;
      cursor: pointer; }
      .dn-d-mp-header .dn-d-mp-controls li span {
        display: none; }
    .dn-d-mp-header .dn-d-mp-controls li:hover {
      opacity: 0.7; }
    .dn-d-mp-header .dn-d-mp-controls li.dn-disabled,
    .dn-d-mp-header .dn-d-mp-controls li.dn-disabled:hover {
      opacity: 0.4;
      cursor: default; }

.dn-d-mp-header.dn-selected {
  outline: 1px dashed black; }

.dn-d-mp-header.dn-highlight {
  outline: 1px dotted black; }

body.dn-designer-panel-open.dn-designer-slim-mode {
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%; }
  body.dn-designer-panel-open.dn-designer-slim-mode .dnm-top-header-container {
    display: none; }
  body.dn-designer-panel-open.dn-designer-slim-mode .dn-breadcrumbs {
    display: none; }
  body.dn-designer-panel-open.dn-designer-slim-mode footer {
    display: none; }

.dn-designer .dn-designer-popup-panel-container .dn-popup-background {
  display: none; }

.dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt {
  display: block; }
  .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup-background {
    display: block;
    z-index: 899;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    opacity: 0.75;
    content: "."; }
  .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup {
    opacity: 1.0;
    z-index: 900;
    position: fixed;
    left: 0px;
    top: 0px;
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0px;
    padding-bottom: 0px;
    background: white; }
    .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup .dn-designer-panel {
      height: 100%;
      border-width: 0px;
      box-shadow: none;
      border-radius: 0px; }
      .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup .dn-designer-panel .dn-designer-panel-content .dn-d-mp-dropdown-actions {
        display: none; }
    .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup.dn-selecting-item .dn-designer-panel {
      margin-bottom: 0;
      padding-bottom: 0; }
    .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup .dn-designer-panel-footer {
      display: block;
      position: absolute;
      bottom: 0;
      letter-spacing: -0.31em;
      border: none;
      background-color: #f2f2f2;
      border-top: 1px solid #f2f2f2;
      z-index: 2;
      height: 50px;
      padding: 5px;
      width: 100%;
      text-align: right; }
      .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup .dn-designer-panel-footer .dn-btn {
        width: 100%; }

.dn-designer[data-breakpoint-small='false'] .dn-designer-product-views-panel.dn-popup {
  padding-top: 0;
  padding-bottom: 0; }
  .dn-designer[data-breakpoint-small='false'] .dn-designer-product-views-panel.dn-popup .dn-designer-panel {
    max-width: 100%; }

.dn-designer-toolbar {
  position: absolute;
  width: 330px;
  opacity: 0.4;
  margin-top: 5px;
  margin-left: -27px;
  transition: opacity 0.2s linear;
  z-index: 1000; }
  .dn-designer-toolbar:hover {
    opacity: 1.0; }
  .dn-designer-toolbar > div {
    display: inline-block; }
  .dn-designer-toolbar .dn-d-tb-button {
    height: 30px;
    width: 30px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: rgba(250, 250, 250, 0.89);
    border: 1px solid rgba(204, 204, 204, 0.89);
    border-radius: 3px;
    margin-right: 2px;
    font-size: 20px;
    padding: 4px; }
    .dn-designer-toolbar .dn-d-tb-button:hover {
      background-color: rgba(230, 230, 230, 0.89); }
    .dn-designer-toolbar .dn-d-tb-button label {
      display: none; }
  .dn-designer-toolbar .dn-d-tb-button.dn-disabled {
    opacity: 0.3;
    cursor: default; }
    .dn-designer-toolbar .dn-d-tb-button.dn-disabled:hover {
      background-color: rgba(255, 255, 255, 0.89); }
  .dn-designer-toolbar .dn-d-tb-zoom .dn-d-tb-zoom-in {
    display: none; }
  .dn-designer-toolbar .dn-d-tb-zoom .dn-d-tb-zoom-in.dn-alt {
    display: block; }
  .dn-designer-toolbar .dn-d-tb-zoom .dn-d-tb-zoom-out {
    display: none; }
  .dn-designer-toolbar .dn-d-tb-zoom .dn-d-tb-zoom-out.dn-alt {
    display: block; }
  .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container .dn-d-tb-copy-dropdown {
    display: none; }
  .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container.dn-disabled .dn-d-tb-copy-button {
    opacity: 0.3;
    cursor: default; }
  .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container.dn-alt .dn-d-tb-copy-dropdown {
    display: block;
    position: absolute;
    letter-spacing: normal;
    word-spacing: normal;
    width: 60px;
    margin-top: -1px;
    border: 1px solid rgba(204, 204, 204, 0.89);
    background-color: rgba(255, 255, 255, 0.89); }
    .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container.dn-alt .dn-d-tb-copy-dropdown > div {
      cursor: pointer;
      padding: 3px; }
      .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container.dn-alt .dn-d-tb-copy-dropdown > div:hover {
        background-color: rgba(204, 204, 204, 0.89); }
    .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container.dn-alt .dn-d-tb-copy-dropdown > div.dn-disabled {
      opacity: 0.3;
      cursor: default; }
      .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container.dn-alt .dn-d-tb-copy-dropdown > div.dn-disabled:hover {
        background-color: rgba(255, 255, 255, 0.89); }
  .dn-designer-toolbar .dn-d-tb-fill .dn-d-tb-fill-button {
    width: 50px;
    position: relative; }
    .dn-designer-toolbar .dn-d-tb-fill .dn-d-tb-fill-button .dn-d-tb-fill-color {
      position: absolute;
      width: 18px;
      height: 18px;
      right: 4px;
      top: 5px;
      border-radius: 3px; }

.dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar {
  margin-left: 5px; }

svg.eyedropper-on {
  cursor: url(/stylesheets/template_creator/cursor-eyedropper.png) 6 6, pointer;
  z-index: 2000; }

.dn-popup.dn-designer-popup .dn-d-intro-add-types-list li {
  position: relative;
  cursor: pointer;
  font-size: 30px;
  line-height: 1.2em;
  background-color: deeppink;
  border: 0px solid black;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 3px;
  color: white;
  font-family: "Inter"; }
  .dn-popup.dn-designer-popup .dn-d-intro-add-types-list li .dn-icon {
    display: inline-block;
    width: 80px;
    vertical-align: middle;
    font-size: 50px;
    padding: 10px; }
  .dn-popup.dn-designer-popup .dn-d-intro-add-types-list li .dn-d-intro-action-message {
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    margin-left: -80px;
    padding-left: 90px; }
    .dn-popup.dn-designer-popup .dn-d-intro-add-types-list li .dn-d-intro-action-message h4 {
      margin-bottom: 0px;
      color: white;
      font-family: "Inter"; }
    .dn-popup.dn-designer-popup .dn-d-intro-add-types-list li .dn-d-intro-action-message b {
      display: block;
      font-size: 12px;
      line-height: 1.2em;
      letter-spacing: normal;
      word-spacing: normal;
      color: white;
      font-family: "Inter"; }

/*
textarea {
  font-family: $v-inp-input-font-family;
  font-size: $v-inp-input-font-size;
  color: $v-inp-input-font-color;
}
*/
.dn-decoration-area {
  position: absolute; }
  .dn-decoration-area .dn-d-drop-target {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    z-index: 1000;
    opacity: 0.7;
    background-color: white;
    border: 2px solid black;
    background-image: url(/images/icons/open-iconic/png/data-transfer-upload-6x.png);
    background-position: center center;
    background-repeat: no-repeat; }

.dn-decoration-area.dn-d-is-dragover .dn-d-drop-target {
  display: block; }

.dn-widget-page_content_designer .dn-widget-content-container {
  font-size: 13px; }

.dn-designer {
  letter-spacing: -0.31em;
  position: relative;
  height: 100%;
  scrollbar-highlight-color: rgba(204, 204, 204, 0.89);
  scrollbar-face-color: rgba(255, 255, 255, 0.89);
  scrollbar-arrow-color: rgba(255, 255, 255, 0.89);
  scrollbar-track-color: rgba(255, 255, 255, 0.89); }
  .dn-designer .dn-designer-vertical-fill {
    position: relative; }
  .dn-designer .dn-d-bundle-sizes {
    display: none; }
  .dn-designer .dn-d-bundle-notice {
    display: inline-block; }
  .dn-designer p, .dn-designer a {
    font-size: 13px;
    line-height: 1.6em; }
  .dn-designer .dn-designer-toolbar-design-actions {
    width: 100%;
    z-index: 4;
    display: inline-block;
    position: relative;
    border-top: 1px solid rgba(204, 204, 204, 0.89);
    border-bottom: 1px solid rgba(204, 204, 204, 0.89);
    background-color: rgba(255, 255, 255, 0.89);
    color: #333333; }
    .dn-designer .dn-designer-toolbar-design-actions > div {
      display: inline-block;
      width: 20%;
      letter-spacing: normal;
      word-spacing: normal;
      border-left: 1px solid rgba(204, 204, 204, 0.89);
      height: 45px;
      font-size: 13px;
      font-weight: bold;
      vertical-align: bottom;
      text-align: center;
      overflow: hidden;
      padding: 7px;
      opacity: 1.0;
      transition: opacity 0.2s linear;
      cursor: pointer; }
      .dn-designer .dn-designer-toolbar-design-actions > div:hover {
        opacity: 0.7; }
      .dn-designer .dn-designer-toolbar-design-actions > div label {
        cursor: pointer;
        font-size: 9px; }
      .dn-designer .dn-designer-toolbar-design-actions > div .dn-large {
        display: none; }
      .dn-designer .dn-designer-toolbar-design-actions > div > div {
        height: 17px;
        text-align: center;
        font-size: 22px; }
      .dn-designer .dn-designer-toolbar-design-actions > div .dn-icon-text {
        font-size: 17px; }
    .dn-designer .dn-designer-toolbar-design-actions .dn-designer-select-product {
      border-left: 1px solid rgba(204, 204, 204, 0.89); }
    .dn-designer .dn-designer-toolbar-design-actions .dn-designer-select-location {
      border-right: 1px solid rgba(204, 204, 204, 0.89); }
    .dn-designer .dn-designer-toolbar-design-actions div.dn-designer-disable-overlay {
      display: none; }
    .dn-designer .dn-designer-toolbar-design-actions div.dn-designer-add-placeholder {
      display: none; }
    .dn-designer .dn-designer-toolbar-design-actions .dn-designer-logo-image {
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      width: 100%;
      height: 100%; }
    .dn-designer .dn-designer-toolbar-design-actions .dn-designer-icon-image {
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      width: 100%; }
  .dn-designer .dn-designer-toolbar-user-actions {
    z-index: 4;
    letter-spacing: -0.31em;
    border-top: 1px solid rgba(204, 204, 204, 0.89);
    border-bottom: 1px solid rgba(204, 204, 204, 0.89);
    background-color: rgba(255, 255, 255, 0.89);
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 100%;
    margin-top: -72px; }
    .dn-designer .dn-designer-toolbar-user-actions > div {
      display: inline-block;
      width: 33.3333%;
      letter-spacing: normal;
      word-spacing: normal;
      border-right: 1px solid rgba(204, 204, 204, 0.89);
      height: 70px;
      padding: 10px;
      vertical-align: bottom;
      text-align: center; }
      .dn-designer .dn-designer-toolbar-user-actions > div .dn-large {
        display: none; }
    .dn-designer .dn-designer-toolbar-user-actions .dn-designer-close {
      font-size: 13px;
      font-weight: bold;
      vertical-align: bottom;
      text-align: center;
      overflow: hidden;
      padding: 7px;
      opacity: 1.0;
      transition: opacity 0.2s linear;
      cursor: pointer; }
      .dn-designer .dn-designer-toolbar-user-actions .dn-designer-close:hover {
        opacity: 0.7; }
      .dn-designer .dn-designer-toolbar-user-actions .dn-designer-close label {
        cursor: pointer;
        font-size: 9px; }
      .dn-designer .dn-designer-toolbar-user-actions .dn-designer-close .dn-large {
        display: none; }
      .dn-designer .dn-designer-toolbar-user-actions .dn-designer-close > div {
        height: 17px;
        text-align: center;
        font-size: 22px; }
      .dn-designer .dn-designer-toolbar-user-actions .dn-designer-close .dn-icon-text {
        font-size: 17px; }
    .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart {
      border-right: 1px solid rgba(204, 204, 204, 0.89); }
    .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty {
      padding: 0px;
      border-left: 1px solid rgba(204, 204, 204, 0.89);
      text-align: center; }
      .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        max-width: 100%; }
        .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content h4 {
          display: inline-block;
          text-align: right;
          padding-right: 3px;
          vertical-align: middle;
          color: #333333;
          text-transform: uppercase;
          margin-bottom: 0px;
          width: auto;
          max-width: 60px;
          overflow: hidden;
          text-overflow: ellipsis; }
        .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content .dn-d-qty-input-container {
          vertical-align: middle;
          display: inline-block;
          width: 57px; }
          .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content .dn-d-qty-input-container .dn-d-qty-dropdown-list {
            top: -121px; }
          .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content .dn-d-qty-input-container #qty {
            width: 100%;
            height: 47px;
            font-size: 15px;
            padding: 3px;
            vertical-align: middle; }
        .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content .dn-d-bundle-information {
          font-size: 0.7em;
          line-height: 1em;
          margin-top: 2px;
          margin-bottom: 0px; }
    .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price {
      padding: 0px 0 5px 0; }
      .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        line-height: 1em;
        font-size: 20px;
        margin-bottom: -7px;
        width: 100%;
        overflow: hidden; }
        .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-price {
          color: #333333; }
          .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-price .dn-rrp {
            color: #333333;
            text-decoration: line-through;
            opacity: 0.4;
            font-size: 0.8em;
            vertical-align: top; }
          .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-price .dn-price-container {
            white-space: nowrap; }
            .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-price .dn-price-container .dn-price-currency-code {
              font-size: 0.4em;
              display: inline-block;
              margin-left: -3px;
              vertical-align: super; }
        .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-unit-price-container {
          color: #333333;
          font-size: 0.5em;
          opacity: 0.7;
          line-height: 1em; }
          .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-unit-price-container .dn-unit-price {
            display: inline-block; }
            .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-unit-price-container .dn-unit-price .dn-rrp {
              display: none; }
            .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-unit-price-container .dn-unit-price .dn-price-container {
              white-space: nowrap; }
              .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-unit-price-container .dn-unit-price .dn-price-container .dn-price-currency-code {
                font-size: 0.4em;
                display: inline-block;
                margin-left: -3px;
                vertical-align: super; }
    .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart .dn-d-alert-icon {
      display: none;
      position: absolute;
      right: 0px;
      top: 10px;
      height: 32px;
      width: 32px; }
    .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart .dn-btn {
      text-align: center;
      max-width: 170px;
      line-height: 22px;
      white-space: nowrap;
      text-overflow: ellipsis;
      position: relative; }
    .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart .dn-btn-update-line-item {
      display: none;
      background-image: none;
      padding-left: 0px; }
    .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart .dn-icon-shopping-cart {
      font-size: 25px;
      display: inline-block;
      padding-right: 6%;
      vertical-align: middle;
      margin-top: -6px;
      margin-bottom: -6px; }
    .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart .dn-btn-cart {
      width: 100%;
      height: 100%; }
    .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart.dn-alt .dn-btn-cart {
      display: none; }
    .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart.dn-alt .dn-btn-cart.dn-btn-update-line-item {
      display: block; }
    .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart.dn-d-warning .dn-d-alert-icon {
      display: block;
      background-image: url("/images/icons/itoolbar_i/32/alert.png?36ca38bffb52e49904480c76d8ee5d05"); }
    .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart.dn-d-error .dn-d-alert-icon {
      display: block;
      background-image: url("/images/icons/itoolbar_i/32/alert_red.png?36ca38bffb52e49904480c76d8ee5d05"); }
  .dn-designer .dn-designer-toolbar-user-actions.dn-alt > div {
    width: 50%; }
  .dn-designer .dn-designer-panel-container {
    z-index: 3;
    display: none;
    position: absolute; }
    .dn-designer .dn-designer-panel-container .dn-designer-panel-footer {
      display: none;
      z-index: 2;
      position: relative;
      width: 100%;
      height: 44px;
      border: 1px solid rgba(204, 204, 204, 0.89);
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      overflow: hidden;
      border-top-width: 0; }
      .dn-designer .dn-designer-panel-container .dn-designer-panel-footer > div {
        background-color: #f2f2f2;
        width: 100%; }
    .dn-designer .dn-designer-panel-container .dn-designer-panel {
      background-color: white;
      /*height: 100%;*/
      padding-top: 39px;
      position: relative;
      border: 1px solid rgba(204, 204, 204, 0.89);
      border-radius: 0px; }
      .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-heading {
        margin-top: -39px;
        border-bottom: 1px solid rgba(204, 204, 204, 0.89);
        background-color: rgba(255, 255, 255, 0.89);
        padding: 3px 8px; }
        .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-heading h3 {
          color: #333333;
          margin: 0;
          font-size: 13px;
          line-height: 32px; }
      .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content {
        background-color: white;
        color: black;
        height: 100%;
        overflow: auto;
        padding: 0px; }
        .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content .dn-product-description {
          word-wrap: break-word;
          word-break: break-word;
          white-space: normal;
          overflow-wrap: break-word; }
          .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content .dn-product-description pre {
            white-space: pre-wrap;
            word-break: break-word;
            overflow-wrap: break-word; }
        .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content h3 {
          font-size: 13px;
          color: black; }
        .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content a, .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content p {
          color: black; }
        .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content #properties_product_details_content {
          padding: 10px; }
        .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content .dn-content-expander.dn-content-expandable .dn-content-expander-actions {
          background-color: transparent;
          background-image: -webkit-linear-gradient(-270deg, white 0%, white 40%, transparent 100%);
          background-image: linear-gradient(0deg,white 0%, white 40%, transparent 100%); }
          .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content .dn-content-expander.dn-content-expandable .dn-content-expander-actions > div span {
            background-color: transparent; }
      .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-footer {
        display: none; }
      .dn-designer .dn-designer-panel-container .dn-designer-panel.dn-alt {
        display: block; }
        .dn-designer .dn-designer-panel-container .dn-designer-panel.dn-alt .dn-late-loading {
          display: block; }
    .dn-designer .dn-designer-panel-container.dn-selecting-item .dn-designer-panel {
      margin-bottom: -44px;
      padding-bottom: 56px; }
    .dn-designer .dn-designer-panel-container.dn-selecting-item .dn-designer-panel-footer {
      height: 46px;
      display: block; }
  .dn-designer .dn-designer-panel-container.dn-at-fullheight .dn-designer-panel {
    height: 100%; }
  .dn-designer .dn-designer-properties-panels-container {
    height: 100%;
    position: relative; }
  .dn-designer .dn-designer-properties-panels {
    z-index: 3;
    display: none;
    position: absolute;
    top: 0;
    padding: 0px;
    height: 100%;
    width: 25%;
    max-width: 320px;
    vertical-align: top; }
    .dn-designer .dn-designer-properties-panels .dn-designer-properties-panel {
      display: none; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-btn {
      background-color: #0d0d0d;
      border: 1px solid rgba(179, 179, 179, 0.89);
      text-transform: none; }
      .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-btn span {
        color: rgba(255, 255, 255, 0.89); }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-lifestyle-image {
      display: none; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content h3 {
      width: 100%;
      text-align: center;
      display: inline-block; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-select-product-container, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-more-details-container {
      width: 100%; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-field-container {
      width: 100%;
      clear: both;
      padding: 10px 0px 0px; }
      .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-field-container .dn-color-panel .dn-color-panel-cell {
        border-width: 1px;
        cursor: pointer;
        height: 40px;
        width: 40px;
        margin: 2px; }
      @media only screen and (min-width: 768px) {
        .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-field-container .dn-color-panel .dn-color-panel-cell {
          border-width: 1px;
          height: 22px;
          width: 22px;
          margin: 2px; }
        .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-field-container .dn-color-panel.dn-colors-heaps .dn-color-panel-cell {
          height: 15px;
          width: 15px;
          margin: 0px; }
        .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-field-container .dn-color-panel.dn-colors-many .dn-color-panel-cell {
          height: 20px;
          width: 20px;
          margin: 1px; }
        .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-field-container .dn-color-panel.dn-colors-few .dn-color-panel-cell {
          height: 25px;
          width: 25px;
          margin: 2px; } }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-selected-label {
      padding-left: 3px;
      font-size: 0.9em;
      letter-spacing: normal;
      word-spacing: normal; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-size-container > label {
      font-weight: bold;
      display: inline-block;
      padding-right: 5px;
      vertical-align: middle; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-size, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-extra-fields {
      padding-bottom: 10px;
      font-size: 1.0em; }
      .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-size label, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-extra-fields label {
        font-weight: bold;
        display: inline-block;
        padding-right: 5px;
        vertical-align: middle; }
      .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-size div, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-extra-fields div {
        display: inline-block;
        vertical-align: middle;
        letter-spacing: normal;
        word-spacing: normal;
        padding-right: 5px; }
      .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-size a, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-extra-fields a {
        display: inline-block;
        vertical-align: middle;
        text-decoration: underline; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-size-field-container {
      display: none; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description {
      margin-top: 5px;
      letter-spacing: normal;
      word-spacing: normal;
      line-height: 16px;
      font-size: 12px; }
      .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description h4 {
        font-size: 1em;
        margin-bottom: 5px; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel.dn-showing-sizes-inline .dn-designer-properties-content .dn-product-select-size {
      display: none; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel.dn-showing-sizes-inline .dn-designer-properties-content .dn-product-size-field-container {
      display: block; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel.dn-showing-sizes-inline .dn-designer-properties-content .dn-select-size-qty-container .dn-sizes-container {
      display: inline-block;
      width: 100%;
      vertical-align: middle; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel.dn-showing-sizes-inline .dn-designer-properties-content .dn-select-size-qty-container.dn-with-qty .dn-sizes-container {
      margin-right: -70px;
      padding-right: 70px; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel.dn-showing-sizes-inline .dn-designer-properties-content .dn-select-size-qty-container.dn-with-qty .dn-size-qty-container {
      display: inline-block;
      width: 55px;
      padding-left: 5px;
      vertical-align: middle; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-200='true'] .dn-designer-properties-content .dn-product-lifestyle-image {
      width: 40%;
      text-align: center;
      vertical-align: top;
      display: inline-block;
      border: 1px solid #ccc;
      padding: 1px;
      line-height: 0px; }
      .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-200='true'] .dn-designer-properties-content .dn-product-lifestyle-image img {
        width: 100%;
        max-width: 150px; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-200='true'] .dn-designer-properties-content h3 {
      width: 60%;
      text-align: left;
      vertical-align: top;
      display: inline-block;
      padding-left: 10px; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-200='true'] .dn-designer-properties-content .dn-select-product-container {
      margin-top: 10px; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-250='true'] .dn-designer-properties-content .dn-product-lifestyle-image {
      float: left; }
      .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-250='true'] .dn-designer-properties-content .dn-product-lifestyle-image img {
        width: 100%; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-250='true'] .dn-designer-properties-content h3 {
      padding-left: 10px;
      float: right;
      margin-bottom: 0px; }
    .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-250='true'] .dn-designer-properties-content .dn-select-product-container, .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-250='true'] .dn-designer-properties-content .dn-product-more-details-container {
      float: right;
      width: 60%;
      padding-left: 10px; }
    .dn-designer .dn-designer-properties-panels .dn-designer-item-properties-container {
      /*padding-top: 30px; - use default*/
      position: relative; }
      .dn-designer .dn-designer-properties-panels .dn-designer-item-properties-container .dn-designer-properties-heading {
        /*margin-top: -30px; - use default*/ }
      .dn-designer .dn-designer-properties-panels .dn-designer-item-properties-container .dn-designer-properties-content {
        padding: 7px;
        padding-bottom: 0px;
        max-height: 100%;
        overflow: auto; }
  .dn-designer .dn-designer-product-views-panel {
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    padding: 0px;
    padding-top: 77px;
    padding-bottom: 35px;
    width: 20%;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    z-index: 3;
    text-align: center; }
    .dn-designer .dn-designer-product-views-panel .dn-designer-panel {
      max-width: 150px; }
    .dn-designer .dn-designer-product-views-panel .dn-designer-product-views {
      letter-spacing: -0.31em;
      background-color: white;
      text-align: center;
      margin: auto;
      width: 100px;
      padding-top: 10px;
      padding-bottom: 10px; }
      .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li {
        position: relative;
        margin-bottom: 10px; }
        .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li > span {
          display: none; }
        .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li > b {
          display: none; }
        .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li img {
          width: 100%;
          cursor: pointer; }
        .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li .dn-d-sel-area-highlight {
          position: absolute;
          z-index: 2;
          background-color: rgba(197, 197, 73, 0.67);
          border: 1px solid #FF5B5B;
          cursor: pointer; }
        .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li div.dn-d-select-area-container select {
          width: 100%;
          top: -7px;
          padding: 5px 20px 5px 2px;
          text-align: center; }
          .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li div.dn-d-select-area-container select option {
            width: auto; }
        .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li:last-of-type {
          margin-bottom: 0px; }
      .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li.dn-d-with-areas label {
        display: none; }
      .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li:hover img,
      .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li:hover div.dn-d-sel-non-vis,
      .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li.dn-alt img,
      .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li.dn-alt div.dn-d-sel-non-vis {
        border: 1px solid #cccccc;
        border-radius: 2px;
        padding: 1px; }
  .dn-designer .dn-designer-sundry-options {
    position: absolute;
    letter-spacing: -0.31em;
    top: 100%;
    height: 220px;
    margin-top: -295px;
    width: 40px;
    left: 100%;
    margin-left: -40px;
    z-index: 4;
    overflow: hidden;
    vertical-align: bottom; }
    .dn-designer .dn-designer-sundry-options > div {
      cursor: pointer;
      opacity: 0.7;
      width: 32px;
      height: 32px;
      display: inline-block;
      margin: 2px;
      padding: 6px;
      font-size: 20px;
      background-color: rgba(255, 255, 255, 0.89);
      color: #333333;
      border-radius: 16px;
      transition: opacity 0.2s linear; }
      .dn-designer .dn-designer-sundry-options > div:hover {
        opacity: 1.0; }
      .dn-designer .dn-designer-sundry-options > div label {
        display: none; }
      .dn-designer .dn-designer-sundry-options > div.dn-async-action-container {
        width: 100%;
        height: 100%;
        cursor: auto;
        opacity: 0.5; }
  .dn-designer .dn-designer-used-colors {
    position: relative;
    width: 100%;
    height: 30px;
    margin-top: -145px;
    top: 0;
    display: none;
    letter-spacing: normal;
    word-spacing: normal;
    background-color: rgba(255, 255, 255, 0.89);
    z-index: 5;
    overflow: hidden;
    direction: rtl; }
    .dn-designer .dn-designer-used-colors > div {
      /*border:1px solid $v-color-d-border;
      background: $v-color-d-heading-bg;*/
      height: 30px;
      text-align: center;
      padding-top: 2px; }
      @media only screen and (min-width: 768px) {
        .dn-designer .dn-designer-used-colors > div {
          border: none;
          background: none; } }
      .dn-designer .dn-designer-used-colors > div label {
        direction: ltr;
        display: inline-block; }
      .dn-designer .dn-designer-used-colors > div span {
        display: inline-block;
        direction: ltr; }
      .dn-designer .dn-designer-used-colors > div span.dn-designer-used-colors-count {
        background: #4d4d4d;
        color: rgba(255, 255, 255, 0.89);
        border-radius: 2px;
        padding: 2px 6px 2px 6px;
        margin-right: 3px; }
      .dn-designer .dn-designer-used-colors > div span.dn-designer-used-colors-plus-whitebase {
        font-size: 0.8em;
        vertical-align: middle; }
      .dn-designer .dn-designer-used-colors > div ul {
        display: inline-block;
        vertical-align: middle; }
  .dn-designer .dn-designer-main-image-panel {
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
    height: 100%;
    vertical-align: top;
    margin: auto;
    padding-bottom: 130px;
    position: relative;
    z-index: 1;
    overflow: hidden; }
    .dn-designer .dn-designer-main-image-panel .dn-designer-main-image-container {
      position: relative;
      width: 100%;
      height: 100%; }
      .dn-designer .dn-designer-main-image-panel .dn-designer-main-image-container .dn-designer-view-container {
        position: relative; }
  .dn-designer .dn-designer-main-image-panel img {
    width: 100%;
    display: block;
    margin: auto; }
  .dn-designer .dn-designer-process-settings {
    position: absolute;
    padding-right: 7%;
    padding-left: 7%;
    width: 100%;
    top: 100%;
    margin-top: -90px;
    height: 20px;
    overflow: hidden;
    display: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.89); }
    .dn-designer .dn-designer-process-settings .dn-d-screen-message a {
      text-decoration: underline;
      font-weight: bold; }
  .dn-designer .dn-decoration-area {
    position: absolute;
    overflow: visible; }
    .dn-designer .dn-decoration-area svg {
      z-index: 1; }
    .dn-designer .dn-decoration-area:before {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      z-index: 0;
      border: 1px dotted white;
      content: ' '; }
  .dn-designer .dn-decoration-area.dn-selected:before {
    border-color: red; }
  .dn-designer .dn-decoration-area-crop {
    position: absolute;
    overflow: hidden; }
    .dn-designer .dn-decoration-area-crop:before {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      z-index: 0;
      border: 1px solid black;
      content: ' '; }
  .dn-designer .dn-decoration-area-crop.dn-selected:before {
    border-color: yellow; }
  .dn-designer .dn-decoration-area-crop.dn-with-overlay-rounded-rectangle.dn-selected:before {
    border-radius: 12%; }
  .dn-designer .dn-decoration-area-crop.dn-with-overlay-circle.dn-selected:before {
    border-radius: 50%; }
  .dn-designer .dn-decoration-area-crop.dn-with-outline:before,
  .dn-designer .dn-decoration-area.dn-with-outline:before,
  .dn-designer .dn-decoration-area-crop.dn-selected.dn-with-outline:before,
  .dn-designer .dn-decoration-area.dn-selected.dn-with-outline:before,
  .dn-designer .dn-decoration-area.dn-with-overlay:before,
  .dn-designer .dn-decoration-area.dn-selected.dn-with-overlay:before {
    display: none; }
  .dn-designer .dn-decoration-area.dn-with-overlay-rounded-rectangle:before,
  .dn-designer .dn-decoration-area.dn-selected.dn-with-overlay-rounded-rectangle:before {
    border-radius: 12%;
    border-width: 1px; }
  .dn-designer .dn-decoration-area.dn-with-overlay-circle:before,
  .dn-designer .dn-decoration-area.dn-selected.dn-with-overlay-circle:before {
    border-radius: 50%;
    border-width: 1px; }
  .dn-designer .dn-decoration-area.dn-with-overlay-custom:before {
    border-width: 0px;
    outline: 1px dotted white;
    box-shadow: 0 0 0 1px black; }
  .dn-designer .dn-decoration-area.dn-selected.dn-with-overlay-custom:before {
    border-width: 0px;
    outline: 1px dotted red;
    box-shadow: 0 0 0 1px yellow; }
  .dn-designer .dn-decoration-area-crop.dn-with-overlay-custom:before {
    border-width: 0px; }
  .dn-designer .dn-decoration-area-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 3; }
  .dn-designer .dn-designer-view-container.dn-hide-grid .dn-decoration-area:before {
    display: none; }
  .dn-designer .dn-designer-view-container.dn-hide-grid .dn-decoration-area-crop:before {
    display: none; }

body.dn-panels-without-scroll .dn-designer .dn-designer-panel .dn-designer-properties-content {
  overflow: hidden; }

.dn-designer.dn-with-used-colors .dn-designer-used-colors {
  display: block; }

.dn-designer.dn-with-used-colors .dn-designer-main-image-panel {
  padding-bottom: 150px; }

.dn-designer.dn-with-process-settings .dn-designer-process-settings {
  display: block;
  z-index: 1; }

.dn-designer.dn-with-process-settings .dn-designer-main-image-panel {
  padding-bottom: 150px; }

.dn-designer[data-breakpoint-small='true'] {
  height: 90%; }
  .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions {
    width: 100%;
    margin-right: -40%;
    padding-right: 40%;
    vertical-align: top; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div {
      width: 25%; }
  .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div,
  .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close {
    height: 70px;
    padding: 10px; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div .dn-large,
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close .dn-large {
      display: block; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div .dn-small,
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close .dn-small {
      display: none; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div label,
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close label {
      display: block;
      font-size: 0.8em;
      line-height: 1.3em; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div > div,
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close > div {
      height: 35px;
      font-size: 27px; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div .dn-icon-text,
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close .dn-icon-text {
      font-size: 24px; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div > div.dn-designer-logo-image,
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close > div.dn-designer-logo-image {
      height: 100%; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div .dn-designer-icon-image,
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close .dn-designer-icon-image {
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      width: 100%; }
  .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions div.dn-designer-select-location {
    display: none; }
  .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions {
    width: 40%;
    display: inline-block;
    position: relative;
    margin-top: 0px;
    top: 1px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    box-shadow: none;
    color: #333333;
    vertical-align: top; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty {
      border-left: 1px solid rgba(204, 204, 204, 0.89); }
      .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty > div .dn-d-qty-input-container .dn-d-qty-dropdown-list {
        top: 46px; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-d-bundle-sizes {
      display: inline-block; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-d-bundle-notice {
      display: none; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart .dn-btn.dn-btn-update-line-item {
      padding-left: 0px;
      background-image: none; }
  .dn-designer[data-breakpoint-small='true'] .dn-designer-properties-panels {
    display: block;
    margin-left: 0%;
    padding-top: 77px;
    padding-bottom: 10px; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-properties-panels.dn-selecting-item .dn-designer-panel-footer > div {
      padding: 2px 5px; }
  .dn-designer[data-breakpoint-small='true'] .dn-designer-sundry-options {
    height: 36px;
    margin-top: -40px;
    width: 220px;
    left: 100%;
    max-width: 220px;
    min-width: 144px;
    margin-left: -220px;
    text-align: right; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-sundry-options > div {
      text-align: left; }
  .dn-designer[data-breakpoint-small='true'] .dn-designer-product-views-panel {
    display: block;
    right: 0px;
    width: 150px; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-product-views-panel .dn-designer-panel {
      margin-right: 0px; }
  .dn-designer[data-breakpoint-small='true'] .dn-designer-main-image-panel {
    padding-right: 150px;
    padding-left: 25%;
    padding-bottom: 75px; }
  .dn-designer[data-breakpoint-small='true'] .dn-designer-process-settings {
    padding-right: 22%;
    padding-left: 25%; }
  .dn-designer[data-breakpoint-small='true'] .dn-designer-used-colors {
    padding-right: 22%;
    padding-left: 25%; }
    .dn-designer[data-breakpoint-small='true'] .dn-designer-used-colors > div {
      text-align: center;
      position: static;
      width: auto; }

.dn-designer.dn-with-process-settings[data-breakpoint-small='true'] .dn-designer-main-image-panel {
  padding-bottom: 95px; }

.dn-designer.dn-with-process-settings[data-breakpoint-small='true'] .dn-designer-process-settings {
  margin-top: -20px; }

.dn-designer.dn-with-used-colors[data-breakpoint-small='true'] .dn-designer-main-image-panel {
  padding-bottom: 102px; }

.dn-designer.dn-with-used-colors[data-breakpoint-small='true'] .dn-designer-used-colors {
  margin-top: -100px;
  z-index: 2; }

.dn-designer[data-breakpoint-900='true'] .dn-designer-toolbar-design-actions > div label,
.dn-designer[data-breakpoint-900='true'] .dn-designer-toolbar-user-actions .dn-designer-close label {
  display: block;
  font-size: 0.9em;
  line-height: 1.2em; }

.dn-designer[data-breakpoint-1050='true'] .dn-designer-toolbar-design-actions > div label,
.dn-designer[data-breakpoint-1050='true'] .dn-designer-toolbar-user-actions .dn-designer-close label {
  font-size: 1em; }

/* if its landscape, we are height constrained */
.dn-designer[data-orientation='landscape'] .dn-designer-main-image-panel {
  height: 100%; }
  .dn-designer[data-orientation='landscape'] .dn-designer-main-image-panel .dn-designer-main-image-container {
    height: 100%; }
    .dn-designer[data-orientation='landscape'] .dn-designer-main-image-panel .dn-designer-main-image-container .dn-designer-view-container {
      height: 100%; }
      .dn-designer[data-orientation='landscape'] .dn-designer-main-image-panel .dn-designer-main-image-container .dn-designer-view-container img {
        width: auto;
        height: 100%;
        display: block; }
      .dn-designer[data-orientation='landscape'] .dn-designer-main-image-panel .dn-designer-main-image-container .dn-designer-view-container .dn-with-overlay-custom img {
        padding: 0px; }
      .dn-designer[data-orientation='landscape'] .dn-designer-main-image-panel .dn-designer-main-image-container .dn-designer-view-container .dn-decoration-area-overlay {
        width: 100%; }

.dn-designer-zoomout {
  position: absolute;
  right: -30px;
  top: 2px;
  background: url("/images/icons/itoolbar_i/48/zoom-.png?36ca38bffb52e49904480c76d8ee5d05") 50% 50% no-repeat;
  cursor: pointer;
  height: 48px;
  width: 48px;
  z-index: 2999; }
  .dn-designer-zoomout.dn-icon-search-minus {
    background: none;
    font-size: 48px; }

.dn-designer[data-breakpoint-small='true'] .dn-designer-zoomout {
  right: 2px; }

.dn-decorated-product .dn-designer-zoomout {
  right: 2px; }

/* if its landscape, we are height constained */
.dn-designer[data-orientation='landscape'][data-breakpoint-small='true'] .dn-designer-main-image-panel {
  padding-bottom: 75px; }

.dn-designer.dn-with-process-settings[data-orientation='landscape'][data-breakpoint-small='true'] .dn-designer-main-image-panel {
  padding-bottom: 95px; }

.dn-designer.dn-with-used-colors[data-orientation='landscape'][data-breakpoint-small='true'] .dn-designer-main-image-panel {
  padding-bottom: 100px; }

.dn-designer-element {
  position: absolute; }

.dn-designer-element.dn-designer-element-selectable {
  cursor: pointer; }

.dn-designer-element:before {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 1px dashed black;
  display: none;
  content: ' '; }

.dn-designer-element.dn-designer-element-selectable.dn-highlight:before,
.dn-designer-element.dn-designer-element-selectable:hover:before {
  border-style: dotted;
  display: block; }

.dn-designer-element.dn-designer-element-selectable.dn-selected:before {
  border-style: dashed;
  display: block; }

body.dn-d-transitioning-area .dn-designer-element.dn-designer-element-selectable:before,
body.dn-d-transitioning-area .dn-designer-element.dn-designer-element-selectable:hover:before {
  display: none; }

.dn-designer-element.dn-error {
  outline-color: #993434; }

.dn-designer-element.dn-warning {
  outline-color: #A95623;
  outline-width: 2px; }

.dn-designer,
.dn-popup.dn-designer-popup,
.dn-page-designer .dn-popup-msgbox,
.dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup {
  border-color: rgba(204, 204, 204, 0.89); }
  .dn-designer input[type='text'], .dn-designer select,
  .dn-popup.dn-designer-popup input[type='text'],
  .dn-popup.dn-designer-popup select,
  .dn-page-designer .dn-popup-msgbox input[type='text'],
  .dn-page-designer .dn-popup-msgbox select,
  .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup input[type='text'],
  .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup select {
    height: 34px;
    font-size: 14px;
    line-height: 1.3em;
    padding: 5px; }
  .dn-designer textarea,
  .dn-popup.dn-designer-popup textarea,
  .dn-page-designer .dn-popup-msgbox textarea,
  .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup textarea {
    font-size: 14px;
    padding: 5px; }
  .dn-designer .dn-btn,
  .dn-popup.dn-designer-popup .dn-btn,
  .dn-page-designer .dn-popup-msgbox .dn-btn,
  .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-btn {
    font-size: 13px;
    height: 40px; }
  .dn-designer > h3,
  .dn-popup.dn-designer-popup > h3,
  .dn-page-designer .dn-popup-msgbox > h3,
  .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup > h3 {
    background-color: rgba(255, 255, 255, 0.89);
    color: #333333;
    position: relative;
    z-index: 2; }
  .dn-designer .dn-popup-content-container,
  .dn-designer .dn-popup-content,
  .dn-popup.dn-designer-popup .dn-popup-content-container,
  .dn-popup.dn-designer-popup .dn-popup-content,
  .dn-page-designer .dn-popup-msgbox .dn-popup-content-container,
  .dn-page-designer .dn-popup-msgbox .dn-popup-content,
  .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container,
  .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content {
    color: black;
    background-color: white; }
    .dn-designer .dn-popup-content-container a, .dn-designer .dn-popup-content-container h2, .dn-designer .dn-popup-content-container h3, .dn-designer .dn-popup-content-container h4, .dn-designer .dn-popup-content-container p,
    .dn-designer .dn-popup-content a,
    .dn-designer .dn-popup-content h2,
    .dn-designer .dn-popup-content h3,
    .dn-designer .dn-popup-content h4,
    .dn-designer .dn-popup-content p,
    .dn-popup.dn-designer-popup .dn-popup-content-container a,
    .dn-popup.dn-designer-popup .dn-popup-content-container h2,
    .dn-popup.dn-designer-popup .dn-popup-content-container h3,
    .dn-popup.dn-designer-popup .dn-popup-content-container h4,
    .dn-popup.dn-designer-popup .dn-popup-content-container p,
    .dn-popup.dn-designer-popup .dn-popup-content a,
    .dn-popup.dn-designer-popup .dn-popup-content h2,
    .dn-popup.dn-designer-popup .dn-popup-content h3,
    .dn-popup.dn-designer-popup .dn-popup-content h4,
    .dn-popup.dn-designer-popup .dn-popup-content p,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content-container a,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content-container h2,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content-container h3,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content-container h4,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content-container p,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content a,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content h2,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content h3,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content h4,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content p,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container a,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container h2,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container h3,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container h4,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container p,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content a,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content h2,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content h3,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content h4,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content p {
      color: black; }
    .dn-designer .dn-popup-content-container .dn-font-selector .dn-font-categories,
    .dn-designer .dn-popup-content .dn-font-selector .dn-font-categories,
    .dn-popup.dn-designer-popup .dn-popup-content-container .dn-font-selector .dn-font-categories,
    .dn-popup.dn-designer-popup .dn-popup-content .dn-font-selector .dn-font-categories,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content-container .dn-font-selector .dn-font-categories,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content .dn-font-selector .dn-font-categories,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container .dn-font-selector .dn-font-categories,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-categories {
      background-color: white;
      border-right-color: #cccccc; }
    .dn-designer .dn-popup-content-container .dn-font-selector .dn-font-listing,
    .dn-designer .dn-popup-content .dn-font-selector .dn-font-listing,
    .dn-popup.dn-designer-popup .dn-popup-content-container .dn-font-selector .dn-font-listing,
    .dn-popup.dn-designer-popup .dn-popup-content .dn-font-selector .dn-font-listing,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content-container .dn-font-selector .dn-font-listing,
    .dn-page-designer .dn-popup-msgbox .dn-popup-content .dn-font-selector .dn-font-listing,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container .dn-font-selector .dn-font-listing,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-listing {
      background: #ffffff; }
  .dn-designer .dn-popup-footer,
  .dn-popup.dn-designer-popup .dn-popup-footer,
  .dn-page-designer .dn-popup-msgbox .dn-popup-footer,
  .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer {
    background-color: #e6e6e6; }
    .dn-designer .dn-popup-footer a,
    .dn-designer .dn-popup-footer .dn-btn-cancel span,
    .dn-designer .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel,
    .dn-designer .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel span,
    .dn-designer .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design,
    .dn-designer .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design span,
    .dn-popup.dn-designer-popup .dn-popup-footer a,
    .dn-popup.dn-designer-popup .dn-popup-footer .dn-btn-cancel span,
    .dn-popup.dn-designer-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel,
    .dn-popup.dn-designer-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel span,
    .dn-popup.dn-designer-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design,
    .dn-popup.dn-designer-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design span,
    .dn-page-designer .dn-popup-msgbox .dn-popup-footer a,
    .dn-page-designer .dn-popup-msgbox .dn-popup-footer .dn-btn-cancel span,
    .dn-page-designer .dn-popup-msgbox .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel,
    .dn-page-designer .dn-popup-msgbox .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel span,
    .dn-page-designer .dn-popup-msgbox .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design,
    .dn-page-designer .dn-popup-msgbox .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design span,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer a,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer .dn-btn-cancel span,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel span,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design span {
      color: black;
      background-color: #e6e6e6; }
  .dn-designer .dn-btn.dn-styled,
  .dn-popup.dn-designer-popup .dn-btn.dn-styled,
  .dn-page-designer .dn-popup-msgbox .dn-btn.dn-styled,
  .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-btn.dn-styled {
    color: rgba(255, 255, 255, 0.89);
    background-color: black; }
    .dn-designer .dn-btn.dn-styled .dn-btn-label > span,
    .dn-popup.dn-designer-popup .dn-btn.dn-styled .dn-btn-label > span,
    .dn-page-designer .dn-popup-msgbox .dn-btn.dn-styled .dn-btn-label > span,
    .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-btn.dn-styled .dn-btn-label > span {
      color: rgba(255, 255, 255, 0.89); }

.dn-popup.dn-designer-popup.dn-image-popup img {
  width: 100%; }

.dn-d-sel-non-vis {
  position: relative;
  cursor: pointer; }
  .dn-d-sel-non-vis .dn-d-sel-nv-cs {
    width: 100%;
    padding-top: 100%; }
  .dn-d-sel-non-vis .dn-d-sel-nv-lbl {
    letter-spacing: normal;
    word-spacing: normal;
    position: absolute;
    top: 10%;
    left: 10%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.3);
    width: 80%; }

.dn-designer .dn-d-sel-non-vis .dn-d-sel-nv-lbl {
  display: none; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .dn-fullscreen-mobile .dn-designer.dn-exit-mobile-logo .dn-designer-toolbar-design-actions > div,
  .dn-fullscreen-mobile .dn-designer.dn-exit-mobile-home .dn-designer-toolbar-design-actions > div,
  .dn-fullscreen-mobile .dn-designer.dn-exit-mobile-back .dn-designer-toolbar-design-actions > div,
  .dn-fullscreen-mobile .dn-designer.dn-exit-mobile-close .dn-designer-toolbar-design-actions > div {
    width: 16.6666%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dn-fullscreen-small .dn-designer.dn-exit-small-logo .dn-designer-toolbar-design-actions > div,
  .dn-fullscreen-small .dn-designer.dn-exit-small-home .dn-designer-toolbar-design-actions > div,
  .dn-fullscreen-small .dn-designer.dn-exit-small-back .dn-designer-toolbar-design-actions > div {
    width: 20%; }
  .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-design-actions {
    margin-right: -50%;
    padding-right: 50%; }
  .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-user-actions {
    width: 50%; }
    .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-user-actions > div {
      width: 25%; }
  .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-user-actions.dn-alt > div {
    width: 33.3333%; }
  .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-user-actions.dn-concept-mode > div {
    width: 25%; } }

@media only screen and (min-width: 992px) and (max-width: 1209px) {
  .dn-fullscreen-medium .dn-designer.dn-exit-medium-logo .dn-designer-toolbar-design-actions > div,
  .dn-fullscreen-medium .dn-designer.dn-exit-medium-home .dn-designer-toolbar-design-actions > div,
  .dn-fullscreen-medium .dn-designer.dn-exit-medium-back .dn-designer-toolbar-design-actions > div {
    width: 20%; }
  .dn-fullscreen-medium .dn-designer.dn-exit-medium-close .dn-designer-toolbar-user-actions > div {
    width: 25%; }
  .dn-fullscreen-medium .dn-designer.dn-exit-medium-close .dn-designer-toolbar-user-actions.dn-alt > div {
    width: 33.3333%; } }

@media only screen and (min-width: 1210px) {
  .dn-fullscreen-large .dn-designer.dn-exit-large-logo .dn-designer-toolbar-design-actions > div,
  .dn-fullscreen-large .dn-designer.dn-exit-large-home .dn-designer-toolbar-design-actions > div,
  .dn-fullscreen-large .dn-designer.dn-exit-large-back .dn-designer-toolbar-design-actions > div {
    width: 20%; }
  .dn-fullscreen-large .dn-designer.dn-exit-large-close .dn-designer-toolbar-user-actions > div {
    width: 25%; }
  .dn-fullscreen-large .dn-designer.dn-exit-large-close .dn-designer-toolbar-user-actions.dn-alt > div {
    width: 33.3333%; } }

.dn-widget-form-container .dn-form {
  /* GENERAL */ }
  .dn-widget-form-container .dn-form .dn-form-field-hint {
    font-weight: normal;
    padding: 0px;
    font-size: smaller; }
  .dn-widget-form-container .dn-form .dn-form-field-no-margin-left {
    margin-left: 0px; }
  .dn-widget-form-container .dn-form .dn-form-field-30 {
    width: 30%; }
  .dn-widget-form-container .dn-form .dn-form-field-50 {
    width: 50%; }
  .dn-widget-form-container .dn-form .dn-form-field-70 {
    width: 70%; }
  .dn-widget-form-container .dn-form.dn-label-over-field .dn-form-field-30,
  .dn-widget-form-container .dn-form.dn-label-over-field .dn-form-field-50:last-of-type {
    padding-left: 10px; }
  .dn-widget-form-container .dn-form.dn-label-left-field .dn-form-field-30,
  .dn-widget-form-container .dn-form.dn-label-left-field .dn-form-field-70,
  .dn-widget-form-container .dn-form.dn-label-left-field .dn-form-field-address,
  .dn-widget-form-container .dn-form.dn-label-left-field .dn-form-field-address-2 {
    padding-bottom: 5px; }
  .dn-widget-form-container .dn-form li.dn-form-captcha-v3 {
    display: none; }

.dn-popup.dn-message-status-popup .dn-popup-content {
  min-width: 400px;
  min-height: 100px;
  text-align: center; }
  .dn-popup.dn-message-status-popup .dn-popup-content .dn-message-status {
    display: none; }
  .dn-popup.dn-message-status-popup .dn-popup-content .dn-message-status.dn-alt {
    display: block; }

.dn-popup.dn-message-status-popup .dn-btn.dn-disabled {
  cursor: default;
  pointer-events: none;
  opacity: .5; }

div.dn-gift-certificate-container {
  position: relative;
  padding: 10px 5px; }
  div.dn-gift-certificate-container div.dn-gift-certificate-image {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 0 0 20px 0; }
    div.dn-gift-certificate-container div.dn-gift-certificate-image .dn-gift-certificate-image-interior {
      height: 320px;
      max-width: 510px;
      margin: 0 auto;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
      div.dn-gift-certificate-container div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base {
        margin: 120px 0 0 160px;
        position: absolute; }
        div.dn-gift-certificate-container div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base li {
          margin: 1px 0; }
          div.dn-gift-certificate-container div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base li input {
            padding: 3px; }
          div.dn-gift-certificate-container div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base li input,
          div.dn-gift-certificate-container div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base li textarea {
            width: 150px; }
  div.dn-gift-certificate-container div.dn-gift-certificate-description {
    display: inline-block;
    width: 100%; }
    div.dn-gift-certificate-container div.dn-gift-certificate-description ol.dn-gift-certificate-amount li label {
      margin-left: 5px; }
    div.dn-gift-certificate-container div.dn-gift-certificate-description li.dn-gift-certificate-email {
      margin: 10px 0; }
      div.dn-gift-certificate-container div.dn-gift-certificate-description li.dn-gift-certificate-email label {
        display: inline-block;
        width: 40%; }
      div.dn-gift-certificate-container div.dn-gift-certificate-description li.dn-gift-certificate-email input {
        width: 60%;
        padding: 5px; }
  div.dn-gift-certificate-container div.errorExplanation ul, div.dn-gift-certificate-container div.errorExplanation li {
    letter-spacing: normal; }

div.dn-gift-certificate-container[data-breakpoint-600='true'] div.dn-gift-certificate-image {
  width: 70%; }
  div.dn-gift-certificate-container[data-breakpoint-600='true'] div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base li input,
  div.dn-gift-certificate-container[data-breakpoint-600='true'] div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base li textarea {
    width: 257px; }

div.dn-gift-certificate-container[data-breakpoint-600='true'] div.dn-gift-certificate-description {
  width: 30%; }

.dn-widget-heading .dn-heading.dn-heading-link {
  cursor: pointer; }

.dn-widget-html .dn-widget-content {
  line-height: normal; }
  .dn-widget-html .dn-widget-content p {
    line-height: normal; }

.dn-widget-html_cm .dn-force-min-height {
  min-height: 10px; }

.dn-image-outer-container {
  position: relative; }

.dn-image-outer-container.dn-image-card .dn-image-text-container {
  display: inline-block;
  width: 50%;
  vertical-align: middle; }
  .dn-image-outer-container.dn-image-card .dn-image-text-container .dn-image-text-background {
    display: none; }

.dn-image-outer-container.dn-image-card .dn-image-container {
  display: inline-block;
  width: 50%; }

.dn-image-outer-container.dn-image-card .dn-image-container.dn-fill {
  width: 50%; }

.dn-image-outer-container.dn-image-layout-overlay .dn-image-text-container {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 2;
  vertical-align: middle; }
  .dn-image-outer-container.dn-image-layout-overlay .dn-image-text-container .dn-image-text-block {
    /*min-width: 50%;*/
    max-width: 100%;
    width: 50%;
    overflow: hidden;
    display: inline-block;
    padding: 30px;
    border: 1px solid rgba(230, 230, 230, 0.89);
    color: #333333;
    background-color: rgba(230, 230, 230, 0.89);
    text-align: center; }
    .dn-image-outer-container.dn-image-layout-overlay .dn-image-text-container .dn-image-text-block .dn-image-text-background {
      display: none; }

.dn-image-outer-container.dn-image-layout-overlay .dn-image-container {
  display: inline-block;
  width: 70%;
  position: relative;
  z-index: 1; }

.dn-image-outer-container.dn-image-layout-overlay .dn-image-container.dn-fill {
  width: 70%; }

.dn-image-outer-container.dn-image-layout-overlay.dn-image-left .dn-image-text-container {
  margin-left: -70%;
  text-align: right; }

.dn-image-outer-container.dn-image-layout-overlay.dn-image-right .dn-image-text-container {
  margin-right: -70%;
  text-align: left; }

.dn-image-container {
  overflow: hidden;
  text-align: center;
  display: inline-block;
  vertical-align: middle; }
  .dn-image-container:hover > .dn-image-text-container.dn-show-on-rollover {
    opacity: 1; }
  .dn-image-container .dn-image-text-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    z-index: 3; }
    .dn-image-container .dn-image-text-container.dn-show-on-rollover {
      opacity: 0;
      transition: opacity 300ms ease-in-out; }
    .dn-image-container .dn-image-text-container .dn-image-text-block {
      vertical-align: middle;
      /*min-width: 50%;*/
      max-width: 100%;
      overflow: hidden;
      display: inline-block;
      padding: 30px;
      color: #333333;
      position: relative; }
      .dn-image-container .dn-image-text-container .dn-image-text-block .dn-image-title,
      .dn-image-container .dn-image-text-container .dn-image-text-block .dn-image-subtitle {
        position: relative;
        z-index: 1; }
      .dn-image-container .dn-image-text-container .dn-image-text-block .dn-image-text-background {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0px;
        left: 0px;
        background-color: rgba(230, 230, 230, 0.89);
        border: 1px solid rgba(230, 230, 230, 0.89); }

.dn-image-container.dn-fill {
  width: 100%; }

.dn-image-aspect .dn-image-container {
  display: block; }

.dn-image-transform {
  position: relative; }

.dn-image-text-container.dn-image-link,
.dn-image-container .dn-image-link {
  cursor: pointer; }

.dn-image-overlay {
  z-index: 2;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%; }

img.dn-image {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.dn-image-container.dn-fill img.dn-image {
  width: 100%; }

div.dn-image-aspect-cropped {
  background-size: cover;
  background-position: center center; }

.dn-image-gallery-container .dn-grid-container.dn-grid-container-masonry {
  display: flex; }

.dn-image-gallery-container .dn-grid-text {
  width: 100%;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.dn-links-list-container .dn-links-list.dn-list-horizontal li {
  display: inline-block;
  margin: 3px;
  padding-left: 0px; }

.dn-logo-container a {
  text-decoration: none; }

.dn-logo-container .dn-logo-list li {
  text-align: center; }
  .dn-logo-container .dn-logo-list li.dn-logo-payment img {
    width: 50px; }
  .dn-logo-container .dn-logo-list li img {
    vertical-align: middle; }

.dn-logo-container .dn-logo-list.dn-list-horizontal li {
  display: inline-block; }

.dn-logo-container .dn-logo-svg {
  width: 100%;
  height: 100%; }

.dn-map-object {
  background: transparent url("/images/loading-oval.svg") no-repeat center center; }
  .dn-map-object iframe {
    width: 100%;
    height: 100%; }

.dn-newsletter-signup-container[data-breakpoint-250="true"] {
  margin: auto; }
  .dn-newsletter-signup-container[data-breakpoint-250="true"] .dn-form.dn-no-labels {
    text-align: left;
    position: relative; }
    .dn-newsletter-signup-container[data-breakpoint-250="true"] .dn-form.dn-no-labels li {
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .dn-newsletter-signup-container[data-breakpoint-250="true"] .dn-form.dn-no-labels li.dn-newsletter-signup-email-address-field {
      margin-right: -120px;
      padding-right: 125px;
      width: 100%; }
    .dn-newsletter-signup-container[data-breakpoint-250="true"] .dn-form.dn-no-labels li.dn-form-action-footer {
      width: 120px; }
    .dn-newsletter-signup-container[data-breakpoint-250="true"] .dn-form.dn-no-labels input {
      height: 40px; }

.dn-widget-page_content .dn-widget-content-container {
  line-height: 1.6em; }

.dn-widget-page_heading .dn-page-heading-link {
  cursor: pointer; }

.dn-widget-page_heading .dn-widget-content p:last-child {
  margin-bottom: 0; }

.dn-widget-page_heading .dn-widget-content p img {
  max-width: 100%;
  height: auto !important; }

div.dn-quick-quote-container {
  letter-spacing: -0.31em;
  position: relative;
  height: 100%; }
  div.dn-quick-quote-container div.dn-quick-quote-steps {
    margin-top: 5px;
    border: 1px solid #E5E5E5; }
    div.dn-quick-quote-container div.dn-quick-quote-steps li {
      display: inline;
      border-right: 1px solid #E5E5E5; }
      div.dn-quick-quote-container div.dn-quick-quote-steps li .dn-number {
        font-size: 1.429em;
        color: #000; }
      div.dn-quick-quote-container div.dn-quick-quote-steps li a {
        display: inline-block;
        margin: 0 5px 0;
        padding: 10px 5px;
        cursor: pointer; }
        div.dn-quick-quote-container div.dn-quick-quote-steps li a span.dn-quick-quote-full-label {
          display: none; }
        div.dn-quick-quote-container div.dn-quick-quote-steps li a span.dn-quick-quote-label {
          display: inline-block; }
    div.dn-quick-quote-container div.dn-quick-quote-steps li.dn-current a {
      font-weight: bold; }
  div.dn-quick-quote-container div.dn-quick-quote-actions ul {
    text-align: center; }
    div.dn-quick-quote-container div.dn-quick-quote-actions ul li .dn-btn {
      width: 200px; }
  div.dn-quick-quote-container div.dn-quick-quote-content {
    padding-top: 5px;
    height: 100%; }
    div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product.dn-selecting-category .dn-quick-quote-product-selector .dn-quick-quote-product-categories {
      height: 100%; }
      div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product.dn-selecting-category .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-category-container {
        height: 100%;
        width: 100%; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product.dn-selecting-category .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-category-container .dn-quick-quote-selected-category-container {
          display: none; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product.dn-selecting-category .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-category-container .dn-quick-quote-hierarchy-container {
          padding-left: 5px;
          display: block; }
    div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product.dn-selecting-category .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel {
      display: none; }
    div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-content-step {
      height: 100%; }
    div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product {
      letter-spacing: -0.31em;
      height: 100%; }
      div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product h3 {
        display: none; }
      div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content {
        height: 100%;
        margin-bottom: -50px;
        padding-bottom: 50px; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content > div {
          height: 100%; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector {
          height: 100%; }
          div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector h4 {
            border-bottom: 1px solid rgba(204, 204, 204, 0.89);
            background-color: rgba(250, 250, 250, 0.89);
            padding: 3px 8px;
            font-size: 13px;
            line-height: 32px;
            display: block; }
          @media only screen and (min-width: 768px) {
            div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector h4 {
              display: none; } }
          div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories {
            width: 100%;
            height: 100%;
            margin-bottom: 10px;
            margin-top: 5px;
            position: relative;
            overflow: auto;
            z-index: 2; }
            div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-selected-category-container {
              height: 40px;
              width: 98%;
              margin-left: 1%;
              padding: 9px 15px 8px 0px;
              cursor: pointer;
              background: #fff;
              border: 1px solid rgba(204, 204, 204, 0.89);
              background-image: url("/images/icons/open-iconic/png/caret-bottom.png?36ca38bffb52e49904480c76d8ee5d05");
              background-position: 95% center;
              background-repeat: no-repeat; }
              div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-selected-category-container .dn-hierarchy-selected-node-label {
                font-size: 14px; }
                div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator {
                  display: inline-block;
                  margin-left: 5px;
                  margin-right: 5px;
                  vertical-align: middle; }
                div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator:before {
                  font-family: "decofonts" !important;
                  font-style: normal !important;
                  font-weight: normal !important;
                  font-variant: normal !important;
                  text-transform: none !important;
                  speak: none;
                  line-height: 1;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "h";
                  display: inline-block;
                  letter-spacing: normal;
                  word-spacing: normal; }
            div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-hierarchy-container {
              display: none; }
          div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel {
            width: 100%;
            height: 100%;
            margin-top: -80px;
            padding-top: 80px; }
            div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel h4 {
              border-bottom: 1px solid rgba(204, 204, 204, 0.89);
              border-top: 1px solid rgba(204, 204, 204, 0.89);
              background-color: rgba(250, 250, 250, 0.89);
              padding: 3px 8px;
              font-size: 13px;
              line-height: 32px; }
            div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container {
              height: 100%;
              margin-top: -35px;
              padding-top: 30px; }
              div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container .dn-quick-quote-product-listing-scroll {
                padding: 10px;
                height: 100%;
                overflow: auto; }
              div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container .dn-pagination-container {
                text-align: center;
                height: 100%; }
                div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container .dn-pagination-container span,
                div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container .dn-pagination-container a {
                  padding-right: 5px; }
              div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container .dn-grid-item.dn-selected .dn-grid-image img {
                padding: 3px;
                border: 3px solid rgba(102, 102, 102, 0.89); }
              div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container .dn-grid-image img {
                cursor: pointer;
                padding: 1px;
                border: 1px solid rgba(204, 204, 204, 0.89); }
              div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container.dn-alt .dn-quick-quote-product-listing-scroll {
                margin-bottom: -30px;
                padding-bottom: 40px; }
              div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container.dn-alt .dn-pagination-container {
                display: block; }
    @media only screen and (min-width: 768px) {
      div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product {
        height: 100%; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product h3 {
          display: block; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content {
          margin-bottom: -90px;
          padding-bottom: 90px; }
          div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories {
            background: rgba(252, 252, 252, 0.89);
            border-right: 1px solid rgba(204, 204, 204, 0.89);
            display: inline-block;
            width: 25%;
            height: 100%;
            overflow: auto;
            vertical-align: top;
            margin-bottom: 0; }
            div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-category-container {
              position: relative;
              height: auto;
              width: auto;
              padding-top: 0;
              margin-bottom: 0; }
              div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-category-container .dn-quick-quote-selected-category-container {
                display: none; }
              div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-category-container .dn-quick-quote-hierarchy-container {
                display: block; }
          div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel {
            display: inline-block;
            width: 75%;
            vertical-align: top;
            margin-top: 0px;
            padding-top: 0px; }
            div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel h4 {
              border-top: 0px; } }
    div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-main-image-panel {
      display: inline-block;
      width: 100%;
      max-width: 600px;
      vertical-align: top;
      padding: 3px; }
      div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-main-image-panel div.dn-product-main-image-container {
        position: relative;
        overflow: hidden; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-main-image-padding {
          width: 100%;
          padding-bottom: 100%; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container {
          position: absolute;
          width: 100%;
          height: 100%; }
          div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container img {
            width: 100%; }
    div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel {
      display: inline-block;
      width: 100%;
      vertical-align: top;
      padding: 3px;
      letter-spacing: normal;
      word-spacing: normal; }
      div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-quick-quote-size-chart-link {
        display: none; }
      div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-color-container h4 {
        margin-bottom: 5px; }
      div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell {
        height: 40px;
        width: 40px;
        border-radius: 7px;
        overflow: hidden;
        cursor: pointer; }
      @media only screen and (min-width: 768px) {
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell {
          height: 35px;
          width: 35px;
          border-radius: 5px;
          overflow: hidden;
          cursor: pointer; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-few .dn-color-panel-cell {
          height: 40px;
          width: 40px;
          border-radius: 7px; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-many .dn-color-panel-cell {
          height: 25px;
          width: 25px;
          margin: 1px;
          border-width: 1px; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-heaps .dn-color-panel-cell {
          height: 20px;
          width: 20px;
          margin: 1px;
          border-width: 1px; } }
      div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-extra-field-container {
        margin-top: 8px; }
      div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-description {
        margin-top: 8px;
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
        overflow-wrap: break-word; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-description h4 {
          margin-bottom: 5px; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-description pre {
          white-space: pre-wrap;
          word-break: break-word;
          overflow-wrap: break-word; }
      div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra {
        padding-top: 8px; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra h5 {
          margin-bottom: 5px; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas {
          text-align: center; }
          div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas h4 {
            margin-bottom: 0px;
            font-weight: bold; }
          div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas ul {
            margin-bottom: 10px; }
          div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li {
            padding: 4px 0; }
            div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li label {
              display: inline-block;
              width: 100%;
              margin-right: 0px; }
              div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li label .wide {
                width: 125px; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-qty-container {
          margin-top: 5px; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-unit-price-container {
          margin-top: 10px; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-price-container {
          margin-top: 5px; }
          div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-price-container .dn-price {
            font-size: 16px; }
            div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-price-container .dn-price .price_currency_code {
              font-size: 0.7em; }
      div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-decorate-now-container {
        margin-top: 10px; }
        div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-decorate-now-container .dn-btn {
          width: 100%; }
      div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel.dn-using-single-size-select .dn-select-size-qty-container .dn-size-qty-container {
        display: none; }
  div.dn-quick-quote-container .dn-quick-quote-actions li {
    display: inline-block;
    padding: 5px;
    width: 100px; }
  div.dn-quick-quote-container .dn-quick-quote-actions .dn-disabled {
    opacity: 0.3;
    cursor: default; }
    div.dn-quick-quote-container .dn-quick-quote-actions .dn-disabled:hover {
      background-color: rgba(255, 255, 255, 0.89); }

div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-steps li a span.dn-quick-quote-full-label {
  display: inline-block; }

div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-steps li a span.dn-quick-quote-label {
  display: none; }

div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-content .dn-product-main-image-panel {
  width: 50%; }

div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-content .dn-product-details-panel {
  width: 50%;
  padding-left: 10px; }
  div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-content .dn-product-details-panel .dn-product-decoration-prices {
    display: block; }
  div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-content .dn-product-details-panel .dn-product-description {
    margin-top: 0px; }
  div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas {
    text-align: left; }
    div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li label {
      width: auto;
      margin-right: 10px; }

div.dn-request-quote-container {
  position: relative;
  height: 100%; }
  div.dn-request-quote-container div.dn-request-quote-content {
    margin: auto;
    height: 100%; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-customer-container {
      margin-bottom: 20px; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-product-container h4 input {
      margin-left: 10px; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-product-container .dn-request-quote-product-name {
      padding-top: 5px;
      padding-bottom: 5px; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-product-container .dn-product-color-container .dn-product-color-selected-label {
      letter-spacing: normal;
      word-spacing: normal; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-product-container .dn-product-size-field-container .dn-select-size-qty-container .dn-sizes-container {
      display: inline-block;
      width: 100%;
      vertical-align: middle; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-product-container .dn-product-size-field-container .dn-select-size-qty-container.dn-with-qty .dn-sizes-container {
      margin-right: -70px;
      padding-right: 70px; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-product-container .dn-product-size-field-container .dn-select-size-qty-container.dn-with-qty .dn-size-qty-container {
      display: inline-block;
      width: 55px;
      padding-left: 5px;
      vertical-align: middle; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-decoration-container .dn-request-quote-decoration-processes {
      padding-top: 10px; }
      div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-decoration-container .dn-request-quote-decoration-processes label {
        padding-right: 5px; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container a {
      text: underline;
      padding: 5px; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container .dn-request-quote-artwork-sizes {
      margin-top: 5px; }
      div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container .dn-request-quote-artwork-sizes.dn-label-left-field {
        margin-left: 100px; }
      div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container .dn-request-quote-artwork-sizes li input {
        width: 100px; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container .dn-btn.dn-request-quote-choose-file {
      width: 205px; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container input[type='file'] {
      display: none; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container span {
      padding-left: 5px; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-extra-container li input {
      width: 50%; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-extra-container li.dn-request-quote-captcha {
      padding: 10px; }
    div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-extra-container li.dn-request-quote-captcha-v3 {
      display: none; }
    div.dn-request-quote-container div.dn-request-quote-content ul.dn-send-quote-request-form li {
      margin-bottom: 5px; }
      div.dn-request-quote-container div.dn-request-quote-content ul.dn-send-quote-request-form li label {
        padding-top: 0px; }

div.dn-product-display-high-detail {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px; }
  div.dn-product-display-high-detail div.dn-product-main-image-panel {
    display: inline-block;
    width: 30%;
    max-width: 600px;
    vertical-align: top;
    padding: 3px; }
    div.dn-product-display-high-detail div.dn-product-main-image-panel .dn-use-product-button {
      padding: 10px 0; }
  div.dn-product-display-high-detail div.dn-product-details-panel {
    display: inline-block;
    width: 70%;
    vertical-align: top;
    padding: 3px 3px 3px 5px;
    letter-spacing: normal;
    word-spacing: normal;
    max-width: 385px; }
    div.dn-product-display-high-detail div.dn-product-details-panel .dn-request-quote-size-chart-link {
      display: none; }
    div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-color-container h4 {
      margin-bottom: 5px; }
    div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell {
      height: 40px;
      width: 40px;
      border-radius: 7px;
      overflow: hidden;
      cursor: pointer; }
    @media only screen and (min-width: 768px) {
      div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell {
        height: 35px;
        width: 35px;
        border-radius: 5px;
        overflow: hidden;
        cursor: pointer; }
      div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-few .dn-color-panel-cell {
        height: 40px;
        width: 40px;
        border-radius: 7px; }
      div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-many .dn-color-panel-cell {
        height: 25px;
        width: 25px;
        margin: 1px;
        border-width: 1px; }
      div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-heaps .dn-color-panel-cell {
        height: 20px;
        width: 20px;
        margin: 1px;
        border-width: 1px; } }
    div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-extra-field-container {
      margin-top: 8px; }
    div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-description {
      margin-top: 0px;
      word-wrap: break-word;
      word-break: break-word;
      white-space: normal;
      overflow-wrap: break-word; }
      div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-description h4 {
        margin-bottom: 5px; }
      div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-description pre {
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word; }

.dn-sg-container h2 {
  margin-bottom: 0px; }

.dn-sg-container .dn-sg-progress {
  width: 100%; }
  .dn-sg-container .dn-sg-progress .dn-sg-progress-goal {
    margin: 0px;
    width: 100%;
    text-align: center; }
    .dn-sg-container .dn-sg-progress .dn-sg-progress-goal .dn-sg-progress-bar {
      height: auto;
      position: relative;
      padding: 5px;
      margin-bottom: 5px;
      background: rgba(230, 230, 230, 0.89);
      border: 1px solid rgba(230, 230, 230, 0.89);
      border-radius: 5px; }
      .dn-sg-container .dn-sg-progress .dn-sg-progress-goal .dn-sg-progress-bar span {
        display: block;
        white-space: nowrap;
        padding: 5px 0;
        color: #333333;
        font-size: 16px;
        background: rgba(191, 191, 191, 0.89);
        border: 0px solid rgba(191, 191, 191, 0.89);
        border-radius: 3px;
        font-weight: bold; }

div.dn-search-results-container {
  position: relative;
  padding: 10px 5px; }
  div.dn-search-results-container div.dn-search-categories-panel {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 0 0 0 10px; }
    div.dn-search-results-container div.dn-search-categories-panel ul.dn-search-categories-list li label {
      margin-left: 5px; }
  div.dn-search-results-container div.dn-search-results-panel {
    display: inline-block;
    width: 100%; }
    div.dn-search-results-container div.dn-search-results-panel .dn-paginator-container,
    div.dn-search-results-container div.dn-search-results-panel .dn-search-results-for-header,
    div.dn-search-results-container div.dn-search-results-panel .dn-search-results-entries-header {
      display: inline-block; }
    div.dn-search-results-container div.dn-search-results-panel .dn-search-results-entries-header {
      left: 100%;
      position: sticky; }
    div.dn-search-results-container div.dn-search-results-panel ul.dn-search-results-list > li {
      margin-bottom: 10px;
      padding: 5px 10px;
      overflow: hidden; }
      div.dn-search-results-container div.dn-search-results-panel ul.dn-search-results-list > li h5 {
        float: right; }
      div.dn-search-results-container div.dn-search-results-panel ul.dn-search-results-list > li div {
        float: right;
        width: 85%; }
    div.dn-search-results-container div.dn-search-results-panel .dn-grid-container .dn-grid-item .dn-grid-item-container img.dn-product-logo {
      max-width: 70%;
      max-height: 15%;
      border: 0px solid rgba(230, 230, 230, 0.89);
      border-radius: 0px; }
    div.dn-search-results-container div.dn-search-results-panel .dn-grid-item .dn-grid-item-container img.dn-product-logo {
      width: auto;
      height: auto; }
    div.dn-search-results-container div.dn-search-results-panel .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-product-logo {
      position: absolute;
      bottom: 5px;
      right: 5px; }
    div.dn-search-results-container div.dn-search-results-panel .dn-grid-item .dn-grid-item-container .dn-grid-text.dn-product-logo {
      width: 120px;
      display: inline-block;
      text-align: center; }
    div.dn-search-results-container div.dn-search-results-panel .dn-grid-container-masonry {
      display: flex; }
    div.dn-search-results-container div.dn-search-results-panel .dn-grid-masonry .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-product-logo {
      width: auto;
      height: auto; }
    div.dn-search-results-container div.dn-search-results-panel .dn-grid-text.dn-product-colors {
      text-align: center; }
      div.dn-search-results-container div.dn-search-results-panel .dn-grid-text.dn-product-colors label {
        display: none; }
      div.dn-search-results-container div.dn-search-results-panel .dn-grid-text.dn-product-colors div.dn-color-panel-cell {
        width: 10px;
        height: 10px;
        margin: 1px;
        border-radius: 0px;
        border: 1px solid rgba(230, 230, 230, 0.89);
        overflow: hidden;
        cursor: pointer;
        display: inline-grid;
        grid-template-columns: 100%; }
        div.dn-search-results-container div.dn-search-results-panel .dn-grid-text.dn-product-colors div.dn-color-panel-cell span {
          border: none; }
        div.dn-search-results-container div.dn-search-results-panel .dn-grid-text.dn-product-colors div.dn-color-panel-cell:hover, div.dn-search-results-container div.dn-search-results-panel .dn-grid-text.dn-product-colors div.dn-color-panel-cell.dn-selected {
          border-color: rgba(102, 102, 102, 0.89); }

div.dn-search-results-container[data-breakpoint-600='true'] div.dn-search-categories-panel {
  width: 25%; }

div.dn-search-results-container[data-breakpoint-600='true'] div.dn-search-results-panel:not(.dn-search-results-no-filter) {
  width: 75%; }

div.dn-shipping-information-container {
  position: relative;
  margin: 10px 5px; }
  div.dn-shipping-information-container div.dn-shipping-information-method-container {
    width: 100%;
    margin: 15px 0; }
    div.dn-shipping-information-container div.dn-shipping-information-method-container div.dn-shipping-information-method-content {
      border: 1px solid rgba(230, 230, 230, 0.89);
      background-color: rgba(250, 250, 250, 0.89);
      width: 100%;
      margin: 10px 0px;
      padding: 20px; }
      div.dn-shipping-information-container div.dn-shipping-information-method-container div.dn-shipping-information-method-content div.dn-shipping-information-profile table.dn-shipping-information-table {
        width: 100%;
        border: 1px solid rgba(230, 230, 230, 0.89); }
        div.dn-shipping-information-container div.dn-shipping-information-method-container div.dn-shipping-information-method-content div.dn-shipping-information-profile table.dn-shipping-information-table th {
          background-color: rgba(230, 230, 230, 0.89);
          padding: 3px; }
        div.dn-shipping-information-container div.dn-shipping-information-method-container div.dn-shipping-information-method-content div.dn-shipping-information-profile table.dn-shipping-information-table td {
          border: 1px solid rgba(230, 230, 230, 0.89);
          background-color: rgba(255, 255, 255, 0.89);
          padding: 3px; }

.dn-shopping-cart-container .dn-thumbnail-50 .dn-line-item-thumbnail {
  width: 50px; }

.dn-shopping-cart-container .dn-thumbnail-100 .dn-line-item-thumbnail {
  width: 100px; }

.dn-shopping-cart-container .dn-thumbnail-150 .dn-line-item-thumbnail {
  width: 150px; }

.dn-shopping-cart-container .dn-thumbnail-175 .dn-line-item-thumbnail {
  width: 175px; }

.dn-shopping-cart-container .dn-thumbnail-200 .dn-line-item-thumbnail {
  width: 200px; }

.dn-shopping-cart-container .dn-thumbnail-250 .dn-line-item-thumbnail {
  width: 250px; }

.dn-shopping-cart-container .dn-thumbnail-300 .dn-line-item-thumbnail {
  width: 300px; }

.dn-shopping-cart-container .dn-thumbnail-350 .dn-line-item-thumbnail {
  width: 350px; }

.dn-shopping-cart-container .dn-thumbnail-400 .dn-line-item-thumbnail {
  width: 400px; }

.dn-shopping-cart-container .dn-line-item-thumbnail {
  vertical-align: top;
  padding: 5px;
  position: relative;
  text-align: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .dn-shopping-cart-container .dn-line-item-thumbnail img {
    max-width: 100%; }
  .dn-shopping-cart-container .dn-line-item-thumbnail span {
    position: absolute;
    right: -10px;
    top: 0px;
    background-color: deeppink;
    color: #fff;
    border: 1px solid deeppink;
    border-radius: 15px;
    width: 25px;
    height: 25px;
    line-height: 24px;
    text-align: center; }

.dn-shopping-cart-container .dn-line-item-details {
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  font-weight: bold;
  width: 100%; }
  .dn-shopping-cart-container .dn-line-item-details.dn-line-item-details-with-qty-over {
    padding-left: 15px; }
  .dn-shopping-cart-container .dn-line-item-details .dn-line-item-details-qty {
    display: inline-block;
    padding-right: 3px; }
  .dn-shopping-cart-container .dn-line-item-details .dn-line-item-details-name {
    display: inline-block; }

.dn-shopping-cart-container .dn-line-item-price {
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  padding-right: 0px;
  width: 100px;
  text-align: right; }

.dn-shopping-cart-container .dn-line-item-sharing {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  padding-left: 2px; }

.dn-shopping-cart-container .dn-line-item-details-container.dn-with-price .dn-line-item-details {
  margin-right: -100px;
  padding-right: 100px; }

.dn-shopping-cart-container .dn-line-item-details-container.dn-with-sharing .dn-line-item-details {
  margin-right: -60px;
  padding-right: 60px; }

.dn-shopping-cart-container .dn-line-item-details-container.dn-with-price.dn-with-sharing .dn-line-item-details {
  margin-right: -160px;
  padding-right: 160px; }

.dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-shopping-cart-line-item.dn-with-thumbnail .dn-line-item-thumbnail {
  display: inline-block; }

.dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-shopping-cart-line-item.dn-with-thumbnail .dn-line-item-details-container {
  display: inline-block;
  width: 100%; }

.dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-50 .dn-line-item-details-container {
  margin-left: -50px;
  padding-left: 60px; }

.dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-100 .dn-line-item-details-container {
  margin-left: -100px;
  padding-left: 110px; }

.dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-150 .dn-line-item-details-container {
  margin-left: -150px;
  padding-left: 160px; }

.dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-175 .dn-line-item-details-container {
  margin-left: -175px;
  padding-left: 185px; }

.dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-200 .dn-line-item-details-container {
  margin-left: -200px;
  padding-left: 210px; }

.dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-250 .dn-line-item-details-container {
  margin-left: -250px;
  padding-left: 260px; }

.dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-300 .dn-line-item-details-container {
  margin-left: -300px;
  padding-left: 310px; }

.dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-350 .dn-line-item-details-container {
  margin-left: -350px;
  padding-left: 360px; }

.dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-400 .dn-line-item-details-container {
  margin-left: -400px;
  padding-left: 410px; }

.dn-shopping-cart-actions {
  padding: 5px;
  text-align: center; }

.dn-widget-signup li.dn-form-captcha-v3 {
  display: none; }

.dn-slider {
  position: relative;
  overflow-x: hidden; }
  .dn-slider .dn-slider-panel {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden; }
  .dn-slider .dn-slider-arrow-container {
    z-index: 999;
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 1em;
    color: black;
    margin-top: auto;
    margin-bottom: auto; }
  .dn-slider .dn-slider-arrow {
    cursor: pointer;
    position: relative; }
    .dn-slider .dn-slider-arrow .dn-slider-arrow-icon {
      z-index: 3;
      position: relative; }
    .dn-slider .dn-slider-arrow .dn-slider-arrow-decorator {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px; }
    .dn-slider .dn-slider-arrow .dn-border {
      z-index: 2; }
    .dn-slider .dn-slider-arrow .dn-background {
      z-index: 1; }
  .dn-slider .dn-slider-left-container {
    left: 0px; }
  .dn-slider .dn-slider-right-container {
    right: 0px; }
  .dn-slider .dn-slider-select-container {
    position: absolute;
    z-index: 999;
    width: 100%;
    text-align: center;
    bottom: 0px;
    line-height: 0px; }
    .dn-slider .dn-slider-select-container .dn-slider-select-button-container {
      display: inline-block; }
      .dn-slider .dn-slider-select-container .dn-slider-select-button-container .dn-slide-button {
        cursor: pointer;
        border-style: solid;
        box-sizing: content-box; }
        .dn-slider .dn-slider-select-container .dn-slider-select-button-container .dn-slide-button .dn-slide-button-number {
          vertical-align: middle;
          display: inline-block;
          margin-left: -0.05em; }

.dn-slider .dn-slider-left .dn-slider-arrow-icon:after {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "B";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-slider .dn-slider-right .dn-slider-arrow-icon:after {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "d";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content > .dn-slider > .dn-slider-left-container {
  left: -50px;
  opacity: 0;
  transition: left 0.3s, opacity 0.3s; }

.dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content > .dn-slider > .dn-slider-right-container {
  right: -50px;
  opacity: 0;
  transition: right 0.3s, opacity 0.3s; }

.dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content > .dn-slider > .dn-slider-select-container {
  opacity: 0;
  transition: bottom 0.3s, opacity 0.3s; }

.dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content > .dn-slider:hover > .dn-slider-left-container {
  opacity: 100; }

.dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content > .dn-slider:hover > .dn-slider-right-container {
  opacity: 100; }

.dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content > .dn-slider:hover > .dn-slider-select-container {
  opacity: 100; }

.dn-theme-arrows-none > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-arrow-container {
  display: none; }

.dn-theme-arrows-1 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after {
  content: "4"; }

.dn-theme-arrows-1 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after {
  content: "5"; }

.dn-theme-arrows-2 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after {
  content: "6"; }

.dn-theme-arrows-2 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after {
  content: "7"; }

.dn-theme-arrows-3 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after {
  content: "8";
  margin: 0.1em; }

.dn-theme-arrows-3 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after {
  content: "9";
  margin: 0.1em; }

.dn-theme-arrows-4 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after {
  content: "!";
  margin: 0.1em; }

.dn-theme-arrows-4 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after {
  content: '"';
  margin: 0.1em; }

.dn-theme-arrows-5 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after {
  content: "#";
  margin-left: -0.05em;
  margin-right: 0.05em;
  margin-top: -0.005em;
  margin-bottom: 0.005em; }

.dn-theme-arrows-5 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after {
  content: "$";
  margin-right: -0.05em;
  margin-left: 0.05em;
  margin-top: -0.005em;
  margin-bottom: 0.005em; }

.dn-theme-arrows-6 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after {
  content: "B";
  margin-top: 0.1em;
  margin-left: -0.05em;
  margin-right: 0.15em; }

.dn-theme-arrows-6 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after {
  content: "d";
  margin-top: 0.1em;
  margin-right: -0.05em;
  margin-left: 0.15em; }

.dn-theme-arrows-7 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after {
  content: "g";
  margin-left: -0.07em;
  margin-right: 0.07em; }

.dn-theme-arrows-7 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after {
  content: "h";
  margin-right: -0.07em;
  margin-left: 0.07em; }

.dn-theme-buttons-none > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-select-container {
  display: none; }

.dn-theme-buttons-1 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button {
  height: 2em;
  width: 2em;
  border-radius: 50%; }
  .dn-theme-buttons-1 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button .dn-slide-button-number {
    display: none; }

.dn-theme-buttons-2 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button {
  height: 2em;
  width: 2em;
  background-color: #000000;
  border-radius: 50%; }
  .dn-theme-buttons-2 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button .dn-slide-button-number {
    display: none; }

.dn-theme-buttons-3 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button {
  height: 2em;
  width: 2em;
  border-radius: 50%;
  text-align: center; }
  .dn-theme-buttons-3 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button .dn-slide-button-number {
    color: #000000; }

.dn-theme-buttons-4 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button {
  height: 2em;
  width: 2em; }
  .dn-theme-buttons-4 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button .dn-slide-button-number {
    display: none; }

.dn-theme-buttons-5 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button {
  height: 2em;
  width: 2em;
  background-color: #000000; }
  .dn-theme-buttons-5 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button .dn-slide-button-number {
    display: none; }

.dn-theme-buttons-6 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button {
  height: 2em;
  width: 2em;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center; }
  .dn-theme-buttons-6 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button .dn-slide-button-number {
    color: #000000; }

.dn-social-links-container.dn-display-as-icons li a span {
  display: none; }

.dn-social-links-container.dn-display-as-icons li {
  font-size: 18px; }

.dn-social-links-container.dn-display-as-icons li.dn-social-link-facebook a:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "V";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-social-links-container.dn-display-as-icons li.dn-social-link-twitter a:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "Y";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-social-links-container.dn-display-as-icons li.dn-social-link-pinterest a:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "X";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-social-links-container.dn-display-as-icons li.dn-social-link-instagram a:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "Z";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-social-links-container.dn-display-as-icons li.dn-social-link-youtube a:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "1";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-social-links-container.dn-display-as-icons li.dn-social-link-googleplus a:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "W";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-social-links-container.dn-display-as-icons li.dn-social-link-linkedin a:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "?";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-social-links-container.dn-list-horizontal li {
  display: inline-block; }

.dn-widget-spacer .dn-force-min-height {
  min-height: 10px; }

div.dn-store-directory-container {
  letter-spacing: -0.31em;
  position: relative;
  height: 100%;
  width: 100%; }
  div.dn-store-directory-container div.dn-store-directory-sort-container {
    width: 100%; }
  div.dn-store-directory-container div.dn-store-directory-list-container .dn-store-directory-store-listing {
    display: inline-block;
    padding: 10px 15px 10px 15px; }
  div.dn-store-directory-container div.dn-store-directory-content {
    padding-top: 5px;
    max-width: 600px;
    margin: auto;
    height: 100%; }
    div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-customer-container {
      margin-bottom: 20px; }
    div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-product-container h4 input {
      margin-left: 10px; }
    div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-product-container .dn-store-directory-product-selector-button {
      max-width: 200px;
      margin-left: 10px; }
    div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-product-container .dn-store-directory-product-name {
      padding-top: 10px;
      padding-bottom: 10px; }
    div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-decoration-container .dn-store-directory-decoration-processes {
      padding-top: 10px; }
      div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-decoration-container .dn-store-directory-decoration-processes label {
        padding-right: 5px; }
    div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-artwork-container a {
      text: underline;
      padding: 5px; }
    div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-artwork-container .dn-store-directory-add-artwork-button {
      max-width: 200px;
      margin-left: 10px;
      margin-bottom: 5px; }
    div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-artwork-container .dn-store-directory-artwork-sizes {
      margin-top: 5px;
      margin-left: 100px; }
      div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-artwork-container .dn-store-directory-artwork-sizes li input {
        width: 100px; }
      div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-artwork-container .dn-store-directory-artwork-sizes li span {
        padding-left: 5px; }
    div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-extra-container li input {
      width: 50%; }
    div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-extra-container li.dn-store-directory-captcha {
      padding: 10px; }
    div.dn-store-directory-container div.dn-store-directory-content ul.dn-send-quote-request-form li {
      margin-bottom: 5px; }
      div.dn-store-directory-container div.dn-store-directory-content ul.dn-send-quote-request-form li label {
        padding-top: 0px; }

div.dn-store-signup-container li.dn-field-store-url-container span.dn-field-store-url-span {
  font-size: 20px;
  vertical-align: bottom;
  text-align: center;
  width: 10px;
  display: inline-block; }

div.dn-store-signup-container div.dn-form-field-store-signup-sub-domain {
  width: 50%;
  padding-right: 5px;
  margin-right: -5px; }

div.dn-store-signup-container div.dn-form-field-store-signup-domain {
  width: 50%;
  padding-left: 5px;
  margin-left: -5px; }

div.dn-store-signup-container div.dn-store-signup-check-container .dn-store-signup-passed {
  background-color: #74AF4C;
  border: 1px solid #628F43;
  color: white;
  padding: 3px; }

div.dn-store-signup-container li.dn-form-captcha-v3 {
  display: none; }

.dn-widget.dn-widget-text ul {
  list-style-type: disc;
  list-style-position: inside; }

.dn-widget.dn-widget-text ol {
  list-style-type: decimal;
  list-style-position: inside; }

.dn-widget.dn-widget-text p:last-child {
  margin-bottom: 0; }

.dn-widget.dn-widget-text p img {
  max-width: 100%;
  height: auto !important; }

.dn-widget.dn-widget-text span {
  line-height: initial; }
  .dn-widget.dn-widget-text span[style*="font-family"] a {
    font-family: inherit; }
  .dn-widget.dn-widget-text span[style*="font-size"] a {
    font-size: inherit; }
  .dn-widget.dn-widget-text span[style*="font-style"] a {
    font-style: inherit; }
  .dn-widget.dn-widget-text span[style*="font-weight"] a {
    font-weight: inherit; }
  .dn-widget.dn-widget-text span[style*="color"] a {
    color: inherit; }
  .dn-widget.dn-widget-text span[style*="text-decoration"] a {
    text-decoration: inherit; }

.dn-video-container {
  position: relative;
  padding-top: 0px;
  height: 0; }
  .dn-video-container.dn-video-aspect-ratio-16-9 {
    padding-bottom: 56.25%;
    /* 16:9 */ }
  .dn-video-container.dn-video-aspect-ratio-3-2 {
    padding-bottom: 66.67%;
    /* 3:2 */ }
  .dn-video-container.dn-video-aspect-ratio-4-3 {
    padding-bottom: 75.00%;
    /* 4:3 */ }
  .dn-video-container.dn-video-aspect-ratio-9-16 {
    padding-bottom: 177.78%;
    /* 9:16 */ }
  .dn-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.dn-view-cart-details-container {
  letter-spacing: normal;
  word-spacing: normal; }
  .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-cart-body .dn-checkout-cart-detail-col1, .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-cart-body .dn-checkout-cart-detail-col2 {
    display: block;
    width: 100%; }
  .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-cart-body .dn-checkout-cart-summary-col1, .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-cart-body .dn-checkout-cart-summary-col2 {
    display: block;
    width: 100%; }
  .dn-view-cart-details-container .dn-checkout-cart-detail-col2 .dn-checkout-cart-summary .dn-checkout-footer h3 {
    text-align: right; }
  .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-header {
    display: none; }
  .dn-view-cart-details-container .dn-checkout-row {
    margin-bottom: 5px; }
  .dn-view-cart-details-container .dn-checkout-c-times,
  .dn-view-cart-details-container .dn-checkout-c-tax-plus,
  .dn-view-cart-details-container .dn-checkout-c-equal {
    display: none; }
  .dn-view-cart-details-container .dn-checkout-c-product-thumbnail {
    width: 150px;
    display: inline-block;
    vertical-align: top; }
  .dn-view-cart-details-container .dn-checkout-c-product-thumbnail img {
    width: 150px; }
  .dn-view-cart-details-container .dn-checkout-c-row-details {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-left: -150px;
    padding-left: 155px;
    vertical-align: top; }
  .dn-view-cart-details-container .dn-checkout-c-product {
    display: inline-block; }
  .dn-view-cart-details-container .dn-checkout-c-product-name {
    display: inline-block;
    padding-right: 3px;
    font-size: 1.2em;
    font-weight: bold; }
  .dn-view-cart-details-container .dn-checkout-c-product-edit {
    display: inline-block;
    padding-right: 3px; }
  .dn-view-cart-details-container .dn-checkout-c-product-edit-teamnames {
    display: inline-block;
    padding-right: 3px; }
  .dn-view-cart-details-container .dn-checkout-c-product-remove {
    display: inline-block; }
  .dn-view-cart-details-container .dn-checkout-c-lv > label {
    display: inline-block;
    font-weight: bold;
    width: 70px;
    text-align: right;
    padding-right: 5px;
    vertical-align: middle; }
  .dn-view-cart-details-container .dn-checkout-c-lv > span {
    display: inline-block;
    width: 100%;
    margin-left: -70px;
    padding-left: 90px;
    vertical-align: middle; }
  .dn-view-cart-details-container .dn-checkout-c-o-field {
    padding: 3px;
    margin: 3px 0px; }
  .dn-view-cart-details-container .dn-checkout-c-qty {
    padding: 3px;
    margin: 3px 0px; }
  .dn-view-cart-details-container .dn-checkout-c-price {
    padding: 3px;
    margin: 3px 0px; }
  .dn-view-cart-details-container .dn-checkout-c-tax {
    padding: 3px;
    margin: 3px 0px; }
  .dn-view-cart-details-container .dn-checkout-c-total {
    padding: 3px;
    margin: 3px 0px; }
  .dn-view-cart-details-container .dn-checkout-c-price-field > span {
    width: 130px;
    padding-left: 70px;
    text-align: right; }
  .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-coupons-gc {
    width: 330px; }
    .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-coupons-gc .dn-checkout-coupons-gc-row {
      padding-top: 5px;
      padding-bottom: 5px; }
  .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-coupons-gc .dn-checkout-add-gc-form input[type='text'] {
    width: 130px; }
  .dn-view-cart-details-container .dn-checkout-footer {
    padding: 30px;
    padding-right: 0px; }
  .dn-view-cart-details-container .dn-checkout-footer-row {
    padding-top: 5px;
    text-align: right; }
  .dn-view-cart-details-container .dn-checkout-footer-row > div {
    display: inline-block; }
  .dn-view-cart-details-container .dn-checkout-shipping-notice > div {
    padding-top: 5px; }
  .dn-view-cart-details-container .dn-footer-note {
    text-align: center;
    display: block;
    width: 100%; }
  .dn-view-cart-details-container .dn-footer-label {
    display: inline-block;
    padding-right: 7px; }
  .dn-view-cart-details-container .dn-footer-afterpay img {
    width: 100px;
    vertical-align: middle; }
  .dn-view-cart-details-container .dn-footer-afterpay a {
    text-decoration: none; }
  .dn-view-cart-details-container .dn-after-cart-note {
    padding: 5px;
    padding-right: 0px;
    font-size: 0.9em;
    text-align: right;
    color: gray; }
  .dn-view-cart-details-container .dn-checkout-footer-row.dn-total .dn-checkout-c-total {
    border-top: none;
    font-size: 1.3em;
    font-weight: bold; }
  .dn-view-cart-details-container .dn-checkout-footer-row .dn-checkout-c-price {
    width: 50px;
    text-align: right;
    padding-right: 5px; }
  .dn-view-cart-details-container .dn-checkout-footer-row .dn-checkout-c-tax-plus {
    width: 10px;
    text-align: center;
    display: inline-block; }
  .dn-view-cart-details-container .dn-checkout-footer-row .dn-checkout-c-tax {
    width: 50px;
    text-align: right;
    padding-right: 5px; }
  .dn-view-cart-details-container .dn-checkout-footer-row .dn-checkout-c-equal {
    width: 10px;
    text-align: center;
    display: inline-block; }
  .dn-view-cart-details-container .dn-checkout-footer-row .dn-checkout-c-total {
    width: 70px;
    text-align: right;
    padding-right: 0px; }
  .dn-view-cart-details-container .dn-cart-free-shipping-methods {
    border: 1px solid rgba(230, 230, 230, 0.89);
    background-color: rgba(250, 250, 250, 0.89);
    border-width: 1px 0 1px 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 0 10px 0; }
    .dn-view-cart-details-container .dn-cart-free-shipping-methods .dn-cart-free-shipping {
      font-size: 1.2em;
      text-align: center; }
  .dn-view-cart-details-container .dn-cart-checkout-options-container {
    margin-top: 15px;
    margin-bottom: 10px;
    overflow: auto; }
    .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options {
      width: 100%;
      text-align: center; }
      .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-express-checkout {
        display: inline-block;
        padding-top: 4px;
        margin-right: 20px;
        vertical-align: middle; }
      .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-btn {
        width: 200px;
        vertical-align: top; }
      .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping {
        margin-bottom: 30px; }
        .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping .dn-cart-checkout-continue-shopping-or {
          margin: 5px; }
          .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping .dn-cart-checkout-continue-shopping-or div {
            display: inline-block;
            vertical-align: middle;
            padding: 5px; }
          .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping .dn-cart-checkout-continue-shopping-or .dn-cart-checkout-continue-shopping-or-before, .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping .dn-cart-checkout-continue-shopping-or .dn-cart-checkout-continue-shopping-or-after {
            width: 40px; }
            .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping .dn-cart-checkout-continue-shopping-or .dn-cart-checkout-continue-shopping-or-before hr, .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping .dn-cart-checkout-continue-shopping-or .dn-cart-checkout-continue-shopping-or-after hr {
              border-width: 0px;
              border-top: 1px solid rgba(230, 230, 230, 0.89); }
  .dn-view-cart-details-container .dn-cart-checkout-options-container.dn-cart-checkout-with-express-checkout .dn-cart-checkout-options {
    /* width: 400px; */ }
    .dn-view-cart-details-container .dn-cart-checkout-options-container.dn-cart-checkout-with-express-checkout .dn-cart-checkout-options .dn-btn {
      /* width: 145px; */ }

table.dn-popup-teamname-table td, table.dn-popup-teamname-table th {
  padding: 10px 5px 10px 10px;
  border-top: 1px solid #e6e6e6; }

table.dn-popup-teamname-table th {
  background-color: #fafafa;
  font-weight: bold;
  text-align: left; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header {
  display: block; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header > div,
.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-row > div {
  display: inline-block;
  vertical-align: middle; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header > div {
  padding: 3px;
  text-align: center; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header .dn-checkout-c-product,
.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header .dn-checkout-c-options {
  text-align: left; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header {
  border-bottom: 1px solid rgba(230, 230, 230, 0.89);
  margin-bottom: 3px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-row .dn-checkout-c-row-details > div {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-rows {
  margin-bottom: 5px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-rows .dn-checkout-row label {
  display: none; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail {
  width: 75px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail-medium .dn-checkout-c-product-thumbnail {
  width: 125px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail-large .dn-checkout-c-product-thumbnail {
  width: 150px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-row-details {
  margin-left: -75px;
  padding-left: 80px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail-medium .dn-checkout-c-row-details {
  margin-left: -125px;
  padding-left: 130px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail-large .dn-checkout-c-row-details {
  margin-left: -150px;
  padding-left: 155px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-product {
  width: 100%;
  margin-right: -380px;
  padding-right: 380px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header .dn-checkout-c-product {
  margin-left: 0px;
  padding-left: 0px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table.dn-checkout-with-taxes-against-items .dn-checkout-c-product {
  margin-right: -460px;
  padding-right: 460px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-options {
  width: 150px;
  display: inline-block;
  overflow: hidden;
  word-break: break-word; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-qty {
  width: 70px;
  text-align: center;
  position: relative; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-qty input[type="text"] {
  width: 100%;
  box-sizing: border-box; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-bundle-notice {
  position: absolute;
  z-index: 10;
  background-color: #fff;
  border: 1px solid #000;
  padding: 2px;
  white-space: nowrap; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-times {
  width: 10px;
  text-align: center;
  display: inline-block; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-price {
  width: 70px;
  text-align: right;
  padding-right: 5px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-tax-plus {
  width: 10px;
  text-align: center;
  display: inline-block; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-tax {
  width: 70px;
  text-align: right;
  padding-right: 5px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-equal {
  width: 10px;
  text-align: center;
  display: inline-block; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-total {
  width: 70px;
  text-align: right;
  padding-right: 5px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-summary {
  width: 100%; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-cart-body.dn-checkout-cart-as-quote .dn-checkout-c-options {
  width: 330px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-cart-body.dn-checkout-cart-as-quote .dn-checkout-c-qty {
  width: 50px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail img {
  width: 75px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail-medium .dn-checkout-c-product-thumbnail img {
  width: 125px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail-large .dn-checkout-c-product-thumbnail img {
  width: 150px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-rows .dn-checkout-row .dn-checkout-c-options .dn-checkout-c-lv > label {
  display: inline-block;
  width: auto;
  word-break: break-word;
  overflow-wrap: break-word; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-lv > span {
  display: inline-block;
  width: auto;
  margin-left: 0px;
  padding-left: 0px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart-body .dn-checkout-cart-summary-col1 {
  display: inline-block;
  width: 50%;
  vertical-align: top; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart-body .dn-checkout-cart-summary-col2 {
  display: inline-block;
  width: 50%;
  vertical-align: top; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-footer {
  padding: 0px;
  padding-bottom: 10px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-shipping-notice .dn-checkout-c-total {
  border-top: none; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-footer-note {
  display: inline-block;
  float: left;
  width: auto;
  padding-left: 50px; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-cart-checkout-options-container .dn-cart-checkout-options {
  text-align: right; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart-summary-col1 .dn-cart-checkout-options-container .dn-cart-checkout-options {
  text-align: left; }

.dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-submit .dn-cart-checkout-options-container .dn-cart-checkout-options {
  text-align: center; }

.dn-view-cart-details-container[data-breakpoint-900='true'] .dn-checkout-cart .dn-checkout-cart-body.dn-checkout-cart-body-2-col .dn-checkout-cart-detail-col1 {
  display: inline-block;
  width: 70%;
  vertical-align: top; }

.dn-view-cart-details-container[data-breakpoint-900='true'] .dn-checkout-cart .dn-checkout-cart-body.dn-checkout-cart-body-2-col .dn-checkout-cart-detail-col2 {
  display: inline-block;
  width: 30%;
  vertical-align: top; }

.dn-view-cart-details-container[data-breakpoint-900='true'] .dn-checkout-cart .dn-checkout-cart-body.dn-checkout-cart-body-2-col .dn-checkout-shipping-notice .dn-checkout-c-total {
  border-top: none; }

.dn-cp-price-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  border-radius: 50%;
  background: deeppink;
  color: white;
  font-size: 10px;
  font-weight: bold;
  font-family: "Inter", "helvetica", sans-serif;
  cursor: pointer;
  line-height: 1;
  vertical-align: middle;
  user-select: none;
  transition: background 0.15s; }
  .dn-cp-price-trigger:hover {
    background: #e60f84; }

.dn-cp-pricing-popup {
  display: none;
  position: absolute;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.89);
  border: 1px solid rgba(153, 153, 153, 0.89);
  border-radius: 4px;
  box-shadow: 0px 0px 15px 2px rgba(204, 204, 204, 0.89);
  min-width: 300px;
  font-family: "Inter", "helvetica", sans-serif;
  font-size: 16px;
  color: #333333;
  overflow: hidden; }
  .dn-cp-pricing-popup.open {
    display: block; }
  .dn-cp-pricing-popup .dn-cp-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto; }
    .dn-cp-pricing-popup .dn-cp-table th,
    .dn-cp-pricing-popup .dn-cp-table td {
      padding: 5px 10px;
      white-space: nowrap;
      border-bottom: 1px solid rgba(230, 230, 230, 0.89);
      line-height: 1.4; }
    .dn-cp-pricing-popup .dn-cp-table thead tr {
      background: rgba(250, 250, 250, 0.89); }
    .dn-cp-pricing-popup .dn-cp-table thead th {
      font-weight: bold;
      font-size: 16px;
      color: gray;
      text-align: right;
      border-bottom: 2px solid rgba(204, 204, 204, 0.89); }
      .dn-cp-pricing-popup .dn-cp-table thead th.dn-cp-label-th {
        text-align: left; }
    .dn-cp-pricing-popup .dn-cp-table tbody tr:nth-child(even) {
      background: rgba(250, 250, 250, 0.89); }
    .dn-cp-pricing-popup .dn-cp-table tbody tr:nth-child(odd) {
      background: rgba(255, 255, 255, 0.89); }
    .dn-cp-pricing-popup .dn-cp-table tfoot tr {
      background: rgba(250, 250, 250, 0.89); }
    .dn-cp-pricing-popup .dn-cp-table tfoot td {
      border-top: 2px solid rgba(204, 204, 204, 0.89);
      border-bottom: none;
      font-weight: bold; }
    .dn-cp-pricing-popup .dn-cp-table tfoot tr.dn-cp-avg td,
    .dn-cp-pricing-popup .dn-cp-table tfoot tr.dn-cp-rounded td {
      font-weight: normal;
      background: rgba(255, 255, 255, 0.89);
      border-top: 1px solid rgba(230, 230, 230, 0.89); }
    .dn-cp-pricing-popup .dn-cp-table tfoot tr.dn-cp-footer-row td {
      background: rgba(250, 250, 250, 0.89);
      border-top: 1px solid rgba(230, 230, 230, 0.89);
      text-align: right;
      font-weight: normal;
      padding: 6px 10px; }
  .dn-cp-pricing-popup .dn-cp-label {
    text-align: left !important;
    font-weight: normal; }
  .dn-cp-pricing-popup .dn-cp-val {
    text-align: right;
    font-variant-numeric: tabular-nums; }
  .dn-cp-pricing-popup .dn-cp-okay-btn {
    display: inline-block;
    padding: 4px 18px;
    background: deeppink;
    color: white;
    border: 0px solid black;
    border-radius: 4px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 0.04em;
    transition: background 0.15s; }
    .dn-cp-pricing-popup .dn-cp-okay-btn:hover {
      background: #e60f84;
      color: white; }

.dn-nav-dropdown-background-container {
  opacity: 0.0;
  background-color: white;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0s 0.2s; }

body.dn-showing-dropdown-nav .dn-nav-dropdown-background-container {
  opacity: 0.5;
  visibility: visible;
  transition: opacity 0.2s, visibility 0s; }

header .dn-small-header .dn-menu-icon .dn-dropdown-anchor, header .dn-small-header-always .dn-menu-icon .dn-dropdown-anchor {
  max-width: 1px;
  text-decoration: underline;
  background-attachment: fixed;
  display: none; }

.dn-nav-dropdown-container {
  position: fixed;
  max-width: 0px;
  transition: max-width 0.2s;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow-y: auto;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.93); }
  .dn-nav-dropdown-container > nav {
    border-left: 2px solid rgba(0, 0, 0, 0.17);
    height: 100%;
    padding: 10px;
    min-width: 200px; }
    .dn-nav-dropdown-container > nav .dn-dropdown-anchor {
      max-width: 1px;
      text-decoration: underline;
      background-attachment: fixed;
      display: none; }
    .dn-nav-dropdown-container > nav .dn-nav-close {
      position: relative;
      cursor: pointer;
      height: 37px;
      border-bottom: 1px solid rgba(51, 51, 51, 0.93);
      margin-bottom: 10px; }
      .dn-nav-dropdown-container > nav .dn-nav-close span {
        display: none; }
    .dn-nav-dropdown-container > nav .dn-nav-close:after {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "m";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal;
      font-size: 25px;
      width: 25px;
      position: absolute;
      right: 10px;
      top: 5px;
      color: white; }
    .dn-nav-dropdown-container > nav .dn-nav-back {
      position: relative;
      cursor: pointer;
      height: 37px;
      padding-right: 45px;
      padding-top: 5px;
      border-bottom: 1px solid rgba(51, 51, 51, 0.93);
      margin-bottom: 10px; }
      .dn-nav-dropdown-container > nav .dn-nav-back span {
        font-size: 1.2em;
        line-height: 1.5em;
        color: white; }
    .dn-nav-dropdown-container > nav .dn-nav-back:after {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "B";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal;
      font-size: 25px;
      width: 25px;
      position: absolute;
      right: 10px;
      top: 5px;
      color: white; }
    .dn-nav-dropdown-container > nav .dn-nav-item a, .dn-nav-dropdown-container > nav .dn-nav-item .dn-currency-selector {
      font-size: 1.2em;
      line-height: 1.5em; }
    .dn-nav-dropdown-container > nav .dn-nav-item.dn-nav-separator {
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 0px;
      border-bottom: 1px solid rgba(51, 51, 51, 0.93); }
      .dn-nav-dropdown-container > nav .dn-nav-item.dn-nav-separator hr {
        display: none; }

.dn-admin-logged-in .dn-nav-dropdown-container {
  padding-top: 50px; }

.dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small nav.dn-nav-with-submenus .dn-nav-item {
  padding-right: 20px; }
  .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small nav.dn-nav-with-submenus .dn-nav-item.dn-nav-item.dn-nav-separator {
    padding-right: 0px; }

.dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu {
  position: relative; }
  .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu a {
    position: relative;
    display: inline-block;
    z-index: 2;
    width: auto; }
  .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu div.dn-nav-submenu-link {
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%; }
    .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu div.dn-nav-submenu-link .dn-dropdown-anchor {
      position: absolute;
      right: 0px;
      top: 0px;
      bottom: 0px;
      width: 0px;
      text-align: left;
      vertical-align: top;
      max-height: 1px; }
    .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu div.dn-nav-submenu-link a {
      display: none; }

.dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu:after {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "h";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: text-top;
  width: 16px;
  position: absolute;
  right: 2px;
  top: 4px;
  font-size: 1.2em;
  color: white; }

.dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu:before {
  display: none; }

/* override colors for small nav */
.dn-nav-dropdown-container > nav.dn-nav-dropdown {
  color: white; }
  .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item a, .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item span, .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item p {
    color: white; }
  .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item a:hover {
    background-color: rgba(51, 51, 51, 0.93); }

header .dn-small-header, header .dn-small-header-always {
  position: relative;
  line-height: 0px; }
  header .dn-small-header .dn-menu-icon, header .dn-small-header-always .dn-menu-icon {
    display: inline-block;
    vertical-align: text-bottom;
    height: 33px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px; }
  header .dn-small-header .dn-menu-icon:hover, header .dn-small-header-always .dn-menu-icon:hover {
    background-color: black;
    color: white; }
  header .dn-small-header .dn-menu-icon:before, header .dn-small-header-always .dn-menu-icon:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "D";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    font-size: 31px; }
  header .dn-small-header .dn-small-logo-container, header .dn-small-header-always .dn-small-logo-container {
    margin-left: 3px;
    display: inline-block;
    vertical-align: text-bottom;
    padding: 0px 0px 0px 0px; }
    header .dn-small-header .dn-small-logo-container h1.dn-logo,
    header .dn-small-header .dn-small-logo-container .dn-site-heading.dn-logo, header .dn-small-header-always .dn-small-logo-container h1.dn-logo,
    header .dn-small-header-always .dn-small-logo-container .dn-site-heading.dn-logo {
      font-size: 0px;
      line-height: 0px;
      margin-bottom: 0px; }
      header .dn-small-header .dn-small-logo-container h1.dn-logo.dn-logo-svg,
      header .dn-small-header .dn-small-logo-container .dn-site-heading.dn-logo.dn-logo-svg, header .dn-small-header-always .dn-small-logo-container h1.dn-logo.dn-logo-svg,
      header .dn-small-header-always .dn-small-logo-container .dn-site-heading.dn-logo.dn-logo-svg {
        min-width: 100px; }
  header .dn-small-header .dn-nav-search,
  header .dn-small-header .dn-nav-phone, header .dn-small-header-always .dn-nav-search,
  header .dn-small-header-always .dn-nav-phone {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 45px; }
  header .dn-small-header .dn-nav-phone, header .dn-small-header-always .dn-nav-phone {
    right: 72px; }
  header .dn-small-header .dn-phone-icon, header .dn-small-header-always .dn-phone-icon {
    vertical-align: middle;
    line-height: 0em;
    cursor: pointer; }
  header .dn-small-header .dn-phone-icon:before, header .dn-small-header-always .dn-phone-icon:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ";";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    font-size: 23px; }
  header .dn-small-header .dn-search-icon:before, header .dn-small-header-always .dn-search-icon:before {
    font-size: 20px; }

@media only screen and (min-width: 768px) {
  header .dn-small-header {
    display: none; } }

@media only screen and (max-width: 767px) {
  header .dn-large-header {
    display: none; } }

body.dn-inline-header header .dn-small-header, body.dn-inline-header header .dn-small-header-always {
  background-color: black; }
  body.dn-inline-header header .dn-small-header .dn-small-logo-container h1.dn-text-logo,
  body.dn-inline-header header .dn-small-header .dn-small-logo-container div.dn-site-heading.dn-text-logo, body.dn-inline-header header .dn-small-header-always .dn-small-logo-container h1.dn-text-logo,
  body.dn-inline-header header .dn-small-header-always .dn-small-logo-container div.dn-site-heading.dn-text-logo {
    margin-bottom: 0px; }

body.dn-inline-header header .dn-small-header-fixed-container {
  background-color: black; }

body.dn-floating-header header .dn-small-header .dn-small-logo-container h1.dn-text-logo,
body.dn-floating-header header .dn-small-header .dn-small-logo-container div.dn-site-heading.dn-text-logo, body.dn-floating-header header .dn-small-header-always .dn-small-logo-container h1.dn-text-logo,
body.dn-floating-header header .dn-small-header-always .dn-small-logo-container div.dn-site-heading.dn-text-logo {
  margin-bottom: 0px; }

body.dn-floating-header.dn-alt-color-scheme header .dn-small-header .dn-small-logo-container h1.dn-text-logo,
body.dn-floating-header.dn-alt-color-scheme header .dn-small-header .dn-small-logo-container div.dn-site-heading.dn-text-logo, body.dn-floating-header.dn-alt-color-scheme header .dn-small-header-always .dn-small-logo-container h1.dn-text-logo,
body.dn-floating-header.dn-alt-color-scheme header .dn-small-header-always .dn-small-logo-container div.dn-site-heading.dn-text-logo {
  color: #ffffff;
  margin-bottom: 0px; }

.dn-search-icon {
  vertical-align: middle;
  cursor: pointer; }

.dn-search-icon:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "o";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

body.dn-inline-header .dn-large-header-container .dn-search-icon {
  font-size: 17px;
  line-height: 0em; }

body.dn-floating-header .dn-large-header-container .dn-search-icon {
  font-size: 16px;
  line-height: 0em; }

.dn-inline-popup.dn-search-page-top {
  position: fixed;
  width: 100%;
  height: 60px;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.89);
  padding: 10px 10px;
  overflow: hidden;
  box-shadow: 0px 0px 6px 1px rgba(153, 153, 153, 0.89); }
  .dn-inline-popup.dn-search-page-top .dn-search-field-container {
    width: 100%;
    margin-right: -140px;
    padding-right: 140px;
    display: inline-block;
    vertical-align: middle; }
    .dn-inline-popup.dn-search-page-top .dn-search-field-container .dn-search-field {
      width: 100%;
      height: 40px;
      display: inline-block;
      vertical-align: middle;
      font-size: 20px;
      padding-left: 10px;
      padding-right: 10px; }
  .dn-inline-popup.dn-search-page-top .dn-btn {
    display: inline-block;
    width: 100px;
    height: 40px;
    vertical-align: middle; }
  .dn-inline-popup.dn-search-page-top .dn-close {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    text-align: right;
    font-size: 20px;
    margin-top: 0px;
    padding-top: 9px;
    cursor: pointer; }
  .dn-inline-popup.dn-search-page-top .dn-close:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "m";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal; }

header .dn-large-header-container .dn-logo-container h1.dn-text-logo,
header .dn-large-header-container .dn-logo-container div.dn-text-logo.dn-site-heading {
  margin: 0px; }

body.dn-floating-header header {
  position: absolute;
  z-index: 100;
  width: 100%; }

body .dn-cookie-acceptance {
  background: rgba(204, 204, 204, 0.89);
  text-align: center; }

header.dn-header-logo-only .dn-large-header {
  text-align: center; }
  header.dn-header-logo-only .dn-large-header .dn-logo-container {
    width: 400px;
    display: inline-block;
    line-height: initial;
    position: relative;
    text-align: center;
    padding: 0px 0px 0px 0px;
    z-index: 0;
    overflow: hidden; }
    header.dn-header-logo-only .dn-large-header .dn-logo-container .dn-logo-svg {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: auto; }
      header.dn-header-logo-only .dn-large-header .dn-logo-container .dn-logo-svg img {
        width: auto;
        max-width: 100%;
        max-height: 100%; }

header.dn-header-logo-only .dn-small-header {
  text-align: center; }

header .dn-preview-site-message {
  background: rgba(204, 204, 204, 0.89);
  text-align: center; }

header .dn-pos-message-container .dn-pos-message {
  padding: 4px; }
  header .dn-pos-message-container .dn-pos-message p {
    margin-bottom: 0; }

header.dn-lh-2rlcan {
  position: relative; }
  header.dn-lh-2rlcan .dn-large-header {
    display: none;
    line-height: 0px;
    padding-top: 5px; }
    @media only screen and (min-width: 768px) {
      header.dn-lh-2rlcan .dn-large-header {
        display: block; } }
    header.dn-lh-2rlcan .dn-large-header .dn-search-nav-container {
      display: inline-block;
      width: 50%;
      margin-right: -200px;
      padding-right: 200px;
      z-index: 1;
      vertical-align: top; }
      header.dn-lh-2rlcan .dn-large-header .dn-search-nav-container nav.dn-other-nav {
        display: inline-block;
        vertical-align: middle;
        text-align: left; }
    header.dn-lh-2rlcan .dn-large-header .dn-logo-container {
      width: 400px;
      display: inline-block;
      line-height: initial;
      position: relative;
      text-align: center;
      padding: 0px 0px 0px 0px;
      z-index: 0;
      overflow: hidden; }
      header.dn-lh-2rlcan .dn-large-header .dn-logo-container .dn-logo {
        font-size: 0px;
        line-height: 0px; }
        header.dn-lh-2rlcan .dn-large-header .dn-logo-container .dn-logo.dn-logo-svg img {
          width: 100%;
          height: 100%; }
    header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container {
      display: inline-block;
      width: 50%;
      margin-left: -200px;
      padding-left: 200px;
      z-index: 1;
      vertical-align: top; }
  header.dn-lh-2rlcan .dn-nav-main-container {
    display: none; }
    @media only screen and (min-width: 768px) {
      header.dn-lh-2rlcan .dn-nav-main-container {
        clear: both;
        display: block; } }
body.dn-inline-header header.dn-lh-2rlcan nav.dn-nav-main {
  background-color: white; }

body.dn-inline-header header.dn-lh-2rlcan .dn-large-header {
  background-color: black; }
  body.dn-inline-header header.dn-lh-2rlcan .dn-large-header .dn-search-nav-container nav.dn-other-nav {
    color: #111111; }
  body.dn-inline-header header.dn-lh-2rlcan .dn-large-header .dn-logo-container {
    color: #111111; }

body.dn-floating-header header.dn-lh-2rlcan {
  position: absolute;
  z-index: 100;
  width: 100%; }
  body.dn-floating-header header.dn-lh-2rlcan .dn-large-header .dn-search-nav-container nav.dn-other-nav {
    color: #000000; }
  body.dn-floating-header header.dn-lh-2rlcan .dn-large-header .dn-logo-container {
    color: #000000; }

body.dn-floating-header.dn-alt-color-scheme header.dn-lh-2rlcan .dn-large-header .dn-search-nav-container .dn-phone-number span {
  color: #ffffff; }

body.dn-floating-header.dn-alt-color-scheme header.dn-lh-2rlcan .dn-large-header .dn-search-nav-container nav.dn-other-nav {
  color: #ffffff; }

body.dn-floating-header.dn-alt-color-scheme header.dn-lh-2rlcan .dn-large-header .dn-logo-container {
  color: #ffffff; }
  body.dn-floating-header.dn-alt-color-scheme header.dn-lh-2rlcan .dn-large-header .dn-logo-container h1.dn-text-logo,
  body.dn-floating-header.dn-alt-color-scheme header.dn-lh-2rlcan .dn-large-header .dn-logo-container div.dn-text-logo.dn-site-heading {
    color: #ffffff; }

nav.dn-other-nav {
  text-align: right;
  line-height: 0px; }
  nav.dn-other-nav > div {
    display: inline-block;
    margin-left: 10px;
    padding: 5px;
    vertical-align: middle; }
    nav.dn-other-nav > div:first-of-type {
      margin-left: 0px; }
    nav.dn-other-nav > div a:hover {
      text-decoration: underline; }

body.dn-floating-header.dn-alt-color-scheme header nav.dn-other-nav,
body.dn-floating-header.dn-alt-color-scheme header nav.dn-other-nav > div a {
  color: #ffffff; }

.dn-shopping-cart-icon-push-right-container, .dn-shopping-cart-icon-over-right-container, .dn-shopping-cart-icon-link-container, .dn-shopping-cart-icon-dropdown-container {
  vertical-align: middle;
  margin-right: 5px;
  cursor: pointer;
  position: relative; }
  .dn-shopping-cart-icon-push-right-container:before, .dn-shopping-cart-icon-over-right-container:before, .dn-shopping-cart-icon-link-container:before, .dn-shopping-cart-icon-dropdown-container:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "l";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-shopping-cart-icon-push-right-container span, .dn-shopping-cart-icon-over-right-container span, .dn-shopping-cart-icon-link-container span, .dn-shopping-cart-icon-dropdown-container span {
    position: absolute;
    right: -3px;
    bottom: 0.5em;
    display: inline-block;
    padding: 1px;
    font-size: 0.5em;
    line-height: 0.9em;
    background-color: rgba(255, 255, 255, 0.89);
    color: #333333;
    border: 1px solid #333333;
    border-radius: 50%;
    text-align: center;
    min-width: 13px; }
    .dn-shopping-cart-icon-push-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-over-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-link-container span[data-cart-items='0'], .dn-shopping-cart-icon-dropdown-container span[data-cart-items='0'] {
      display: none; }

body.dn-inline-header .dn-large-header-container .dn-shopping-cart-icon-dropdown-container {
  font-size: 17px;
  line-height: 0em; }

body.dn-floating-header .dn-large-header-container .dn-shopping-cart-icon-dropdown-container {
  font-size: 16px;
  line-height: 0em; }

.dn-shopping-cart-icon-dropdown-popup {
  margin-top: 10px;
  border: 1px solid #333333;
  background-color: rgba(255, 255, 255, 0.89);
  border-radius: 2px;
  padding: 5px; }

.dn-shopping-cart-icon-push-right-container, .dn-shopping-cart-icon-over-right-container, .dn-shopping-cart-icon-link-container, .dn-shopping-cart-icon-dropdown-container {
  vertical-align: middle;
  margin-right: 5px;
  cursor: pointer;
  position: relative; }
  .dn-shopping-cart-icon-push-right-container:before, .dn-shopping-cart-icon-over-right-container:before, .dn-shopping-cart-icon-link-container:before, .dn-shopping-cart-icon-dropdown-container:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "l";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-shopping-cart-icon-push-right-container span, .dn-shopping-cart-icon-over-right-container span, .dn-shopping-cart-icon-link-container span, .dn-shopping-cart-icon-dropdown-container span {
    position: absolute;
    right: -3px;
    bottom: 0.5em;
    display: inline-block;
    padding: 1px;
    font-size: 0.5em;
    line-height: 0.9em;
    background-color: rgba(255, 255, 255, 0.89);
    color: #333333;
    border: 1px solid #333333;
    border-radius: 50%;
    text-align: center;
    min-width: 13px; }
    .dn-shopping-cart-icon-push-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-over-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-link-container span[data-cart-items='0'], .dn-shopping-cart-icon-dropdown-container span[data-cart-items='0'] {
      display: none; }

body.dn-inline-header .dn-large-header-container .dn-shopping-cart-icon-link-container {
  font-size: 17px;
  line-height: 0em; }

body.dn-floating-header .dn-large-header-container .dn-shopping-cart-icon-link-container {
  font-size: 16px;
  line-height: 0em; }

.dn-shopping-cart-icon-push-right-container, .dn-shopping-cart-icon-over-right-container, .dn-shopping-cart-icon-dropdown-container, .dn-shopping-cart-icon-link-container {
  vertical-align: middle;
  margin-right: 5px;
  cursor: pointer;
  position: relative; }
  .dn-shopping-cart-icon-push-right-container:before, .dn-shopping-cart-icon-over-right-container:before, .dn-shopping-cart-icon-dropdown-container:before, .dn-shopping-cart-icon-link-container:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "l";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-shopping-cart-icon-push-right-container span, .dn-shopping-cart-icon-over-right-container span, .dn-shopping-cart-icon-dropdown-container span, .dn-shopping-cart-icon-link-container span {
    position: absolute;
    right: -3px;
    bottom: 0.5em;
    display: inline-block;
    padding: 1px;
    font-size: 0.5em;
    line-height: 0.9em;
    background-color: rgba(255, 255, 255, 0.89);
    color: #333333;
    border: 1px solid #333333;
    border-radius: 50%;
    text-align: center;
    min-width: 13px; }
    .dn-shopping-cart-icon-push-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-over-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-dropdown-container span[data-cart-items='0'], .dn-shopping-cart-icon-link-container span[data-cart-items='0'] {
      display: none; }

body.dn-inline-header .dn-large-header-container .dn-shopping-cart-icon-over-right-container {
  font-size: 17px;
  line-height: 0em; }

body.dn-floating-header .dn-large-header-container .dn-shopping-cart-icon-over-right-container {
  font-size: 16px;
  line-height: 0em; }

.dn-inline-popup.dn-shopping-cart-icon-over-right-popup {
  position: fixed;
  width: 300px;
  /*overflow: hidden;*/
  height: 100%;
  right: -300px;
  top: 0px;
  background-color: rgba(255, 255, 255, 0.89);
  transition: right 0.4s;
  display: block; }

.dn-inline-popup.dn-shopping-cart-icon-over-right-popup.dn-alt {
  right: 0px; }

.dn-shopping-cart-icon-over-right-popup {
  border-left: 2px solid #333333; }

.dn-shopping-cart-icon-over-right-popup > div {
  padding: 20px;
  height: 100%; }

.dn-inline-popup-background.dn-cart-over-right {
  background-color: rgba(255, 255, 255, 0.89);
  opacity: 0.0;
  transition: opacity 0.4s; }

.dn-inline-popup-background.dn-cart-over-right.dn-alt {
  opacity: 0.3; }

.dn-shopping-cart-icon-push-right-container, .dn-shopping-cart-icon-dropdown-container, .dn-shopping-cart-icon-link-container, .dn-shopping-cart-icon-over-right-container {
  vertical-align: middle;
  margin-right: 5px;
  cursor: pointer;
  position: relative; }
  .dn-shopping-cart-icon-push-right-container:before, .dn-shopping-cart-icon-dropdown-container:before, .dn-shopping-cart-icon-link-container:before, .dn-shopping-cart-icon-over-right-container:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "l";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal; }
  .dn-shopping-cart-icon-push-right-container span, .dn-shopping-cart-icon-dropdown-container span, .dn-shopping-cart-icon-link-container span, .dn-shopping-cart-icon-over-right-container span {
    position: absolute;
    right: -3px;
    bottom: 0.5em;
    display: inline-block;
    padding: 1px;
    font-size: 0.5em;
    line-height: 0.9em;
    background-color: rgba(255, 255, 255, 0.89);
    color: #333333;
    border: 1px solid #333333;
    border-radius: 50%;
    text-align: center;
    min-width: 13px; }
    .dn-shopping-cart-icon-push-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-dropdown-container span[data-cart-items='0'], .dn-shopping-cart-icon-link-container span[data-cart-items='0'], .dn-shopping-cart-icon-over-right-container span[data-cart-items='0'] {
      display: none; }

body.dn-inline-header .dn-large-header-container .dn-shopping-cart-icon-push-right-container {
  font-size: 17px;
  line-height: 0em; }

body.dn-floating-header .dn-large-header-container .dn-shopping-cart-icon-push-right-container {
  font-size: 16px;
  line-height: 0em; }

.dn-inline-popup.dn-shopping-cart-icon-push-right-popup {
  position: fixed;
  width: 300px;
  overflow: hidden;
  height: 100%;
  right: -300px;
  top: 0px;
  background-color: rgba(255, 255, 255, 0.89);
  transition: right 0.4s;
  display: block; }

.dn-inline-popup.dn-shopping-cart-icon-push-right-popup.dn-alt {
  right: 0px; }

.dn-shopping-cart-icon-push-right-popup > div {
  border-left: 2px solid #333333;
  padding: 20px;
  height: 100%; }

body {
  transition: margin-left 0.4s; }

body.dn-cart-pushed-right {
  margin-left: -300px; }

.dn-inline-popup-background.dn-cart-pushed-right {
  background-color: rgba(255, 255, 255, 0.89);
  opacity: 0.0;
  transition: opacity 0.4s; }

.dn-inline-popup-background.dn-cart-pushed-right.dn-alt {
  opacity: 0.3; }

.dn-account-icon {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  font-size: 20px;
  cursor: pointer; }

.dn-account-icon:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "&";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

.dn-inline-popup.dn-account-options-popup {
  max-height: 0px;
  display: block;
  width: 250px;
  overflow: hidden;
  margin-top: 2px;
  margin-left: -2px;
  transition: max-height 0.3s; }
  .dn-inline-popup.dn-account-options-popup > div {
    border: 1px solid rgba(153, 153, 153, 0.89);
    background-color: rgba(255, 255, 255, 0.89);
    padding: 10px; }
    .dn-inline-popup.dn-account-options-popup > div .dn-btn {
      width: 46%;
      margin: 2%; }

.dn-inline-popup.dn-account-options-popup.dn-alt {
  max-height: 100px; }

.dn-search-icon {
  vertical-align: middle;
  cursor: pointer; }

.dn-search-icon:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "o";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

body.dn-inline-header .dn-large-header-container .dn-search-icon {
  font-size: 17px;
  line-height: 0em; }

body.dn-floating-header .dn-large-header-container .dn-search-icon {
  font-size: 16px;
  line-height: 0em; }

.dn-search-dropdown {
  width: 300px;
  border: 1px solid rgba(153, 153, 153, 0.89);
  background-color: rgba(255, 255, 255, 0.89);
  padding: 2px;
  margin-top: 2px;
  margin-left: -2px; }
  .dn-search-dropdown .dn-search-field {
    width: 194px;
    height: 40px;
    display: inline-block;
    vertical-align: middle; }
  .dn-search-dropdown .dn-btn {
    display: inline-block;
    width: 100px;
    height: 40px;
    vertical-align: middle; }

.dn-search-icon {
  vertical-align: middle;
  cursor: pointer; }

.dn-search-icon:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "o";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

body.dn-inline-header .dn-large-header-container .dn-search-icon {
  font-size: 17px;
  line-height: 0em; }

body.dn-floating-header .dn-large-header-container .dn-search-icon {
  font-size: 16px;
  line-height: 0em; }

.dn-inline-popup.dn-search-fullscreen {
  position: fixed;
  top: 50%;
  margin-top: -50px;
  height: 100px;
  width: 100%;
  left: 0px;
  padding: 20px 100px; }
  .dn-inline-popup.dn-search-fullscreen .dn-search-field-container {
    width: 100%;
    margin-right: -140px;
    padding-right: 140px;
    display: inline-block;
    vertical-align: middle; }
    .dn-inline-popup.dn-search-fullscreen .dn-search-field-container .dn-search-field {
      width: 100%;
      height: 60px;
      display: inline-block;
      vertical-align: middle;
      font-size: 20px;
      padding-left: 10px;
      padding-right: 10px; }
  .dn-inline-popup.dn-search-fullscreen .dn-btn {
    display: inline-block;
    width: 100px;
    height: 60px;
    vertical-align: middle; }
  .dn-inline-popup.dn-search-fullscreen .dn-close {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    text-align: right;
    font-size: 20px;
    margin-top: 20px;
    cursor: pointer; }
  .dn-inline-popup.dn-search-fullscreen .dn-close:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "m";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal; }

.dn-search-field {
  margin-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  padding: 5px 0 !important;
  color: black;
  width: 90%;
  text-indent: 5px; }
  .dn-search-field::-webkit-input-placeholder {
    color: #333333; }
  .dn-search-field::-moz-placeholder {
    color: #333333; }
  .dn-search-field:-moz-placeholder {
    color: #333333; }
  .dn-search-field:-ms-input-placeholder {
    color: #333333; }
  .dn-search-field:focus {
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.89) !important;
    outline: none; }

.dn-search-icon {
  vertical-align: middle;
  cursor: pointer; }

.dn-search-icon:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "o";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

body.dn-inline-header .dn-large-header-container .dn-search-icon {
  font-size: 17px;
  line-height: 0em; }

body.dn-floating-header .dn-large-header-container .dn-search-icon {
  font-size: 16px;
  line-height: 0em; }

.dn-inline-popup.dn-search-page-top {
  position: fixed;
  width: 100%;
  height: 60px;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.89);
  padding: 10px 10px;
  overflow: hidden;
  box-shadow: 0px 0px 6px 1px rgba(153, 153, 153, 0.89); }
  .dn-inline-popup.dn-search-page-top .dn-search-field-container {
    width: 100%;
    margin-right: -140px;
    padding-right: 140px;
    display: inline-block;
    vertical-align: middle; }
    .dn-inline-popup.dn-search-page-top .dn-search-field-container .dn-search-field {
      width: 100%;
      height: 40px;
      display: inline-block;
      vertical-align: middle;
      font-size: 20px;
      padding-left: 10px;
      padding-right: 10px; }
  .dn-inline-popup.dn-search-page-top .dn-btn {
    display: inline-block;
    width: 100px;
    height: 40px;
    vertical-align: middle; }
  .dn-inline-popup.dn-search-page-top .dn-close {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    text-align: right;
    font-size: 20px;
    margin-top: 0px;
    padding-top: 9px;
    cursor: pointer; }
  .dn-inline-popup.dn-search-page-top .dn-close:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "m";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal; }

body.dn-fixed-header header .dn-large-header-container .dn-large-header-fixed-container .dn-large-header {
  margin-top: 0px; }

@media only screen and (min-width: 768px) {
  body.dn-small-header-full-page header {
    width: 100%;
    max-width: 100%; }
    body.dn-small-header-full-page header .dn-large-header {
      position: absolute;
      height: 100vh;
      width: 100%;
      margin-top: 0px; }
      body.dn-small-header-full-page header .dn-large-header .dn-logo-container {
        position: absolute;
        bottom: 50vh;
        z-index: 4; }
      body.dn-small-header-full-page header .dn-large-header .dn-other-nav-container {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 4; }
    body.dn-small-header-full-page header .dn-nav-main-container {
      position: absolute;
      z-index: 5;
      top: 50vh;
      width: 100%; }
  body.dn-small-header-full-page main.dn-content {
    margin-top: 0px; }
  body.dn-small-header-full-page .dn-page-section.dn-breadcrumb-section {
    display: none; } }

nav.dn-nav-main {
  margin-bottom: 0;
  list-style: none;
  /*height: $v-main-nav-height;*/
  text-align: center; }
  nav.dn-nav-main .dn-nav-item {
    display: inline-block;
    position: relative;
    line-height: 0px;
    padding: 0 6px; }
    nav.dn-nav-main .dn-nav-item span {
      vertical-align: middle; }
    nav.dn-nav-main .dn-nav-item .dn-nav-item-more > span {
      vertical-align: inherit; }

body.dn-floating-header.dn-alt-color-scheme nav.dn-nav-main {
  color: #ffffff; }
  body.dn-floating-header.dn-alt-color-scheme nav.dn-nav-main a {
    color: #ffffff; }
    body.dn-floating-header.dn-alt-color-scheme nav.dn-nav-main a span {
      color: #ffffff; }

/*move to items so we can render the nav itself incase it has a bg color (less popping)*/
.wf-loading body nav.dn-nav-main > div.dn-nav-item {
  visibility: hidden; }

.dn-nav-main.dn-nav-main-inline {
  white-space: normal; }

.dn-nav-main > div {
  visibility: hidden; }

body.dn-behaviours-bound-critical .dn-nav-main > div {
  visibility: visible; }

nav.dn-nav-main .dn-nav-item-more > span {
  vertical-align: baseline; }

nav.dn-nav-main .dn-nav-item-more > span:after {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "f";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: middle;
  margin-left: 2px;
  width: 16px; }

@media only screen and (min-width: 768px) {
  .dn-nav-dropdown-background-container {
    display: none; }
  nav.dn-nav-main .dn-nav-item .dn-dropdown-anchor {
    display: block;
    text-align: right;
    vertical-align: top;
    height: 0px;
    max-height: 1px; }
  nav.dn-nav-main .dn-nav-item:first-of-type .dn-dropdown-anchor {
    text-align: left; }
  .dn-nav-main-dropdown-container.dn-more-dropdown {
    transition: max-height 0.2s; }
    .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item {
      display: none; }
    .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item.dn-visible-in-more-menu {
      display: block; }
    .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item.dn-nav-with-submenu {
      position: relative; }
      .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item.dn-nav-with-submenu a {
        display: none; }
      .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item.dn-nav-with-submenu div.dn-nav-submenu-link {
        /*position: absolute;*/
        z-index: 1;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%; }
        .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item.dn-nav-with-submenu div.dn-nav-submenu-link a {
          position: relative;
          display: inline-block;
          z-index: 0;
          width: auto; }
        .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item.dn-nav-with-submenu div.dn-nav-submenu-link .dn-dropdown-anchor {
          position: absolute;
          display: block;
          left: 0px;
          top: 0px;
          width: 0px;
          height: 100%;
          text-align: right;
          vertical-align: top;
          max-height: 1px;
          max-width: none;
          text-decoration: none; }
  body.dn-nav-width-page nav.dn-nav-main .dn-nav-item .dn-dropdown-anchor,
  body.dn-nav-width-content nav.dn-nav-main .dn-nav-item .dn-dropdown-anchor {
    text-align: center; }
  body.dn-nav-width-page nav.dn-nav-main .dn-nav-item:first-of-type .dn-dropdown-anchor,
  body.dn-nav-width-content nav.dn-nav-main .dn-nav-item:first-of-type .dn-dropdown-anchor {
    text-align: center; }
  body.dn-nav-width-page nav.dn-nav-main .dn-nav-item.dn-nav-item-more .dn-dropdown-anchor,
  body.dn-nav-width-content nav.dn-nav-main .dn-nav-item.dn-nav-item-more .dn-dropdown-anchor {
    display: block;
    text-align: right; }
  .dn-nav-dropdown-container {
    display: block;
    position: absolute;
    max-width: none;
    right: auto;
    top: 0px;
    bottom: auto;
    max-height: 0px;
    min-width: 200px;
    transition: max-height 0.2s;
    overflow: hidden; }
    .dn-nav-dropdown-container.dn-menu-dropdown-transitioned {
      overflow: visible; }
    .dn-nav-dropdown-container > nav.dn-nav-dropdown {
      background-color: rgba(0, 0, 0, 0.89);
      padding: 10px 0;
      border: 2px solid rgba(255, 255, 255, 0);
      height: auto; }
      .dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item-children .dn-nav-item {
        padding: 0 10px; }
      .dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item {
        padding: 0;
        color: black; }
        .dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item.dn-nav-close {
          display: none; }
        .dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item.dn-nav-back {
          display: none; }
        .dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item a {
          color: black;
          font-size: 1em;
          line-height: 1em; }
    .dn-nav-dropdown-container nav.dn-nav-with-submenus .dn-nav-item {
      padding-left: 20px; }
    .dn-nav-dropdown-container .dn-page-section > div > .dn-page-section-content {
      overflow: hidden; }
  body.dn-fixed-header .dn-nav-dropdown-container {
    position: fixed; }
  .dn-nav-dropdown-container.dn-nav-dropdown-container-large nav.dn-nav-dropdown {
    padding: 0px; }
  .dn-nav-dropdown-container .dn-nav-item .dn-nav-submenu-link:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "g";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: text-top;
    margin-left: -16px;
    width: 16px; }
  .dn-nav-dropdown-container.dn-nav-width-content {
    background-color: transparent; }
  .dn-admin-logged-in .dn-nav-dropdown-container {
    padding-top: 0px; } }

/* override colors for nav */
.dn-nav-dropdown {
  color: black; }
  .dn-nav-dropdown .dn-grid-container .dn-grid-item .dn-grid-item-container {
    border-color: rgba(0, 0, 0, 0.89);
    background-color: rgba(0, 0, 0, 0.89); }
  .dn-nav-dropdown h1, .dn-nav-dropdown h1.dn-styled, .dn-nav-dropdown h1.dn-styled a, .dn-nav-dropdown .dn-widget-heading h1, .dn-nav-dropdown .dn-widget-heading h1 a {
    color: black; }
  .dn-nav-dropdown h2, .dn-nav-dropdown h2.dn-styled, .dn-nav-dropdown h2.dn-styled a, .dn-nav-dropdown .dn-widget-heading h2, .dn-nav-dropdown .dn-widget-heading h2 a {
    color: black; }
  .dn-nav-dropdown h3, .dn-nav-dropdown h3.dn-styled, .dn-nav-dropdown h3.dn-styled a, .dn-nav-dropdown .dn-widget-heading h3, .dn-nav-dropdown .dn-widget-heading h3 a {
    color: black; }
  .dn-nav-dropdown h4, .dn-nav-dropdown h4.dn-styled, .dn-nav-dropdown h4.dn-styled a, .dn-nav-dropdown .dn-widget-heading h4, .dn-nav-dropdown .dn-widget-heading h4 a {
    color: black; }
  .dn-nav-dropdown h5, .dn-nav-dropdown h5.dn-styled, .dn-nav-dropdown h5.dn-styled a, .dn-nav-dropdown .dn-widget-heading h5, .dn-nav-dropdown .dn-widget-heading h5 a {
    color: black; }
  .dn-nav-dropdown a, .dn-nav-dropdown span, .dn-nav-dropdown p {
    color: black; }

nav.dn-nav-main .dn-nav-with-submenu a:after {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "f";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: middle;
  margin-left: 2px;
  margin-top: -0.1em;
  width: 16px; }

.dn-currency-selector {
  cursor: pointer;
  position: relative;
  min-width: 50px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 1.5em; }
  .dn-currency-selector > span {
    display: inline-block;
    vertical-align: middle; }
  .dn-currency-selector #dn_currency_glyph {
    font-weight: bold;
    padding-right: 2px; }
  .dn-currency-selector #dn_currency_code:after {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "f";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: middle;
    position: absolute;
    line-height: inherit; }
  .dn-currency-selector .dn-dropdown-anchor {
    display: block;
    text-align: right;
    vertical-align: top;
    height: 0px;
    max-height: 1px;
    position: absolute;
    right: 15px;
    bottom: -10px; }

.dn-currency-dropdown-container {
  display: none;
  position: fixed;
  max-width: none;
  width: 100%;
  height: 100%;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.93);
  overflow: hidden; }
  .dn-currency-dropdown-container .dn-currency-dropdown-header {
    height: 30px;
    color: black;
    text-align: center;
    font-size: 20px;
    line-height: 30px; }
  .dn-currency-dropdown-container .dn-currency-dropdown {
    height: 100%;
    margin-top: -30px;
    padding-top: 30px;
    margin-bottom: -40px;
    padding-bottom: 40px;
    position: relative;
    background-color: transparent; }
    .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll {
      height: 100%;
      max-height: 100%;
      overflow-y: scroll;
      overflow-x: hidden; }
      .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node {
        padding: 1px 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: pointer;
        color: white; }
        .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node:hover {
          background-color: rgba(51, 51, 51, 0.93);
          color: white; }
        .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node.dn-selected {
          background-color: rgba(51, 51, 51, 0.93);
          color: white; }
  .dn-currency-dropdown-container .dn-popup-footer {
    height: 40px;
    color: black;
    text-align: right;
    padding-right: 20px; }

@media only screen and (min-width: 768px) {
  .dn-currency-dropdown-container {
    background-color: black; }
    .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node {
      color: #111111; }
      .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node:hover {
        background-color: #111111;
        color: black; }
      .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node.dn-selected {
        background-color: #111111;
        color: black; }
  .dn-currency-dropdown-container.dn-inline-popup {
    position: absolute;
    display: block;
    right: auto;
    top: 0px;
    bottom: auto;
    max-height: 0px;
    width: 200px;
    height: auto;
    transition: max-height 0.2s; }
    .dn-currency-dropdown-container.dn-inline-popup .dn-currency-dropdown-header {
      display: none; }
    .dn-currency-dropdown-container.dn-inline-popup .dn-currency-dropdown {
      border: 1px solid #111111;
      margin-top: 0px;
      padding-top: 0px;
      margin-bottom: 0px;
      padding-bottom: 0px; }
      .dn-currency-dropdown-container.dn-inline-popup .dn-currency-dropdown .dn-currency-dropdown-scroll {
        max-height: 298px; }
    .dn-currency-dropdown-container.dn-inline-popup .dn-popup-footer {
      display: none; } }

.dn-floating-header .dn-currency-dropdown-container {
  background-color: rgba(0, 0, 0, 0.93); }
  @media only screen and (min-width: 768px) {
    .dn-floating-header .dn-currency-dropdown-container {
      background-color: rgba(255, 255, 255, 0.89); } }
  .dn-floating-header .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node {
    color: white; }
    .dn-floating-header .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node:hover {
      background-color: rgba(51, 51, 51, 0.93);
      color: white; }
    .dn-floating-header .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node.dn-selected {
      background-color: rgba(51, 51, 51, 0.93);
      color: white; }
  @media only screen and (min-width: 768px) {
    .dn-floating-header .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node {
      color: #000000; }
      .dn-floating-header .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node:hover {
        background-color: #000000;
        color: rgba(255, 255, 255, 0.89); }
      .dn-floating-header .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node.dn-selected {
        background-color: #000000;
        color: rgba(255, 255, 255, 0.89); } }
.dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container {
  background-color: rgba(0, 0, 0, 0.93); }
  @media only screen and (min-width: 768px) {
    .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container {
      background-color: rgba(255, 255, 255, 0.89); } }
  .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node {
    color: white; }
    .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node:hover {
      background-color: rgba(51, 51, 51, 0.93);
      color: white; }
    .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node.dn-selected {
      background-color: rgba(51, 51, 51, 0.93);
      color: white; }
  @media only screen and (min-width: 768px) {
    .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node {
      color: #ffffff; }
      .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node:hover {
        background-color: #ffffff;
        color: rgba(255, 255, 255, 0.89); }
      .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node.dn-selected {
        background-color: #ffffff;
        color: rgba(255, 255, 255, 0.89); } }
@media only screen and (min-width: 768px) {
  .dn-floating-header .dn-currency-dropdown-container.dn-inline-popup .dn-currency-dropdown {
    border: 1px solid #000000; }
  .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container.dn-inline-popup .dn-currency-dropdown {
    border: 1px solid #ffffff; } }

.dn-language-selector {
  cursor: pointer;
  position: relative;
  min-width: 50px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 1.5em; }
  .dn-language-selector > span {
    display: inline-block;
    vertical-align: middle; }
  .dn-language-selector #dn_lang_flag {
    font-size: 1.1em;
    padding-right: 3px; }
  .dn-language-selector #dn_lang_code {
    font-weight: bold;
    padding-right: 2px; }
    .dn-language-selector #dn_lang_code:after {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "f";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal;
      vertical-align: middle;
      position: absolute;
      line-height: inherit; }
  .dn-language-selector .dn-dropdown-anchor {
    display: block;
    text-align: right;
    vertical-align: top;
    height: 0px;
    max-height: 1px;
    position: absolute;
    right: 15px;
    bottom: -10px; }

.dn-language-dropdown-container {
  display: none;
  position: fixed;
  max-width: none;
  width: 100%;
  height: 100%;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.93);
  overflow: hidden; }
  .dn-language-dropdown-container .dn-language-dropdown-header {
    height: 30px;
    color: black;
    text-align: center;
    font-size: 20px;
    line-height: 30px; }
  .dn-language-dropdown-container .dn-language-dropdown {
    height: 100%;
    margin-top: -30px;
    padding-top: 30px;
    margin-bottom: -40px;
    padding-bottom: 40px;
    position: relative;
    background-color: transparent; }
    .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-search-wrap {
      padding: 6px 10px;
      flex-shrink: 0; }
      .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-search-wrap .dn-language-dropdown-search {
        width: 100%;
        box-sizing: border-box;
        padding: 5px 8px;
        font-size: 13px;
        border: 1px solid rgba(77, 77, 77, 0.93);
        background-color: rgba(13, 13, 13, 0.93);
        color: white;
        border-radius: 4px;
        outline: none; }
        .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-search-wrap .dn-language-dropdown-search:focus {
          border-color: rgba(128, 128, 128, 0.93); }
        .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-search-wrap .dn-language-dropdown-search::placeholder {
          color: rgba(102, 102, 102, 0.93); }
    .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll-outer {
      height: 100%;
      position: relative; }
    .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll {
      height: 100%;
      max-height: 100%;
      overflow-y: scroll;
      overflow-x: hidden; }
      .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node {
        padding: 1px 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: pointer;
        color: white;
        display: flex;
        align-items: center;
        gap: 8px; }
        .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node:hover {
          background-color: rgba(51, 51, 51, 0.93);
          color: white; }
        .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node.dn-selected {
          background-color: rgba(51, 51, 51, 0.93);
          color: white; }
        .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node .dn-language-node-flag {
          font-size: 1.1em;
          flex-shrink: 0; }
        .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node .dn-language-node-label {
          flex: 1;
          overflow: hidden;
          text-overflow: ellipsis; }
        .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node .dn-language-node-code {
          font-size: 0.75em;
          font-weight: 600;
          letter-spacing: 0.05em;
          opacity: 0.6;
          flex-shrink: 0; }
  .dn-language-dropdown-container .dn-popup-footer {
    height: 40px;
    color: black;
    text-align: right;
    padding-right: 20px; }

@media only screen and (min-width: 768px) {
  .dn-language-dropdown-container {
    background-color: black; }
    .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node {
      color: #111111; }
      .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node:hover {
        background-color: #111111;
        color: black; }
      .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node.dn-selected {
        background-color: #111111;
        color: black; }
  .dn-language-dropdown-container.dn-inline-popup {
    position: absolute;
    display: block;
    right: auto;
    top: 0px;
    bottom: auto;
    max-height: 0px;
    width: 260px;
    height: auto;
    transition: max-height 0.2s; }
    .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown-header {
      display: none; }
    .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown {
      border: 1px solid #111111;
      margin-top: 0px;
      padding-top: 0px;
      margin-bottom: 0px;
      padding-bottom: 0px; }
      .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown .dn-language-dropdown-search-wrap .dn-language-dropdown-search {
        border-color: #111111;
        background-color: black;
        color: #111111; }
        .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown .dn-language-dropdown-search-wrap .dn-language-dropdown-search::placeholder {
          color: #111111;
          opacity: 0.6; }
      .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown .dn-language-dropdown-scroll {
        max-height: 298px; }
    .dn-language-dropdown-container.dn-inline-popup .dn-popup-footer {
      display: none; } }

.dn-floating-header .dn-language-dropdown-container {
  background-color: rgba(0, 0, 0, 0.93); }
  @media only screen and (min-width: 768px) {
    .dn-floating-header .dn-language-dropdown-container {
      background-color: rgba(255, 255, 255, 0.89); } }
  .dn-floating-header .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node {
    color: white; }
    .dn-floating-header .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node:hover {
      background-color: rgba(51, 51, 51, 0.93);
      color: white; }
    .dn-floating-header .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node.dn-selected {
      background-color: rgba(51, 51, 51, 0.93);
      color: white; }
  @media only screen and (min-width: 768px) {
    .dn-floating-header .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node {
      color: #000000; }
      .dn-floating-header .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node:hover {
        background-color: #000000;
        color: rgba(255, 255, 255, 0.89); }
      .dn-floating-header .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node.dn-selected {
        background-color: #000000;
        color: rgba(255, 255, 255, 0.89); } }
.dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container {
  background-color: rgba(0, 0, 0, 0.93); }
  @media only screen and (min-width: 768px) {
    .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container {
      background-color: rgba(255, 255, 255, 0.89); } }
  .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node {
    color: white; }
    .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node:hover {
      background-color: rgba(51, 51, 51, 0.93);
      color: white; }
    .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node.dn-selected {
      background-color: rgba(51, 51, 51, 0.93);
      color: white; }
  @media only screen and (min-width: 768px) {
    .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node {
      color: #ffffff; }
      .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node:hover {
        background-color: #ffffff;
        color: rgba(255, 255, 255, 0.89); }
      .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node.dn-selected {
        background-color: #ffffff;
        color: rgba(255, 255, 255, 0.89); } }
@media only screen and (min-width: 768px) {
  .dn-floating-header .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown {
    border: 1px solid #000000; }
  .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown {
    border: 1px solid #ffffff; } }

#google_translate_element,
.goog-te-combo,
.goog-te-gadget,
.goog-logo-link,
.skiptranslate {
  display: none !important; }

main.dn-content > div > .dn-page-section,
footer > .dn-page-section {
  width: 100%; }

.dn-page-section {
  position: relative;
  /*overflow: hidden;  I hate this but for some reason when there are 2 nested sections after each other, the negative margin overflow effects the flow... */ }

.dn-page-section:before, .dn-page-section:after {
  content: ' ';
  display: table; }

.dn-page-section-content:before, .dn-page-section-content:after {
  content: ' ';
  display: table; }

.dn-page-section > div > .dn-page-section-content {
  z-index: 1;
  position: relative; }

.dn-page-section > .dn-page-section-content {
  z-index: 1;
  position: relative; }

.dn-page-section.dn-is-empty .dn-page-column {
  min-height: 100px; }

.dn-background-container {
  overflow: hidden; }

.dn-background-container > div {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px; }

.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-column-fixed,
.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column-fixed {
  display: inline-block;
  width: 200px;
  vertical-align: top;
  position: relative;
  z-index: 2; }

.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container,
.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container {
  width: 100%;
  vertical-align: top;
  position: relative;
  z-index: 1; }

.dn-page-column {
  /* background-color: green; */
  position: relative; }
  .dn-page-column .dn-page-column-margin {
    height: 100%; }
  .dn-page-column .dn-page-column-content {
    height: 100%;
    position: relative;
    z-index: 2; }
  .dn-page-column .dn-page-column-content:before, .dn-page-column .dn-page-column-content:after {
    content: ' ';
    display: table; }

.dn-page-column.dn-valign-middle .dn-page-column-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.dn-page-column.dn-valign-bottom .dn-page-column-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end; }

main.dn-content > div.dn-column-container.dn-unconstrained {
  width: 100%;
  max-width: 100%; }

div.dn-widget {
  position: relative; }

.dn-padding-container {
  position: relative;
  line-height: 0px;
  font-size: 0px; }

.dn-page-section.dn-valign-middle > div > .dn-page-section-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.dn-page-section.dn-valign-bottom > div > .dn-page-section-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end; }

.dn-align-container {
  width: 100%; }

.dn-page-columns-container {
  width: 100%; }

/*
The 'responsive' spans
*/
/*
Responsive for mobile
*/
@media only screen and (min-width: 0px) {
  .dn-mobile-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed,
  .dn-mobile-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed {
    width: 100%; }
  .dn-mobile-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container,
  .dn-mobile-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px; }
  .dn-mobile-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed,
  .dn-mobile-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed {
    display: none; }
  .dn-mobile-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container,
  .dn-mobile-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-column-fixed,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column-fixed {
    width: 200px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container {
    margin-left: -200px;
    padding-left: 200px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container {
    margin-right: -200px;
    padding-right: 200px; }
  .dn-mobile-align-left.dn-page-section {
    margin-left: 0px;
    margin-right: auto; }
  .dn-mobile-align-center.dn-page-section {
    margin-left: auto;
    margin-right: auto; }
  .dn-mobile-align-right.dn-page-section {
    margin-left: auto;
    margin-right: 0px; }
  .dn-mobile-none-padded-container {
    margin-left: 0px;
    margin-right: 0px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: 0px;
    margin-top: 0px; }
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 0px;
    padding-top: 0px; }
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: 0px; }
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -4px; }
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -4px; }
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 0px;
    margin-right: 0px;
    padding-top: 0px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: 0px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -4px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -4px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: 0px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -4px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -4px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: 0px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -4px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -4px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: 0px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -4px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -4px; }
  .dn-page-section-margin-top-none {
    margin-top: 0px; }
  .dn-page-section-margin-bottom-none {
    margin-bottom: 0px; }
  .dn-widget-margin-top-none {
    margin-top: 0px; }
  .dn-widget-margin-bottom-none {
    margin-bottom: 0px; }
    .dn-widget-margin-bottom-none > .dnmp-drop-target-bottom {
      bottom: -2px; }
  .dn-mobile-small-padded-container {
    margin-left: -1px;
    margin-right: -1px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -1px;
    margin-top: -1px; }
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 1px;
    padding-top: 1px; }
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -2.5px; }
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -6.5px; }
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -6.5px; }
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 1px;
    margin-right: -1px;
    padding-top: 1px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -2.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -6.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -6.5px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -2.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -6.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -6.5px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -2.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -6.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -6.5px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -2.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -6.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -6.5px; }
  .dn-page-section-margin-top-small {
    margin-top: 1px; }
  .dn-page-section-margin-bottom-small {
    margin-bottom: 1px; }
  .dn-widget-margin-top-small {
    margin-top: 1px; }
  .dn-widget-margin-bottom-small {
    margin-bottom: 1px; }
    .dn-widget-margin-bottom-small > .dnmp-drop-target-bottom {
      bottom: -2.5px; }
  .dn-mobile-medium-padded-container {
    margin-left: -3px;
    margin-right: -3px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -3px;
    margin-top: -3px; }
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 3px;
    padding-top: 3px; }
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -3.5px; }
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -7.5px; }
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -7.5px; }
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 3px;
    margin-right: -3px;
    padding-top: 3px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -3.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -7.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -7.5px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -3.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -7.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -7.5px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -3.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -7.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -7.5px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -3.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -7.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -7.5px; }
  .dn-page-section-margin-top-medium {
    margin-top: 3px; }
  .dn-page-section-margin-bottom-medium {
    margin-bottom: 3px; }
  .dn-widget-margin-top-medium {
    margin-top: 3px; }
  .dn-widget-margin-bottom-medium {
    margin-bottom: 3px; }
    .dn-widget-margin-bottom-medium > .dnmp-drop-target-bottom {
      bottom: -3.5px; }
  .dn-mobile-large-padded-container {
    margin-left: -6px;
    margin-right: -6px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -6px;
    margin-top: -6px; }
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 6px;
    padding-top: 6px; }
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -5px; }
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -9px; }
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -9px; }
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 6px;
    margin-right: -6px;
    padding-top: 6px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -9px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -9px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -9px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -9px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -9px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -9px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -9px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -9px; }
  .dn-page-section-margin-top-large {
    margin-top: 6px; }
  .dn-page-section-margin-bottom-large {
    margin-bottom: 6px; }
  .dn-widget-margin-top-large {
    margin-top: 6px; }
  .dn-widget-margin-bottom-large {
    margin-bottom: 6px; }
    .dn-widget-margin-bottom-large > .dnmp-drop-target-bottom {
      bottom: -5px; }
  .dn-mobile-xlarge-padded-container {
    margin-left: -8px;
    margin-right: -8px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -8px;
    margin-top: -8px; }
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 8px;
    padding-top: 8px; }
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -6px; }
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -10px; }
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -10px; }
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 8px;
    margin-right: -8px;
    padding-top: 8px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -6px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -10px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -10px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -6px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -10px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -10px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -6px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -10px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -10px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -6px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -10px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -10px; }
  .dn-page-section-margin-top-xlarge {
    margin-top: 8px; }
  .dn-page-section-margin-bottom-xlarge {
    margin-bottom: 8px; }
  .dn-widget-margin-top-xlarge {
    margin-top: 8px; }
  .dn-widget-margin-bottom-xlarge {
    margin-bottom: 8px; }
    .dn-widget-margin-bottom-xlarge > .dnmp-drop-target-bottom {
      bottom: -6px; }
  .dn-mobile-default-padded-container {
    margin-left: -3px;
    margin-right: -3px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -3px;
    margin-top: -3px; }
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 3px;
    padding-top: 3px; }
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -3.5px; }
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -7.5px; }
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -7.5px; }
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 3px;
    margin-right: -3px;
    padding-top: 3px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -3.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -7.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -7.5px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -3.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -7.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -7.5px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -3.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -7.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -7.5px; }
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -3.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -7.5px; }
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -7.5px; }
  .dn-page-section-margin-top-default {
    margin-top: 3px; }
  .dn-page-section-margin-bottom-default {
    margin-bottom: 3px; }
  .dn-widget-margin-top-default {
    margin-top: 3px; }
  .dn-widget-margin-bottom-default {
    margin-bottom: 3px; }
    .dn-widget-margin-bottom-default > .dnmp-drop-target-bottom {
      bottom: -3.5px; }
  .dn-mobile-widget-stack {
    display: block; }
  .dn-mobile-widget-hide {
    display: none; } }

/*
Responsive for small
*/
@media only screen and (min-width: 768px) {
  .dn-small-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed,
  .dn-small-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed {
    width: 100%; }
  .dn-small-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container,
  .dn-small-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px; }
  .dn-small-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed,
  .dn-small-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed {
    display: none; }
  .dn-small-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container,
  .dn-small-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-column-fixed,
  .dn-small-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column-fixed {
    width: 200px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container {
    margin-left: -200px;
    padding-left: 200px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container {
    margin-right: -200px;
    padding-right: 200px; }
  .dn-small-align-left.dn-page-section {
    margin-left: 0px;
    margin-right: auto; }
  .dn-small-align-center.dn-page-section {
    margin-left: auto;
    margin-right: auto; }
  .dn-small-align-right.dn-page-section {
    margin-left: auto;
    margin-right: 0px; }
  .dn-small-none-padded-container {
    margin-left: 0px;
    margin-right: 0px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: 0px;
    margin-top: 0px; }
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 0px;
    padding-top: 0px; }
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: 0px; }
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -4px; }
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -4px; }
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 0px;
    margin-right: 0px;
    padding-top: 0px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: 0px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -4px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -4px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: 0px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -4px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -4px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: 0px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -4px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -4px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: 0px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -4px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -4px; }
  .dn-page-section-margin-top-none {
    margin-top: 0px; }
  .dn-page-section-margin-bottom-none {
    margin-bottom: 0px; }
  .dn-widget-margin-top-none {
    margin-top: 0px; }
  .dn-widget-margin-bottom-none {
    margin-bottom: 0px; }
    .dn-widget-margin-bottom-none > .dnmp-drop-target-bottom {
      bottom: -2px; }
  .dn-small-small-padded-container {
    margin-left: -2px;
    margin-right: -2px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -2px;
    margin-top: -2px; }
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 2px;
    padding-top: 2px; }
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -3px; }
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -7px; }
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -7px; }
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 2px;
    margin-right: -2px;
    padding-top: 2px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -3px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -7px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -7px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -3px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -7px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -7px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -3px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -7px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -7px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -3px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -7px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -7px; }
  .dn-page-section-margin-top-small {
    margin-top: 2px; }
  .dn-page-section-margin-bottom-small {
    margin-bottom: 2px; }
  .dn-widget-margin-top-small {
    margin-top: 2px; }
  .dn-widget-margin-bottom-small {
    margin-bottom: 2px; }
    .dn-widget-margin-bottom-small > .dnmp-drop-target-bottom {
      bottom: -3px; }
  .dn-small-medium-padded-container {
    margin-left: -6px;
    margin-right: -6px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -6px;
    margin-top: -6px; }
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 6px;
    padding-top: 6px; }
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -5px; }
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -9px; }
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -9px; }
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 6px;
    margin-right: -6px;
    padding-top: 6px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -5px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -9px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -9px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -5px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -9px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -9px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -5px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -9px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -9px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -5px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -9px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -9px; }
  .dn-page-section-margin-top-medium {
    margin-top: 6px; }
  .dn-page-section-margin-bottom-medium {
    margin-bottom: 6px; }
  .dn-widget-margin-top-medium {
    margin-top: 6px; }
  .dn-widget-margin-bottom-medium {
    margin-bottom: 6px; }
    .dn-widget-margin-bottom-medium > .dnmp-drop-target-bottom {
      bottom: -5px; }
  .dn-small-large-padded-container {
    margin-left: -12px;
    margin-right: -12px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 12px;
    padding-top: 12px; }
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -8px; }
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -12px; }
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -12px; }
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 12px;
    margin-right: -12px;
    padding-top: 12px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -8px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -12px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -12px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -8px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -12px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -12px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -8px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -12px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -12px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -8px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -12px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -12px; }
  .dn-page-section-margin-top-large {
    margin-top: 12px; }
  .dn-page-section-margin-bottom-large {
    margin-bottom: 12px; }
  .dn-widget-margin-top-large {
    margin-top: 12px; }
  .dn-widget-margin-bottom-large {
    margin-bottom: 12px; }
    .dn-widget-margin-bottom-large > .dnmp-drop-target-bottom {
      bottom: -8px; }
  .dn-small-xlarge-padded-container {
    margin-left: -16px;
    margin-right: -16px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -16px;
    margin-top: -16px; }
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 16px;
    padding-top: 16px; }
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -10px; }
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -14px; }
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -14px; }
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 16px;
    margin-right: -16px;
    padding-top: 16px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -10px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -14px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -14px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -10px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -14px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -14px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -10px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -14px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -14px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -10px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -14px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -14px; }
  .dn-page-section-margin-top-xlarge {
    margin-top: 16px; }
  .dn-page-section-margin-bottom-xlarge {
    margin-bottom: 16px; }
  .dn-widget-margin-top-xlarge {
    margin-top: 16px; }
  .dn-widget-margin-bottom-xlarge {
    margin-bottom: 16px; }
    .dn-widget-margin-bottom-xlarge > .dnmp-drop-target-bottom {
      bottom: -10px; }
  .dn-small-default-padded-container {
    margin-left: -6px;
    margin-right: -6px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -6px;
    margin-top: -6px; }
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 6px;
    padding-top: 6px; }
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -5px; }
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -9px; }
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -9px; }
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 6px;
    margin-right: -6px;
    padding-top: 6px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -5px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -9px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -9px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -5px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -9px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -9px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -5px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -9px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -9px; }
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -5px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -9px; }
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -9px; }
  .dn-page-section-margin-top-default {
    margin-top: 6px; }
  .dn-page-section-margin-bottom-default {
    margin-bottom: 6px; }
  .dn-widget-margin-top-default {
    margin-top: 6px; }
  .dn-widget-margin-bottom-default {
    margin-bottom: 6px; }
    .dn-widget-margin-bottom-default > .dnmp-drop-target-bottom {
      bottom: -5px; }
  .dn-small-widget-stack {
    display: block; }
  .dn-small-widget-hide {
    display: none; } }

/*
Responsive for medium
*/
@media only screen and (min-width: 992px) {
  .dn-medium-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed,
  .dn-medium-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed {
    width: 100%; }
  .dn-medium-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container,
  .dn-medium-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px; }
  .dn-medium-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed,
  .dn-medium-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed {
    display: none; }
  .dn-medium-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container,
  .dn-medium-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-column-fixed,
  .dn-medium-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column-fixed {
    width: 200px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container {
    margin-left: -200px;
    padding-left: 200px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container {
    margin-right: -200px;
    padding-right: 200px; }
  .dn-medium-align-left.dn-page-section {
    margin-left: 0px;
    margin-right: auto; }
  .dn-medium-align-center.dn-page-section {
    margin-left: auto;
    margin-right: auto; }
  .dn-medium-align-right.dn-page-section {
    margin-left: auto;
    margin-right: 0px; }
  .dn-medium-none-padded-container {
    margin-left: 0px;
    margin-right: 0px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: 0px;
    margin-top: 0px; }
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 0px;
    padding-top: 0px; }
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: 0px; }
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -4px; }
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -4px; }
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 0px;
    margin-right: 0px;
    padding-top: 0px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: 0px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -4px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -4px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: 0px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -4px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -4px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: 0px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -4px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -4px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: 0px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -4px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -4px; }
  .dn-page-section-margin-top-none {
    margin-top: 0px; }
  .dn-page-section-margin-bottom-none {
    margin-bottom: 0px; }
  .dn-widget-margin-top-none {
    margin-top: 0px; }
  .dn-widget-margin-bottom-none {
    margin-bottom: 0px; }
    .dn-widget-margin-bottom-none > .dnmp-drop-target-bottom {
      bottom: -2px; }
  .dn-medium-small-padded-container {
    margin-left: -2px;
    margin-right: -2px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -2px;
    margin-top: -2px; }
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 2px;
    padding-top: 2px; }
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -3px; }
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -7px; }
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -7px; }
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 2px;
    margin-right: -2px;
    padding-top: 2px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -3px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -7px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -7px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -3px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -7px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -7px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -3px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -7px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -7px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -3px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -7px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -7px; }
  .dn-page-section-margin-top-small {
    margin-top: 2px; }
  .dn-page-section-margin-bottom-small {
    margin-bottom: 2px; }
  .dn-widget-margin-top-small {
    margin-top: 2px; }
  .dn-widget-margin-bottom-small {
    margin-bottom: 2px; }
    .dn-widget-margin-bottom-small > .dnmp-drop-target-bottom {
      bottom: -3px; }
  .dn-medium-medium-padded-container {
    margin-left: -6px;
    margin-right: -6px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -6px;
    margin-top: -6px; }
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 6px;
    padding-top: 6px; }
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -5px; }
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -9px; }
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -9px; }
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 6px;
    margin-right: -6px;
    padding-top: 6px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -5px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -9px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -9px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -5px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -9px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -9px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -5px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -9px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -9px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -5px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -9px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -9px; }
  .dn-page-section-margin-top-medium {
    margin-top: 6px; }
  .dn-page-section-margin-bottom-medium {
    margin-bottom: 6px; }
  .dn-widget-margin-top-medium {
    margin-top: 6px; }
  .dn-widget-margin-bottom-medium {
    margin-bottom: 6px; }
    .dn-widget-margin-bottom-medium > .dnmp-drop-target-bottom {
      bottom: -5px; }
  .dn-medium-large-padded-container {
    margin-left: -16px;
    margin-right: -16px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -16px;
    margin-top: -16px; }
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 16px;
    padding-top: 16px; }
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -10px; }
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -14px; }
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -14px; }
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 16px;
    margin-right: -16px;
    padding-top: 16px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -10px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -14px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -14px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -10px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -14px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -14px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -10px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -14px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -14px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -10px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -14px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -14px; }
  .dn-page-section-margin-top-large {
    margin-top: 16px; }
  .dn-page-section-margin-bottom-large {
    margin-bottom: 16px; }
  .dn-widget-margin-top-large {
    margin-top: 16px; }
  .dn-widget-margin-bottom-large {
    margin-bottom: 16px; }
    .dn-widget-margin-bottom-large > .dnmp-drop-target-bottom {
      bottom: -10px; }
  .dn-medium-xlarge-padded-container {
    margin-left: -24px;
    margin-right: -24px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -24px;
    margin-top: -24px; }
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 24px;
    padding-top: 24px; }
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -14px; }
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -18px; }
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -18px; }
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 24px;
    margin-right: -24px;
    padding-top: 24px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -14px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -18px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -18px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -14px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -18px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -18px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -14px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -18px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -18px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -14px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -18px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -18px; }
  .dn-page-section-margin-top-xlarge {
    margin-top: 24px; }
  .dn-page-section-margin-bottom-xlarge {
    margin-bottom: 24px; }
  .dn-widget-margin-top-xlarge {
    margin-top: 24px; }
  .dn-widget-margin-bottom-xlarge {
    margin-bottom: 24px; }
    .dn-widget-margin-bottom-xlarge > .dnmp-drop-target-bottom {
      bottom: -14px; }
  .dn-medium-default-padded-container {
    margin-left: -6px;
    margin-right: -6px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -6px;
    margin-top: -6px; }
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 6px;
    padding-top: 6px; }
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -5px; }
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -9px; }
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -9px; }
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 6px;
    margin-right: -6px;
    padding-top: 6px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -5px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -9px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -9px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -5px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -9px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -9px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -5px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -9px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -9px; }
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -5px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -9px; }
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -9px; }
  .dn-page-section-margin-top-default {
    margin-top: 6px; }
  .dn-page-section-margin-bottom-default {
    margin-bottom: 6px; }
  .dn-widget-margin-top-default {
    margin-top: 6px; }
  .dn-widget-margin-bottom-default {
    margin-bottom: 6px; }
    .dn-widget-margin-bottom-default > .dnmp-drop-target-bottom {
      bottom: -5px; }
  .dn-medium-widget-stack {
    display: block; }
  .dn-medium-widget-hide {
    display: none; } }

/*
Responsive for large
*/
@media only screen and (min-width: 1210px) {
  .dn-large-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed,
  .dn-large-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed {
    width: 100%; }
  .dn-large-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container,
  .dn-large-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px; }
  .dn-large-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed,
  .dn-large-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed {
    display: none; }
  .dn-large-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container,
  .dn-large-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-column-fixed,
  .dn-large-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column-fixed {
    width: 200px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container {
    margin-left: -200px;
    padding-left: 200px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container {
    margin-right: -200px;
    padding-right: 200px; }
  .dn-large-align-left.dn-page-section {
    margin-left: 0px;
    margin-right: auto; }
  .dn-large-align-center.dn-page-section {
    margin-left: auto;
    margin-right: auto; }
  .dn-large-align-right.dn-page-section {
    margin-left: auto;
    margin-right: 0px; }
  .dn-large-none-padded-container {
    margin-left: 0px;
    margin-right: 0px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: 0px;
    margin-top: 0px; }
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 0px;
    padding-top: 0px; }
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: 0px; }
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -4px; }
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -4px; }
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 0px;
    margin-right: 0px;
    padding-top: 0px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: 0px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -4px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -4px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: 0px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -4px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -4px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: 0px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -4px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -4px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: 0px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -4px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -4px; }
  .dn-page-section-margin-top-none {
    margin-top: 0px; }
  .dn-page-section-margin-bottom-none {
    margin-bottom: 0px; }
  .dn-widget-margin-top-none {
    margin-top: 0px; }
  .dn-widget-margin-bottom-none {
    margin-bottom: 0px; }
    .dn-widget-margin-bottom-none > .dnmp-drop-target-bottom {
      bottom: -2px; }
  .dn-large-small-padded-container {
    margin-left: -4px;
    margin-right: -4px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -4px;
    margin-top: -4px; }
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 4px;
    padding-top: 4px; }
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -4px; }
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -8px; }
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -8px; }
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 4px;
    margin-right: -4px;
    padding-top: 4px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -4px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -8px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -8px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -4px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -8px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -8px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -4px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -8px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -8px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -4px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -8px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -8px; }
  .dn-page-section-margin-top-small {
    margin-top: 4px; }
  .dn-page-section-margin-bottom-small {
    margin-bottom: 4px; }
  .dn-widget-margin-top-small {
    margin-top: 4px; }
  .dn-widget-margin-bottom-small {
    margin-bottom: 4px; }
    .dn-widget-margin-bottom-small > .dnmp-drop-target-bottom {
      bottom: -4px; }
  .dn-large-medium-padded-container {
    margin-left: -12px;
    margin-right: -12px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 12px;
    padding-top: 12px; }
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -8px; }
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -12px; }
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -12px; }
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 12px;
    margin-right: -12px;
    padding-top: 12px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -8px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -12px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -12px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -8px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -12px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -12px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -8px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -12px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -12px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -8px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -12px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -12px; }
  .dn-page-section-margin-top-medium {
    margin-top: 12px; }
  .dn-page-section-margin-bottom-medium {
    margin-bottom: 12px; }
  .dn-widget-margin-top-medium {
    margin-top: 12px; }
  .dn-widget-margin-bottom-medium {
    margin-bottom: 12px; }
    .dn-widget-margin-bottom-medium > .dnmp-drop-target-bottom {
      bottom: -8px; }
  .dn-large-large-padded-container {
    margin-left: -24px;
    margin-right: -24px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -24px;
    margin-top: -24px; }
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 24px;
    padding-top: 24px; }
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -14px; }
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -18px; }
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -18px; }
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 24px;
    margin-right: -24px;
    padding-top: 24px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -14px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -18px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -18px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -14px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -18px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -18px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -14px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -18px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -18px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -14px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -18px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -18px; }
  .dn-page-section-margin-top-large {
    margin-top: 24px; }
  .dn-page-section-margin-bottom-large {
    margin-bottom: 24px; }
  .dn-widget-margin-top-large {
    margin-top: 24px; }
  .dn-widget-margin-bottom-large {
    margin-bottom: 24px; }
    .dn-widget-margin-bottom-large > .dnmp-drop-target-bottom {
      bottom: -14px; }
  .dn-large-xlarge-padded-container {
    margin-left: -32px;
    margin-right: -32px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -32px;
    margin-top: -32px; }
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 32px;
    padding-top: 32px; }
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -18px; }
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -22px; }
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -22px; }
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 32px;
    margin-right: -32px;
    padding-top: 32px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -18px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -22px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -22px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -18px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -22px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -22px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -18px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -22px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -22px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -18px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -22px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -22px; }
  .dn-page-section-margin-top-xlarge {
    margin-top: 32px; }
  .dn-page-section-margin-bottom-xlarge {
    margin-bottom: 32px; }
  .dn-widget-margin-top-xlarge {
    margin-top: 32px; }
  .dn-widget-margin-bottom-xlarge {
    margin-bottom: 32px; }
    .dn-widget-margin-bottom-xlarge > .dnmp-drop-target-bottom {
      bottom: -18px; }
  .dn-large-default-padded-container {
    margin-left: -12px;
    margin-right: -12px;
    letter-spacing: -0.31em; }
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 12px;
    padding-top: 12px; }
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -8px; }
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -12px; }
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -12px; }
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 12px;
    margin-right: -12px;
    padding-top: 12px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -8px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -12px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -12px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -8px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -12px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -12px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -8px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -12px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -12px; }
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -8px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -12px; }
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -12px; }
  .dn-page-section-margin-top-default {
    margin-top: 12px; }
  .dn-page-section-margin-bottom-default {
    margin-bottom: 12px; }
  .dn-widget-margin-top-default {
    margin-top: 12px; }
  .dn-widget-margin-bottom-default {
    margin-bottom: 12px; }
    .dn-widget-margin-bottom-default > .dnmp-drop-target-bottom {
      bottom: -8px; }
  .dn-large-widget-stack {
    display: block; }
  .dn-large-widget-hide {
    display: none; } }

/*
the 'non-responsive' spans
*/
@media only screen and (min-width: 0px) {
  .dn-fixed-sizing .dn-fixed-size-none-padded-container {
    margin-left: 0px;
    margin-right: 0px;
    letter-spacing: -0.31em; }
  .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container,
  .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: 0px;
    margin-top: 0px; }
  .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 0px;
    padding-top: 0px; }
    .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: 0px; }
      .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -4px; }
      .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -4px; }
  .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 0px;
    margin-right: 0px;
    padding-top: 0px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: 0px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -4px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -4px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: 0px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -4px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -4px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: 0px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -4px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -4px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: 0px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -4px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -4px; }
  .dn-fixed-sizing .dn-page-section-margin-top-none {
    margin-top: 0px; }
  .dn-fixed-sizing .dn-page-section-margin-bottom-none {
    margin-bottom: 0px; }
  .dn-fixed-sizing .dn-widget-margin-top-none {
    margin-top: 0px; }
  .dn-fixed-sizing .dn-widget-margin-bottom-none {
    margin-bottom: 0px; }
    .dn-fixed-sizing .dn-widget-margin-bottom-none > .dnmp-drop-target-bottom {
      bottom: -2px; }
  .dn-fixed-sizing .dn-fixed-size-small-padded-container {
    margin-left: -4px;
    margin-right: -4px;
    letter-spacing: -0.31em; }
  .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container,
  .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -4px;
    margin-top: -4px; }
  .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 4px;
    padding-top: 4px; }
    .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -4px; }
      .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -8px; }
      .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -8px; }
  .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 4px;
    margin-right: -4px;
    padding-top: 4px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -4px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -8px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -8px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -4px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -8px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -8px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -4px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -8px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -8px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -4px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -8px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -8px; }
  .dn-fixed-sizing .dn-page-section-margin-top-small {
    margin-top: 4px; }
  .dn-fixed-sizing .dn-page-section-margin-bottom-small {
    margin-bottom: 4px; }
  .dn-fixed-sizing .dn-widget-margin-top-small {
    margin-top: 4px; }
  .dn-fixed-sizing .dn-widget-margin-bottom-small {
    margin-bottom: 4px; }
    .dn-fixed-sizing .dn-widget-margin-bottom-small > .dnmp-drop-target-bottom {
      bottom: -4px; }
  .dn-fixed-sizing .dn-fixed-size-medium-padded-container {
    margin-left: -12px;
    margin-right: -12px;
    letter-spacing: -0.31em; }
  .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container,
  .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 12px;
    padding-top: 12px; }
    .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -8px; }
      .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -12px; }
      .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -12px; }
  .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 12px;
    margin-right: -12px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -8px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -12px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -12px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -8px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -12px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -12px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -8px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -12px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -12px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -8px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -12px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -12px; }
  .dn-fixed-sizing .dn-page-section-margin-top-medium {
    margin-top: 12px; }
  .dn-fixed-sizing .dn-page-section-margin-bottom-medium {
    margin-bottom: 12px; }
  .dn-fixed-sizing .dn-widget-margin-top-medium {
    margin-top: 12px; }
  .dn-fixed-sizing .dn-widget-margin-bottom-medium {
    margin-bottom: 12px; }
    .dn-fixed-sizing .dn-widget-margin-bottom-medium > .dnmp-drop-target-bottom {
      bottom: -8px; }
  .dn-fixed-sizing .dn-fixed-size-large-padded-container {
    margin-left: -24px;
    margin-right: -24px;
    letter-spacing: -0.31em; }
  .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container,
  .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -24px;
    margin-top: -24px; }
  .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 24px;
    padding-top: 24px; }
    .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -14px; }
      .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -18px; }
      .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -18px; }
  .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 24px;
    margin-right: -24px;
    padding-top: 24px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -14px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -18px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -18px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -14px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -18px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -18px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -14px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -18px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -18px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -14px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -18px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -18px; }
  .dn-fixed-sizing .dn-page-section-margin-top-large {
    margin-top: 24px; }
  .dn-fixed-sizing .dn-page-section-margin-bottom-large {
    margin-bottom: 24px; }
  .dn-fixed-sizing .dn-widget-margin-top-large {
    margin-top: 24px; }
  .dn-fixed-sizing .dn-widget-margin-bottom-large {
    margin-bottom: 24px; }
    .dn-fixed-sizing .dn-widget-margin-bottom-large > .dnmp-drop-target-bottom {
      bottom: -14px; }
  .dn-fixed-sizing .dn-fixed-size-xlarge-padded-container {
    margin-left: -32px;
    margin-right: -32px;
    letter-spacing: -0.31em; }
  .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container,
  .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -32px;
    margin-top: -32px; }
  .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 32px;
    padding-top: 32px; }
    .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -18px; }
      .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -22px; }
      .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -22px; }
  .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 32px;
    margin-right: -32px;
    padding-top: 32px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -18px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -22px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -22px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -18px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -22px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -22px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -18px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -22px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -22px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -18px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -22px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -22px; }
  .dn-fixed-sizing .dn-page-section-margin-top-xlarge {
    margin-top: 32px; }
  .dn-fixed-sizing .dn-page-section-margin-bottom-xlarge {
    margin-bottom: 32px; }
  .dn-fixed-sizing .dn-widget-margin-top-xlarge {
    margin-top: 32px; }
  .dn-fixed-sizing .dn-widget-margin-bottom-xlarge {
    margin-bottom: 32px; }
    .dn-fixed-sizing .dn-widget-margin-bottom-xlarge > .dnmp-drop-target-bottom {
      bottom: -18px; }
  .dn-fixed-sizing .dn-fixed-size-default-padded-container {
    margin-left: -12px;
    margin-right: -12px;
    letter-spacing: -0.31em; }
  .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container,
  .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column,
  .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column {
    padding-left: 12px;
    padding-top: 12px; }
    .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer,
    .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer {
      right: -8px; }
      .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover,
      .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover {
        right: -12px; }
      .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight,
      .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight {
        right: -12px; }
  .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing,
  .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing {
    width: 12px;
    margin-right: -12px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -8px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -12px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -12px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    right: -8px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      right: -12px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      right: -12px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -8px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -12px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -12px; }
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer,
  .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer {
    left: -8px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover {
      left: -12px; }
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight,
    .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight {
      left: -12px; }
  .dn-fixed-sizing .dn-page-section-margin-top-default {
    margin-top: 12px; }
  .dn-fixed-sizing .dn-page-section-margin-bottom-default {
    margin-bottom: 12px; }
  .dn-fixed-sizing .dn-widget-margin-top-default {
    margin-top: 12px; }
  .dn-fixed-sizing .dn-widget-margin-bottom-default {
    margin-bottom: 12px; }
    .dn-fixed-sizing .dn-widget-margin-bottom-default > .dnmp-drop-target-bottom {
      bottom: -8px; } }

.dn-widgets {
  width: 100%; }

.dn-widget {
  line-height: 0px;
  font-size: 0px; }

.dn-widget-content-container {
  z-index: 3;
  position: relative;
  line-height: 1em;
  font-size: 16px;
  width: 100%;
  display: inline-block; }

.dn-widget-content {
  z-index: 3;
  position: relative; }

.dn-widget.dn-limit-content-width > div.dn-widget-content-container {
  max-width: 1200px; }

.dn-widget.dn-limit-content-width.dn-limit-background-width > div.dn-background-container div.dn-background-image-container {
  max-width: 1200px; }

.dn-widget.dn-align-center {
  text-align: center; }
  .dn-widget.dn-align-center .dn-widget-content-container {
    display: inline-block; }

.dn-widget.dn-align-right {
  text-align: right; }
  .dn-widget.dn-align-right .dn-widget-content-container {
    display: inline-block; }

.dn-widget-collapsed-content {
  z-index: 3;
  position: relative;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.89);
  border: 0px solid rgba(204, 204, 204, 0.89);
  border-radius: 0px;
  color: #333333;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal;
  font-stretch: normal; }

.dn-collapsed-label {
  display: inline-block;
  width: 100%;
  margin-right: -30px;
  padding-right: 30px;
  padding-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle; }
  .dn-collapsed-label div {
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 2px; }
  .dn-collapsed-label div.dn-icon-caret-right {
    padding-top: 2px;
    padding-bottom: 0px; }

.dn-collapsed-expander {
  display: inline-block;
  width: 30px;
  vertical-align: middle; }

.dn-collapsed-expander:before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "f";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal; }

/*
The 'responsive' widgets
*/
/*
Responsive for mobile
*/
@media only screen and (min-width: 0px) {
  .dn-widget.dn-mobile-align-left {
    text-align: left; }
    .dn-widget.dn-mobile-align-left .dn-widget-content-container {
      display: inline-block; }
  .dn-widget.dn-mobile-align-center {
    text-align: center; }
    .dn-widget.dn-mobile-align-center .dn-widget-content-container {
      display: inline-block; }
  .dn-widget.dn-mobile-align-right {
    text-align: right; }
    .dn-widget.dn-mobile-align-right .dn-widget-content-container {
      display: inline-block; }
  .dn-widget.dn-mobile-collapsed .dn-widget-collapsed-content {
    display: block; }
  .dn-widget.dn-mobile-collapsed .dn-widget-content {
    display: none; }
  .dn-widget.dn-mobile-collapsed.dn-collapsed-expanded .dn-widget-content {
    display: block; }
  .dn-widget.dn-mobile-collapsed.dn-collapsed-expanded .dn-collapsed-expander:before {
    content: "i"; }
  .dn-widget.dn-mobile-not-collapsed .dn-widget-collapsed-content {
    display: none; }
  .dn-widget.dn-mobile-not-collapsed .dn-widget-content {
    display: block; } }

/*
Responsive for small
*/
@media only screen and (min-width: 768px) {
  .dn-widget.dn-small-align-left {
    text-align: left; }
    .dn-widget.dn-small-align-left .dn-widget-content-container {
      display: inline-block; }
  .dn-widget.dn-small-align-center {
    text-align: center; }
    .dn-widget.dn-small-align-center .dn-widget-content-container {
      display: inline-block; }
  .dn-widget.dn-small-align-right {
    text-align: right; }
    .dn-widget.dn-small-align-right .dn-widget-content-container {
      display: inline-block; }
  .dn-widget.dn-small-collapsed .dn-widget-collapsed-content {
    display: block; }
  .dn-widget.dn-small-collapsed .dn-widget-content {
    display: none; }
  .dn-widget.dn-small-collapsed.dn-collapsed-expanded .dn-widget-content {
    display: block; }
  .dn-widget.dn-small-collapsed.dn-collapsed-expanded .dn-collapsed-expander:before {
    content: "i"; }
  .dn-widget.dn-small-not-collapsed .dn-widget-collapsed-content {
    display: none; }
  .dn-widget.dn-small-not-collapsed .dn-widget-content {
    display: block; } }

/*
Responsive for medium
*/
@media only screen and (min-width: 992px) {
  .dn-widget.dn-medium-align-left {
    text-align: left; }
    .dn-widget.dn-medium-align-left .dn-widget-content-container {
      display: inline-block; }
  .dn-widget.dn-medium-align-center {
    text-align: center; }
    .dn-widget.dn-medium-align-center .dn-widget-content-container {
      display: inline-block; }
  .dn-widget.dn-medium-align-right {
    text-align: right; }
    .dn-widget.dn-medium-align-right .dn-widget-content-container {
      display: inline-block; }
  .dn-widget.dn-medium-collapsed .dn-widget-collapsed-content {
    display: block; }
  .dn-widget.dn-medium-collapsed .dn-widget-content {
    display: none; }
  .dn-widget.dn-medium-collapsed.dn-collapsed-expanded .dn-widget-content {
    display: block; }
  .dn-widget.dn-medium-collapsed.dn-collapsed-expanded .dn-collapsed-expander:before {
    content: "i"; }
  .dn-widget.dn-medium-not-collapsed .dn-widget-collapsed-content {
    display: none; }
  .dn-widget.dn-medium-not-collapsed .dn-widget-content {
    display: block; } }

/*
Responsive for large
*/
@media only screen and (min-width: 1210px) {
  .dn-widget.dn-large-align-left {
    text-align: left; }
    .dn-widget.dn-large-align-left .dn-widget-content-container {
      display: inline-block; }
  .dn-widget.dn-large-align-center {
    text-align: center; }
    .dn-widget.dn-large-align-center .dn-widget-content-container {
      display: inline-block; }
  .dn-widget.dn-large-align-right {
    text-align: right; }
    .dn-widget.dn-large-align-right .dn-widget-content-container {
      display: inline-block; }
  .dn-widget.dn-large-collapsed .dn-widget-collapsed-content {
    display: block; }
  .dn-widget.dn-large-collapsed .dn-widget-content {
    display: none; }
  .dn-widget.dn-large-collapsed.dn-collapsed-expanded .dn-widget-content {
    display: block; }
  .dn-widget.dn-large-collapsed.dn-collapsed-expanded .dn-collapsed-expander:before {
    content: "i"; }
  .dn-widget.dn-large-not-collapsed .dn-widget-collapsed-content {
    display: none; }
  .dn-widget.dn-large-not-collapsed .dn-widget-content {
    display: block; } }

@media only screen and (min-width: 0px) {
  .dn-fixed-sizing .dn-widget.dn-fixed-size-align-left {
    text-align: left; }
    .dn-fixed-sizing .dn-widget.dn-fixed-size-align-left .dn-widget-content-container {
      display: inline-block; }
  .dn-fixed-sizing .dn-widget.dn-fixed-size-align-center {
    text-align: center; }
    .dn-fixed-sizing .dn-widget.dn-fixed-size-align-center .dn-widget-content-container {
      display: inline-block; }
  .dn-fixed-sizing .dn-widget.dn-fixed-size-align-right {
    text-align: right; }
    .dn-fixed-sizing .dn-widget.dn-fixed-size-align-right .dn-widget-content-container {
      display: inline-block; }
  .dn-fixed-sizing .dn-widget.dn-fixed-size-collapsed .dn-widget-collapsed-content {
    display: block; }
  .dn-fixed-sizing .dn-widget.dn-fixed-size-collapsed .dn-widget-content {
    display: none; }
  .dn-fixed-sizing .dn-widget.dn-fixed-size-collapsed.dn-collapsed-expanded .dn-widget-content {
    display: block; }
  .dn-fixed-sizing .dn-widget.dn-fixed-size-collapsed.dn-collapsed-expanded .dn-collapsed-expander:before {
    content: "i"; }
  .dn-fixed-sizing .dn-widget.dn-fixed-size-not-collapsed .dn-widget-collapsed-content {
    display: none; }
  .dn-fixed-sizing .dn-widget.dn-fixed-size-not-collapsed .dn-widget-content {
    display: block; } }

.dn-grid-container[data-grid-cols='1'] .dn-grid .dn-grid-item {
  width: 100%; }

.dn-grid-container[data-grid-cols='1'] .dn-grid-masonry {
  column-count: 1;
  column-gap: 0; }
  .dn-grid-container[data-grid-cols='1'] .dn-grid-masonry .dn-grid-item {
    width: 100%;
    /* this overrides the width set for dn-grid */ }

.dn-grid-container-carousel[data-grid-cols='1'] .dn-grid-carousel {
  left: -100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.dn-grid-container-carousel[data-grid-cols='1'] .dn-is-reversing {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.dn-grid-container-carousel[data-grid-cols='1'] .dn-grid-carousel .dn-grid-item {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
  -ms-flex-preferred-size: 100%; }

.dn-grid-container[data-grid-cols='2'] .dn-grid .dn-grid-item {
  width: 50%; }

.dn-grid-container[data-grid-cols='2'] .dn-grid-masonry {
  column-count: 2;
  column-gap: 0; }
  .dn-grid-container[data-grid-cols='2'] .dn-grid-masonry .dn-grid-item {
    width: 100%;
    /* this overrides the width set for dn-grid */ }

.dn-grid-container-carousel[data-grid-cols='2'] .dn-grid-carousel {
  left: -50%;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%); }

.dn-grid-container-carousel[data-grid-cols='2'] .dn-is-reversing {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.dn-grid-container-carousel[data-grid-cols='2'] .dn-grid-carousel .dn-grid-item {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%;
  -ms-flex-preferred-size: 50%; }

.dn-grid-container[data-grid-cols='3'] .dn-grid .dn-grid-item {
  width: 33.3333333333%; }

.dn-grid-container[data-grid-cols='3'] .dn-grid-masonry {
  column-count: 3;
  column-gap: 0; }
  .dn-grid-container[data-grid-cols='3'] .dn-grid-masonry .dn-grid-item {
    width: 100%;
    /* this overrides the width set for dn-grid */ }

.dn-grid-container-carousel[data-grid-cols='3'] .dn-grid-carousel {
  left: -33.3333333333%;
  -webkit-transform: translateX(33.3333333333%);
  -moz-transform: translateX(33.3333333333%);
  -ms-transform: translateX(33.3333333333%);
  -o-transform: translateX(33.3333333333%);
  transform: translateX(33.3333333333%); }

.dn-grid-container-carousel[data-grid-cols='3'] .dn-is-reversing {
  -webkit-transform: translateX(-33.3333333333%);
  -moz-transform: translateX(-33.3333333333%);
  -ms-transform: translateX(-33.3333333333%);
  -o-transform: translateX(-33.3333333333%);
  transform: translateX(-33.3333333333%); }

.dn-grid-container-carousel[data-grid-cols='3'] .dn-grid-carousel .dn-grid-item {
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%; }

.dn-grid-container[data-grid-cols='4'] .dn-grid .dn-grid-item {
  width: 25%; }

.dn-grid-container[data-grid-cols='4'] .dn-grid-masonry {
  column-count: 4;
  column-gap: 0; }
  .dn-grid-container[data-grid-cols='4'] .dn-grid-masonry .dn-grid-item {
    width: 100%;
    /* this overrides the width set for dn-grid */ }

.dn-grid-container-carousel[data-grid-cols='4'] .dn-grid-carousel {
  left: -25%;
  -webkit-transform: translateX(25%);
  -moz-transform: translateX(25%);
  -ms-transform: translateX(25%);
  -o-transform: translateX(25%);
  transform: translateX(25%); }

.dn-grid-container-carousel[data-grid-cols='4'] .dn-is-reversing {
  -webkit-transform: translateX(-25%);
  -moz-transform: translateX(-25%);
  -ms-transform: translateX(-25%);
  -o-transform: translateX(-25%);
  transform: translateX(-25%); }

.dn-grid-container-carousel[data-grid-cols='4'] .dn-grid-carousel .dn-grid-item {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  flex-basis: 25%;
  -ms-flex-preferred-size: 25%; }

.dn-grid-container[data-grid-cols='5'] .dn-grid .dn-grid-item {
  width: 20%; }

.dn-grid-container[data-grid-cols='5'] .dn-grid-masonry {
  column-count: 5;
  column-gap: 0; }
  .dn-grid-container[data-grid-cols='5'] .dn-grid-masonry .dn-grid-item {
    width: 100%;
    /* this overrides the width set for dn-grid */ }

.dn-grid-container-carousel[data-grid-cols='5'] .dn-grid-carousel {
  left: -20%;
  -webkit-transform: translateX(20%);
  -moz-transform: translateX(20%);
  -ms-transform: translateX(20%);
  -o-transform: translateX(20%);
  transform: translateX(20%); }

.dn-grid-container-carousel[data-grid-cols='5'] .dn-is-reversing {
  -webkit-transform: translateX(-20%);
  -moz-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  -o-transform: translateX(-20%);
  transform: translateX(-20%); }

.dn-grid-container-carousel[data-grid-cols='5'] .dn-grid-carousel .dn-grid-item {
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  flex-basis: 20%;
  -ms-flex-preferred-size: 20%; }

.dn-grid-container[data-grid-cols='6'] .dn-grid .dn-grid-item {
  width: 16.6666666667%; }

.dn-grid-container[data-grid-cols='6'] .dn-grid-masonry {
  column-count: 6;
  column-gap: 0; }
  .dn-grid-container[data-grid-cols='6'] .dn-grid-masonry .dn-grid-item {
    width: 100%;
    /* this overrides the width set for dn-grid */ }

.dn-grid-container-carousel[data-grid-cols='6'] .dn-grid-carousel {
  left: -16.6666666667%;
  -webkit-transform: translateX(16.6666666667%);
  -moz-transform: translateX(16.6666666667%);
  -ms-transform: translateX(16.6666666667%);
  -o-transform: translateX(16.6666666667%);
  transform: translateX(16.6666666667%); }

.dn-grid-container-carousel[data-grid-cols='6'] .dn-is-reversing {
  -webkit-transform: translateX(-16.6666666667%);
  -moz-transform: translateX(-16.6666666667%);
  -ms-transform: translateX(-16.6666666667%);
  -o-transform: translateX(-16.6666666667%);
  transform: translateX(-16.6666666667%); }

.dn-grid-container-carousel[data-grid-cols='6'] .dn-grid-carousel .dn-grid-item {
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%; }

.dn-grid-container[data-grid-cols='7'] .dn-grid .dn-grid-item {
  width: 14.2857142857%; }

.dn-grid-container[data-grid-cols='7'] .dn-grid-masonry {
  column-count: 7;
  column-gap: 0; }
  .dn-grid-container[data-grid-cols='7'] .dn-grid-masonry .dn-grid-item {
    width: 100%;
    /* this overrides the width set for dn-grid */ }

.dn-grid-container-carousel[data-grid-cols='7'] .dn-grid-carousel {
  left: -14.2857142857%;
  -webkit-transform: translateX(14.2857142857%);
  -moz-transform: translateX(14.2857142857%);
  -ms-transform: translateX(14.2857142857%);
  -o-transform: translateX(14.2857142857%);
  transform: translateX(14.2857142857%); }

.dn-grid-container-carousel[data-grid-cols='7'] .dn-is-reversing {
  -webkit-transform: translateX(-14.2857142857%);
  -moz-transform: translateX(-14.2857142857%);
  -ms-transform: translateX(-14.2857142857%);
  -o-transform: translateX(-14.2857142857%);
  transform: translateX(-14.2857142857%); }

.dn-grid-container-carousel[data-grid-cols='7'] .dn-grid-carousel .dn-grid-item {
  -webkit-flex-basis: 14.2857142857%;
  -moz-flex-basis: 14.2857142857%;
  flex-basis: 14.2857142857%;
  -ms-flex-preferred-size: 14.2857142857%; }

.dn-grid-container[data-grid-cols='8'] .dn-grid .dn-grid-item {
  width: 12.5%; }

.dn-grid-container[data-grid-cols='8'] .dn-grid-masonry {
  column-count: 8;
  column-gap: 0; }
  .dn-grid-container[data-grid-cols='8'] .dn-grid-masonry .dn-grid-item {
    width: 100%;
    /* this overrides the width set for dn-grid */ }

.dn-grid-container-carousel[data-grid-cols='8'] .dn-grid-carousel {
  left: -12.5%;
  -webkit-transform: translateX(12.5%);
  -moz-transform: translateX(12.5%);
  -ms-transform: translateX(12.5%);
  -o-transform: translateX(12.5%);
  transform: translateX(12.5%); }

.dn-grid-container-carousel[data-grid-cols='8'] .dn-is-reversing {
  -webkit-transform: translateX(-12.5%);
  -moz-transform: translateX(-12.5%);
  -ms-transform: translateX(-12.5%);
  -o-transform: translateX(-12.5%);
  transform: translateX(-12.5%); }

.dn-grid-container-carousel[data-grid-cols='8'] .dn-grid-carousel .dn-grid-item {
  -webkit-flex-basis: 12.5%;
  -moz-flex-basis: 12.5%;
  flex-basis: 12.5%;
  -ms-flex-preferred-size: 12.5%; }

.dn-grid-container[data-grid-cols='9'] .dn-grid .dn-grid-item {
  width: 11.1111111111%; }

.dn-grid-container[data-grid-cols='9'] .dn-grid-masonry {
  column-count: 9;
  column-gap: 0; }
  .dn-grid-container[data-grid-cols='9'] .dn-grid-masonry .dn-grid-item {
    width: 100%;
    /* this overrides the width set for dn-grid */ }

.dn-grid-container-carousel[data-grid-cols='9'] .dn-grid-carousel {
  left: -11.1111111111%;
  -webkit-transform: translateX(11.1111111111%);
  -moz-transform: translateX(11.1111111111%);
  -ms-transform: translateX(11.1111111111%);
  -o-transform: translateX(11.1111111111%);
  transform: translateX(11.1111111111%); }

.dn-grid-container-carousel[data-grid-cols='9'] .dn-is-reversing {
  -webkit-transform: translateX(-11.1111111111%);
  -moz-transform: translateX(-11.1111111111%);
  -ms-transform: translateX(-11.1111111111%);
  -o-transform: translateX(-11.1111111111%);
  transform: translateX(-11.1111111111%); }

.dn-grid-container-carousel[data-grid-cols='9'] .dn-grid-carousel .dn-grid-item {
  -webkit-flex-basis: 11.1111111111%;
  -moz-flex-basis: 11.1111111111%;
  flex-basis: 11.1111111111%;
  -ms-flex-preferred-size: 11.1111111111%; }

.dn-grid-container[data-grid-cols='10'] .dn-grid .dn-grid-item {
  width: 10%; }

.dn-grid-container[data-grid-cols='10'] .dn-grid-masonry {
  column-count: 10;
  column-gap: 0; }
  .dn-grid-container[data-grid-cols='10'] .dn-grid-masonry .dn-grid-item {
    width: 100%;
    /* this overrides the width set for dn-grid */ }

.dn-grid-container-carousel[data-grid-cols='10'] .dn-grid-carousel {
  left: -10%;
  -webkit-transform: translateX(10%);
  -moz-transform: translateX(10%);
  -ms-transform: translateX(10%);
  -o-transform: translateX(10%);
  transform: translateX(10%); }

.dn-grid-container-carousel[data-grid-cols='10'] .dn-is-reversing {
  -webkit-transform: translateX(-10%);
  -moz-transform: translateX(-10%);
  -ms-transform: translateX(-10%);
  -o-transform: translateX(-10%);
  transform: translateX(-10%); }

.dn-grid-container-carousel[data-grid-cols='10'] .dn-grid-carousel .dn-grid-item {
  -webkit-flex-basis: 10%;
  -moz-flex-basis: 10%;
  flex-basis: 10%;
  -ms-flex-preferred-size: 10%; }

.dn-grid-container[data-grid-cols='11'] .dn-grid .dn-grid-item {
  width: 9.0909090909%; }

.dn-grid-container[data-grid-cols='11'] .dn-grid-masonry {
  column-count: 11;
  column-gap: 0; }
  .dn-grid-container[data-grid-cols='11'] .dn-grid-masonry .dn-grid-item {
    width: 100%;
    /* this overrides the width set for dn-grid */ }

.dn-grid-container-carousel[data-grid-cols='11'] .dn-grid-carousel {
  left: -9.0909090909%;
  -webkit-transform: translateX(9.0909090909%);
  -moz-transform: translateX(9.0909090909%);
  -ms-transform: translateX(9.0909090909%);
  -o-transform: translateX(9.0909090909%);
  transform: translateX(9.0909090909%); }

.dn-grid-container-carousel[data-grid-cols='11'] .dn-is-reversing {
  -webkit-transform: translateX(-9.0909090909%);
  -moz-transform: translateX(-9.0909090909%);
  -ms-transform: translateX(-9.0909090909%);
  -o-transform: translateX(-9.0909090909%);
  transform: translateX(-9.0909090909%); }

.dn-grid-container-carousel[data-grid-cols='11'] .dn-grid-carousel .dn-grid-item {
  -webkit-flex-basis: 9.0909090909%;
  -moz-flex-basis: 9.0909090909%;
  flex-basis: 9.0909090909%;
  -ms-flex-preferred-size: 9.0909090909%; }

.dn-grid-container[data-grid-cols='12'] .dn-grid .dn-grid-item {
  width: 8.3333333333%; }

.dn-grid-container[data-grid-cols='12'] .dn-grid-masonry {
  column-count: 12;
  column-gap: 0; }
  .dn-grid-container[data-grid-cols='12'] .dn-grid-masonry .dn-grid-item {
    width: 100%;
    /* this overrides the width set for dn-grid */ }

.dn-grid-container-carousel[data-grid-cols='12'] .dn-grid-carousel {
  left: -8.3333333333%;
  -webkit-transform: translateX(8.3333333333%);
  -moz-transform: translateX(8.3333333333%);
  -ms-transform: translateX(8.3333333333%);
  -o-transform: translateX(8.3333333333%);
  transform: translateX(8.3333333333%); }

.dn-grid-container-carousel[data-grid-cols='12'] .dn-is-reversing {
  -webkit-transform: translateX(-8.3333333333%);
  -moz-transform: translateX(-8.3333333333%);
  -ms-transform: translateX(-8.3333333333%);
  -o-transform: translateX(-8.3333333333%);
  transform: translateX(-8.3333333333%); }

.dn-grid-container-carousel[data-grid-cols='12'] .dn-grid-carousel .dn-grid-item {
  -webkit-flex-basis: 8.3333333333%;
  -moz-flex-basis: 8.3333333333%;
  flex-basis: 8.3333333333%;
  -ms-flex-preferred-size: 8.3333333333%; }

.dn-grid-container .dn-grid, .dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container,
.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container,
.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container, .dn-page-columns-container {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.dn-grid-container:before, .dn-grid-container:after {
  content: ' ';
  display: table; }

.dn-grid-container {
  letter-spacing: -0.31em;
  /*padding-bottom: 0.1px;  this stops the 'margin collapsing' */ }
  .dn-grid-container .dn-grid {
    visibility: hidden; }
  .dn-grid-container .dn-grid-item {
    display: inline-block;
    vertical-align: top;
    position: relative; }
    .dn-grid-container .dn-grid-item .dn-grid-item-container {
      padding: 5px;
      text-align: center;
      letter-spacing: normal;
      word-spacing: normal;
      height: 100%;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      border: 0px solid transparent;
      border-radius: 0px;
      background-color: transparent;
      overflow: hidden; }
      .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image {
        /*overflow: hidden;  this breaks the shadow property */ }
        .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image img {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: auto;
          height: auto;
          max-width: 100%;
          max-height: 100%;
          border: 1px solid transparent;
          border-radius: 0px; }
          .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-grid-image-rollover {
            opacity: 0; }
        .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-content {
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          position: absolute;
          overflow: hidden; }
          .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-content.dn-relative-position {
            position: relative; }
        .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay {
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          position: absolute;
          overflow: hidden;
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -moz-box-align: center;
          box-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          align-items: center;
          -ms-flex-align: center;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          box-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          -o-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center; }
          .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-grid-overlay-text {
            width: 100%;
            text-align: center;
            text-align: -ms-center;
            text-align: -moz-center;
            text-align: -webkit-center; }
          .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-overlay-text {
            width: 100%;
            padding: 3px;
            background-color: rgba(230, 230, 230, 0.89);
            border: 1px solid rgba(230, 230, 230, 0.89); }
            .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-overlay-text h4 span {
              text-shadow: 0px 0px 2px rgba(166, 166, 166, 0.89); }
          .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-overlay-text-rollover {
            opacity: 0.0; }
          .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay.dn-grid-image-overlay-rollover {
            opacity: 0.0; }
        .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image.dn-with-height-padding {
          position: relative; }
      .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-text {
        position: relative; }
        .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-text.dn-grid-text-rollover {
          opacity: 0.0; }
      .dn-grid-container .dn-grid-item .dn-grid-item-container:hover .dn-grid-image .dn-grid-image-overlay.dn-grid-image-overlay-rollover {
        opacity: 1.0;
        transition: all 500ms ease-in-out; }
      .dn-grid-container .dn-grid-item .dn-grid-item-container:hover .dn-grid-image-overlay .dn-overlay-text-rollover {
        opacity: 1.0;
        transition: all 500ms ease-in-out; }
      .dn-grid-container .dn-grid-item .dn-grid-item-container:hover .dn-grid-text.dn-grid-text-rollover {
        opacity: 1.0;
        transition: all 500ms ease-in-out; }
      .dn-grid-container .dn-grid-item .dn-grid-item-container:hover img.dn-grid-image-rollover {
        opacity: 1.0;
        transition: all 500ms ease-in-out; }
    .dn-grid-container .dn-grid-item.dn-hidden {
      visibility: hidden;
      width: 0px !important; }
  .dn-grid-container .dn-grid-item-nav {
    width: 20px;
    font-size: 20px; }
  .dn-grid-container .dn-grid-masonry {
    width: 100%;
    display: block; }
    .dn-grid-container .dn-grid-masonry .dn-grid-item {
      display: inline-block; }
      .dn-grid-container .dn-grid-masonry .dn-grid-item .dn-grid-item-container .dn-grid-image img {
        width: 100%; }
  .dn-grid-container .dn-grid-carousel {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: -100%;
    transform: translateX(100%); }
    .dn-grid-container .dn-grid-carousel.dn-is-set {
      transform: none;
      transition: transform 0.5s ease-in-out; }
    .dn-grid-container .dn-grid-carousel .dn-grid-item {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 0 100%;
      -moz-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      box-ordinal-group: 2;
      -webkit-order: 2;
      -moz-order: 2;
      order: 2;
      -ms-flex-order: 2;
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      flex-basis: 100%;
      -ms-flex-preferred-size: 100%; }
      .dn-grid-container .dn-grid-carousel .dn-grid-item.dn-item-ref {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-order: 1;
        order: 1;
        -ms-flex-order: 1; }
  .dn-grid-container.dn-grid-container-carousel {
    overflow: hidden;
    margin: 0 auto; }

body.dn-behaviours-bound-critical .dn-grid-container .dn-grid {
  visibility: visible; }

.dn-grid-container.dn-grid-image-cropped .dn-grid-image img {
  width: 100%; }

.dn-grid-container[data-grid-cols='1'] .dn-grid .dn-grid-item {
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .dn-grid-container[data-grid-cols='1'] .dn-grid .dn-grid-item .dn-grid-item-container {
    display: block;
    margin-left: auto;
    margin-right: auto; }

.dn-widget-spacing-none .dn-grid.dn-with-spacing {
  margin-left: 0px;
  margin-bottom: 0px; }

.dn-grid.dn-with-spacing .dn-grid-item {
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-top: 0px; }
  .dn-grid.dn-with-spacing .dn-grid-item .dn-grid-item-container {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px; }

/*
required so grid items will not be visible when calculating dropdown menu size if the item has a css effect
*/
.dn-calculating-menu-size .dn-grid-item {
  visibility: hidden;
  transition: none !important; }

.dn-calculating-menu-size .dn-image-transform {
  visibility: hidden;
  transition: none !important; }

.dn-calculating-menu-size .dn-image-overlay {
  visibility: hidden;
  transition: none !important; }

.dn-calculating-menu-size .dn-image-image {
  visibility: hidden;
  transition: none !important; }

/*
The 'responsive' padding
*/
@media only screen and (min-width: 0px) {
  .dn-widget-spacing-small .dn-grid.dn-with-spacing {
    margin-left: -1px;
    margin-top: -1px; }
  .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 1px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 1px; }
  .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories {
    margin-bottom: 1px; }
  .dn-widget-spacing-medium .dn-grid.dn-with-spacing {
    margin-left: -3px;
    margin-top: -3px; }
  .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 3px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 3px; }
  .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories {
    margin-bottom: 3px; }
  .dn-widget-spacing-large .dn-grid.dn-with-spacing {
    margin-left: -6px;
    margin-top: -6px; }
  .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 6px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 6px; }
  .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories {
    margin-bottom: 6px; }
  .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing {
    margin-left: -8px;
    margin-top: -8px; }
  .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 8px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 8px; }
  .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories {
    margin-bottom: 8px; }
  .dn-widget-spacing-default .dn-grid.dn-with-spacing {
    margin-left: -3px;
    margin-top: -3px; }
  .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 3px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 3px; }
  .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories {
    margin-bottom: 3px; } }

@media only screen and (min-width: 768px) {
  .dn-widget-spacing-small .dn-grid.dn-with-spacing {
    margin-left: -2px;
    margin-top: -2px; }
  .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 2px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 2px; }
  .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories {
    margin-bottom: 2px; }
  .dn-widget-spacing-medium .dn-grid.dn-with-spacing {
    margin-left: -6px;
    margin-top: -6px; }
  .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 6px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 6px; }
  .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories {
    margin-bottom: 6px; }
  .dn-widget-spacing-large .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; }
  .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing {
    margin-left: -16px;
    margin-top: -16px; }
  .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 16px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 16px; }
  .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories {
    margin-bottom: 16px; }
  .dn-widget-spacing-default .dn-grid.dn-with-spacing {
    margin-left: -6px;
    margin-top: -6px; }
  .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 6px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 6px; }
  .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories {
    margin-bottom: 6px; } }

@media only screen and (min-width: 992px) {
  .dn-widget-spacing-small .dn-grid.dn-with-spacing {
    margin-left: -2px;
    margin-top: -2px; }
  .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 2px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 2px; }
  .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories {
    margin-bottom: 2px; }
  .dn-widget-spacing-medium .dn-grid.dn-with-spacing {
    margin-left: -6px;
    margin-top: -6px; }
  .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 6px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 6px; }
  .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories {
    margin-bottom: 6px; }
  .dn-widget-spacing-large .dn-grid.dn-with-spacing {
    margin-left: -16px;
    margin-top: -16px; }
  .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 16px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 16px; }
  .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories {
    margin-bottom: 16px; }
  .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing {
    margin-left: -24px;
    margin-top: -24px; }
  .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 24px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 24px; }
  .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories {
    margin-bottom: 24px; }
  .dn-widget-spacing-default .dn-grid.dn-with-spacing {
    margin-left: -6px;
    margin-top: -6px; }
  .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 6px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 6px; }
  .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories {
    margin-bottom: 6px; } }

@media only screen and (min-width: 1210px) {
  .dn-widget-spacing-small .dn-grid.dn-with-spacing {
    margin-left: -4px;
    margin-top: -4px; }
  .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 4px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 4px; }
  .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories {
    margin-bottom: 4px; }
  .dn-widget-spacing-medium .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; }
  .dn-widget-spacing-large .dn-grid.dn-with-spacing {
    margin-left: -24px;
    margin-top: -24px; }
  .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 24px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 24px; }
  .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories {
    margin-bottom: 24px; }
  .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing {
    margin-left: -32px;
    margin-top: -32px; }
  .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 32px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 32px; }
  .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories {
    margin-bottom: 32px; }
  .dn-widget-spacing-default .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; } }

/*
the 'non-responsive' spans
*/
@media only screen and (min-width: 0px) {
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing {
    margin-left: -4px;
    margin-top: -4px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 4px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 4px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories {
    margin-bottom: 4px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing {
    margin-left: -24px;
    margin-top: -24px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 24px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 24px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories {
    margin-bottom: 24px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing {
    margin-left: -32px;
    margin-top: -32px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 32px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 32px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories {
    margin-bottom: 32px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing {
    margin-left: -4px;
    margin-top: -4px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 4px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 4px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories {
    margin-bottom: 4px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing {
    margin-left: -24px;
    margin-top: -24px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 24px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 24px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories {
    margin-bottom: 24px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing {
    margin-left: -32px;
    margin-top: -32px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 32px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 32px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories {
    margin-bottom: 32px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing {
    margin-left: -4px;
    margin-top: -4px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 4px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 4px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories {
    margin-bottom: 4px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing {
    margin-left: -24px;
    margin-top: -24px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 24px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 24px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories {
    margin-bottom: 24px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing {
    margin-left: -32px;
    margin-top: -32px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 32px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 32px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories {
    margin-bottom: 32px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing {
    margin-left: -4px;
    margin-top: -4px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 4px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 4px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories {
    margin-bottom: 4px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing {
    margin-left: -24px;
    margin-top: -24px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 24px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 24px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories {
    margin-bottom: 24px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing {
    margin-left: -32px;
    margin-top: -32px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 32px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 32px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories {
    margin-bottom: 32px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing {
    margin-left: -4px;
    margin-top: -4px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 4px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 4px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories {
    margin-bottom: 4px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing {
    margin-left: -24px;
    margin-top: -24px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 24px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 24px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories {
    margin-bottom: 24px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing {
    margin-left: -32px;
    margin-top: -32px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 32px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 32px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories {
    margin-bottom: 32px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing {
    margin-left: -4px;
    margin-top: -4px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 4px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 4px; }
  .dn-fixed-sizing .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories {
    margin-bottom: 4px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing {
    margin-left: -24px;
    margin-top: -24px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 24px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 24px; }
  .dn-fixed-sizing .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories {
    margin-bottom: 24px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing {
    margin-left: -32px;
    margin-top: -32px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 32px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 32px; }
  .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories {
    margin-bottom: 32px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing {
    margin-left: -12px;
    margin-top: -12px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item {
    padding-left: 12px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 12px; }
  .dn-fixed-sizing .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories {
    margin-bottom: 12px; } }

.dn-hierarchy {
  letter-spacing: -0.31em;
  font-size: 1em; }
  .dn-hierarchy li.dn-hierarchy-node {
    padding-left: 20px; }
    .dn-hierarchy li.dn-hierarchy-node span {
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal;
      cursor: pointer;
      padding-top: 2px; }
    .dn-hierarchy li.dn-hierarchy-node span.dn-hierarchy-label {
      font-size: 16px;
      line-height: 1.5em;
      vertical-align: middle; }
    .dn-hierarchy li.dn-hierarchy-node span.dn-hierarchy-expander {
      margin-left: -20px;
      width: 20px;
      vertical-align: middle;
      font-size: 16px;
      line-height: 1.5em;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .dn-hierarchy li.dn-hierarchy-node span.dn-hierarchy-expander:before {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "h";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal;
      transition: transform 0.1s linear; }
    .dn-hierarchy li.dn-hierarchy-node ul.dn-hierarchy-children {
      display: none; }
    .dn-hierarchy li.dn-hierarchy-node.dn-hierarchy-node-divider span {
      cursor: auto; }
  .dn-hierarchy li.dn-hierarchy-node.dn-expanded > ul.dn-hierarchy-children {
    display: block; }
  .dn-hierarchy li.dn-hierarchy-node.dn-expanded > span.dn-hierarchy-expander:before {
    transform: rotate(90deg); }
  .dn-hierarchy li.dn-selected > span {
    font-weight: bold; }
    .dn-hierarchy li.dn-selected > span a {
      font-weight: bold; }

@media only screen and (min-width: 768px) {
  .dn-hierarchy li.dn-hierarchy-node {
    padding-left: 33px; }
    .dn-hierarchy li.dn-hierarchy-node span.dn-hierarchy-expander {
      margin-left: -13px;
      width: 13px; }
    .dn-hierarchy li.dn-hierarchy-node span.dn-hierarchy-expander:before {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "h";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal; }
  .dn-hierarchy li.dn-hierarchy-node.dn-list-vertical {
    padding-left: 0px; }
  .dn-hierarchy li.dn-hierarchy-node.dn-expanded > span.dn-hierarchy-expander:before {
    transform: rotate(90deg); } }

.dn-links-list {
  letter-spacing: -0.31em;
  font-size: 1em; }
  .dn-links-list.dn-list-horizontal li {
    display: inline-block;
    padding-left: 0px;
    padding-right: 10px; }

.dn-widget.dn-mobile-align-right .dn-links-list.dn-list-horizontal li {
  padding-left: 10px;
  padding-right: 0px; }

.dn-widget.dn-mobile-align-center .dn-links-list.dn-list-horizontal li {
  padding-left: 5px;
  padding-right: 5px; }

.dn-paginator {
  letter-spacing: -0.31em;
  text-align: center; }
  .dn-paginator li {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    padding: 0.5%;
    line-height: 1em; }
  .dn-paginator li.dn-ellipsis {
    opacity: 0.7; }
  .dn-paginator li.dn-paginator-items {
    padding-left: 10px;
    white-space: nowrap; }
  .dn-paginator li.dn-page-num {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0px; }

@media only screen and (min-width: 0px) {
  .dn-widget-spacing-small .dn-paginator-below {
    padding-top: 1px; }
  .dn-widget-spacing-medium .dn-paginator-below {
    padding-top: 3px; }
  .dn-widget-spacing-large .dn-paginator-below {
    padding-top: 6px; }
  .dn-widget-spacing-xlarge .dn-paginator-below {
    padding-top: 8px; }
  .dn-widget-spacing-default .dn-paginator-below {
    padding-top: 3px; } }

@media only screen and (min-width: 768px) {
  .dn-widget-spacing-small .dn-paginator-below {
    padding-top: 2px; }
  .dn-widget-spacing-medium .dn-paginator-below {
    padding-top: 6px; }
  .dn-widget-spacing-large .dn-paginator-below {
    padding-top: 12px; }
  .dn-widget-spacing-xlarge .dn-paginator-below {
    padding-top: 16px; }
  .dn-widget-spacing-default .dn-paginator-below {
    padding-top: 6px; } }

@media only screen and (min-width: 992px) {
  .dn-widget-spacing-small .dn-paginator-below {
    padding-top: 2px; }
  .dn-widget-spacing-medium .dn-paginator-below {
    padding-top: 6px; }
  .dn-widget-spacing-large .dn-paginator-below {
    padding-top: 16px; }
  .dn-widget-spacing-xlarge .dn-paginator-below {
    padding-top: 24px; }
  .dn-widget-spacing-default .dn-paginator-below {
    padding-top: 6px; } }

@media only screen and (min-width: 1210px) {
  .dn-widget-spacing-small .dn-paginator-below {
    padding-top: 4px; }
  .dn-widget-spacing-medium .dn-paginator-below {
    padding-top: 12px; }
  .dn-widget-spacing-large .dn-paginator-below {
    padding-top: 24px; }
  .dn-widget-spacing-xlarge .dn-paginator-below {
    padding-top: 32px; }
  .dn-widget-spacing-default .dn-paginator-below {
    padding-top: 12px; } }

.dn-color-panel {
  overflow: hidden;
  line-height: 1px; }
  .dn-color-panel .dn-color-panel-cell {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    margin-bottom: 4px;
    display: inline-block;
    border: 1px solid rgba(230, 230, 230, 0.89); }
    .dn-color-panel .dn-color-panel-cell:hover {
      border-color: rgba(153, 153, 153, 0.89); }
    .dn-color-panel .dn-color-panel-cell.dn-selected {
      border-color: rgba(128, 128, 128, 0.89); }
    .dn-color-panel .dn-color-panel-cell span {
      display: block;
      background-size: cover;
      background-position: center; }
    .dn-color-panel .dn-color-panel-cell b {
      display: none; }
    .dn-color-panel .dn-color-panel-cell.dn-color-panel-cell-unavailable {
      position: relative; }
      .dn-color-panel .dn-color-panel-cell.dn-color-panel-cell-unavailable .unavailable-overlay {
        background-image: url(/images/crossout-multi.png);
        position: absolute;
        top: 0px;
        height: 100%;
        width: 100%; }
  .dn-color-panel .dn-color-panel-cell-unavailable-spacer {
    width: 2px;
    height: 20px;
    margin-right: 4px;
    margin-bottom: 4px;
    display: inline-block; }

/*@import "page_content/color_picker.scss";*/
.dn-with-rollover-image {
  position: relative;
  display: block; }

.dn-rollover-image {
  display: none !important;
  position: absolute;
  z-index: 2; }

.dn-with-rollover-image:hover .dn-rollover-image {
  display: block !important; }

.dn-social-share-outer-container {
  text-align: right; }
  .dn-social-share-outer-container .dn-social-share-expand-container {
    display: inline-block;
    border-radius: 15px;
    border: 1px solid black;
    background-color: white;
    height: 30px;
    overflow: hidden; }
    .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container {
      display: inline-block;
      width: 260px;
      height: 30px;
      padding-top: 4px;
      max-width: 0px;
      text-align: right;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
      z-index: 20;
      transition: max-width 1s; }
      .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div {
        white-space: nowrap;
        line-height: 0; }
        .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div > div {
          display: inline-block;
          margin: 0 2px;
          vertical-align: top; }
        .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div a {
          line-height: 0; }
        .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-send a {
          width: 43px;
          height: 21px;
          display: inline-block;
          padding: 1px;
          font-size: 14px;
          text-align: center;
          border: 1px solid lightgrey;
          border-radius: 2px; }
          .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-send a span {
            display: none; }
          .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-send a:before {
            font-family: "decofonts" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "v";
            display: inline-block;
            letter-spacing: normal;
            word-spacing: normal; }
        .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-pinterest a {
          line-height: 20px; }
        .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-twitter iframe {
          height: 20px;
          width: 60px; }
        .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-facebook {
          width: 137px; }
          .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-facebook div,
          .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-facebook span,
          .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-facebook iframe {
            width: 137px !important;
            /* override inline style */ }
  .dn-social-share-outer-container .dn-social-share-container.dn-with-send {
    width: auto;
    max-width: 0px; }
  .dn-social-share-outer-container .dn-social-share-expand-container.dn-calculating-menu-position {
    overflow: hidden;
    width: 30px; }
    .dn-social-share-outer-container .dn-social-share-expand-container.dn-calculating-menu-position .dn-social-facebook > div {
      display: none; }

.dn-social-share-button {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 2px 1px;
  vertical-align: top;
  font-size: 23px;
  cursor: pointer; }
  .dn-social-share-button:before {
    font-family: "decofonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "/";
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    padding-right: 3px;
    padding-top: 1px; }
  .dn-social-share-button .dn-dropdown-anchor {
    display: block;
    max-width: 1px;
    text-decoration: underline;
    background-attachment: fixed;
    background-color: transparent;
    display: none; }

.dn-social-share-outer-container[data-breakpoint-300='true'] .dn-social-share-expand-container {
  border: none;
  border-radius: 2px; }

.dn-social-share-outer-container[data-breakpoint-300='true'] .dn-social-share-container {
  max-width: 280px; }

.dn-social-share-outer-container[data-breakpoint-300='true'] .dn-social-share-container.dn-with-send {
  max-width: 320px; }

.dn-social-share-outer-container[data-breakpoint-300='true'] .dn-social-share-button {
  display: none; }

.dn-listing-container .dn-listing-header {
  position: relative; }
  .dn-listing-container .dn-listing-header .dn-listing-heading-container {
    width: 100%;
    display: inline-block; }
  .dn-listing-container .dn-listing-header .dn-sort-selector {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    padding-bottom: 20px; }
    .dn-listing-container .dn-listing-header .dn-sort-selector span {
      border: 1px solid #ccc;
      padding: 10px;
      margin-bottom: 10px; }
    .dn-listing-container .dn-listing-header .dn-sort-selector span:after {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "f";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal;
      vertical-align: text-top; }
    .dn-listing-container .dn-listing-header .dn-sort-selector .dn-dropdown-anchor {
      display: block;
      text-align: right;
      vertical-align: top;
      height: 0px;
      max-height: 1px; }

.dn-listing-container .dn-listing-sort-header {
  position: relative;
  width: 100%;
  display: inline-block;
  padding-top: 10px;
  z-index: 1; }
  @media only screen and (min-width: 768px) {
    .dn-listing-container .dn-listing-sort-header {
      padding-bottom: 15px; } }
  .dn-listing-container .dn-listing-sort-header.dn-listing-pagination-off, .dn-listing-container .dn-listing-sort-header.dn-listing-sort-off {
    padding-bottom: 15px; }
    .dn-listing-container .dn-listing-sort-header.dn-listing-pagination-off .dn-listing-sort-header-center, .dn-listing-container .dn-listing-sort-header.dn-listing-sort-off .dn-listing-sort-header-center {
      width: 30%;
      margin-top: 0px; }
  .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-right,
  .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-left {
    display: inline-block;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-right,
      .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-left {
        width: 35%; } }
    .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-right .dn-sort-selector,
    .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-right .dn-filter-selector,
    .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-left .dn-sort-selector,
    .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-left .dn-filter-selector {
      position: relative;
      display: inline-block; }
  .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-right {
    text-align: right;
    padding-bottom: 15px; }
    @media only screen and (min-width: 768px) {
      .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-right {
        padding-bottom: 0px; } }
  .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-center {
    display: inline-block;
    width: 100%;
    margin-top: 15px; }
    @media only screen and (min-width: 768px) {
      .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-center {
        width: 30%;
        margin-top: 0px; } }
  .dn-listing-container .dn-listing-sort-header .dn-sort-selector,
  .dn-listing-container .dn-listing-sort-header .dn-filter-selector {
    cursor: pointer;
    margin-top: 10px; }
    .dn-listing-container .dn-listing-sort-header .dn-sort-selector span,
    .dn-listing-container .dn-listing-sort-header .dn-filter-selector span {
      border: 1px solid rgba(204, 204, 204, 0.89);
      padding: 10px;
      margin-bottom: 10px;
      background-color: rgba(255, 255, 255, 0.89); }
    .dn-listing-container .dn-listing-sort-header .dn-sort-selector span:after,
    .dn-listing-container .dn-listing-sort-header .dn-filter-selector span:after {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "f";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal;
      vertical-align: text-top; }
    .dn-listing-container .dn-listing-sort-header .dn-sort-selector .dn-dropdown-anchor,
    .dn-listing-container .dn-listing-sort-header .dn-filter-selector .dn-dropdown-anchor {
      display: block;
      text-align: right;
      vertical-align: top;
      height: 0px;
      max-height: 1px; }

.dn-listing-container .dn-listing-filter-header {
  position: relative;
  width: 100%;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 1; }
  .dn-listing-container .dn-listing-filter-header > div {
    display: inline-block;
    width: 100%;
    vertical-align: top; }
  .dn-listing-container .dn-listing-filter-header .dn-sort-selector {
    cursor: pointer;
    width: 100%;
    text-align: right; }
    .dn-listing-container .dn-listing-filter-header .dn-sort-selector span {
      display: inline-block;
      width: 100%;
      border: 1px solid rgba(204, 204, 204, 0.89);
      padding: 10px;
      background-color: rgba(255, 255, 255, 0.89); }
    .dn-listing-container .dn-listing-filter-header .dn-sort-selector span:after {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "f";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal;
      vertical-align: text-top; }
    .dn-listing-container .dn-listing-filter-header .dn-sort-selector .dn-dropdown-anchor {
      display: block;
      text-align: right;
      vertical-align: top;
      height: 0px;
      max-height: 1px; }
  .dn-listing-container .dn-listing-filter-header .dn-active-filters .dn-active-filter {
    cursor: pointer;
    padding: 5px;
    display: inline-block;
    margin-right: 3px;
    background-color: rgba(255, 255, 255, 0.89);
    border: 1px solid rgba(204, 204, 204, 0.89);
    border-radius: 5px; }
    .dn-listing-container .dn-listing-filter-header .dn-active-filters .dn-active-filter > div {
      display: inline-block;
      vertical-align: middle; }
    .dn-listing-container .dn-listing-filter-header .dn-active-filters .dn-active-filter .dn-filter-remove {
      vertical-align: middle;
      display: inline-block;
      font-size: 0.5em;
      margin-left: 3px;
      opacity: 0.8; }
    .dn-listing-container .dn-listing-filter-header .dn-active-filters .dn-active-filter .dn-filter-remove:after {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "m";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal; }
  .dn-listing-container .dn-listing-filter-header .dn-active-filters .dn-active-filter:hover {
    border-color: rgba(102, 102, 102, 0.89); }
    .dn-listing-container .dn-listing-filter-header .dn-active-filters .dn-active-filter:hover .dn-filter-remove {
      opacity: 1; }

@media only screen and (min-width: 768px) {
  .dn-listing-container .dn-listing-filter-header.dn-sort-left .dn-listing-sort {
    width: 200px; }
  .dn-listing-container .dn-listing-filter-header.dn-sort-left .dn-listing-filters {
    vertical-align: middle;
    margin-left: -200px;
    padding-left: 210px; }
  .dn-listing-container .dn-listing-filter-header.dn-sort-right .dn-listing-sort {
    width: 200px; }
  .dn-listing-container .dn-listing-filter-header.dn-sort-right .dn-listing-filters {
    vertical-align: middle;
    margin-right: -200px;
    padding-right: 210px; } }

.dn-listing-container .dn-tabs-container .dn-tabs-panels .dn-tabs-panel {
  display: block;
  height: 0px; }
  .dn-listing-container .dn-tabs-container .dn-tabs-panels .dn-tabs-panel:not(.dn-alt) .dn-grid,
  .dn-listing-container .dn-tabs-container .dn-tabs-panels .dn-tabs-panel:not(.dn-alt) .dn-tax-notice-container {
    display: none; }
  .dn-listing-container .dn-tabs-container .dn-tabs-panels .dn-tabs-panel.dn-alt {
    height: auto; }

.dn-sort-dropdown-container {
  display: block;
  position: absolute;
  max-width: none;
  right: auto;
  top: 0px;
  bottom: auto;
  max-height: 0px;
  width: 200px;
  transition: max-height 0.2s;
  overflow: hidden;
  z-index: 20; }
  .dn-sort-dropdown-container .dn-sort-dropdown {
    background-color: rgba(255, 255, 255, 0.89);
    border: 1px solid rgba(204, 204, 204, 0.89); }
    .dn-sort-dropdown-container .dn-sort-dropdown .dn-sort-node {
      padding: 1px 10px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      .dn-sort-dropdown-container .dn-sort-dropdown .dn-sort-node a {
        cursor: pointer;
        display: block;
        padding: 5px; }
      .dn-sort-dropdown-container .dn-sort-dropdown .dn-sort-node:hover {
        background-color: rgba(204, 204, 204, 0.89); }
      .dn-sort-dropdown-container .dn-sort-dropdown .dn-sort-node.dn-selected {
        background-color: rgba(204, 204, 204, 0.89); }

.dn-content-expander {
  position: relative; }
  .dn-content-expander .dn-content-expander-actions {
    display: none; }

.dn-content-expander.dn-content-expandable {
  overflow: hidden;
  transition: max-height 0.3s; }
  .dn-content-expander.dn-content-expandable .dn-content-expander-actions {
    position: absolute;
    display: block;
    height: 80px;
    width: 100%;
    bottom: 0px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(-270deg, rgba(255, 255, 255, 0.89) 0%, rgba(255, 255, 255, 0.89) 40%, transparent 100%);
    background-image: linear-gradient(0deg,rgba(255, 255, 255, 0.89) 0%, rgba(255, 255, 255, 0.89) 40%, transparent 100%); }
    .dn-content-expander.dn-content-expandable .dn-content-expander-actions > div {
      text-align: center;
      padding-top: 55px; }
      .dn-content-expander.dn-content-expandable .dn-content-expander-actions > div span {
        display: inline-block;
        background-color: transparent;
        cursor: pointer; }
    .dn-content-expander.dn-content-expandable .dn-content-expander-actions .dn-content-expander-expand span:after {
      font-family: "decofonts" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "z";
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal;
      padding-left: 5px;
      vertical-align: text-top; }
    .dn-content-expander.dn-content-expandable .dn-content-expander-actions .dn-content-expander-retract {
      display: none; }
      .dn-content-expander.dn-content-expandable .dn-content-expander-actions .dn-content-expander-retract span:after {
        font-family: "decofonts" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "C";
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        padding-left: 5px;
        vertical-align: text-top; }

.dn-content-expander.dn-content-expandable.dn-alt {
  transition: max-height 0.3s; }
  .dn-content-expander.dn-content-expandable.dn-alt .dn-content-expander-actions {
    position: relative;
    height: auto; }
    .dn-content-expander.dn-content-expandable.dn-alt .dn-content-expander-actions .dn-content-expander-expand {
      display: none; }
    .dn-content-expander.dn-content-expandable.dn-alt .dn-content-expander-actions .dn-content-expander-retract {
      padding-top: 0px;
      display: block; }

.dn-nav-dropdown-container-large.dn-nav-width-content {
  width: 100%; }

.dn-nav-dropdown-container-large.dn-nav-width-content > .dn-nav-dropdown {
  width: 100%; }

.dn-nav-dropdown-container-large.dn-nav-width-page {
  width: 100%; }

.dn-calculating-menu-position * {
  visibility: hidden; }

footer {
  text-align: center; }
  footer .dn-footer {
    letter-spacing: -0.31em; }
    footer .dn-footer h4 {
      margin-bottom: 5px;
      margin-top: 5px;
      color: #c4c4c4;
      display: block;
      text-transform: uppercase; }
      @media only screen and (min-width: 768px) {
        footer .dn-footer h4 {
          margin-bottom: 30px; } }
    footer .dn-footer .dn-footer-links {
      width: 100%;
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      word-spacing: normal; }
      @media only screen and (min-width: 768px) {
        footer .dn-footer .dn-footer-links {
          width: 33.3333333333%;
          display: inline-block;
          vertical-align: top;
          letter-spacing: normal;
          word-spacing: normal; } }
    footer .dn-footer .dn-newsletter-signup {
      width: 100%;
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      word-spacing: normal; }
      @media only screen and (min-width: 768px) {
        footer .dn-footer .dn-newsletter-signup {
          width: 33.3333333333%;
          display: inline-block;
          vertical-align: top;
          letter-spacing: normal;
          word-spacing: normal; } }
    footer .dn-footer .dn-social-links {
      width: 100%;
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      word-spacing: normal; }
      @media only screen and (min-width: 768px) {
        footer .dn-footer .dn-social-links {
          width: 33.3333333333%;
          display: inline-block;
          vertical-align: top;
          letter-spacing: normal;
          word-spacing: normal; } }
  footer .dn-pos-message-container {
    background-color: black;
    color: rgba(255, 255, 255, 0.89); }
    footer .dn-pos-message-container .dn-pos-message {
      padding: 4px; }
      footer .dn-pos-message-container .dn-pos-message p {
        margin-bottom: 0; }
  footer .dn-decolinked-container div,
  footer .dn-cookieconsent-container div {
    padding: 5px;
    margin-bottom: 0px; }

footer div.dn-newsletter-signup-form input.dn-email {
  width: 70%;
  float: left;
  display: inline-block;
  padding: 0;
  line-height: 38px;
  text-indent: 10px;
  margin-bottom: 0;
  height: 40px;
  margin: 0px; }

footer div.dn-newsletter-signup-form .dn-btn {
  width: 30%;
  float: left;
  display: inline-block;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  padding: 0;
  line-height: 40px;
  margin-bottom: 0; }

.dn-terms-conditions-and-copyright-container {
  margin-top: 10px;
  text-align: center; }

.dn-powered-by-container {
  padding: 5px; }
  .dn-powered-by-container.alt a {
    background: transparent none;
    height: auto;
    width: auto;
    margin: 0;
    text-indent: 0; }
  .dn-powered-by-container a {
    background: url(/images/logo-deconetwork.png) 0 50% no-repeat;
    display: inline-block;
    font-weight: bold;
    height: 40px;
    margin-left: 5px;
    text-indent: -9999px;
    width: 172px;
    vertical-align: middle; }

.dn-social-links-container.dn-display-as-icons li a {
  background-color: #333333;
  color: rgba(255, 255, 255, 0.89);
  border-radius: 50%;
  height: 28px;
  width: 28px;
  margin: 2px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  font-size: 21.5px;
  transition: opacity 0.5s;
  text-decoration: none; }

.dn-social-links-container.dn-display-as-icons li a:hover {
  background-color: #333333;
  color: rgba(255, 255, 255, 0.89); }

a {
  -webkit-transition: color 0.5s ease-in;
  -moz-transition: color 0.5s ease-in;
  transition: color 0.5s ease-in; }

.dn-inline-header .dn-lh-1rllor nav.dn-nav-main {
  text-align: center; }

/*
main navigation theme settings
*/
nav {
  text-align: center; }
  nav .dn-nav-item {
    cursor: pointer; }
    nav .dn-nav-item a {
      cursor: pointer; }

.dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item a, .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item .dn-currency-selector {
  line-height: 2em; }

@media only screen and (min-width: 768px) {
  .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item a {
    color: black; }
  .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item a:hover {
    background-color: rgba(51, 51, 51, 0.89); }
  .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item span {
    color: black; } }

.dn-nav-item .dn-currency-selector {
  padding-right: 0px; }

.dn-shopping-cart-icon-over-right-popup {
  border-left: 0px; }

body.dn-inline-header header.dn-lh-1rllor .dn-large-header-container .dn-large-header {
  background-color: black;
  margin-top: 0px; }

main.dn-content {
  margin-top: 0px; }

.dn-site:not(.dn-edit-mode):not([class*="dn-fullscreen"]) main.dn-content {
  overflow-y: hidden; }

footer h2 {
  color: #c4c4c4; }

footer a {
  color: white; }
  footer a:hover {
    color: rgba(0, 0, 0, 0.89); }

footer .dn-social-links-container.dn-display-as-icons li a {
  background-color: white;
  color: rgba(255, 255, 255, 0.89); }

.dn-site:not(.dn-edit-mode):not([class*="dn-fullscreen"]) footer {
  overflow-y: hidden; }

.dn-blank-products .dn-grid-text.dn-product-name {
  margin-top: 5px;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold; }

.dn-blank-products .dn-grid-text.dn-product-prices {
  font-size: 0.8em; }
  .dn-blank-products .dn-grid-text.dn-product-prices a {
    font-weight: bold; }

.dn-decorated-products .dn-grid-text.dn-product-name {
  margin-top: 5px;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold; }

.dn-decorated-products .dn-grid-text.dn-product-price {
  font-size: 1.1em; }
  .dn-decorated-products .dn-grid-text.dn-product-price a {
    font-weight: bold; }

.dn-designs .dn-grid-text.dn-design-name {
  margin-top: 5px;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold; }

.dn-image-gallery-container .dn-grid-text {
  margin-top: 5px;
  font-size: 1.1em; }

body.dn-behaviours-bound {
  visibility: visible; }

/* ============================================================================
   TSHIRT WORKSHOP — DecoNetwork custom CSS
   ============================================================================
   HOW TO FIND THINGS
   • Every section starts with a banner: "SECNN  AREA — title". Search for "SECNN"
     to jump straight to it, or search "AREA —" (e.g. "CART —") to step
     through everything for that part of the site.
   • Sub-sections inside a section look like "---- title ----".
   • Section order is the ORIGINAL cascade order (later rules still win), so
     related sections are not always adjacent — use the index by area below.
   • SEC106 held the rules the browser was silently ignoring in the old file;
     it was emptied on 27 Sep 2026. The sections after it (SEC107 on) are new
     work.

   INDEX BY AREA
   TOKENS         SEC01
   GLOBAL         SEC95 SEC100
   TYPE           SEC107
   HEADER         SEC58 SEC61 SEC62 SEC63 SEC64 SEC65 SEC67 SEC68 SEC96 SEC113 (the phone header)
   NAV            SEC60 SEC66 SEC69 SEC70 SEC71 SEC72 SEC73 SEC74 SEC75 (retired, bar a few page rules; see SEC113) SEC81 (retired) SEC83 SEC113 (the phone menu) SEC121 (the desktop menu)
   SEARCH         SEC59 SEC98 SEC123 (live results as you type) SEC127 (the results page)
   BREADCRUMBS    SEC97
   PRODUCT GRID   SEC57 SEC85 SEC88 SEC89 SEC90 SEC91 SEC92 SEC93 SEC94 SEC101
   FILTERS        SEC86 SEC87
   PAGINATION     SEC52
   PRODUCT PAGE   SEC02 SEC03 SEC04 SEC11 SEC12 SEC99 SEC112 (a design on a product)
   PRICING        SEC16
   SALE           SEC17 SEC18 SEC19
   DESIGNER       SEC09 SEC13 SEC14 SEC15 SEC20 SEC21 SEC22 SEC23 SEC24 SEC25 SEC26 SEC27 SEC28 SEC29 SEC30 SEC31 SEC32 SEC33 SEC34 SEC35 SEC36 SEC37 SEC38 SEC39 SEC40 SEC41 SEC42 SEC43 SEC44 SEC45 SEC46 SEC47 SEC48 SEC49 SEC50 SEC51 SEC102 (retired; see SEC109)
   CART           SEC76 SEC77 SEC78 SEC79 SEC80 SEC84 (retired, bar a few rules; see SEC114) SEC110 (the cart page) SEC114 (the header cart and drawer)
   CHECKOUT       SEC56 SEC110
   DESIGNS        SEC111 (the design library pages) SEC112 (a design on a product)
   FAVOURITES     SEC53 SEC54 SEC55
   LOGIN          SEC07 SEC08 SEC104 SEC105 SEC130 (Sign in, the email link, Create an account and Reset password as one family)
   POPUPS         SEC05 SEC06 SEC10 SEC82
   FOOTER         SEC115 (the compact footer, the blocks above it, the feedback pop-ups)
   PAGES          SEC116 (page forms: quotes, contact; the 404 page; Terms and the Print Promise) SEC130 (the 404 page on the page line)
   HOME           SEC117 (the home page blocks)
   FOOTER v2      SEC118 (the footer block)
   REVIEWS        SEC119 (the reviews block, live Google reviews)
   FAQ            SEC120 (the FAQ page block)
   NAV v2         SEC121 (the desktop header's links and dropdown panels)
   PRICING        SEC122 (the Pricing page: an easy screen over DN's Quick Quote) SEC132 (the header's Pricing list; Pricing's choices carried into Get a Quote)
   SEARCH v2      SEC123 (live results under every search box) SEC127 (the results page)
   DELIVERY       SEC128 (the delivery estimate on Pricing, product pages, the cart and the cart drawer)
   GALLERY        SEC129 (the Gallery page; v2: the control centre's photos and the photo viewer)
   CONTROL CENTRE SEC133 (the announcement strip, sale tags, the offer card; with the control centre's scripts)
   TIME CLOCK     SEC134 (the staff time clock at /time_clock)
   QUOTES         SEC124 (the Request a Quote page: DN's quote form in three steps; the thank-you page) SEC131 (the contact form's thank-you page)
   CHAT           SEC125 (Chat With Us links; the chat bubble stays hidden until asked for)
   MISC           SEC103

   TABLE OF CONTENTS
   SEC01 TOKENS — Design tokens — CSS custom properties (merged from four :root blocks), the Inter font face, DN's Style Editor pink
   SEC02 PRODUCT PAGE — Pre-decorated products — hide Afterpay messaging
   SEC03 PRODUCT PAGE — Product page — image alignment
   SEC04 PRODUCT PAGE — Product page — layout fixes (image padding, min-height, native zoom-out)
   SEC05 POPUPS — Popup background kill switch (ACTIVE — hides every .dn-popup-background except .dn-sp-popup-background)
   SEC06 POPUPS — Ghost popup fix + designer popup z-index
   SEC07 LOGIN — Native login / sign-up popup restyle (desktop)
   SEC08 LOGIN — Native login / sign-up popup — mobile (full screen, scrollable)
   SEC09 DESIGNER — Quantity selector (min-quantity text hidden, dropdown styling)
   SEC10 POPUPS — Image preview popup — force to top layer
   SEC11 PRODUCT PAGE — "More product info" link (flat pink button)
   SEC12 PRODUCT PAGE — Blank product page — layout v2 (mobile-first flow, gallery rail, size grid, deal track, cards)
   SEC13 DESIGNER — lower padding (small breakpoint)
   SEC14 DESIGNER — properties panel expands to fit content
   SEC15 DESIGNER — product views panel expands to fit content
   SEC16 PRICING — Price styling — regular, RRP strikethrough, discount badge (grid + product page)
   SEC17 SALE — Cart popup — sale item badge
   SEC18 SALE — Site-wide sale mode — purple banner & pills
   SEC19 SALE — Cart footer — purple discount row
   SEC20 DESIGNER — Mobile designer — force fullscreen
   SEC21 DESIGNER — draggable toolbar with drag lines (desktop & mobile)
   SEC22 DESIGNER — canvas control (desktop only)
   SEC23 DESIGNER — element controls (stop ghost trails on mobile)
   SEC24 DESIGNER — text settings (hide Effect & Gradient on mobile)
   SEC25 DESIGNER — views panel (desktop & mobile)
   SEC26 DESIGNER — properties panel (desktop & mobile): widths, product details, colour panel, description
   SEC27 DESIGNER — Mobile designer — container inset, toolbar, sundry options
   SEC28 DESIGNER — toolbar
   SEC29 DESIGNER — scaled-up main image (mobile & desktop)
   SEC30 DESIGNER — Mobile product panel — Apply button (cross-browser)
   SEC31 DESIGNER — panel headers
   SEC32 DESIGNER — decoration area borders + customisable grid
   SEC33 DESIGNER — toolbar button states (zoom fixed)
   SEC34 DESIGNER — text colour popup, mobile fix
   SEC35 DESIGNER — text colour popup, desktop fix
   SEC36 DESIGNER — Designer modernisation — overview & customisation guide
   SEC37 DESIGNER — Designer modernisation 1 — top toolbar (design actions)
   SEC38 DESIGNER — Designer modernisation 2 — side panels, colour cells, buttons, Buy/Update button
   SEC39 DESIGNER — Designer modernisation 3 — canvas toolbar tools
   SEC40 DESIGNER — Designer modernisation 4 — decoration borders, hide/show toggle, grid button
   SEC41 DESIGNER — Designer modernisation 5 — zoom button
   SEC42 DESIGNER — Designer modernisation 6 — qty & price
   SEC43 DESIGNER — Designer modernisation 8 — used colours indicator
   SEC44 DESIGNER — Designer modernisation 9 — product views panel
   SEC45 DESIGNER — Designer modernisation 10 — layers panel
   SEC46 DESIGNER — Designer modernisation 11 — scrollbars
   SEC47 DESIGNER — Designer modernisation 12 — animations
   SEC48 DESIGNER — Designer modernisation 13 — focus states (accessibility)
   SEC49 DESIGNER — Designer modernisation 14 — loading states
   SEC50 DESIGNER — Designer modernisation 15 — popup backgrounds
   SEC51 DESIGNER — alert symbol
   SEC52 PAGINATION — Pagination — JS-controlled mobile pagination
   SEC53 FAVOURITES — Favourites page — v1 layout (cards, empty state)
   SEC54 FAVOURITES — Favourites — heart button on products & floating counter
   SEC55 FAVOURITES — Favourites page — matching native grid (header, grid, images, remove button, text, prices, empty state, mobile)
   SEC56 CHECKOUT — Cart page — footer row tweak (mobile overflow fix is quarantined, see end of file)
   SEC57 PRODUCT GRID — Listing sort dropdown
   SEC58 HEADER — Mobile header — logo sizing & position
   SEC59 SEARCH — Header search overlay (transforming search bar)
   SEC60 NAV — "More" dropdown — long menu names fix
   SEC61 HEADER — Account dropdown menu
   SEC62 HEADER — Hide mobile header on desktop
   SEC63 HEADER — Desktop slim header — consolidated
   SEC64 HEADER — Hide old DN headers & preview-site message
   SEC65 HEADER — Smart header (mobile) — fixed version
   SEC66 NAV — Mobile nav menu — below header, z-index fix
   SEC67 HEADER — Mobile header icons — container, icon buttons, badges, hamburger → X
   SEC68 HEADER — Mobile header icons — responsive adjustments
   SEC69 NAV — Mobile nav menu — base
   SEC70 NAV — Mobile nav menu — cart icon
   SEC71 NAV — Mobile nav menu — arrow fix
   SEC72 NAV — Mobile nav menu — touch-friendly styling
   SEC73 NAV — Mobile nav menu — submenu styling
   SEC74 NAV — Mobile nav menu — collapsible sections
   SEC75 NAV — Mobile nav menu — collapsible header styling
   SEC76 CART — Mobile floating cart — designer page styling
   SEC77 CART — Mobile floating cart — clickability
   SEC78 CART — Desktop floating cart — clickability
   SEC79 CART — Cart popup — tablet sizes (481–768px)
   SEC80 CART — Cart popup — scrolling structure (all sizes)
   SEC81 NAV — Cart menu item in hamburger menu
   SEC82 POPUPS — Z-index hierarchy — designer popups vs cart (all sizes)
   SEC83 NAV — Mobile nav menu — responsive widths
   SEC84 CART — Enhanced cart system v3.5 (sub-sections 1–15)
   SEC85 PRODUCT GRID — Colour popup selector (grid swatch "more" popup)
   SEC86 FILTERS — Modern filter styles (sidebar filters, size/colour pills, price range)
   SEC87 FILTERS — Mobile filter modal — native hide
   SEC88 PRODUCT GRID — Category grid v2 (cards, header, toolbar) — supersedes SEC89/90/92/93/94/101
   SEC89 PRODUCT GRID — Grid — reduced hover scaling for selected brands
   SEC90 PRODUCT GRID — Grid — anti-jump + product zoom 1.35x
   SEC91 PRODUCT GRID — Grid & product pages — consolidated text/price styles (hide "Print me"/"From", spacing, price, "Includes printing", hover)
   SEC92 PRODUCT GRID — Grid — size badges
   SEC93 PRODUCT GRID — Grid — compact colour selector (24px)
   SEC94 PRODUCT GRID — Grid — dynamic product badges (new, sale, popular, weights…)
   SEC95 GLOBAL — Global fixes & optimisations (reCAPTCHA badge, input font-size, keyframes)
   SEC96 HEADER — DN large header & navigation tweaks
   SEC97 BREADCRUMBS — Breadcrumbs — sharp chevrons & subtle hover
   SEC98 SEARCH — Search page-top popup & results
   SEC99 PRODUCT PAGE — Product pages — heading, decoration price, views, details panel, brand/name
   SEC100 GLOBAL — Form elements & UI components (size selector, qty discounts table, size chart)
   SEC101 PRODUCT GRID — Force badges to top (override)
   SEC102 DESIGNER — Mobile product panel — UX restyle v4
   SEC103 MISC — Late fixes — cart popup border, product image padding, hide large header on desktop
   SEC104 LOGIN — Login page (/user/login)
   SEC105 LOGIN — Email login link page (/user/email_token_access)
   SEC106  QUARANTINE — emptied 27 Sep 2026 (in git history)
   SEC107 TYPE — Site headings — one scale on every page (section headings, content headings)
   SEC109 DESIGNER — Designer v3: header, tool rail, drawer, side tabs, order panel, size tools
   SEC110 CHECKOUT — Cart and checkout v1: cart page, checkout steps and forms, option cards, designer cart popup
   SEC111 DESIGNS — Design library v1: the themes page, a theme's designs, a design's page
   SEC112 PRODUCT PAGE — Design on a product (/designs/product/…): the product page v2 layout
   SEC113 HEADER — Phone header and menu v1: the logo, Search, Cart and Menu; the full-screen menu
   SEC114 CART — Header cart and cart drawer v1: Cart in the desktop header, the drawer
   SEC115 FOOTER — Compact footer v1: the blocks above it, DN's footer columns, the feedback pop-ups
   SEC116 PAGES — Small pages v1: DN's page forms (quotes, contact), Get a Quote and Contact in the Round 2 look, the 404 page, Terms and the Print Promise, the Privacy Policy and User Agreement accents
   SEC117 HOME — Home page v1: the blocks in the home page's HTML widgets (hero, promises, tiles, tabs, steps, photos, tiers, people, questions); Home v2 (the Round 2 look), block by block
   SEC118 FOOTER — Footer v2: one block in DN's footer section (links, contact, ratings, Acknowledgement); the Round 2 frame
   SEC119 REVIEWS — Reviews v1: both ratings and up to three live Google reviews; Reviews v2 (the Round 2 look)
   SEC120 FAQ — FAQ page v1: questions by topic, with a search box
   SEC121 NAV — Desktop menu v1: the header's links in Title Case and the white dropdown panels; the Round 2 frame
   SEC122 PRICING — Quick price v1: the Pricing page as one screen over DN's Quick Quote
   SEC123 SEARCH — Live search v1: results as you type, under every search box
   SEC124 QUOTES — Request a Quote v1: DN's /request_quote page as one page in three steps
   SEC125 CHAT — Live chat v1: Chat With Us links, shown once the chat is there
   SEC126 POLISH — Polish v1 (launch audit, 30 Sep 2026): the designer's heading, the empty cart, Reset password as a card, the product details sheet when closed
   SEC127 SEARCH — Results page v2: the search results page in the Round 2 look (head, box, suggestions, designs, pager, help)
   SEC128 DELIVERY — Delivery estimate v2: delivery cost and arrival for the whole order (Pricing, product pages, cart, cart drawer)
   SEC129 GALLERY — Gallery v1: the Gallery page in the Round 2 look (head, first rows and Show more, phones two a row, a band)
   SEC130 ACCOUNT — Account pages v1: Sign in, Sign in by email, Create an account and Reset password as one family of cards; the 404 page on the page line
   SEC131 MESSAGES — Message sent v1: the contact form's thank-you page in the quote thank-you page's look
   SEC132 PRICING — Pricing and quotes v2: the header's Pricing list; Pricing's choices carried into Get a Quote
   SEC133 CONTROL CENTRE — the announcement strip, sale tags and the offer card (what the owner sets in the control centre)
   SEC134 TIME CLOCK — the staff time clock at /time_clock, drawn over DN's 404 page (hours kept in the owner's Google Sheet)
   SEC135 SLOT LOOKS — the control centre's image slot looks (colour, black and white, tint) and overprints
   SEC136 LOADING — our loading animation in place of DN's blue ring (designer, Please wait pop-ups, product photos)
   ============================================================================ */

/* ============================================================================
   SEC01  TOKENS — Design tokens — CSS custom properties (merged from four :root blocks), the Inter font face, DN's Style Editor pink
   ============================================================================ */
/* 
   All custom properties in one place. Where the old :root blocks disagreed the LAST value won (same as before):
     --text-gray: #cccccc  →  #6c757d
     --shadow-sm: 0 1px 3px rgba(0,0,0,0.1)  →  0 2px 6px rgba(0,0,0,0.08)
     --shadow-md: 0 2px 8px rgba(0,0,0,0.15)  →  0 4px 12px rgba(0,0,0,0.12)
     --shadow-lg: 0 4px 12px rgba(0,0,0,0.2)  →  0 6px 20px rgba(0,0,0,0.15)
     --radius-sm: 4px  →  6px
     --text-black: #000000  →  #333333
 */
:root {
  /* Brand & text colours */
  --primary-pink: #d10074;
  --secondary-purple: #d946ef;
  --peak-purple: #7c3aed;
  --text-white: #ffffff;
  --text-black: #333333;
  --text-gray: #6c757d;
  --bg-black: #000000;
  --border-gray: #cccccc;
  --brand-pink: #d10074;
  --brand-pink-dark: #a8005e;
  --brand-pink-light: #f06292;
  --brand-black: #1a1a1a;
  --primary-color: #667eea;
  --success-color: #28a745;
  --light-bg: #f8f9fa;
  --border-color: #e0e0e0;
  --text-dark: #2d3748;
  --primary-pink-dark: #d10074;

  /* Z-index scale */
  --z-base: 1;
  --z-grid-item: 10;
  --z-designer-container: 10;
  --z-designer-canvas: 11;
  --z-designer-toolbar: 50;
  --z-dropdown: 100;
  --z-sticky: 500;
  --z-mobile-filter-trigger: 998;
  --z-filter-modal-overlay: 9998;
  --z-filter-modal: 9999;
  --z-header: 9999;
  --z-mobile-header: 10000;
  --z-color-popup: 50000;
  --z-designer-popup-bg: 99997;
  --z-designer-popup: 99998;
  --z-designer-popup-content: 99999;
  --z-desktop-floating-cart: 99998;
  --z-mobile-nav-background: 99999;
  --z-cart-background: 100000;
  --z-mobile-nav-menu: 100000;
  --z-cart-popup: 100001;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.4s ease;
  --transition-cubic: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 20px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 24px;
  --radius-full: 50%;
  /* Brand type: Inter for everything, as "TSW Inter" (the @font-face under this block), then DN's own Inter for
     any character outside it. Syne went in Foundations v1: nothing used it. */
  --font-body: "TSW Inter", "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  /* Shadows */
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 6px 20px rgba(0, 0, 0, 0.15);
  --shadow-pink: 0 4px 12px rgba(209, 0, 116, 0.3);

  /* Designer decoration border & guide grid */
  --guide-color: 209, 0, 116;
  --guide-opacity: 0.1;
  --guide-thickness: 1px;
  --grid-columns: 25%;
  --grid-rows: 20%;
  --decoration-border-color: #667eea;
  --decoration-border-width: 3px;
  --decoration-border-style: dotted;

  /* TSW house tokens, site-wide (Fixes v1). Many rules use var(--tsw-ink) and friends with no fallback, and the
     tokens were only set for some pages: on the others (the home page's product lists, for one) the colour fell
     back to the parent's, which was DN's pink. Page scopes further down can still set their own.
     The pinks (Foundations v1): DN's hot pink #ff1493 is gone. It gave white text only 3.6:1.
     • --tsw-pink / --tsw-cta #d10074: buttons, links, badges, small pink text. White on it is 5.3:1.
     • --tsw-pink-dark / --tsw-cta-hover #a8005e: hover and pressed, the one darker pink.
     • --tsw-magenta #ec008c: the logo's magenta, for large display type and the logo mark only. White text on it
       fails, so never use it for buttons or small text. */
  --tsw-ink: #111111;
  --tsw-body: #333333;
  --tsw-muted: #6b6b6b;
  --tsw-line: #e6e6e6;
  --tsw-surface: #f5f5f5;
  --tsw-pink: #d10074;
  --tsw-pink-text: #d10074;
  --tsw-pink-dark: #a8005e;
  --tsw-pink-soft: #ffe3f1;
  --tsw-magenta: #ec008c;
  --tsw-cta: #d10074;
  --tsw-cta-hover: #a8005e;
  --tsw-r: 4px;
  /* the home page's side margin (Home v2): 48px on a desktop, easing down to 20px on a phone */
  --tsw-gutter: clamp(20px, 3.4vw, 48px);
}

/* Inter with its optical sizes (Foundations v1): Google Fonts' variable Inter, Latin, weights 400–800. The browser
   picks the optical size from the font size on its own, so big headings get Inter's display cut (tighter, about 5%
   narrower at 44px and up) and body text keeps the text cut. It has its own name because DN's Style Editor loads
   a static Inter on every page (/site/css/font_css), and that one won over a second "Inter". The head snippet
   preloads the same file. If Google's file ever went, text falls back to DN's Inter. */
@font-face {
  font-family: "TSW Inter";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcviYwYZ8UA3.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;
}

/* Inter everywhere DN's theme sets Montserrat (it does so on body and on ~70 descendants, so inheritance alone
   is not enough). Icon fonts are excluded; DN's decofonts glyphs live on ::before and keep their own family. */
html body, html body *:not(i):not(.fa):not([class*="fa-"]):not([class*="icon"]):not(.decofont):not([class*="decofont"]) { font-family: var(--font-body) !important; }

/* DN's Style Editor theme colour is "deeppink" (#ff1493), and DN's own CSS paints its styled buttons, a link hover and
   a few pop-up parts with it (Foundations v1). The same selectors here, first in our file on purpose: they only take
   over from DN's colour, and every later rule of ours that styles these still wins. Changing the Style Editor's
   colour to #d10074 would do the same from DN's side. */
.dn-btn.dn-btn-std.dn-styled, .dn-btn.dn-btn-ok.dn-styled, .dn-btn.dn-btn-major.dn-styled, .dn-btn.dn-btn-cart.dn-styled,
.dn-designer .dn-btn.dn-btn-cart.dn-styled, .dn-btn.dn-btn-hero.dn-styled,
.dn-popup.dn-designer-popup .dn-d-intro-add-types-list li, .dn-shopping-cart-container .dn-line-item-thumbnail span,
.dn-cp-price-trigger, .dn-cp-pricing-popup .dn-cp-okay-btn { background-color: var(--tsw-cta); }
a.dn-overridden-hover-on:hover { color: var(--tsw-cta); }


/* ============================================================================
   SEC02  PRODUCT PAGE — Pre-decorated products — hide Afterpay messaging
   ============================================================================ */
/* Hide Afterpay messaging on pre-decorated product pages */
.dn-page-predecorated_product #payment_messaging_info,
.dn-page-design_on_product #payment_messaging_info {
  display: none !important;
}


/* ============================================================================
   SEC03  PRODUCT PAGE — Product page — image alignment
   ============================================================================ */
/* Product images - EXCLUDE pre-decorated products */
@media (min-width: 769px) {
  .dn-product-display:not(.dn-page-design_on_product):not(.dn-page-predecorated_product)
    .dn-product-main-image {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
}

/* Pre-decorated product images - let DecoNetwork handle positioning for zoom */
@media (min-width: 769px) {
  .dn-page-design_on_product .dn-product-main-image,
  .dn-page-predecorated_product .dn-product-main-image {
    max-width: 100% !important;
    object-fit: initial !important;
  }

  .dn-page-design_on_product .dn-product-main-image-container,
  .dn-page-predecorated_product .dn-product-main-image-container {
    min-height: 400px !important;
  }
}

/* Views container flows below naturally */
.dn-page-design_on_product .dn-product-views-container,
.dn-page-predecorated_product .dn-product-views-container {
  position: relative !important;
  margin-top: 10px !important;
  clear: both !important;
}

/* Mobile specific */
@media (max-width: 768px) {
  .dn-page-design_on_product [id^="prod_edit_"],
  .dn-page-predecorated_product [id^="prod_edit_"] {
    max-width: 100vw !important;
  }
}


/* ============================================================================
   SEC04  PRODUCT PAGE — Product page — layout fixes (image padding, min-height, native zoom-out)
   ============================================================================ */

/* The design-on-product picture box used to be forced to 600px tall here. On a phone that stretched DN's print
   area down the shirt and drew the design near the hem, so it now follows the square photo (SEC112). */

/* Hide native zoom out button */
#zoom_out_button {
  display: none !important;
}


/* ============================================================================
   SEC05  POPUPS — Popup background kill switch (ACTIVE — hides every .dn-popup-background except .dn-sp-popup-background)
   ============================================================================ */
.dn-popup-background:not(.dn-sp-popup-background) {
  display: none !important;
}


/* ============================================================================
   SEC06  POPUPS — Ghost popup fix + designer popup z-index
   ============================================================================ */

/* When content is hidden, hide the background too */
#dynamic_popup_content[style*="display: none"] ~ .dn-popup-background,
#dynamic_popup_content[style*="display:none"] ~ .dn-popup-background {
  display: none !important;
}

/* Only block pointer events if background is still somehow visible with hidden content */
#dynamic_popup:has(.dn-popup-background:not([style*="display: none"])):has(
    #dynamic_popup_content[style*="display: none"]
  ) {
  pointer-events: none !important;
}

/* Override DecoNetwork's low z-index on ALL designer popups */
.dn-designer > h3,
.dn-popup.dn-designer-popup > h3,
.dn-page-designer .dn-popup-msgbox > h3,
.dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup > h3 {
  z-index: auto !important;
}

/* OR set it to a proper value */
.dn-popup h3 {
  z-index: 10 !important; /* At least above base elements */
}


/* ============================================================================
   SEC07  LOGIN — Native login / sign-up popup restyle (desktop)
   ============================================================================ */

/* Z-index for login popup - match preview popup */
#create_account_popup_signup_int,
#create_account_popup,
.dn-popup-container:has(#create_account_popup_signup_int) {
  z-index: 9998 !important;
}

/* ONLY target the login popup overlay - make it more opaque */
.dn-popup-container:has(#create_account_popup_signup_int) {
  background: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(4px) !important;
}

/* ONLY style the login popup container - very specific selector */
#create_account_popup_signup_int.dn-designer-signup-popup,
#create_account_popup.dn-popup {
  background: white !important;
  border-radius: 12px !important;
  max-width: 1200px !important;
  width: 90% !important;
  margin: 40px auto !important;
  box-shadow: none !important;
  overflow: hidden !important;
  border: none !important;
  padding: 0 !important;
}

/* Header - ONLY in login popup */
#create_account_popup_signup_int h3.dn-styled,
#create_account_popup h3.dn-styled {
  background: #000 !important;
  color: #fff !important;
  padding: 24px 32px !important;
  margin: 0 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  border-radius: 0 !important;
  text-align: left !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border-bottom: 3px solid #d10074 !important;
}

/* Content area - ONLY in login popup */
#create_account_popup_signup_int .dn-popup-content-container,
#create_account_popup .dn-popup-content-container {
  padding: 40px 32px !important;
  background: white !important;
  overflow-y: auto !important;
  max-height: calc(90vh - 200px) !important;
}

#create_account_popup_signup_int .dn-popup-content,
#create_account_popup .dn-popup-content {
  background: transparent !important;
}

/* Scrollbar styling */
#create_account_popup_signup_int .dn-popup-content-container::-webkit-scrollbar,
#create_account_popup .dn-popup-content-container::-webkit-scrollbar {
  width: 8px !important;
}

#create_account_popup_signup_int .dn-popup-content-container::-webkit-scrollbar-track,
#create_account_popup .dn-popup-content-container::-webkit-scrollbar-track {
  background: #f5f5f5 !important;
}

#create_account_popup_signup_int .dn-popup-content-container::-webkit-scrollbar-thumb,
#create_account_popup .dn-popup-content-container::-webkit-scrollbar-thumb {
  background: #ccc !important;
  border-radius: 4px !important;
}

#create_account_popup_signup_int .dn-popup-content-container::-webkit-scrollbar-thumb:hover,
#create_account_popup .dn-popup-content-container::-webkit-scrollbar-thumb:hover {
  background: #999 !important;
}

/* Two column layout - ONLY in login popup */
#create_account_popup_signup_int .dn-popup-content-scroll,
#create_account_popup .dn-popup-content-scroll {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 60px !important;
  align-items: start !important;
}

/* Form containers - ONLY in login popup */
#create_account_popup_signup_int .dn-d-signup-form-container,
#create_account_popup .dn-d-signup-form-container,
#create_account_popup_signup_int .dn-d-login-form-container,
#create_account_popup .dn-d-login-form-container {
  padding: 0 !important;
  background: transparent !important;
  min-width: 0 !important;
}

/* Divider - ONLY in login popup */
#create_account_popup_signup_int .dn-d-signup-form-container,
#create_account_popup .dn-d-signup-form-container {
  border-right: 1px solid #e0e0e0 !important;
  padding-right: 60px !important;
}

/* Section headers - ONLY in login popup */
#create_account_popup_signup_int .dn-d-signup-form-container h4,
#create_account_popup .dn-d-signup-form-container h4,
#create_account_popup_signup_int .dn-d-login-form-container h4,
#create_account_popup .dn-d-login-form-container h4 {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Form styling - ONLY in login popup */
#create_account_popup_signup_int .dn-form,
#create_account_popup .dn-form {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Reset split layout - ONLY in login popup */
#create_account_popup_signup_int .dn-form.dn-split-50-50,
#create_account_popup .dn-form.dn-split-50-50 {
  display: block !important;
  columns: initial !important;
  column-count: initial !important;
}

#create_account_popup_signup_int .dn-form.dn-split-50-50 li,
#create_account_popup .dn-form.dn-split-50-50 li {
  width: 100% !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
}

/* Remove negative margins - ONLY in login popup */
#create_account_popup_signup_int .dn-form.dn-split-50-50 li > div,
#create_account_popup .dn-form.dn-split-50-50 li > div,
#create_account_popup_signup_int .dn-form.dn-split-50-50 li > label,
#create_account_popup .dn-form.dn-split-50-50 li > label,
#create_account_popup_signup_int ul.dn-form > li > div,
#create_account_popup ul.dn-form > li > div,
#create_account_popup_signup_int ul.dn-form > li > label,
#create_account_popup ul.dn-form > li > label {
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
  display: block !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}

/* Labels - ONLY in login popup */
#create_account_popup_signup_int .dn-form label,
#create_account_popup .dn-form label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #666 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
}

/* Form fields - ONLY in login popup */
#create_account_popup_signup_int .dn-form-field,
#create_account_popup .dn-form-field,
#create_account_popup_signup_int .dn-form-field-text,
#create_account_popup .dn-form-field-text,
#create_account_popup_signup_int .dn-form-field-password,
#create_account_popup .dn-form-field-password,
#create_account_popup_signup_int .dn-form-field-email,
#create_account_popup .dn-form-field-email {
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
}

#create_account_popup_signup_int .dn-form-field-value,
#create_account_popup .dn-form-field-value {
  width: 100% !important;
  display: block !important;
}

/* Inputs - ONLY in login popup */
#create_account_popup_signup_int .dn-form-field-value input[type="text"],
#create_account_popup .dn-form-field-value input[type="text"],
#create_account_popup_signup_int .dn-form-field-value input[type="password"],
#create_account_popup .dn-form-field-value input[type="password"],
#create_account_popup_signup_int .dn-form-field-value input[type="email"],
#create_account_popup .dn-form-field-value input[type="email"] {
  width: 100% !important;
  max-width: 100% !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
  border: 2px solid #ddd !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  display: block !important;
  background: white !important;
  color: #1a1a1a !important;
  font-family: inherit !important;
}

#create_account_popup_signup_int .dn-form-field-value input:focus,
#create_account_popup .dn-form-field-value input:focus {
  outline: none !important;
  border-color: #333 !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) !important;
}

#create_account_popup_signup_int .dn-form-field-value input:hover,
#create_account_popup .dn-form-field-value input:hover {
  border-color: #999 !important;
}

/* Checkbox - ONLY in login popup */
#create_account_popup_signup_int .dn-form-field-checkbox,
#create_account_popup .dn-form-field-checkbox {
  margin: 16px 0 !important;
}

#create_account_popup_signup_int .dn-form-field-without-label,
#create_account_popup .dn-form-field-without-label {
  margin-top: 24px !important;
}

#create_account_popup_signup_int .dn-form-field-checkbox label,
#create_account_popup .dn-form-field-checkbox label,
#create_account_popup_signup_int .dn-form-field-label,
#create_account_popup .dn-form-field-label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: normal !important;
}

#create_account_popup_signup_int .dn-form-field-checkbox input[type="checkbox"],
#create_account_popup .dn-form-field-checkbox input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  margin-top: 2px !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  accent-color: #000 !important;
}

/* Buttons - ONLY in login popup */
#create_account_popup_signup_int .dn-btn.dn-btn-std,
#create_account_popup .dn-btn.dn-btn-std {
  background: #000 !important;
  color: white !important;
  border: none !important;
  padding: 14px 24px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  width: 100% !important;
  margin-top: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: inherit !important;
}

#create_account_popup_signup_int .dn-btn.dn-btn-std:hover,
#create_account_popup .dn-btn.dn-btn-std:hover {
  background: #333 !important;
  transform: translateY(-1px) !important;
  box-shadow: none !important;
}

/* Hide button extras - ONLY in login popup */
#create_account_popup_signup_int .dn-btn-icon,
#create_account_popup .dn-btn-icon,
#create_account_popup_signup_int .dn-btn-valign,
#create_account_popup .dn-btn-valign {
  display: none !important;
}

#create_account_popup_signup_int .dn-btn-label,
#create_account_popup .dn-btn-label {
  display: block !important;
  width: 100% !important;
}

/* Footer - ONLY in login popup */
#create_account_popup_signup_int .dn-popup-footer,
#create_account_popup .dn-popup-footer {
  padding: 20px 32px !important;
  background: #f9f9f9 !important;
  border-top: 1px solid #e0e0e0 !important;
  display: flex !important;
  justify-content: center !important;
}

/* Cancel button - ONLY in login popup */
#create_account_popup_signup_int .dn-btn.dn-btn-cancel,
#create_account_popup .dn-btn.dn-btn-cancel {
  background: #f5f5f5 !important;
  color: #333 !important;
  border: 2px solid #ddd !important;
  padding: 12px 32px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

#create_account_popup_signup_int .dn-btn.dn-btn-cancel:hover,
#create_account_popup .dn-btn.dn-btn-cancel:hover {
  background: #e0e0e0 !important;
  border-color: #999 !important;
}

/* Links - ONLY in login popup */
#create_account_popup_signup_int a,
#create_account_popup a {
  color: #007bff !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}

#create_account_popup_signup_int a:hover,
#create_account_popup a:hover {
  text-decoration: underline !important;
}

/* Messages - ONLY in login popup */
#create_account_popup_signup_int .dn-error-message,
#create_account_popup .dn-error-message,
#create_account_popup_signup_int .dn-form-field-error,
#create_account_popup .dn-form-field-error {
  background: #fee !important;
  color: #c00 !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  margin: 16px 0 !important;
  border: 1px solid #fcc !important;
  font-size: 14px !important;
}


/* ============================================================================
   SEC08  LOGIN — Native login / sign-up popup — mobile (full screen, scrollable)
   ============================================================================ */
@media (max-width: 968px) {
  /* Full screen on mobile */
  #create_account_popup_signup_int.dn-designer-signup-popup,
  #create_account_popup.dn-popup {
    width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    /* the visible height on iPhone (100vh runs under Safari's toolbar, hiding the sticky footer); older browsers keep 100vh */
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
  }

  /* Single column layout on mobile */
  #create_account_popup_signup_int .dn-popup-content-scroll,
  #create_account_popup .dn-popup-content-scroll {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  /* Remove divider, add bottom border */
  #create_account_popup_signup_int .dn-d-signup-form-container,
  #create_account_popup .dn-d-signup-form-container {
    border-right: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding-right: 0 !important;
    padding-bottom: 40px !important;
    margin-bottom: 40px !important;
  }

  /* Scrollable content area */
  #create_account_popup_signup_int .dn-popup-content-container,
  #create_account_popup .dn-popup-content-container {
    max-height: calc(100vh - 200px) !important;
    max-height: calc(100dvh - 200px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 24px !important;
  }

  /* Header adjustments */
  #create_account_popup_signup_int h3.dn-styled,
  #create_account_popup h3.dn-styled {
    padding: 20px 24px !important;
    font-size: 18px !important;
  }

  /* Footer adjustments */
  #create_account_popup_signup_int .dn-popup-footer,
  #create_account_popup .dn-popup-footer {
    padding: 16px 24px !important;
    position: sticky !important;
    bottom: 0 !important;
  }
}

@media (max-width: 480px) {
  /* Extra small screens */
  #create_account_popup_signup_int .dn-popup-content-container,
  #create_account_popup .dn-popup-content-container {
    padding: 20px !important;
  }

  #create_account_popup_signup_int .dn-form-field-value input[type="text"],
  #create_account_popup .dn-form-field-value input[type="text"],
  #create_account_popup_signup_int .dn-form-field-value input[type="password"],
  #create_account_popup .dn-form-field-value input[type="password"],
  #create_account_popup_signup_int .dn-form-field-value input[type="email"],
  #create_account_popup .dn-form-field-value input[type="email"] {
    padding: 12px 14px !important;
    font-size: 14px !important;
  }
}


/* ============================================================================
   SEC09  DESIGNER — Quantity selector (min-quantity text hidden, dropdown styling)
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC10  POPUPS — Image preview popup — force to top layer
   ============================================================================ */

/* Parent container when it has image popup */
#dynamic_popup:has(.dn-image-popup),
#image_popup,
.dn-popup-container:has(.dn-image-popup) {
  z-index: 100101 !important;
}

/* Image popup background overlay */
#dynamic_popup:has(.dn-image-popup) .dn-popup-background,
.dn-popup-container:has(.dn-image-popup) .dn-popup-background {
  z-index: 100100 !important;
  background: rgba(0, 0, 0, 0.9) !important;
}

/* Image popup itself */
.dn-image-popup.dn-popup,
.dn-popup.dn-image-popup {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  max-width: 90vw !important;
  max-height: 90vh !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 100102 !important;
}

.dn-image-popup .dn-popup-content-container {
  background: transparent !important;
  padding: 0 !important;
  z-index: 100102 !important;
}

.dn-image-popup .dn-popup-content {
  background: transparent !important;
  padding: 0 !important;
}

.dn-image-popup .dn-popup-content-scroll {
  max-height: 85vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

.dn-image-popup img {
  max-width: 90vw !important;
  max-height: 85vh !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* Close button styling */
.dn-image-popup .dn-popup-footer {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  bottom: auto !important;
  left: auto !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  z-index: 100103 !important;
}

.dn-image-popup .dn-btn-cancel {
  background: rgba(0, 0, 0, 0.85) !important;
  border: none !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  min-width: 50px !important;
}

.dn-image-popup .dn-btn-cancel:hover {
  background: rgba(0, 0, 0, 1) !important;
  transform: scale(1.1) !important;
}

.dn-image-popup .dn-btn-cancel .dn-btn-label {
  display: none !important;
}

.dn-image-popup .dn-btn-cancel::before {
  content: "×" !important;
  font-size: 42px !important;
  color: white !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .dn-image-popup.dn-popup {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }

  .dn-image-popup .dn-popup-content-scroll {
    max-height: 100vh !important;
    padding: 60px 10px 20px 10px !important;
  }

  .dn-image-popup img {
    max-width: 100vw !important;
    max-height: calc(100vh - 80px) !important;
    border-radius: 0 !important;
    width: 100vw !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .dn-image-popup .dn-popup-footer {
    top: 10px !important;
    right: 10px !important;
  }

  .dn-image-popup .dn-btn-cancel {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  .dn-image-popup .dn-btn-cancel::before {
    font-size: 28px !important;
  }
}


/* ============================================================================
   SEC11  PRODUCT PAGE — "More product info" link (flat pink button)
   ============================================================================ */
/* The custom product-info popup (sticky section nav, colour grid, size badges, chart and image styling) was retired
   with its script; DN's own "More product info" link keeps a flat pink button wherever DN still shows it. The
   designer hides it and shows the size chart under its size grid instead (SEC109). */
.dn-product-more-details-container { display: block; margin: 0; text-align: center; }
.dn-product-more-details-action { display: inline-block !important; padding: 14px 16px !important; border: 0 !important; border-radius: 4px !important; background: #d10074 !important; box-shadow: none !important; font-size: 14px !important; font-weight: 600 !important; color: #fff !important; text-decoration: none !important; }
.dn-product-more-details-action:hover { background: #a8005e !important; text-decoration: none !important; }


/* ============================================================================
   SEC12  PRODUCT PAGE — Blank product page — layout v2 (mobile-first flow, gallery rail, size grid, deal track, cards)
   ============================================================================ */
/* Both DN panels dissolve into one ordered flow; DN's own controls stay in the DOM and are driven by the
   "TSW PRODUCT PAGE v2" script in the jQuery snippet. The mobile-only duplicate Customise widget
   (dn-widget-0616dbcf…) is hidden here until it is removed in the DN page editor.
   Design tokens (colour, radius, type) live on .blank_product_page so the whole page shares one system.
   DN's design-on-product page (/designs/product/…) is given the same class by the script and shares this layout;
   the parts only it has are in SEC112.
   House rules: no drop shadows or blur; rings are drawn with box-shadow spread only. Corners: 4px on anything
   tappable, 0 on imagery, circles only for swatches. Type: Inter via --font-body (SEC01). */

/* ---- tokens ---- */
.blank_product_page { --tsw-ink: #111; --tsw-body: #333; --tsw-muted: #6b6b6b; --tsw-line: #e6e6e6; --tsw-surface: #f5f5f5; --tsw-pink: #d10074; --tsw-pink-text: #d10074; --tsw-pink-soft: #ffe3f1; --tsw-green: #16a34a; --tsw-r: 4px; --tsw-font: var(--font-body); }

/* ---- base layout & order ---- */
.dn-widget-0616dbcf-5ed3-46fe-b061-cc29b9943d1e { display: none !important; }
.dn-product-main-image-padding { display: block !important; }
.blank_product_page .dn-product-display { font-family: var(--tsw-font); color: var(--tsw-body); }
.blank_product_page .dn-product-panels { display: flex !important; flex-direction: column; width: 100%; }
.blank_product_page .dn-product-main-image-panel,
.blank_product_page .dn-product-details-panel { display: contents !important; }
.blank_product_page .dn-product-heading-container { display: none; }

.blank_product_page .dn-product-views-container-small { order: 1; }
.blank_product_page .dn-product-heading-container-above-content { order: 2; }
.blank_product_page .tsw-specs { order: 3; }
.blank_product_page .dn-product-decoration-prices { order: 4; }
.blank_product_page .dn-product-color-container { order: 5; }
.blank_product_page .dn-product-size-container { order: 6; }
.blank_product_page .dn-product-qty-container { order: 7; }
.blank_product_page .dn-product-extra-details-container { order: 8; }
.blank_product_page .dn-product-decorate-now-container { order: 9; }
.blank_product_page .dn-product-description { order: 10; }
.blank_product_page .dn-product-size-chart-container { order: 11; }
.blank_product_page .dn-product-other-product-opts { order: 12; }
.blank_product_page .dn-product-extra-images { order: 13; }
.blank_product_page .dn-product-related-products-container { order: 14; }

/* ---- shared type & parts ---- */
.blank_product_page .tsw-label { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--tsw-muted); margin: 0 0 8px; line-height: 1.3; text-align: left; }
/* SEC99's .dn-widget-content h4.dn-styled { margin:0 !important } sits later in the file, so these need !important AND one more class */
.blank_product_page .dn-product-display .dn-product-details-panel h4,
.blank_product_page .dn-product-display .dn-product-color-container h4,
.blank_product_page .dn-product-display .dn-product-size-container h4,
.blank_product_page .dn-product-display .dn-product-discounts-container h4 { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--tsw-muted); margin: 0 0 8px !important; line-height: 1.3; text-align: left; }
/* DN puts margin-top:15px on every product block; the flow's own margins set the rhythm instead */
.blank_product_page .dn-product-heading-container-above-content, .blank_product_page .tsw-specs, .blank_product_page .dn-product-decoration-prices, .blank_product_page .dn-product-color-container, .blank_product_page .dn-product-extra-details-container, .blank_product_page .dn-product-discounts-container, .blank_product_page .dn-product-size-container, .blank_product_page .dn-product-qty-container, .blank_product_page .dn-product-decorate-now-container { margin-top: 0 !important; }
.blank_product_page .tsw-link { border: 0; background: none; padding: 0; font: inherit; font-size: 12px; font-weight: 700; color: var(--tsw-ink); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.blank_product_page .tsw-card { background: #fff; border: 0; border-top: 1px solid var(--tsw-line); border-radius: 0; padding: 14px 0; text-align: left; }
.blank_product_page .tsw-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.blank_product_page .tsw-card-head .tsw-label { margin: 0; }
.blank_product_page .tsw-card-head .tsw-label small { font-size: 11px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.blank_product_page .tsw-dn-hidden { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

/* ---- gallery: model shots lead, DN views follow, arrows + counter, thumbnail rail ---- */
.blank_product_page .dn-product-views-container-small { width: 100%; margin: 0 0 14px; }
.blank_product_page .dn-product-main-image-container { width: 100% !important; position: relative; overflow: hidden; background: var(--tsw-surface); border-radius: 0; touch-action: pan-y; cursor: grab; }
.blank_product_page .dn-product-main-image-container img { image-rendering: auto; }
.blank_product_page .tsw-model-overlay { position: absolute; inset: 0; z-index: 6; background: var(--tsw-surface); display: none; }
.blank_product_page .tsw-model-overlay.is-on { display: block; }
/* whole photo, never cropped: the script paints the overlay in the photo's edge colour so the letterbox disappears */
.blank_product_page .tsw-model-overlay img { width: 100%; height: 100%; object-fit: contain; display: block; }
.blank_product_page.tsw-v2 div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container,
.blank_product_page.tsw-v2 .dn-product-extra-images { display: none !important; }
.blank_product_page .dn-product-main-image-container .dn-product-brand-logo-container { z-index: 7; }
/* arrows: a quiet hint — bare chevron, no disc, no shadow (44px tap area) */
.blank_product_page .tsw-arrow { position: absolute; top: 50%; z-index: 8; width: 44px; height: 44px; margin-top: -22px; padding: 0; border: 0; border-radius: 0; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: .7; transition: opacity .15s; }
.blank_product_page .tsw-arrow::before { content: ''; width: 12px; height: 12px; border-top: 2px solid var(--tsw-ink); border-right: 2px solid var(--tsw-ink); transform: rotate(45deg); margin-left: -4px; }
.blank_product_page .tsw-arrow.is-prev { left: 8px; }
.blank_product_page .tsw-arrow.is-prev::before { transform: rotate(-135deg); margin-left: 4px; }
.blank_product_page .tsw-arrow.is-next { right: 8px; }
.blank_product_page .tsw-arrow:hover { opacity: 1; }
.blank_product_page .tsw-counter { position: absolute; left: 10px; bottom: 10px; z-index: 8; font-size: 11px; font-weight: 700; letter-spacing: .04em; color: var(--tsw-ink); background: rgba(255,255,255,.7); border-radius: 2px; padding: 4px 8px; pointer-events: none; }
/* rail: a fixed number of squares across (5 on phones, 6 on desktop), the rest scroll behind a slim bar */
.blank_product_page .tsw-rail { position: relative; display: flex; gap: 8px; margin: 8px 0 0; padding: 0 0 8px; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #d4d4d4 transparent; }
.blank_product_page .tsw-rail::-webkit-scrollbar { height: 4px; }
.blank_product_page .tsw-rail::-webkit-scrollbar-track { background: transparent; }
.blank_product_page .tsw-rail::-webkit-scrollbar-thumb { background: #d4d4d4; border-radius: 2px; }
.blank_product_page .tsw-rail-item { flex: 0 0 calc((100% - 4 * 8px) / 5); aspect-ratio: 1 / 1; padding: 0; border: 0; border-radius: 0; overflow: hidden; background: var(--tsw-surface); cursor: pointer; outline: 1.5px solid var(--tsw-line); outline-offset: -1.5px; scroll-snap-align: start; transition: outline-color .15s; }
.blank_product_page .tsw-rail-item img { width: 100%; height: 100%; object-fit: contain; display: block; }
.blank_product_page .tsw-rail-item.is-view img { object-fit: contain; }
.blank_product_page .tsw-rail-item.is-active { outline: 2px solid var(--tsw-ink); outline-offset: -2px; }
/* one supplier photo under the rail, desktop only: the phone gallery already swipes through them */
.blank_product_page .tsw-hero-photo { display: none; }

/* ---- title: brand · code above, name below ---- */
.blank_product_page .dn-product-heading-container-above-content { margin: 0 0 10px; }
.blank_product_page .dn-product-heading-container-above-content h1.dn-styled.dn-sized { display: flex; flex-direction: column; gap: 3px; margin: 0; text-align: left; font-size: 26px; line-height: 1.12; font-weight: 800; letter-spacing: -.02em; color: var(--tsw-ink); }
.blank_product_page h1 .tsw-title-meta { display: flex; align-items: baseline; gap: 8px; font-size: 12px; line-height: 1.3; letter-spacing: .12em; text-transform: uppercase; }
.blank_product_page h1 .tsw-brand { font-weight: 700; color: var(--tsw-muted); }
.blank_product_page h1 .tsw-sep { color: #c8c8c8; font-weight: 400; }
.blank_product_page h1 .tsw-code { font-weight: 600; letter-spacing: .06em; color: #6b6b6b; }
.blank_product_page h1 .tsw-name { display: block; }
/* favourite heart: top-right of the title block, 44px target, outline ink -> filled pink once saved (no disc, no shadow) */
.blank_product_page .dn-product-heading-container-above-content { position: relative; }
.blank_product_page .dn-product-heading-container-above-content h1.dn-styled.dn-sized { padding-right: 48px; }
.blank_product_page .tsw-fav { position: absolute; top: -10px; right: -10px; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; background: none; display: flex; align-items: center; justify-content: center; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.blank_product_page .tsw-fav svg { width: 24px; height: 24px; fill: none; stroke: var(--tsw-ink); stroke-width: 1.75; transition: fill .15s, stroke .15s; }
.blank_product_page .tsw-fav:hover svg { stroke: var(--tsw-pink); }
.blank_product_page .tsw-fav.is-on svg { fill: var(--tsw-pink); stroke: var(--tsw-pink); }
.blank_product_page .tsw-fav:focus-visible { outline: 2px solid var(--tsw-ink); outline-offset: -4px; border-radius: var(--tsw-r); }
.blank_product_page .tsw-fav.is-pop svg { animation: tswFavPop .45s ease; }
@keyframes tswFavPop { 0%, 100% { transform: scale(1); } 35% { transform: scale(1.25); } }

/* ---- spec chips ---- */
.blank_product_page .tsw-specs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.blank_product_page .tsw-specs span { font-size: 12px; font-weight: 500; line-height: 1; color: var(--tsw-body); background: var(--tsw-surface); border-radius: var(--tsw-r); padding: 7px 10px; }
.blank_product_page .tsw-specs span.is-new { background: var(--tsw-pink); color: #fff; }

/* ---- price: a ledger row between hairlines; DN's live span stays (hidden) and is mirrored in ---- */
.blank_product_page .dn-product-decoration-prices { margin: 0 0 16px; text-align: left; }
.blank_product_page .dn-product-decoration-prices #decorationPricesContainerId { display: block; }
.blank_product_page div.dn-product-decoration-price::after,
.blank_product_page .dn-product-decoration-price::after { content: none !important; }
.blank_product_page .dn-product-decoration-price > a,
.blank_product_page .dn-product-decoration-price.tsw-price-done > .pp_price { display: none !important; }
.blank_product_page div.dn-product-decoration-price { display: block !important; width: 100%; margin: 0 !important; font-family: var(--tsw-font); font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--tsw-body); }
.blank_product_page .tsw-price { display: grid; row-gap: 6px; margin: 0; padding: 12px 0; border-top: 1.5px solid var(--tsw-line); border-bottom: 1.5px solid var(--tsw-line); color: var(--tsw-ink); font-variant-numeric: tabular-nums; }
.blank_product_page .tsw-price-label { margin: 0; line-height: 1; }
.blank_product_page .tsw-price-row { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 9px; row-gap: 4px; }
.blank_product_page .tsw-price-main { font-size: 26px; font-weight: 800; line-height: 1; letter-spacing: -.01em; color: var(--tsw-ink); }
.blank_product_page .tsw-price-was { font-size: 17px; font-weight: 500; line-height: 1; color: var(--tsw-muted); text-decoration: line-through; text-decoration-thickness: 1px; }
/* the saving reads at the same size as the RRP it replaces — no box, so the row keeps two type sizes */
.blank_product_page .tsw-price-pill { align-self: baseline; display: inline-block; padding: 0; border: 0; background: transparent; color: var(--tsw-pink); font-size: 17px; font-weight: 700; line-height: 1; letter-spacing: 0; text-transform: uppercase; white-space: nowrap; }
.blank_product_page .tsw-price-sub { display: flex; flex-wrap: wrap; align-items: baseline; margin: 0; padding: 0; font-size: 13px; font-weight: 500; line-height: 1.3; color: var(--tsw-body); }
.blank_product_page .tsw-price-sub > span:not(.tsw-price-note)::after { content: '\00B7'; margin: 0 7px; font-weight: 400; color: var(--tsw-muted); }
.blank_product_page .tsw-price-note { color: var(--tsw-muted); font-weight: 500; }
.blank_product_page .tsw-price-was:empty, .blank_product_page .tsw-price-pill:empty, .blank_product_page .tsw-price-sub > span:empty { display: none; }

/* ---- colour swatches: label + name on one line, count at the right; swatch size adapts to the range ----
   Sizes carry !important: DN's own
   "div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell"
   is five classes AND two element selectors, so it outranks anything class-only and was setting height 40px
   while our width applied — circles came out as ovals on the compact tier. */
.blank_product_page .dn-product-color-container { display: flex; flex-wrap: wrap; align-items: baseline; margin: 0 0 16px; }
.blank_product_page .dn-product-display .dn-product-color-container h4 { order: 1; margin: 0 10px 10px 0 !important; }
.blank_product_page #dn_selected_color_label { order: 2; padding: 0 !important; margin: 0 0 10px; background: none; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0; color: var(--tsw-ink) !important; text-transform: none; text-align: left; }
.blank_product_page .tsw-colour-count { order: 3; margin: 0 0 10px auto; font-size: 12px; font-weight: 600; color: var(--tsw-muted); }
.blank_product_page .dn-product-color-container .dn-product-color-field-container { order: 4; flex: 0 0 100%; display: flex; flex-wrap: wrap; gap: 9px; justify-content: flex-start; overflow: visible !important; height: auto !important; padding: 3px; margin: -3px; box-sizing: content-box; }
.blank_product_page .dn-product-color-container .dn-product-color-field-container .dn-color-panel-cell { width: 40px !important; height: 40px !important; max-width: 40px !important; margin: 0; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1.5px var(--tsw-line); overflow: hidden; cursor: pointer; transition: transform .12s, box-shadow .12s; }
.blank_product_page .dn-product-color-container .dn-product-color-field-container.tsw-some .dn-color-panel-cell { width: 36px !important; height: 36px !important; max-width: 36px !important; }
.blank_product_page .dn-product-color-container .dn-product-color-field-container.tsw-many .dn-color-panel-cell { width: 32px !important; height: 32px !important; max-width: 32px !important; }
.blank_product_page .dn-product-color-container .dn-product-color-field-container.tsw-many { gap: 7px; }
.blank_product_page .dn-product-color-container .dn-product-color-field-container .dn-color-panel-cell:hover { transform: scale(1.08); }
.blank_product_page .dn-product-color-container .dn-product-color-field-container .dn-color-panel-cell.dn-selected { box-shadow: 0 0 0 2px var(--tsw-ink); }
/* multi-colourway swatches arrive as stacked stripes (two at 50% height, three at 33%): keep the stripes square
   and full width so the round cell clips them into one split circle rather than a stack of small ovals */
.blank_product_page .dn-product-color-container .dn-product-color-field-container .dn-color-panel-cell span { display: block; width: 100%; border-radius: 0 !important; }
/* a faint inner edge drawn over the stripes so white reads as a colour (plain white, Aqua/White/Grey) instead of
   melting into the white ring; pointer-events none keeps the tap on the swatch */
.blank_product_page .dn-product-color-container .dn-product-color-field-container .dn-color-panel-cell { position: relative; }
.blank_product_page .dn-product-color-container .dn-product-color-field-container .dn-color-panel-cell::after { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); pointer-events: none; z-index: 1; }
/* DN drops a spacer before colours unavailable in the chosen size; with our flex gap it reads as a missing swatch */
.blank_product_page .dn-product-color-container .dn-product-color-field-container .dn-color-panel-cell-unavailable-spacer { display: none; }
/* long ranges (25+) collapse to three rows so the sizes and the button stay reachable. overflow needs
   !important to beat the visible!important above, which is there so the selection ring is not clipped;
   the row's 3px padding keeps that ring clear of the cut. Three rows = 3 cells (32 + 2px border each
   side) + 2 gaps. */
.blank_product_page .dn-product-color-field-container.tsw-many.is-collapsed { max-height: 122px; overflow: hidden !important; }
.blank_product_page .tsw-colour-more { order: 5; flex: 0 0 100%; margin: 10px 0 0; border: 0; background: none; padding: 0; font: inherit; font-size: 12px; font-weight: 700; color: var(--tsw-ink); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; text-align: left; }

/* ---- bulk discounts: tier ladder (one outlined strip, equal cells; ink = reached, pink ring = next) ---- */
.blank_product_page .dn-product-extra-details-container { margin: 4px 0 16px; padding: 0; border: 0; text-align: left; }
.blank_product_page .dn-product-display .dn-product-discounts-container h4 { margin-bottom: 12px !important; }
.blank_product_page .tsw-ladder { display: grid; border: 1px solid var(--tsw-line); border-radius: var(--tsw-r); overflow: hidden; }
.blank_product_page .tsw-rung { padding: 10px 4px 9px; text-align: center; border-left: 1px solid var(--tsw-line); transition: background .2s, color .2s; }
.blank_product_page .tsw-rung:first-child { border-left: 0; }
.blank_product_page .tsw-rung b { display: block; font-size: 18px; font-weight: 800; line-height: 1.1; letter-spacing: -.01em; color: var(--tsw-ink); }
.blank_product_page .tsw-rung span { display: block; margin-top: 2px; font-size: 12px; font-weight: 500; color: var(--tsw-muted); white-space: nowrap; }
.blank_product_page .tsw-rung.is-on { background: var(--tsw-ink); border-left-color: var(--tsw-ink); }
.blank_product_page .tsw-rung.is-on b { color: #fff; }
.blank_product_page .tsw-rung.is-on span { color: #cfcfcf; }
.blank_product_page .tsw-rung.is-next { box-shadow: inset 0 0 0 2px var(--tsw-pink); }
.blank_product_page .tsw-rung.is-next b { color: var(--tsw-pink-text); }
.blank_product_page .tsw-deal-bar { height: 4px; margin-top: 8px; border-radius: 2px; background: #ececec; overflow: hidden; }
.blank_product_page .tsw-deal-bar i { display: block; height: 100%; width: 0; background: var(--tsw-ink); transition: width .35s cubic-bezier(.4,0,.2,1); }
.blank_product_page .tsw-deal-hint { margin-top: 10px; font-size: 14px; font-weight: 600; color: var(--tsw-ink); }
.blank_product_page .tsw-deal-hint b { font-weight: 700; color: var(--tsw-ink); }

/* ---- size grid: compact tiles, big tap targets ---- */
.blank_product_page .dn-product-size-container { margin: 0 0 12px; }
.blank_product_page .tsw-size-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.blank_product_page .tsw-size-pill { display: flex; flex-direction: column; border: 1.5px solid var(--tsw-line); border-radius: var(--tsw-r); overflow: hidden; background: #fff; transition: border-color .15s; }
.blank_product_page .tsw-size-pill .tsw-size-label { border: 0; background: none; font: inherit; font-size: 13px; font-weight: 700; padding: 9px 0 8px; cursor: pointer; color: var(--tsw-ink); }
.blank_product_page .tsw-size-pill .tsw-stepper { display: flex; align-items: center; justify-content: space-between; background: var(--tsw-surface); }
.blank_product_page .tsw-size-pill .tsw-stepper button { border: 0; background: none; font-size: 17px; font-weight: 700; width: 36px; height: 32px; cursor: pointer; color: var(--tsw-ink); }
.blank_product_page .tsw-size-pill .tsw-count { font-size: 13px; font-weight: 700; }
.blank_product_page .tsw-size-pill:not(.is-active) .tsw-stepper button, .blank_product_page .tsw-size-pill:not(.is-active) .tsw-count { color: #b5b5b5; }
.blank_product_page .tsw-size-pill:not(.is-active) .tsw-minus { visibility: hidden; }
.blank_product_page .tsw-size-pill.is-active { border-color: var(--tsw-ink); }
.blank_product_page .tsw-size-pill.is-active .tsw-size-label { background: var(--tsw-ink); color: #fff; }
.blank_product_page .tsw-size-pill.is-active .tsw-stepper { background: #f0f0f0; }
.blank_product_page .tsw-size-summary { font-size: 12px; font-weight: 600; color: var(--tsw-muted); margin: 8px 0 0; min-height: 16px; }
/* a size the chosen colour is not made in: visible but inert, so the range still reads as eight sizes */
.blank_product_page .tsw-size-pill.is-unavailable { opacity: .4; }
.blank_product_page .tsw-size-pill.is-unavailable .tsw-size-label { text-decoration: line-through; cursor: not-allowed; }
.blank_product_page .tsw-size-pill.is-unavailable .tsw-stepper button { pointer-events: none; }
.blank_product_page .tsw-size-note { margin: 6px 0 0; font-size: 12px; font-weight: 700; line-height: 1.4; color: var(--tsw-pink); }
.blank_product_page .tsw-size-note:empty { display: none; }
/* one size at a time (DN's other size form, JB's polos and some caps): tiles without steppers, then one How many */
.blank_product_page .tsw-size-grid.is-single .tsw-size-pill .tsw-size-label { padding: 11px 0 10px; }
.blank_product_page .tsw-size-grid.is-single .tsw-size-label:focus-visible { outline: 2px solid var(--tsw-ink); outline-offset: -4px; }
.blank_product_page .tsw-size-qty { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0 0; }
.blank_product_page .tsw-size-qty-label { font-size: 13px; font-weight: 700; color: var(--tsw-ink); }
.blank_product_page .tsw-size-qty-label small { font-size: 12px; font-weight: 600; color: var(--tsw-muted); }
.blank_product_page .tsw-size-qty .tsw-stepper { display: inline-flex; align-items: center; border: 1.5px solid var(--tsw-ink); border-radius: var(--tsw-r); background: #fff; overflow: hidden; }
.blank_product_page .tsw-size-qty .tsw-stepper button { width: 40px; height: 40px; border: 0; background: none; font-size: 18px; font-weight: 700; color: var(--tsw-ink); cursor: pointer; }
.blank_product_page .tsw-size-qty .tsw-stepper button:disabled { color: #b5b5b5; cursor: default; }
.blank_product_page .tsw-size-qty .tsw-count { width: 56px; height: 40px; border: 0; border-left: 1.5px solid var(--tsw-line); border-right: 1.5px solid var(--tsw-line); padding: 0; background: #fff; font: 700 16px/1 var(--font-body, Inter, system-ui, sans-serif); text-align: center; color: var(--tsw-ink); }
.blank_product_page.tsw-single .dn-product-qty-container { display: none !important; }

/* ---- Customise button (sticky on phones) ---- */
.blank_product_page .dn-product-decorate-now-container { position: sticky; bottom: 0; z-index: 20; background: rgba(255,255,255,.96); padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px)); margin: 0 0 10px; border-top: 1px solid var(--tsw-line); }
.blank_product_page .dn-product-decorate-now-button { width: 100%; background: var(--tsw-pink); color: #fff; border: 0; border-radius: var(--tsw-r); height: 52px; font-weight: 800; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; box-shadow: none; }
.blank_product_page .tsw-next-note { margin: 8px 0 0; font-size: 12px; font-weight: 500; line-height: 1.4; color: var(--tsw-muted); text-align: center; }

/* ---- product details card (opens the sheet) ---- */
.blank_product_page .dn-product-description { margin: 6px 0 8px !important; color: var(--tsw-body); }
.blank_product_page .dn-product-description.tsw-card > *:not(.tsw-details) { display: none !important; }
/* DN's content expander caps the description at 100px (inline max-height). The card clamps its own lines and opens
   the sheet for the rest, so the cap only cut it off: three lines in a narrow column, or a long description */
.blank_product_page .dn-product-description.tsw-card { max-height: none !important; overflow: visible !important; }
.blank_product_page .tsw-details { display: block; cursor: pointer; }
.blank_product_page .tsw-details .tsw-lead { margin: 8px 0 0; font-size: 13px; line-height: 1.5; color: var(--tsw-body); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ---- size guide card: white, no lines at all; chosen sizes tinted, tap a column to compare ---- */
.blank_product_page .dn-product-size-chart-container { margin: 0 0 8px !important; }
.blank_product_page .tsw-guide .tsw-card-head { cursor: pointer; }
.blank_product_page .tsw-guide .tsw-card-body { display: none; margin-top: 8px; }
.blank_product_page .tsw-guide.is-open .tsw-card-body { display: block; }
.blank_product_page .dn-size-chart-table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0; }
.blank_product_page .dn-product-size-chart-container .dn-size-chart-table { width: 100%; border: 0; border-collapse: separate; border-spacing: 0; font-size: 13px; margin: 0; }
.blank_product_page .dn-product-size-chart-container .dn-size-chart-table td, .blank_product_page .dn-product-size-chart-container .dn-size-chart-table th { padding: 7px 5px; text-align: center; border: 0; white-space: nowrap; min-width: 38px; font-size: 13px; font-weight: 600; color: var(--tsw-body); background: #fff; }
.blank_product_page .dn-size-chart-table tr > *:first-child { position: sticky; left: 0; z-index: 1; width: 1%; min-width: 0; max-width: 96px; padding: 7px 12px 7px 0; text-align: left; white-space: normal; line-height: 1.2; font-size: 11px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: var(--tsw-muted); }
.blank_product_page .dn-size-chart-table tr:first-child > * { padding: 6px 5px; border-radius: 0; font-size: 12px; font-weight: 800; color: var(--tsw-ink); cursor: pointer; }
.blank_product_page .dn-size-chart-table tr:not(:first-child) > .tsw-col-on { background: #f0f0f0; color: var(--tsw-ink); font-weight: 800; }
.blank_product_page .dn-size-chart-table tr:first-child > .tsw-col-on { background: var(--tsw-ink); color: #fff; }
.blank_product_page .dn-size-chart-table tr:not(:first-child) > .tsw-col-tap { background: var(--tsw-surface) !important; color: var(--tsw-ink) !important; }
.blank_product_page .dn-size-chart-table tr:first-child > .tsw-col-tap { background: #d8d8d8 !important; color: var(--tsw-ink) !important; }
/* phones: tighten the value cells so a full SML-5XL chart fits without sideways scrolling */
@media (max-width: 899px) {
  .blank_product_page .dn-product-size-chart-container .dn-size-chart-table td, .blank_product_page .dn-product-size-chart-container .dn-size-chart-table th { min-width: 32px; padding: 7px 3px; font-size: 12px; }
  .blank_product_page .dn-size-chart-table tr > *:first-child { padding-right: 8px; font-size: 10px; }
}

/* ---- product details sheet (appended to body, so unscoped) ---- */
.tsw-sheet-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 100000; opacity: 0; visibility: hidden; transition: opacity .25s; }
.tsw-sheet { position: fixed; left: 0; right: 0; bottom: 0; max-height: 85vh; background: #fff; border-radius: 4px 4px 0 0; z-index: 100001; transform: translateY(100%); transition: transform .3s cubic-bezier(.4,0,.2,1); display: flex; flex-direction: column; font-family: var(--font-body); }
.tsw-sheet.is-open { transform: translateY(0); }
.tsw-sheet-overlay.is-open { opacity: 1; visibility: visible; }
.tsw-sheet-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px 12px; border-bottom: 1px solid #eee; }
.tsw-sheet-head::before { content: ''; position: absolute; top: 7px; left: 50%; transform: translateX(-50%); width: 40px; height: 4px; border-radius: 2px; background: #ddd; }
.tsw-sheet-head h3 { margin: 0; font-size: 17px; font-weight: 800; color: #111; }
.tsw-sheet-close { width: 36px; height: 36px; border: 0; border-radius: var(--tsw-r); background: #f2f2f2; font-size: 22px; line-height: 1; cursor: pointer; color: #333; }
.tsw-sheet-body { padding: 16px 20px calc(24px + env(safe-area-inset-bottom, 0px)); overflow-y: auto; -webkit-overflow-scrolling: touch; }
.tsw-sheet-body, .tsw-sheet-body * { font-family: var(--font-body) !important; font-weight: 400 !important; font-size: 15px !important; line-height: 1.6 !important; color: #222 !important; }
.tsw-sheet-body strong, .tsw-sheet-body b, .tsw-sheet-body h1, .tsw-sheet-body h2, .tsw-sheet-body h3, .tsw-sheet-body h4 { font-weight: 700 !important; }
.tsw-sheet-body .tab-content__wrap { margin: 0 0 12px; }
.tsw-sheet-body .tab-content__wrap:empty, .tsw-sheet-body .tab-content__wrap:has(> br:only-child) { display: none; }

/* ---- complete the range: uniform tiles, no outlines, image on a soft tile ---- */
.blank_product_page .dn-product-related-products-container { margin: 6px 0 0; padding: 18px 0 8px; border-top: 1px solid var(--tsw-line); text-align: left; }
.blank_product_page .dn-product-related-products-container h4 { font-size: 16px; font-weight: 800; letter-spacing: -.01em; text-transform: none; color: var(--tsw-ink); margin: 0 0 12px; text-align: left; }
.blank_product_page .dn-product-related-products-container .dn-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0; padding: 0; list-style: none; }
.blank_product_page .dn-product-related-products-container .dn-grid-item { width: 100% !important; max-width: none !important; margin: 0; padding: 0; border: 0 !important; box-shadow: none !important; background: none !important; }
.blank_product_page .dn-product-related-products-container .dn-grid-item-container { display: flex !important; flex-direction: column; height: 100%; border: 0 !important; box-shadow: none !important; background: none !important; padding: 0 !important; border-radius: 0; overflow: visible; }
.blank_product_page .dn-product-related-products-container .dn-grid-image { position: relative !important; height: auto !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: var(--tsw-surface); border-radius: 0; overflow: hidden; }
.blank_product_page .dn-product-related-products-container .dn-grid-image-content { position: static !important; height: auto !important; }
.blank_product_page .dn-product-related-products-container .dn-image-transform { position: static !important; transform: none !important; }
.blank_product_page .dn-product-related-products-container .dn-product-thumbnail-container { position: static !important; display: block; border: 0 !important; }
.blank_product_page .dn-product-related-products-container .dn-product-thumbnail-container img { width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: 1 / 1.15; object-fit: contain; background: #f5f5f5; display: block; border: 0; transition: transform .3s; }
.blank_product_page .dn-product-related-products-container .dn-grid-item:hover img { transform: scale(1.03); }
.blank_product_page .dn-product-related-products-container .dn-grid-text { position: static !important; padding: 8px 2px 0 !important; text-align: left; }
.blank_product_page .dn-product-related-products-container .dn-grid-text label,
.blank_product_page .dn-product-related-products-container .dn-product-related_product-name { position: static !important; display: block; background: none !important; padding: 0 !important; margin: 0 !important; font-size: 13px !important; font-weight: 600; line-height: 1.35; color: var(--tsw-ink); white-space: normal; text-transform: none; }
.blank_product_page .dn-product-related-products-container .tw-prod-time-badge,
.blank_product_page .dn-product-related-products-container .favorite-btn { display: none !important; }
.blank_product_page .tsw-range-box { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; aspect-ratio: 1 / 1.15; box-sizing: border-box; padding: 16px; border-radius: 0; background: var(--tsw-ink); color: #fff; text-align: center; text-decoration: none; }
/* the pink tile uses the deeper pink so its white text is readable (5.3:1; white on #d10074 is 3.6:1) */
.blank_product_page .tsw-range-card.is-pink .tsw-range-box { background: var(--tsw-pink-text); }
.blank_product_page .tsw-range-kicker { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; opacity: .7; }
.blank_product_page .tsw-range-card.is-pink .tsw-range-kicker { opacity: 1; }
.blank_product_page .tsw-range-title { font-size: 18px; font-weight: 800; line-height: 1.1; letter-spacing: -.01em; }
.blank_product_page .tsw-range-cta { margin-top: 8px; font-size: 12px; font-weight: 600; white-space: nowrap; border: 1.5px solid rgba(255,255,255,.7); border-radius: var(--tsw-r); padding: 7px 12px; }

/* ---- desktop (≥900): capped width, square image column, details as one flex column ----
   Two columns from 900px, so a tablet on its side or a small laptop gets the picture beside the details and not
   a ~1000px square above them. 5e37e47 meant to widen only the container from 1200px, but it split this block
   in the wrong place and moved the whole layout to 1200 by accident. */
@media (min-width: 900px) {
  .blank_product_page .dn-product-display { max-width: 1200px; margin: 0 auto; }
  .blank_product_page .dn-product-panels { display: grid !important; grid-template-columns: minmax(0, 46%) minmax(0, 1fr); grid-template-rows: auto auto auto 1fr auto; column-gap: 32px; row-gap: 0; align-items: start; }
  /* image column: a square, DN's canvas pinned inside it */
  .blank_product_page .dn-product-views-container-small { grid-column: 1; grid-row: 1 / span 4; align-self: start; margin: 0; }
  .blank_product_page .dn-product-main-image-container { position: relative !important; height: 0 !important; padding-bottom: 100% !important; overflow: hidden !important; }
  .blank_product_page .dn-product-main-image-padding { display: none !important; }
  /* DN's #d_pane keeps its own 1000px height whatever we do, so size the view boxes and images from the
     container's width instead (container-query units) — a square that matches the box on every screen */
  .blank_product_page .dn-product-main-image-container { container-type: inline-size; }
  .blank_product_page .dn-product-main-image-container > #d_pane { position: absolute !important; inset: 0 !important; width: 100% !important; }
  .blank_product_page .dn-product-main-image-container #d_pane > .dn-product-view-container { width: 100cqw !important; height: 100cqw !important; top: 0 !important; left: 0 !important; }
  .blank_product_page .dn-product-main-image-container .dn-product-brand-logo-container { position: absolute; right: 12px; bottom: 12px; z-index: 7; }
  .blank_product_page div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container img.dn-product-main-image { width: 100cqw !important; height: 100cqw !important; object-fit: contain !important; }
  .blank_product_page .tsw-arrow { width: 48px; height: 48px; margin-top: -24px; }
  .blank_product_page .tsw-arrow.is-prev { left: 12px; }
  .blank_product_page .tsw-arrow.is-next { right: 12px; }
  .blank_product_page .tsw-rail { gap: 10px; margin-top: 10px; }
  .blank_product_page .tsw-rail-item { flex-basis: calc((100% - 5 * 10px) / 6); }
  .blank_product_page .tsw-hero-photo { display: block; margin-top: 10px; }
  .blank_product_page .tsw-hero-photo.is-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .blank_product_page .tsw-hero-cell { background: var(--tsw-surface); overflow: hidden; cursor: pointer; }
  .blank_product_page .tsw-hero-cell img { width: 100%; height: auto; display: block; transition: transform .3s; }
  .blank_product_page .tsw-hero-cell:hover img { transform: scale(1.02); }
  .blank_product_page .tsw-hero-photo.is-pair .tsw-hero-cell { aspect-ratio: 4 / 5; }
  .blank_product_page .tsw-hero-photo.is-pair .tsw-hero-cell img { height: 100%; object-fit: contain; }
  /* blank views are renders on a flat ground: contain them on a slightly darker tile, since a white
     garment on #f5f5f5 loses its edge — which is what made these look like sketches */
  .blank_product_page .tsw-hero-cell.is-view { background: #ededed; }
  .blank_product_page .tsw-hero-cell.is-view img { height: 100%; object-fit: contain; }
  .blank_product_page .tsw-hero-photo:not(.is-pair) .tsw-hero-cell.is-view { aspect-ratio: 1 / 1; }
  /* details column: one block so nothing stretches; keep the mobile order */
  .blank_product_page .dn-product-details-panel { display: flex !important; flex-direction: column; grid-column: 2; grid-row: 1; width: auto !important; margin: 0 !important; padding: 0 !important; }
  /* A spanning item taller than the rows it spans stretches all of them, which opened 60-70px gaps
     between the buy panel, the details card and the size guide once the photos made the gallery tall.
     Row 4 is 1fr and the gallery spans into it, so the extra height lands there instead and the buy
     column always packs tight — asymmetric by design, with any slack below it.
     The gallery owns the left column; details and the size guide stack under the Customise button, which is
     where they are read (Nike/AS Colour do the same). A sticky gallery was tried and rejected: it escapes its
     grid area and overlaps "Complete the range" at every scroll position. */
  .blank_product_page .dn-product-description { grid-column: 2; grid-row: 2; margin: 0 0 8px !important; }
  .blank_product_page .dn-product-size-chart-container { grid-column: 2; grid-row: 3; align-self: start; margin: 0 !important; }
  .blank_product_page .dn-product-related-products-container { grid-column: 1 / -1; grid-row: 5; margin-top: 32px; padding-top: 26px; }
  .blank_product_page .dn-product-related-products-container h4 { font-size: 20px; margin-bottom: 16px; }
  .blank_product_page .dn-product-related-products-container .dn-grid { grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .blank_product_page .tsw-range-title { font-size: 20px; }
  /* type scale */
  .blank_product_page .dn-product-heading-container-above-content { margin-bottom: 12px; }
  .blank_product_page .dn-product-heading-container-above-content h1.dn-styled.dn-sized { font-size: 36px; gap: 5px; }
  .blank_product_page h1 .tsw-title-meta { font-size: 13px; }
  .blank_product_page .tsw-specs { margin-bottom: 16px; }
  .blank_product_page .tsw-specs span { font-size: 13px; padding: 8px 12px; }
  .blank_product_page .tsw-price { padding: 14px 0; row-gap: 7px; }
  .blank_product_page .tsw-price-main { font-size: 30px; }
  .blank_product_page .tsw-price-was { font-size: 18px; }
  .blank_product_page .tsw-price-pill { font-size: 18px; }
  .blank_product_page .tsw-price-sub { font-size: 14px; }
  .blank_product_page .dn-product-decoration-prices { margin-bottom: 18px; }
  .blank_product_page .tsw-label, .blank_product_page .dn-product-display .dn-product-details-panel h4, .blank_product_page .dn-product-display .dn-product-color-container h4, .blank_product_page .dn-product-display .dn-product-size-container h4, .blank_product_page .dn-product-display .dn-product-discounts-container h4 { font-size: 12px; }
  .blank_product_page #dn_selected_color_label { font-size: 14px !important; }
  .blank_product_page .dn-product-color-container .dn-product-color-field-container .dn-color-panel-cell { width: 38px !important; height: 38px !important; max-width: 38px !important; }
  .blank_product_page .dn-product-color-container .dn-product-color-field-container.tsw-some .dn-color-panel-cell { width: 32px !important; height: 32px !important; max-width: 32px !important; }
  .blank_product_page .dn-product-color-container .dn-product-color-field-container.tsw-many .dn-color-panel-cell { width: 28px !important; height: 28px !important; max-width: 28px !important; }
  .blank_product_page .dn-product-color-field-container.tsw-many.is-collapsed { max-height: 110px; }
  .blank_product_page .dn-product-color-container { margin-bottom: 18px; }
  .blank_product_page .dn-product-extra-details-container { margin-bottom: 16px; }
  .blank_product_page .tsw-rung b { font-size: 20px; }
  .blank_product_page .tsw-rung span { font-size: 13px; }
  .blank_product_page .tsw-size-grid { grid-template-columns: repeat(4, 1fr); gap: 10px; }
  .blank_product_page .tsw-size-pill .tsw-size-label { font-size: 14px; padding: 9px 0 8px; }
  .blank_product_page .tsw-size-pill .tsw-stepper button { height: 32px; width: 40px; }
  .blank_product_page .tsw-size-summary { font-size: 13px; }
  .blank_product_page .dn-product-size-container { margin-bottom: 14px; }
  .blank_product_page .dn-product-decorate-now-container { position: static; background: none; border: 0; padding: 0; margin: 0 0 16px; }
  .blank_product_page .dn-product-decorate-now-button { height: 54px; font-size: 14px; }
  .blank_product_page .tsw-next-note { font-size: 13px; }
  .blank_product_page .tsw-card { padding: 16px 0; }
  .blank_product_page .tsw-details .tsw-lead { -webkit-line-clamp: 6; font-size: 14px; }
  .blank_product_page .tsw-guide .tsw-card-head { cursor: default; }
  .blank_product_page .tsw-guide .tsw-link { display: none; }
  .blank_product_page .tsw-guide .tsw-card-body { display: block !important; }
}
/* wide desktops: a roomier container so the product shot earns the screen (1200 left ~240px dead each
   side at 1680); past 1440 the tiles and swatches start looking marooned, so it stops there */
@media (min-width: 1200px) {
  .blank_product_page .dn-product-display { max-width: 1440px; }
  .blank_product_page .dn-product-panels { column-gap: 56px; }
}
@media (min-width: 900px) {
  .tsw-sheet { left: 50%; right: auto; bottom: auto; top: 50%; width: 560px; max-height: 80vh; border-radius: 4px; transform: translate(-50%, -50%) scale(.96); opacity: 0; visibility: hidden; transition: opacity .2s, transform .2s, visibility .2s; }
  .tsw-sheet.is-open { transform: translate(-50%, -50%) scale(1); opacity: 1; visibility: visible; }
  .tsw-sheet-head::before { display: none; }
}
/* ============================================================================
   SEC13  DESIGNER — lower padding (small breakpoint)
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC14  DESIGNER — properties panel expands to fit content
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC15  DESIGNER — product views panel expands to fit content
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC16  PRICING — Price styling — regular, RRP strikethrough, discount badge (grid + product page)
   ============================================================================ */

/* Style regular price (no discount) */


/* ============================================================================
   SEC17  SALE — Cart popup — sale item badge
   ============================================================================ */
/* Emptied 27 Sep 2026 (Housekeeping v1): the old sale mode's cart badge; nothing makes these classes any more.
   Black Friday mode will bring its own. The rules are in git history. */

/* ============================================================================
   SEC18  SALE — Site-wide sale mode — purple banner & pills
   ============================================================================ */
/* Emptied 27 Sep 2026 (Housekeeping v1): the old site-wide sale banner and pills; nothing makes these classes any
   more. The rules are in git history. */

/* ============================================================================
   SEC19  SALE — Cart footer — purple discount row
   ============================================================================ */
/* Emptied 27 Sep 2026 (Housekeeping v1): the old sale discount row in the cart; nothing makes these classes any
   more. The rules are in git history. */

/* ============================================================================
   SEC20  DESIGNER — Mobile designer — force fullscreen
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC21  DESIGNER — draggable toolbar with drag lines (desktop & mobile)
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC22  DESIGNER — canvas control (desktop only)
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC23  DESIGNER — element controls (stop ghost trails on mobile)
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC24  DESIGNER — text settings (hide Effect & Gradient on mobile)
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC25  DESIGNER — views panel (desktop & mobile)
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC26  DESIGNER — properties panel (desktop & mobile): widths, product details, colour panel, description
   ============================================================================ */
/* Designer rules retired for designer v3 (SEC109). These shared rules also style other pages, so they stay. */
@media (min-width: 1600px) {

  .dn-color-panel {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {

  .dn-color-panel {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 768px) and (max-width: 991px) {

  .dn-color-panel {
    grid-template-columns: repeat(5, 1fr);
  }
}
.dn-product-color-field-container {
  margin: 16px 0;
}

.dn-color-panel {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  margin: 12px 0;
}

.dn-color-panel-cell {
  width: 100%;
  aspect-ratio: 1;
  max-width: 48px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #ddd;
}

.dn-color-panel-cell:hover {
  border-color: #333;
}

.dn-color-panel-cell.dn-selected {
  border-color: #333;
  border-width: 3px;
}

.dn-color-panel-cell span {
  display: block;
  width: 100%;
  height: 100%;
}

.dn-color-panel-cell b {
  display: none;
}
.dn-product-color-selected-label {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin: 8px 0 16px 0;
  text-align: center;
}


/* ============================================================================
   SEC27  DESIGNER — Mobile designer — container inset, toolbar, sundry options
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC28  DESIGNER — toolbar
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC29  DESIGNER — scaled-up main image (mobile & desktop)
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC30  DESIGNER — Mobile product panel — Apply button (cross-browser)
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC31  DESIGNER — panel headers
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC32  DESIGNER — decoration area borders + customisable grid
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC33  DESIGNER — toolbar button states (zoom fixed)
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC34  DESIGNER — text colour popup, mobile fix
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC35  DESIGNER — text colour popup, desktop fix
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC36  DESIGNER — Designer modernisation — overview & customisation guide
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC37  DESIGNER — Designer modernisation 1 — top toolbar (design actions)
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC38  DESIGNER — Designer modernisation 2 — side panels, colour cells, buttons, Buy/Update button
   ============================================================================ */
/* Designer rules retired for designer v3 (SEC109). These shared rules also style other pages, so they stay. */
.dn-color-panel-cell {
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}

.dn-color-panel-cell:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1.5px #6b6b6b;
}

.dn-color-panel-cell.dn-selected {
  border: 3px solid var(--brand-pink);
  box-shadow: 0 0 0 3px rgba(209, 0, 116, 0.2);
}
.dn-btn {
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
  box-shadow: var(--shadow-sm);
  border: none;
  font-weight: 600;
}

.dn-btn:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}
.dn-btn-minor {
  background: #6c757d;
  color: white;
}

.dn-btn-minor:hover {
  background: #495057;
}
.dn-btn-ok {
  background: var(--brand-pink);
  color: white;
}

.dn-btn-ok:hover {
  background: var(--brand-pink-dark);
}
.dn-page-create_product .dn-btn-cart {
  background: var(--brand-pink) !important;
  color: white !important;
  border: none !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.dn-page-create_product .dn-btn-cart:hover {
  background: var(--brand-pink-dark) !important;
  box-shadow: var(--shadow-pink) !important;
}

.dn-page-create_product .dn-btn-cart .dn-btn-label {
  color: white !important;
}
.dn-page-create_product .dn-btn-update-line-item {
  background: var(--brand-pink) !important;
  color: white !important;
}

.dn-page-create_product .dn-btn-update-line-item:hover {
  background: var(--brand-pink-dark) !important;
}


/* ============================================================================
   SEC39  DESIGNER — Designer modernisation 3 — canvas toolbar tools
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC40  DESIGNER — Designer modernisation 4 — decoration borders, hide/show toggle, grid button
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC41  DESIGNER — Designer modernisation 5 — zoom button
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC42  DESIGNER — Designer modernisation 6 — qty & price
   ============================================================================ */
/* Designer rules retired for designer v3 (SEC109). These shared rules also style other pages, so they stay. */

.dn-price {
  color: var(--text-dark);
}


/* ============================================================================
   SEC43  DESIGNER — Designer modernisation 8 — used colours indicator
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC44  DESIGNER — Designer modernisation 9 — product views panel
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC45  DESIGNER — Designer modernisation 10 — layers panel
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC46  DESIGNER — Designer modernisation 11 — scrollbars
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC47  DESIGNER — Designer modernisation 12 — animations
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC48  DESIGNER — Designer modernisation 13 — focus states (accessibility)
   ============================================================================ */
/* Designer rules retired for designer v3 (SEC109). These shared rules also style other pages, so they stay. */

*:focus-visible {
  outline: 2px solid var(--brand-pink);
  outline-offset: 2px;
}


/* ============================================================================
   SEC49  DESIGNER — Designer modernisation 14 — loading states
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC50  DESIGNER — Designer modernisation 15 — popup backgrounds
   ============================================================================ */
/* Designer rules retired for designer v3 (SEC109). These shared rules also style other pages, so they stay. */

.dn-popup-background {
  backdrop-filter: blur(4px);
}

.dn-popup {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}


/* ============================================================================
   SEC51  DESIGNER — alert symbol
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC52  PAGINATION — Pagination — JS-controlled mobile pagination
   ============================================================================ */

/* 
   T-Shirt Workshop - tshirtworkshop.com.au
   JavaScript controls page visibility
 */

/* Hide pagination initially to prevent flash of wrong layout */
.dn-paginator {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.dn-paginator.js-ready {
  opacity: 1;
}

/* Container */
.dn-paginator-container {
  width: 100%;
  padding: 25px 15px;
  margin: 0 auto;
}

/* Pagination List */
.dn-paginator {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center;
  align-items: center;
  gap: 6px;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 44px;
}

/* Reset list items */
.dn-paginator li {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex;
  flex-shrink: 0;
}

/* Base button styling */
.dn-paginator li a,
.dn-paginator li.dn-alt {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 16px;
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  color: #333;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none !important;
  transition: all 0.2s ease;
  cursor: pointer;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

/* Tap feedback */
.dn-paginator li a:active {
  transform: scale(0.95);
  box-shadow: none;
}

/* Hover state (desktop) */
@media (hover: hover) {
  .dn-paginator li a:hover {
    background: #f8f8f8;
    border-color: #d10074;
    color: #d10074;
    transform: translateY(-2px);
    box-shadow: none;
  }
}

/* Active/Current page */
.dn-paginator li.dn-alt {
  background: #d10074 !important;
  border-color: #d10074 !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: none;
  cursor: default;
}

/* Ellipsis */
.dn-paginator .dn-ellipsis {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 44px;
  color: #999;
  font-weight: 700;
  pointer-events: none;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* Previous/Next - Square arrow buttons */
.dn-paginator .dn-paginator-nav a {
  min-width: 44px;
  width: 44px;
  height: 44px;
  padding: 0 !important;
  font-weight: 700;
  background: #fff;
  border: 2px solid #e0e0e0;
  font-size: 0; /* Hide any text content */
  line-height: 0; /* Collapse text space */
}

/* Hide "Previous" and "Next" text - show ONLY arrows */
.dn-paginator .dn-prev a span,
.dn-paginator .dn-next a span {
  display: none !important;
}

/* Extra safety - hide any text nodes in nav buttons on mobile */
@media (max-width: 640px) {
  .dn-paginator .dn-paginator-nav a {
    font-size: 0 !important; /* Hide text */
  }

  .dn-paginator .dn-prev a::before,
  .dn-paginator .dn-next a::after {
    font-size: 20px !important; /* Ensure arrows show */
  }
}

/* Large, clear arrows */
.dn-paginator .dn-prev a::before {
  content: "←";
  margin: 0;
  font-size: 20px !important; /* Override font-size: 0 */
  font-weight: 700;
  line-height: 1;
}

.dn-paginator .dn-next a::after {
  content: "→";
  margin: 0;
  font-size: 20px !important; /* Override font-size: 0 */
  font-weight: 700;
  line-height: 1;
}

/* Disabled state */
.dn-paginator .dn-paginator-nav.disabled a {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
  background: #f5f5f5 !important;
  border-color: #e0e0e0 !important;
  color: #ccc !important;
}

/* Focus state for accessibility */
.dn-paginator li a:focus {
  outline: 3px solid rgba(209, 0, 116, 0.4) !important;
  outline-offset: 2px;
}

/* ---- MOBILE OPTIMIZATIONS ---- */

/* Standard phones and tablets */
@media (max-width: 640px) {
  .dn-paginator-container {
    padding: 20px 10px;
  }

  .dn-paginator {
    gap: 5px;
  }

  /* JavaScript will handle all page visibility on mobile */
  /* NO display:none rules here - JS controls everything */
}

/* Very small phones */
@media (max-width: 400px) {
  .dn-paginator {
    gap: 4px;
  }

  /* Slightly smaller for tiny screens */
  .dn-paginator li a,
  .dn-paginator li.dn-alt {
    min-width: 42px;
    height: 42px;
    font-size: 14px;
  }

  .dn-paginator .dn-paginator-nav a {
    min-width: 42px;
    width: 42px;
    height: 42px;
    font-size: 18px;
  }

  .dn-paginator .dn-ellipsis {
    min-width: 28px;
    height: 42px;
  }
}

/* ---- DESKTOP ENHANCEMENTS ---- */

@media (min-width: 641px) {
  .dn-paginator {
    gap: 8px;
  }

  /* Show "Previous" and "Next" text on desktop */
  .dn-paginator .dn-prev a span,
  .dn-paginator .dn-next a span {
    display: inline !important;
  }

  .dn-paginator .dn-prev a::before {
    margin-right: 6px;
    font-size: 18px;
  }

  .dn-paginator .dn-next a::after {
    margin-left: 6px;
    font-size: 18px;
  }

  .dn-paginator .dn-paginator-nav a {
    width: auto;
    padding: 0 20px !important;
    font-size: 15px;
  }
}


/* ============================================================================
   SEC53  FAVOURITES — Favourites page — v1 layout (cards, empty state)
   ============================================================================ */

/* Favorites Page Container */
/* Favorites Page Container */
.favorites-page-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 20px;
}

.favorites-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid #f0f0f0;
}

.favorites-header h1 {
  font-size: 32px;
  margin: 0;
  color: #333;
}

.favorites-actions {
  display: flex;
  gap: 15px;
  align-items: center;
}

.favorites-count {
  font-size: 16px;
  color: #666;
  font-weight: 500;
}

/* Favorites Grid - matches your product grid */
#favorites-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

/* Product Card Styling */
.favorite-product-card {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  background: white;
  position: relative;
}

.favorite-product-card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
}

.favorite-product-image {
  position: relative;
  width: 100%;

  background: #f5f5f5;
  overflow: hidden;
}

.favorite-product-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.favorite-product-info {
  padding: 15px;
}

.favorite-product-brand {
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px;
}

.favorite-product-name {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.favorite-product-price {
  font-size: 20px;
  font-weight: 700;
  color: #d10074;
  margin-bottom: 15px;
}

.favorite-product-actions {
  display: flex;
  gap: 10px;
}

.remove-favorite-btn {
  flex: 1;
  background: white;
  color: #f44336;
  border: 2px solid #f44336;
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}

.remove-favorite-btn:hover {
  background: #f44336;
  color: white;
}

.view-product-btn {
  flex: 1;
  background: #d10074;
  color: white;
  border: none;
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}

.view-product-btn:hover {
  background: #a8005e;
  transform: translateY(-2px);
}

/* Empty State */
.empty-state {
  text-align: center;
  padding: 80px 20px;
}

.empty-content svg {
  margin-bottom: 20px;
  opacity: 0.3;
}

.empty-content h2 {
  font-size: 28px;
  color: #333;
  margin-bottom: 10px;
}

.empty-content p {
  font-size: 16px;
  color: #666;
  margin-bottom: 30px;
}

.browse-btn {
  display: inline-block;
  background: #d10074;
  color: white;
  padding: 12px 30px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.browse-btn:hover {
  background: #a8005e;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(209, 0, 116, 0.3);
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .favorites-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .favorites-header h1 {
    font-size: 24px;
  }

  #favorites-grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 15px;
  }

  .favorite-product-actions {
    flex-direction: column;
  }
}


/* ============================================================================
   SEC54  FAVOURITES — Favourites — heart button on products & floating counter
   ============================================================================ */

/* Ensure the image content container is positioned */

/* Heart button on products - positioned to not conflict with badges */
.favorite-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: white;
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  cursor: pointer;
  box-shadow: none;
  transition: all 0.3s ease;
  z-index: 20; /* Higher than badges */
  display: flex;
  align-items: center;
  justify-content: center;
}

.favorite-btn:hover {
  transform: scale(1.15);
  box-shadow: none;
}

.favorite-btn svg {
  width: 24px;
  height: 24px;
  transition: all 0.3s ease;
}

.favorite-btn:not(.is-favorite) svg {
  fill: none;
  stroke: #333;
  stroke-width: 2;
}

.favorite-btn.is-favorite svg {
  fill: #d10074;
  stroke: #d10074;
  stroke-width: 2;
}

/* Animation */
@keyframes heartBeat {
  0%,
  100% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.3);
  }
  50% {
    transform: scale(1.1);
  }
}

.favorite-btn.animating svg {
  animation: heartBeat 0.6s ease;
}

/* Favorites counter badge */
.favorites-counter {
  position: fixed;
  top: 100px;
  right: 20px;
  background: #d10074;
  color: white;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(209, 0, 116, 0.4);
  z-index: 1000;
  transition: all 0.3s ease;
  font-size: 15px;
}

.favorites-counter:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(209, 0, 116, 0.5);
  background: #a8005e;
}

.favorites-counter.hidden {
  display: none;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .favorite-btn {
    width: 38px;
    height: 38px;
    top: 8px;
    right: 8px;
  }

  .favorite-btn svg {
    width: 20px;
    height: 20px;
  }

  .favorites-counter {
    top: 80px;
    right: 15px;
    padding: 10px 20px;
    font-size: 14px;
  }
}


/* ============================================================================
   SEC55  FAVOURITES — Favourites page — matching native grid (header, grid, images, remove button, text, prices, empty state, mobile)
   ============================================================================ */

/* Favorites Header */

.clear-all-favorites-btn {
  background: white;
  color: #d10074;
  border: 2px solid #d10074;
  padding: 10px 24px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
}

.clear-all-favorites-btn:hover {
  background: #d10074;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(209, 0, 116, 0.3);
}

/* Favorites Grid Container - Centered */
.favorites-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 0px;
}

/* Grid Layout - Matching Your Settings */
#favorites-grid.dn-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 6px !important;
  list-style: none;
  padding: 0;
  margin: 0 0 60px;
}

/* Grid Item Container - WITH BORDER AND SHADOW */
.favorite-item .dn-grid-item-container {
  padding: 8px !important;
  max-width: 350px;
  margin: 0 auto;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  background: white;
}

.favorite-item .dn-grid-item-container:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* ---- IMAGE CONTAINER SETUP ---- */

.favorite-item .dn-grid-image {
  position: relative !important;
}

.favorite-item .dn-grid-image.dn-with-height-padding {
  position: relative;
}

.favorite-item .dn-grid-image-content {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* Image Transform Wrapper */
.favorite-item .dn-image-transform {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Product Thumbnail Container */
.favorite-item .dn-product-thumbnail-container {
  border: 1px solid #000;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

/* Product Image */
.favorite-item .dn-product-thumbnail-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.35) !important;
  transition: transform 0.3s ease !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

/* Hover Zoom */
.favorite-item:hover .dn-product-thumbnail-image {
  transform: scale(1.4) !important;
}

/* Reduced scaling for specific brands */
.favorite-item[data-brand-scaling="reduced"] .dn-product-thumbnail-image {
  transform: scale(1.05) !important;
}

.favorite-item[data-brand-scaling="reduced"]:hover .dn-product-thumbnail-image {
  transform: scale(1.15) !important;
}

/* ---- REMOVE BUTTON ---- */

/* Hide heart button on favorites page - using X button instead */
.favorite-item .favorite-btn,
.favorite-item button[aria-label="Add to favorites"] {
  display: none !important;
}

.favorite-item .remove-favorite-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: white;
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff4757;
  font-size: 24px;
  line-height: 1;
}

.favorite-item .remove-favorite-btn:hover {
  transform: scale(1.15);
  background: #ff4757;
  color: white;
  box-shadow: 0 5px 15px rgba(255, 71, 87, 0.3);
}

/* ---- PRODUCT TEXT - MATCHING YOUR SPACING ---- */

.favorite-item .dn-grid-text {
  margin: 0 !important;
  padding: 0 !important;
}

.favorite-item .dn-grid-image + .dn-grid-text.dn-product-name {
  margin-top: 8px !important;
}

.favorite-item .dn-product-name + .dn-product-prices {
  margin-top: -2px !important;
}

.favorite-item .dn-product-name.dn-below {
  margin-bottom: -5px !important;
  padding-bottom: 0 !important;
  line-height: 1.2 !important;
}

.favorite-item .dn-product-name.dn-below h4 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

.favorite-item h4.dn-styled {
  margin: 0 !important;
  line-height: 1.1 !important;
}

.favorite-item .dn-product-name h4 a {
  text-decoration: none;
  color: inherit;
}

.favorite-item .dn-brand {
  font-size: 11px;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}

.favorite-item .dn-name {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

/* ---- PRICE STYLING - MATCHING YOUR FORMAT ---- */

.favorite-item .dn-grid-text.dn-product-prices .dn-decoration-process-DTG {
  font-size: 0;
  text-align: center;
  padding: 5px;
  background: transparent !important;
  border: none !important;
}

.favorite-item .dn-grid-text.dn-product-prices .dn-decoration-process-DTG a {
  display: none !important;
}

/* NEW: Only style spans that are NOT our price classes */
.favorite-item
  .dn-grid-text.dn-product-prices
  span:not(.price-original):not(.price-current):not(.price-discount):not(.price-single) {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #000 !important;
  display: inline-block !important;
  padding-top: 11px !important;
}

/* ---- FAVORITES PRICE STYLING - MATCHING GRID ---- */

/* Remove the conflicting hover rule */

/* Add space at top of price section */
.favorite-item .dn-grid-text.dn-product-prices {
  margin-top: 6px !important;
  padding-top: 0 !important;
  cursor: pointer;
  text-align: center;
}

/* Container for styled prices */
.favorite-item .dn-decoration-process-DTG {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 11px;
}

/* Original/RRP Price - Gray with strikethrough (matches grid) */
.favorite-item .price-original {
  display: inline-block !important;
  text-decoration: line-through !important;
  color: #999 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  margin-right: 3px !important;
  vertical-align: middle;
  padding-top: 0 !important;
}

/* Current/Discounted Price - Purple (matches grid) - ONLY when discount active */
.favorite-item .price-current {
  display: inline-block !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #bc01ff !important;
  vertical-align: middle;
  padding-top: 0 !important;
}

/* Discount Badge - Purple pill (matches grid) */
.favorite-item .price-discount {
  display: inline-block !important;
  background: #bc01ff !important;
  color: white !important;
  padding: 2px 6px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  margin-left: 4px !important;
  font-weight: 700 !important;
  vertical-align: middle;
  padding-top: 2px !important;
}

/* Single price (no discount) - Black (matches grid when no sale) */
.favorite-item .price-single {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
}

/* Prevent hover from changing colors */
.favorite-item .dn-grid-text.dn-product-prices:hover .price-original {
  color: #999 !important;
}

.favorite-item .dn-grid-text.dn-product-prices:hover .price-current {
  color: #bc01ff !important;
}

.favorite-item .dn-grid-text.dn-product-prices:hover .price-discount {
  color: white !important;
  background: #bc01ff !important;
}

.favorite-item .dn-grid-text.dn-product-prices:hover .price-single {
  color: #000 !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .favorite-item .dn-decoration-process-DTG {
    gap: 6px;
    padding-top: 10px;
  }

  .favorite-item .price-original {
    font-size: 15px !important;
  }

  .favorite-item .price-current {
    font-size: 18px !important;
  }

  .favorite-item .price-discount {
    font-size: 13px !important;
    padding: 2px 5px !important;
  }

  .favorite-item .price-single {
    font-size: 20px !important;
  }
}

@media (max-width: 480px) {
  .favorite-item .price-original {
    font-size: 14px !important;
  }

  .favorite-item .price-current {
    font-size: 16px !important;
  }

  .favorite-item .price-discount {
    font-size: 12px !important;
  }

  .favorite-item .price-single {
    font-size: 18px !important;
  }
}

/* "INCLUDES PRINTING" text */
.favorite-item .dn-grid-text.dn-product-prices::after {
  content: "INCLUDES PRINTING";
  display: block;
  font-size: 10px !important;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 2px;
  text-align: center;
  font-weight: normal;
}

/* ---- EMPTY STATE ---- */

#empty-favorites {
  text-align: center;
  padding: 80px 20px;
  display: none;
}

#empty-favorites.show {
  display: block;
}

#empty-favorites h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 12px;
  font-weight: 600;
}

#empty-favorites p {
  font-size: 16px;
  color: #666;
  margin-bottom: 24px;
}

.browse-products-btn {
  background: #d10074;
  color: white;
  border: none;
  padding: 12px 28px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
}

.browse-products-btn:hover {
  background: #a8005e;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(209, 0, 116, 0.3);
}

/* ---- MOBILE RESPONSIVE ---- */

@media (max-width: 768px) {
  .favorites-header {
    justify-content: center;
    margin-bottom: 20px;
  }

  .clear-all-favorites-btn {
    width: 100%;
    max-width: 300px;
  }

  #favorites-grid.dn-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px !important;
  }

  .favorite-item .dn-brand {
    font-size: 10px;
  }

  .favorite-item .dn-name {
    font-size: 13px;
  }

  .favorite-item .dn-grid-text.dn-product-prices span {
    font-size: 20px !important;
  }

  .favorite-item .remove-favorite-btn {
    width: 38px;
    height: 38px;
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  .favorite-item .dn-grid-text.dn-product-prices span {
    font-size: 18px !important;
  }
}


/* ============================================================================
   SEC56  CHECKOUT — Cart page — footer row tweak (mobile overflow fix is quarantined, see end of file)
   ============================================================================ */
.dn-view-cart-details-container .dn-checkout-footer-row {
  padding-top: 5px;
  text-align: left;
}


/* ============================================================================
   SEC57  PRODUCT GRID — Listing sort dropdown
   ============================================================================ */

/* Make the sort container relative */
.dn-listing-sort {
  position: relative !important;
}

.dn-sort-selector {
  position: relative !important;
}

/* Force dropdown to position relative to .dn-sort-selector */

/* If you want it left-aligned instead. Not on the design pages: their Sort sits on the left and opens its menu
   under the button (SEC111) */
body:not(.dn-page-designs) #decorated_product_sort_list_dropdown {
  left: auto !important;
  right: 27px !important;
}


/* ============================================================================
   SEC58  HEADER — Mobile header — logo sizing & position
   ============================================================================ */
@media (max-width: 768px) {
  /* Logo image size */
  #site-logo-small .dn-site-logo {
    max-height: 45px !important; /* Increase = taller, Decrease = shorter */
    width: auto !important; /* Keeps proportions correct, don't change */
    max-width: 240px !important; /* Increase = wider, Decrease = narrower */
    display: block !important;
  }

  /* Logo left/right position */
  #site-logo-small {
    padding-left: 10px !important; /* Increase = moves right, Decrease = moves left */
  }
}


/* ============================================================================
   SEC59  SEARCH — Header search overlay (transforming search bar)
   ============================================================================ */

/* Hide the original popup search */
#dn_search_popup_pt {
  display: none !important;
}

/* Hide DecoNetwork popup backgrounds */
.dn-inline-popup-background[id*="search_popup"] {
  display: none !important;
}

/* Search overlay - appears over header */
.header-search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #000;
  height: 60px; /* Match slim nav height */
  z-index: 10001;
  display: flex; /* ✅ Always flex */
  align-items: center;
  padding: 0 20px;
  gap: 15px;
  opacity: 0;
  visibility: hidden; /* ✅ Use visibility instead */
  transform: translateY(-100%);
  transition:
    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0s linear 0.3s,
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none; /* ✅ Prevent clicks when hidden */
}

.header-search-overlay.active {
  opacity: 1;
  visibility: visible; /* ✅ Becomes visible */
  transform: translateY(0);
  transition:
    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0s linear 0s,
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: auto; /* ✅ Allow clicks when visible */
}

/* Logo in search */
.header-search-logo {
  height: 70px; /* Default height */
  flex-shrink: 0;
  display: none; /* Hidden on mobile */
}

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

/* Search input container */
.header-search-input-container {
  flex: 1;
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}

/* Search input: a white field with 4px corners, as the menu's search (flat, no pill) */
.header-search-input {
  width: 100%;
  height: 44px;
  background: #ffffff;
  border: 0;
  border-radius: 4px;
  padding: 0 52px 0 14px;
  color: #111111;
  font-size: 16px;
  font-family: var(--font-body);
  transition: none;
}

.header-search-input::placeholder {
  color: #6b6b6b;
}

.header-search-input:focus {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
  background: #ffffff;
}

/* Search button inside input: an ink icon, no pink disc */
.header-search-submit {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  color: #111111;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.header-search-submit:hover {
  background: #f0f0f0;
  transform: translateY(-50%);
}

.header-search-submit svg {
  width: 18px;
  height: 18px;
}

/* Close button */
.header-search-close {
  background: transparent;
  border: none;
  color: white;
  font-size: 32px;
  cursor: pointer;
  padding: 8px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s ease;
  line-height: 1;
  font-weight: 300;
}

.header-search-close:hover {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 4px;
}

/* Desktop styles */
@media (min-width: 769px) {
  .header-search-overlay {
    height: 70px; /* Match desktop header - increased to 70px */
    padding: 0 30px;
    gap: 20px;
  }

  /* Full-size logo on desktop - 70px */
  .header-search-logo {
    display: block;
    height: 70px;
  }

  .header-search-input-container {
    max-width: 700px;
  }

  .header-search-input {
    height: 50px; /* Slightly taller for 70px bar */
    font-size: 17px;
  }

  .header-search-submit {
    width: 40px;
    height: 40px;
  }

  .header-search-submit svg {
    width: 20px;
    height: 20px;
  }

  .header-search-close {
    width: 48px;
    height: 48px;
    font-size: 36px;
  }
}

/* Mobile styles */
@media (max-width: 768px) {
  .header-search-overlay {
    height: 60px; /* Match mobile nav */
    padding: 0 15px;
    gap: 10px;
  }

  /* Hide logo on mobile */
  .header-search-logo {
    display: none;
  }

  .header-search-input {
    font-size: 16px;
  }

  .header-search-close {
    width: 40px;
    height: 40px;
    font-size: 28px;
  }
}

/* Prevent body scroll when search is open */
body.search-overlay-open {
  overflow: hidden;
}

/* Click outside overlay to close */
.header-search-backdrop {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.header-search-backdrop.active {
  display: block;
  opacity: 1;
}


/* ============================================================================
   SEC60  NAV — "More" dropdown — long menu names fix
   ============================================================================ */

/* Make the MORE dropdown wider and allow text wrapping */
.dn-more-dropdown {
  min-width: 250px !important; /* Increased from default */
  max-width: 320px !important; /* Prevent it from getting too wide */
  white-space: normal !important; /* Allow text to wrap */
}

/* Style the dropdown links to handle long text */
.dn-more-dropdown a {
  word-wrap: break-word !important;
  line-height: 1.4 !important;
}

/* Optional: Add ellipsis for VERY long names (if you prefer truncation) */
/* Uncomment these lines if you want truncation instead of wrapping */
/*
.dn-more-dropdown a {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 300px !important;
}
*/

/* Make sure dropdown doesn't go off-screen on smaller monitors */
@media (max-width: 1100px) {
  .dn-more-dropdown {
    right: 0 !important; /* Align to right edge on smaller screens */
    left: auto !important;
  }
}


/* ============================================================================
   SEC61  HEADER — Account dropdown menu
   ============================================================================ */

/* Account dropdown wrapper */
.tw-account-dropdown {
  position: relative !important;
  display: inline-flex !important;
}

/* Account button */
.tw-account-trigger {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
}

.tw-account-trigger:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

.tw-account-trigger .tw-icon {
  width: 20px !important;
  height: 20px !important;
  stroke: white !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Account dropdown menu: white like the menu panels (Styling v1; it was black from the old dark header) */
.tw-account-dropdown-menu {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  background: #fff !important;
  border: 1.5px solid #e6e6e6 !important;
  border-radius: 4px !important;
  min-width: 180px !important;
  box-shadow: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-10px) !important;
  transition: all 0.3s ease !important;
  z-index: 10000 !important;
  overflow: hidden !important;
}

.tw-account-dropdown-menu.active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* Dropdown links */
.tw-account-dropdown-menu a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  color: #333333 !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  transition: none !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

.tw-account-dropdown-menu a:last-child {
  border-bottom: none !important;
}

.tw-account-dropdown-menu a:hover {
  background: #f5f5f5 !important;
  color: #111111 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Dropdown icons */
.tw-account-dropdown-menu .tw-dropdown-icon {
  width: 18px !important;
  height: 18px !important;
  stroke: #111111 !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  flex-shrink: 0 !important;
}

/* Arrow indicator on hover */
.tw-account-trigger:hover::after {
  content: "" !important;
  position: absolute !important;
  bottom: -8px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-bottom: 5px solid rgba(255, 255, 255, 0.1) !important;
  display: none !important; /* the dark header's arrow: nothing to point at now the menu is white */
}

/* The desktop phone pop-up (its styles are in the jQuery snippet): white like the menu panels, a 1.5px line,
   4px corners, no shadow */
html body #phone-info-popup {
  border: 1.5px solid #e6e6e6;
  border-radius: 4px;
  box-shadow: none;
}

/* When dropdown is active */
.tw-account-dropdown-menu.active::before {
  content: "" !important;
  position: absolute !important;
  top: -6px !important;
  right: 15px !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: 6px solid #000 !important;
  display: none !important; /* the black menu's arrow */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .tw-account-dropdown-menu {
    right: -10px !important;
    min-width: 160px !important;
  }
}


/* ============================================================================
   SEC62  HEADER — Hide mobile header on desktop
   ============================================================================ */
@media (min-width: 769px) {
  .dn-small-header,
  div.dn-small-header,
  body .dn-small-header,
  body div.dn-small-header {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

/* Show mobile header only on mobile */
@media (max-width: 768px) {
  .dn-small-header {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    height: 60px !important;
  }
}


/* ============================================================================
   SEC63  HEADER — Desktop slim header — consolidated
   ============================================================================ */

/* ---- BASE HEADER STRUCTURE ---- */
.dn-slim-desktop-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 70px;
  background: #000;
  z-index: 9999;
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.4s ease,
    transform 0.4s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
}

/* Hidden state when scrolling down */
.dn-slim-desktop-header.is-hidden {
  opacity: 0;
  transform: translateY(-15px);
  pointer-events: none;
}

/* Solid black when scrolled: no glass blur or soft shadow (house style), so the links stay readable over photos */
.dn-slim-desktop-header.is-scrolled {
  background: #000;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Solid on hover when scrolled */
.dn-slim-desktop-header.is-scrolled.is-hovered {
  background: #000;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Solid when dropdown open */
.dn-slim-desktop-header.dropdown-open {
  background: #000 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Solid state at top of page (flat: no soft shadow) */
.dn-slim-desktop-header.at-top {
  background: #000;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}

.dn-slim-header-container {
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

/* ---- SITEWIDE STRIP BEHAVIOUR — inert when no strip running ---- */

@media (min-width: 769px) {
  body.tsw-strip-active .dn-slim-desktop-header:not(.is-hidden) {
    transition: none !important;
  }
  body.tsw-strip-active .dn-slim-desktop-header.is-hidden {
    transition:
      opacity 0.4s ease,
      transform 0.4s ease !important;
  }
}

/* ---- LOGO ---- */
.dn-slim-logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.dn-slim-logo img {
  height: 70px;
  width: auto;
  display: block;
  transition: height 0.3s ease;
}

/* ---- NAVIGATION CONTAINER ---- */
.dn-slim-nav-main {
  display: flex;
  align-items: center;
  gap: 0;
  flex-grow: 1;
  justify-content: center;
  margin: 0 auto;
}

.dn-slim-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 70px;
}

/* Dropdown anchor for positioning */
.dn-dropdown-anchor {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 1px;
  pointer-events: none;
}

/* ---- NAV LINKS - WITH HOVER SCALE ---- */
@media (min-width: 769px) {
  .dn-slim-nav-item a {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    padding: 0 16px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    transition:
      color 0.15s ease,
      transform 0.15s ease !important;
    will-change: transform !important;
    position: relative !important;
    transform: scale(1) !important;
  }

  /* Hover effects - scale up and pink */
  .dn-slim-nav-item a:hover,
  .dn-slim-nav-item.active a {
    color: #d10074 !important;
    transform: scale(1.2) !important;
  }

  /* Underline animation */
  .dn-slim-nav-item a::after {
    content: "";
    position: absolute;
    bottom: 10%; /* ← Position from bottom */
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 80%; /* ← Width of the line */
    height: 1px; /* ← Thickness of the line */
    background: #d10074; /* ← Pink color */
    transition: transform 0.15s ease !important;
  }

  .dn-slim-nav-item a:hover::after,
  .dn-slim-nav-item.active a::after {
    transform: translateX(-50%) scaleX(1); /* ← Animates to full width */
  }
}

/* ---- MORE DROPDOWN ---- */
.dn-nav-more {
  position: relative !important;
  z-index: 10001 !important;
}

.dn-more-trigger {
  display: flex !important;
  align-items: center !important;
  height: 70px !important;
  padding: 0 16px !important;
  background: none !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  gap: 5px !important;
}

.dn-more-trigger:hover {
  color: #d10074 !important;
  transform: scale(1.05) !important;
}

.dn-arrow {
  font-size: 10px !important;
  transition: transform 0.2s ease !important;
}

.dn-more-trigger:hover .dn-arrow {
  transform: translateY(2px) !important;
}

/* Dropdown container */
.dn-more-dropdown {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  width: 180px !important;
  background: #000 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: var(--z-desktop-floating-cart) !important;
  display: none !important;
  margin-top: 0 !important;
  padding: 20px !important;
}

/* Show on hover */
.dn-nav-more:hover .dn-more-dropdown {
  display: block !important;
}

/* Links */
.dn-more-dropdown a {
  display: block !important;
  width: 100% !important;
  padding: 14px 20px !important;
  margin: 0 !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  transition:
    background 0.2s ease,
    color 0.2s ease !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.dn-more-dropdown a:last-child {
  border-bottom: none !important;
}

.dn-more-dropdown a:hover {
  background: rgba(209, 0, 116, 0.15) !important;
  color: #d10074 !important;
}

/* ---- DESKTOP HEADER ICONS - MATCH MOBILE STYLE ---- */
.dn-slim-nav-icons {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
  margin-left: 20px !important;
}

.dn-slim-nav-icons .tw-icon-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  position: relative !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  color: white !important;
  transition: all 0.2s ease !important;
  border-radius: 50% !important;
  margin: 0 !important;
}

.dn-slim-nav-icons .tw-icon-btn:hover {
  background: rgba(209, 0, 116, 0.15) !important;
  transform: scale(1.1) !important;
}

.dn-slim-nav-icons .tw-icon-btn:active {
  transform: scale(0.95) !important;
  background: rgba(209, 0, 116, 0.25) !important;
}

/* Icon SVG styling */
.dn-slim-nav-icons .tw-icon {
  width: 20px !important;
  height: 20px !important;
  stroke: white !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Favorites icon - filled heart */
.dn-slim-nav-icons .tw-favorites-btn .tw-icon {
  fill: white !important;
  stroke: none !important;
}

/* Badge styling */
.dn-slim-nav-icons .tw-badge {
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  background: #d10074 !important;
  color: white !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  min-width: 16px !important;
  height: 16px !important;
  border-radius: 8px !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 4px !important;
  box-shadow: none !important;
  border: 2px solid #000 !important;
}

.dn-slim-nav-icons .tw-badge[data-count]:not([data-count="0"]) {
  display: flex !important;
}

.dn-slim-nav-icons .tw-badge[data-count]:not([data-count="0"]):before {
  content: attr(data-count) !important;
}

/* ---- DROPDOWN TRANSITIONS ---- */
@media (min-width: 769px) {
  /* Starting state - hidden */
  .dn-nav-dropdown-container[id$="_large"] {
    position: fixed !important; /* ← ADDED */
    top: 70px !important; /* ← ADDED - base of 70px header */
    left: 0 !important; /* ← ADDED */
    right: 0 !important; /* ← ADDED */
    width: 100vw !important; /* ← ADDED */
    z-index: 9998 !important; /* ← ADDED */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) !important;
    transition:
      opacity 0.25s ease-out 0s,
      visibility 0s linear 0.25s,
      transform 0.25s ease-out 0s !important;
    pointer-events: none !important;
  }

  /* Active state - visible */
  .dn-nav-dropdown-container[id$="_large"].dn-menu-dropdown-active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    transition:
      opacity 0.2s ease-in 0s,
      visibility 0s linear 0s,
      transform 0.2s ease-in 0s !important;
    pointer-events: auto !important;
  }

  /* Hover bridge - prevents gap */
  #slim-nav .dn-slim-nav-item.dn-nav-with-submenu {
    position: relative;
  }

  #slim-nav .dn-slim-nav-item.dn-nav-with-submenu::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    height: 12px;
    z-index: 9999;
  }
}

/* ---- DROPDOWN FULL WIDTH + UNIFORM HEIGHT ---- */
@media (min-width: 769px) {
  /* Remove 1200px max-width constraint */
  .dn-nav-dropdown-container-large.dn-nav-width-content > .dn-nav-dropdown {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    height: 550px !important;
    overflow: hidden !important;
  }

  /* Override page sections inside dropdowns */
  .dn-nav-dropdown .dn-page-section.dn-limit-content-width > div > div.dn-page-section-content,
  .dn-nav-dropdown .dn-page-section.dn-limit-content-width > div.dn-page-section-content {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  /* Override background containers */
  .dn-nav-dropdown
    .dn-page-section.dn-limit-background-width
    > div.dn-background-container
    div.dn-background-image-container {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  /* Extend dropdown nav element */
  .dn-nav-dropdown-container-large > .dn-nav-dropdown {
    max-width: none !important;
    width: 100vw !important;
    margin: 0 !important;
    height: 550px !important;
    overflow: hidden !important;
  }

  /* Force full width on all dropdown sections */
  .dn-nav-dropdown .dn-page-section {
    max-width: none !important;
    width: 100% !important;
  }

  /* Center content at 1200px while background is full width */
  .dn-nav-dropdown .dn-page-section .dn-page-section-content > .dn-padding-container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ---- BODY ADJUSTMENTS ---- */
body.slim-header-active {
  padding-top: 70px !important;
}
/* until the header is built (once the page has loaded), its 70px are kept and drawn black, so the page doesn't jump
   down when it arrives (Polish v2). The Body snippet sets html.tsw-hdr-wait wherever it will build the header */
@media (min-width: 769px) {
  html.tsw-hdr-wait body:not(.slim-header-active) { padding-top: 70px !important; }
  html.tsw-hdr-wait body:not(.slim-header-active)::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 70px; background: #000; }
}

.dn-page-content,
.dn-content-wrapper,
main {
  margin-top: 0 !important;
}

/* ---- RESPONSIVE BREAKPOINTS ---- */
@media (min-width: 1800px) {
  .dn-slim-nav-item a,
  .dn-more-trigger {
    padding: 0 18px;
    font-size: 14px;
  }
}

@media (min-width: 1600px) and (max-width: 1799px) {
  .dn-slim-nav-item a,
  .dn-more-trigger {
    padding: 0 16px;
    font-size: 14px;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .dn-slim-nav-item a,
  .dn-more-trigger {
    padding: 0 15px;
    font-size: 14px;
  }
}

@media (min-width: 1280px) and (max-width: 1399px) {
  .dn-slim-nav-item a,
  .dn-more-trigger {
    padding: 0 14px;
    font-size: 13px;
  }

  .dn-slim-logo img {
    height: 65px;
  }
}

@media (min-width: 1100px) and (max-width: 1279px) {
  .dn-slim-nav-item a,
  .dn-more-trigger {
    padding: 0 12px;
    font-size: 13px;
  }

  .dn-slim-logo img {
    height: 60px;
  }
}

@media (min-width: 1000px) and (max-width: 1099px) {
  .dn-slim-nav-item a,
  .dn-more-trigger {
    padding: 0 11px;
    font-size: 12px;
  }

  .dn-slim-logo img {
    height: 55px;
  }
}

@media (min-width: 900px) and (max-width: 999px) {
  .dn-slim-nav-item a,
  .dn-more-trigger {
    padding: 0 10px;
    font-size: 12px;
  }

  .dn-slim-logo img {
    height: 55px;
  }
}

@media (min-width: 769px) and (max-width: 899px) {
  .dn-slim-nav-item a,
  .dn-more-trigger {
    padding: 0 9px;
    font-size: 11px;
  }

  .dn-slim-logo img {
    height: 50px;
  }

  .dn-slim-header-container {
    padding: 0 15px;
  }
}

/* ---- HIDE ON MOBILE ---- */
@media (max-width: 768px) {
  .dn-slim-desktop-header {
    display: none !important;
  }

  body.slim-header-active {
    padding-top: 0 !important;
  }
}


/* ============================================================================
   SEC64  HEADER — Hide old DN headers & preview-site message
   ============================================================================ */
.dn-large-header-container,
.dn-large-header {
  display: none !important;
}


/* ============================================================================
   SEC65  HEADER — Smart header (mobile) — fixed version
   ============================================================================ */

/* Mobile-only smart header styles */

/* Desktop - only handle mobile header visibility */
@media (min-width: 769px) {
  /* Hide mobile header on desktop */
  .dn-small-header {
    position: static !important;
    transform: translateZ(0) !important;
    display: none !important;
  }

  /* REMOVED: Don't force show old large header - new custom header handles this */
  /* REMOVED: Don't remove body padding - new custom header needs it */
}

/* Hide preview message */
.dn-preview-site-message {
  display: none !important;
}

/* Ensure smooth animations on mobile */
@media (max-width: 768px) {
  .dn-small-header {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}


/* ============================================================================
   SEC66  NAV — Mobile nav menu — below header, z-index fix
   ============================================================================ */
/* Retired: the phone menu v1 (SEC113) replaces DN's dropdown menu on phones. The backdrop for DN's pop-ups stays. */
@media (max-width: 768px) {
  .dn-faded-bg {
    z-index: 99998 !important;
    background: rgba(0, 0, 0, 0.5) !important;
  }
}


/* ============================================================================
   SEC67  HEADER — Mobile header icons — container, icon buttons, badges, hamburger → X
   ============================================================================ */
.tw-mobile-icons {
  display: flex !important;
  align-items: center !important;
  margin-left: auto !important;
  height: 100% !important;
  padding-right: 15px !important;
}

/* ---- BASE ICON BUTTON STYLES ---- */
.tw-icon-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  position: relative !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  color: white !important;
  transition: all 0.2s ease !important;
  border-radius: 50% !important;
  margin: 0 !important;
}

.tw-icon-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  transform: scale(1.05) !important;
}

.tw-icon-btn:active {
  transform: scale(0.95) !important;
  background: rgba(255, 255, 255, 0.2) !important;
}

/* ---- ICON STYLES ---- */
.tw-icon {
  width: 22px !important;
  height: 22px !important;
  stroke: white !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* FAVORITES */
.tw-favorites-btn {
  margin-right: 4px !important;
}
.tw-favorites-btn .tw-icon {
  fill: white !important;
  stroke: none !important;
}

/* ---- BADGE STYLES ---- */
.tw-badge {
  position: absolute !important;
  top: 3px !important;
  right: 3px !important;
  background: #d10074 !important;
  color: white !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  min-width: 18px !important;
  height: 18px !important;
  border-radius: 9px !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 5px !important;
  box-shadow: none !important;
  border: 2px solid #000 !important;
}

.tw-badge[data-count]:not([data-count="0"]) {
  display: flex !important;
}

.tw-badge[data-count]:not([data-count="0"]):before {
  content: attr(data-count) !important;
}

/* ---- MENU BUTTON - HAMBURGER TO X ---- */
.tw-menu-btn {
  width: 50px !important;
  height: 50px !important;
  margin-left: 2px !important;
}

header .dn-small-header .dn-menu-icon,
header .dn-small-header-always .dn-menu-icon {
  right: 0px;
  top: 0px;
}

/* Hide DecoNetwork's default menu icon */
.tw-menu-btn.dn-menu-icon::before,
.tw-menu-btn.dn-menu-icon::after {
  display: none !important;
  content: none !important;
}

.tw-menu-btn .dn-dropdown-anchor {
  display: none !important;
}

/* Menu icon wrapper */
.tw-menu-icon-wrapper {
  width: 24px !important;
  height: 24px !important;
  position: relative !important;
  pointer-events: none !important;
}

/* Menu lines (hamburger) */
.tw-menu-line {
  display: block !important;
  width: 24px !important;
  height: 2px !important;
  background: white !important;
  border-radius: 1px !important;
  position: absolute !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transform-origin: center !important;
  pointer-events: none !important;
}

.tw-menu-line-1 {
  top: 4px !important;
}
.tw-menu-line-2 {
  top: 11px !important;
}
.tw-menu-line-3 {
  top: 18px !important;
}

/* X formation when menu is open */
.tw-menu-btn.menu-open .tw-menu-line-1 {
  transform: rotate(45deg) !important;
  top: 11px !important;
}

.tw-menu-btn.menu-open .tw-menu-line-2 {
  opacity: 0 !important;
  transform: scale(0) !important;
}

.tw-menu-btn.menu-open .tw-menu-line-3 {
  transform: rotate(-45deg) !important;
  top: 11px !important;
}

/* Also handle dn-menu-active class (DecoNetwork's class) */
.tw-menu-btn.dn-menu-active .tw-menu-line-1 {
  transform: rotate(45deg) !important;
  top: 11px !important;
}

.tw-menu-btn.dn-menu-active .tw-menu-line-2 {
  opacity: 0 !important;
  transform: scale(0) !important;
}

.tw-menu-btn.dn-menu-active .tw-menu-line-3 {
  transform: rotate(-45deg) !important;
  top: 11px !important;
}


/* ============================================================================
   SEC68  HEADER — Mobile header icons — responsive adjustments
   ============================================================================ */
@media (max-width: 768px) {
  .tw-mobile-icons {
    padding-right: 12px !important;
  }

  .tw-icon-btn {
    width: 44px !important;
    height: 44px !important;
  }

  .tw-menu-btn {
    width: 48px !important;
    height: 48px !important;
  }

  .tw-icon {
    width: 20px !important;
    height: 20px !important;
  }

  .tw-menu-icon-wrapper {
    width: 22px !important;
    height: 22px !important;
  }

  .tw-menu-line {
    width: 22px !important;
  }

  .tw-menu-line-1 {
    top: 3px !important;
  }
  .tw-menu-line-2 {
    top: 10px !important;
  }
  .tw-menu-line-3 {
    top: 17px !important;
  }

  .tw-menu-btn.menu-open .tw-menu-line-1,
  .tw-menu-btn.menu-open .tw-menu-line-3,
  .tw-menu-btn.dn-menu-active .tw-menu-line-1,
  .tw-menu-btn.dn-menu-active .tw-menu-line-3 {
    top: 10px !important;
  }
}

@media (max-width: 480px) {
  .tw-mobile-icons {
    padding-right: 10px !important;
  }

  .tw-icon-btn {
    width: 42px !important;
    height: 42px !important;
  }

  .tw-menu-btn {
    width: 46px !important;
    height: 46px !important;
  }

  .tw-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .tw-menu-icon-wrapper {
    width: 20px !important;
    height: 20px !important;
  }

  .tw-menu-line {
    width: 20px !important;
  }

  .tw-menu-line-1 {
    top: 3px !important;
  }
  .tw-menu-line-2 {
    top: 9px !important;
  }
  .tw-menu-line-3 {
    top: 15px !important;
  }

  .tw-menu-btn.menu-open .tw-menu-line-1,
  .tw-menu-btn.menu-open .tw-menu-line-3,
  .tw-menu-btn.dn-menu-active .tw-menu-line-1,
  .tw-menu-btn.dn-menu-active .tw-menu-line-3 {
    top: 9px !important;
  }
}


/* ============================================================================
   SEC69  NAV — Mobile nav menu — base
   ============================================================================ */
/* Retired: the phone menu v1 (SEC113) replaces DN's dropdown menu on phones. The page still starts below the 60px phone header. */
@media (max-width: 768px) {
  body {
    padding-top: 60px;
  }
  main,
  .main-content {
    padding-top: 60px;
  }
}


/* ============================================================================
   SEC70  NAV — Mobile nav menu — cart icon
   ============================================================================ */
/* Retired: the phone menu v1 (SEC113) replaces DN's dropdown menu on phones. The desktop floating cart (#desktop-floating-cart.dn-nav-cart) stays hidden on phones. */
@media (max-width: 768px) {
  .dn-nav-cart {
    display: none !important;
  }
}


/* ============================================================================
   SEC71  NAV — Mobile nav menu — arrow fix
   ============================================================================ */
/* Retired: the phone menu v1 (SEC113) replaces DN's dropdown menu on phones. */


/* ============================================================================
   SEC72  NAV — Mobile nav menu — touch-friendly styling
   ============================================================================ */
/* Retired: the phone menu v1 (SEC113) replaces DN's dropdown menu on phones. */


/* ============================================================================
   SEC73  NAV — Mobile nav menu — submenu styling
   ============================================================================ */
/* Retired: the phone menu v1 (SEC113) replaces DN's dropdown menu on phones. */


/* ============================================================================
   SEC74  NAV — Mobile nav menu — collapsible sections
   ============================================================================ */
/* Retired: the phone menu v1 (SEC113) replaces DN's dropdown menu on phones. */


/* ============================================================================
   SEC75  NAV — Mobile nav menu — collapsible header styling
   ============================================================================ */
/* Retired: the phone menu v1 (SEC113) replaces DN's dropdown menu on phones. */


/* ============================================================================
   SEC76  CART — Mobile floating cart — designer page styling
   ============================================================================ */
/* Retired: the header cart and cart drawer v1 (SEC114) replace the floating cart and DN's Cart Overview pop-up. */


/* ============================================================================
   SEC77  CART — Mobile floating cart — clickability
   ============================================================================ */
/* Retired: the header cart and cart drawer v1 (SEC114) replace the floating cart and DN's Cart Overview pop-up. */


/* ============================================================================
   SEC78  CART — Desktop floating cart — clickability
   ============================================================================ */
/* Retired: the header cart and cart drawer v1 (SEC114) replace the floating cart and DN's Cart Overview pop-up.
   DN's own nav cart stays hidden on desktop (SEC70 hides it on phones). */
@media (min-width: 769px) {
  .dn-nav-cart {
    display: none !important;
  }
}


/* ============================================================================
   SEC79  CART — Cart popup — tablet sizes (481–768px)
   ============================================================================ */
/* Retired: the header cart and cart drawer v1 (SEC114) replace the floating cart and DN's Cart Overview pop-up. */


/* ============================================================================
   SEC80  CART — Cart popup — scrolling structure (all sizes)
   ============================================================================ */
/* Retired: the header cart and cart drawer v1 (SEC114) replace the floating cart and DN's Cart Overview pop-up. */


/* ============================================================================
   SEC81  NAV — Cart menu item in hamburger menu
   ============================================================================ */
/* Retired: the header cart and cart drawer v1 (SEC114) replace the floating cart and DN's Cart Overview pop-up. */


/* ============================================================================
   SEC82  POPUPS — Z-index hierarchy — designer popups vs cart (all sizes)
   ============================================================================ */
/* Designer popups - HIGHEST (10 million range) */

.dn-designer-popup .dn-popup-background,
#new_text_popup .dn-popup-background,
.dn-popup-container.dn-alt .dn-popup-background {
  z-index: 99998;
}

#dn_cart_over_right_popup + .dn-popup-background,
.dn-popup-background.dn-cart-over-right {
  z-index: 999998;
}


/* ============================================================================
   SEC83  NAV — Mobile nav menu — responsive widths
   ============================================================================ */
@media (max-width: 480px) {
  .dn-nav-dropdown-container.dn-nav-main-dropdown-container,
  #main_nav_dropdown {
    max-width: 50% !important;
    width: 50% !important;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .dn-nav-dropdown-container.dn-nav-main-dropdown-container,
  #main_nav_dropdown {
    max-width: 60% !important;
    width: 60% !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .dn-nav-dropdown-container.dn-nav-main-dropdown-container,
  #main_nav_dropdown {
    max-width: 40% !important;
    width: 40% !important;
  }
}

@media (max-width: 1024px) {
  .dn-nav-dropdown-container.dn-nav-main-dropdown-container {
    right: 0 !important;
    left: auto !important;
    height: 100vh !important;
    top: 0 !important;
    transform: translateX(100%) !important;
    transition: transform 0.3s ease !important;
  }

  .dn-nav-dropdown-container.dn-menu-dropdown-active {
    transform: translateX(0) !important;
  }

  .dn-nav-dropdown-container + .dn-popup-background,
  .dn-faded-bg {
    background: rgba(0, 0, 0, 0.5) !important;
  }
}


/* ============================================================================
   SEC84  CART — Enhanced cart system v3.5 (sub-sections 1–15)
   ============================================================================ */
/* Retired: the header cart and cart drawer v1 (SEC114) replace the floating cart and DN's Cart Overview pop-up.
   Three rules stay: DN's Cart Overview stays shut, the checkout's Summary box (it uses the same
   .dn-shopping-cart-container) keeps its layout, and DN's menus stay under the header up to 1024px. */
#dn_cart_over_right_popup:not(.dn-alt) {
  display: none !important;
}

.dn-shopping-cart-container {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
  background: transparent !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 1024px) {
  .dn-nav-dropdown-container,
  .dn-nav-main-dropdown-container,
  #main_nav_dropdown {
    z-index: var(--z-header) !important;
  }
}


/* ============================================================================
   SEC85  PRODUCT GRID — Colour popup selector (grid swatch "more" popup)
   ============================================================================ */

/* Base overflow fixes for grid items */
.dn-grid-item,
.dn-grid-item-container,
.dn-grid-image,
.dn-grid-image-content,
.dn-grid-text {
  overflow: visible !important;
}

/* Main popup container - FIXED FOR MOBILE Z-INDEX */
.color-popup-overlay {
  position: fixed !important;
  background: white !important;
  border: 2px solid #d10074 !important;
  border-radius: 12px !important;
  padding: 40px 8px 10px 8px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
  z-index: 2147483647 !important;
  width: 280px !important;
  max-height: 300px !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 3px !important;
  justify-content: center !important;
  align-items: flex-start !important;
  pointer-events: auto !important;
  transform-style: flat !important;
  isolation: isolate !important;
  contain: layout style !important;
}

/* Force grid items to stay below popup */
.dn-grid-item {
  position: relative !important;
  z-index: 1 !important;
}

/* Individual color cells in popup */
.color-popup-overlay .color-cell-clone {
  width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  position: relative !important;
  flex-shrink: 0 !important;
}

.color-popup-overlay .color-cell-clone span {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  display: block !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  transition: box-shadow 0.2s ease !important;
}

/* Hover effect for color cells */
.color-popup-overlay .color-cell-clone:hover span {
  box-shadow: 0 0 0 2px rgba(209, 0, 116, 0.5) !important;
}

/* Better close button - black with white X */
.color-popup-close {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  width: 24px !important;
  height: 24px !important;
  background: #333 !important;
  color: white !important;
  border-radius: 50% !important;
  border: none !important;
  cursor: pointer !important;
  font-weight: bold !important;
  font-size: 16px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  z-index: 1000000 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.color-popup-close:hover {
  background: #000 !important;
  transform: scale(1.1) !important;
}

/* The +N more button */
.compact-more-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 8px !important;
  height: 24px !important;
  background: #f8f8f8 !important;
  border: 1.5px solid #ddd !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #666 !important;
  cursor: pointer !important;
  margin: 0 !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.compact-more-btn:hover {
  background: #333 !important;
  border-color: #333 !important;
  color: #fff !important;
  transform: scale(1.05) !important;
}

/* Simplified drag handle with grey tone */
.popup-drag-handle {
  background: #f5f5f5 !important;
  border-bottom: 1px solid #ddd !important;
}

.popup-drag-handle::after {
  content: "⋮⋮⋮" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) translateZ(0) !important;
  color: #888 !important;
  font-size: 14px !important;
  font-weight: bold !important;
  letter-spacing: 3px !important;
}

/* Add "DRAG" text hint in grey */
.popup-drag-handle::before {
  content: "DRAG" !important;
  position: absolute !important;
  top: 50% !important;
  left: 15px !important;
  transform: translateY(-50%) !important;
  color: #666 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}

/* Show cursor feedback when dragging */
.color-popup-overlay.dragging {
  opacity: 0.9;
}

/* Scrollbar styling for popup */
.color-popup-overlay::-webkit-scrollbar {
  width: 6px !important;
}

.color-popup-overlay::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 3px !important;
}

.color-popup-overlay::-webkit-scrollbar-thumb {
  background: #d10074 !important;
  border-radius: 3px !important;
}

.color-popup-overlay::-webkit-scrollbar-thumb:hover {
  background: #a8005e !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .color-popup-overlay {
    width: 260px !important;
    padding: 45px 6px 10px 6px !important;
    z-index: 2147483647 !important;
  }

  .color-popup-overlay .color-cell-clone {
    width: 22px !important;
    height: 22px !important;
  }

  .compact-more-btn {
    height: 22px !important;
    font-size: 10px !important;
    padding: 0 6px !important;
  }
}

/* Fix for hidden cells to ensure they stay hidden */

/* Multi-color swatch support in popup */
.color-popup-overlay .color-cell-clone.multi-color {
  border-radius: 50% !important;
  overflow: hidden !important;
  display: flex !important;
  width: 24px !important;
  height: 24px !important;
}

.color-popup-overlay .color-cell-clone.multi-color span {
  border-radius: 0 !important;
  border: none !important;
  flex: 1 !important;
  width: auto !important;
  height: 100% !important;
}

/* For mobile */
@media (max-width: 768px) {
  .color-popup-overlay .color-cell-clone.multi-color {
    width: 22px !important;
    height: 22px !important;
  }
}

/* Multi-color swatch fix for main grid - MAXIMUM SPECIFICITY */
body .dn-grid-item .dn-product-colors.dn-color-panel .dn-color-panel-cell {
  display: inline-flex !important;
  flex-direction: row !important;
  width: 23px !important;
  height: 23px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  margin: 2px !important;
  padding: 0 !important;
}

body .dn-grid-item .dn-product-colors.dn-color-panel .dn-color-panel-cell > span[style] {
  position: static !important;
  flex: 1 1 0% !important;
  height: 100% !important;
  width: auto !important;
  min-width: 0 !important;
  border-radius: 0 !important;
  display: block !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .dn-grid-item .dn-color-panel-cell > span[style]:only-child {
  border-radius: 50% !important;
}

/* Ensure hidden cells stay hidden - MUST BE LAST */
.dn-grid-item .dn-color-panel-cell[style*="display: none"] {
  display: none !important;
}


/* ============================================================================
   SEC86  FILTERS — Modern filter styles (sidebar filters, size/colour pills, price range)
   ============================================================================ */

/* CRITICAL: Hide original elements for Size and Color sections */
#dn_bpf_size .dn-filter-values-container,
#dn_bpf_color .dn-filter-values-container {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Keep category, brand, and price sections visible when expanded */
#dn_bpf_category_container.expanded .dn-filter-values-container,
#dn_bpf_manufacturer.expanded .dn-filter-values-container,
#dn_bpf_brand.expanded .dn-filter-values-container {
  position: relative !important;
  opacity: 1 !important;
  pointer-events: all !important;
  height: auto !important;
  overflow: visible !important;
}

/* Collapsible states */
.dn-filter-list.collapsed .dn-filter-values-container,
.dn-filter-list.collapsed .size-pills-container,
.dn-filter-list.collapsed .color-pills-container,
.dn-filter-list.collapsed .price-range-container {
  display: none !important;
}

.dn-filter-list.expanded .dn-filter-values-container,
.dn-filter-list.expanded .size-pills-container,
.dn-filter-list.expanded .color-pills-container,
.dn-filter-list.expanded .price-range-container {
  display: block !important;
}

/* Hide the original price inputs since we have custom ones */
#dn_bpf_price .dn-filter-values-container {
  display: none !important;
}

/* Main Container - Light and airy */
.dn-filter-lists {
  background: #ffffff;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #f0f0f0;
  box-shadow: none;
}

/* Header Title - Subtle and modern */
.dn-filter-lists h2 {
  font-size: 16px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #d10074;
  opacity: 0.9;
}

/* Section Headers - Clean and minimal */
.dn-filter-list h3 {
  font-size: 12px;
  font-weight: 600;
  color: #4a4a4a;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 14px 0;
  margin: 0;
  border-bottom: 1px solid #f5f5f5;
  transition: all 0.2s ease;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dn-filter-list h3:hover {
  color: #d10074;
  padding-left: 4px;
}

/* Filter Sections - Minimal borders */
.dn-filter-list {
  margin-bottom: 8px;
  background: white;
  padding: 0 12px;
  transition: all 0.2s ease;
}

/* Expand/Collapse Arrow - Subtle */
.expand-arrow {
  color: #d10074;
  opacity: 0.6;
  transition: all 0.2s ease;
  font-size: 12px;
}

.dn-filter-list h3:hover .expand-arrow {
  opacity: 1;
}

/* Filter Count Badge - Soft pink */
.filter-count {
  background: rgba(209, 0, 116, 0.1);
  color: #d10074;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 10px;
  margin-right: 8px;
  font-weight: 600;
}

/* Size Pills Container - Clean background */
.size-pills-container {
  max-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 12px 4px;
  margin: 12px 0;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
}

/* Size pills grid layout */
.size-pills-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
  gap: 6px;
  padding: 5px;
}

/* Size Group Headers - Subtle labels */
.size-group-header {
  grid-column: 1 / -1;
  font-size: 10px;
  font-weight: 600;
  color: #4a4a4a;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-top: 12px;
  margin-bottom: 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid #ececec;
}

.size-group-header:first-child {
  margin-top: 0;
}

.size-pill:hover {
  border-color: #d10074;
  color: #d10074;
  background: rgba(209, 0, 116, 0.04);
}

/* Size pill with pink border by default */
.size-pill {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px 10px !important;
  margin: 0 !important;
  border: 1.5px solid #d10074 !important; /* Pink border by default */
  border-radius: 6px !important;
  cursor: pointer !important;
  background: white !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  min-height: 32px !important;
  text-align: center !important;
  color: #4a4a4a !important;
  -webkit-tap-highlight-color: rgba(209, 0, 116, 0.1) !important;
  transition: all 0.2s ease !important;
  -webkit-transition: all 0.2s ease !important;
}

.size-pill:hover {
  transform: translateY(-1px) !important;
  -webkit-transform: translateY(-1px) !important;
  box-shadow: none !important;
}

/* Make sure selected state still overrides */
.size-pill.selected {
  background: #d10074 !important;
  color: white !important;
  border-color: #d10074 !important;
  font-weight: 600 !important;
}

.size-pill.selected:hover {
  transform: translateY(-1px) !important;
  -webkit-transform: translateY(-1px) !important;
  box-shadow: none !important;
}

/* Color Pills Container - Flexbox layout */
.color-pills-container {
  padding: 12px 4px;
  margin: 12px 0;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-start;
  align-items: center;
}

/* Color Pills - Ensure proper display */
.color-pill {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid #e8e8e8;
  position: relative;
  flex-shrink: 0;
  display: inline-block !important;
  box-sizing: border-box;
}

.color-pill:hover {
  transform: scale(1.1);
  border-color: #d10074;
  box-shadow: none;
}

.color-pill.selected {
  box-shadow: 0 0 0 3px rgba(209, 0, 116, 0.2);
  border-color: #d10074;
}

.color-pill.selected::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: 600;
  font-size: 14px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Special styling for white color */
.color-pill[style*="rgb(255"][style*=" 255"][style*=" 255)"],
.color-pill[style*="#FFFFFF"],
.color-pill[style*="#ffffff"] {
  border: 2px solid #ccc !important;
}

/* Ensure check mark is visible on white background */
.color-pill[style*="rgb(255"][style*=" 255"][style*=" 255)"].selected::after,
.color-pill[style*="#FFFFFF"].selected::after,
.color-pill[style*="#ffffff"].selected::after {
  color: #333;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}

/* Pattern pill - Subtle stripes */
.color-pill.pattern-pill {
  background: repeating-linear-gradient(
    45deg,
    #ffffff,
    #ffffff 4px,
    #ffb3d9 4px,
    #ffb3d9 8px
  ) !important;
  border: 2px solid #d10074 !important;
  opacity: 0.9;
}

/* Price Range - Minimal design */
.price-range-container {
  padding: 14px;
  background: #fafafa;
  border-radius: 8px;
  margin: 12px 0;
}

.price-range-container > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.price-range-container input[type="number"] {
  padding: 8px 12px;
  border: 1.5px solid #e8e8e8;
  border-radius: 6px;
  width: 95px;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s ease;
  background: white;
  color: #4a4a4a;
}

.price-range-container input[type="number"]:focus {
  outline: none;
  border-color: #d10074;
  box-shadow: 0 0 0 3px rgba(209, 0, 116, 0.08);
}

.price-range-container input[type="number"]::placeholder {
  color: #bbb;
  font-weight: 400;
}

#apply_price {
  padding: 8px 16px;
  background: #d10074;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

#apply_price:hover {
  background: #a8005e;
  transform: translateY(-1px);
  box-shadow: none;
}

/* Clear All Button - Soft and inviting */
.clear-all-btn {
  background: transparent;
  color: #d10074;
  border: 1.5px solid #d10074;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  margin: 16px 0 8px 0;
  font-size: 13px;
  font-weight: 600;
  width: 100%;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.clear-all-btn:hover {
  background: #d10074;
  color: white;
  transform: translateY(-1px);
  box-shadow: none;
}

/* Category/Brand checkboxes - Light touch */
.dn-filter-list-value {
  padding: 10px 0;
  transition: all 0.15s ease;
  border-bottom: 1px solid transparent;
}

.dn-filter-list-value:hover {
  background: rgba(209, 0, 116, 0.03);
  padding-left: 8px;
}

.dn-filter-list-value input[type="checkbox"] {
  margin-right: 10px;
  cursor: pointer;
  accent-color: #d10074;
  transform: scale(1.1);
}

.dn-filter-list-value label {
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
  color: #4a4a4a;
}

.dn-filter-list-value:hover label {
  color: #d10074;
}

/* Scrollbar - Modern minimal style with signature pink */
.size-pills-container::-webkit-scrollbar {
  width: 4px;
}

.size-pills-container::-webkit-scrollbar-track {
  background: transparent;
}

.size-pills-container::-webkit-scrollbar-thumb {
  background: #d10074;
  border-radius: 2px;
}

.size-pills-container::-webkit-scrollbar-thumb:hover {
  background: #a8005e;
}

/* Firefox scrollbar */
.size-pills-container {
  scrollbar-width: thin;
  scrollbar-color: #d10074 transparent;
}

/* Mobile Responsive and iOS fixes */
@media (max-width: 768px) {
  .dn-filter-lists {
    padding: 16px;
    border-radius: 8px;
  }

  .size-pill {
    padding: 6px 8px;
    font-size: 11px;
    min-height: 30px;
  }

  .color-pill {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }

  .price-range-container input[type="number"] {
    width: 85px;
    font-size: 16px !important; /* Prevents zoom on iOS */
  }
}

/* iOS specific fixes */
@supports (-webkit-touch-callout: none) {
  /* iOS detected */

  /* Make touch targets larger for iOS */
  .size-pill,
  .color-pill {
    -webkit-tap-highlight-color: rgba(209, 0, 116, 0.1);
    touch-action: manipulation; /* Prevents zoom on double tap */
  }

  /* Fix for iOS scroll bounce */
  .size-pills-container {
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    overflow-y: scroll; /* Force scrollbar always visible during scroll */
  }

  /* Remove hover effects on iOS since they stick */
  @media (pointer: coarse) {
    .size-pill:hover,
    .color-pill:hover,
    .dn-filter-list h3:hover {
      transform: none;
    }
  }

  /* Fix input zoom on iOS */
  input[type="number"] {
    font-size: 16px !important; /* Prevents zoom on focus */
  }
}

/* Smooth animations */
* {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hide default checkbox styling for cleaner look */
.dn-filter-values-container {
  font-family: var(--font-body);
}

/* Collapsed section styling */
.dn-filter-list.collapsed {
  opacity: 0.9;
}

.dn-filter-list.expanded {
  background: rgba(255, 255, 255, 0.5);
}


/* ============================================================================
   SEC87  FILTERS — Mobile filter modal — native hide
   ============================================================================ */
@media (max-width: 768px) {
  #dn_col_cf0cd1de-7dbe-4918-921b-8fe9f86c04bc {
    display: none !important;
  }
}


/* ============================================================================
   SEC88  PRODUCT GRID — Category grid v2 (cards, header, toolbar) + search results + favourites
   ============================================================================
   Same language as the product page (SEC12): Inter via --font-body, small soft corners, no shadows or blur,
   ink for state and pink for action. Scoped to /create pages (body:is(.dn-page-create, .dn-page-search_results, .dn-page-favorites)) and the listing widget so
   nothing here leaks into the favourites page or the product page's "Complete the range" grid.
   Supersedes SEC89, SEC90, SEC92, SEC93, SEC94 and SEC101 (now empty). SEC91 still holds the shared price
   rules; the grid parts of it are overridden below.
   Pairs with the "TSW CATEGORY GRID v1" script (04-jquery.html): one tag per card, tidy names, size + lead
   time line, grey photo backdrop, heading count, toolbar. */

/* ============================================================================
   SEC88  PRODUCT GRID — Category grid v2 (cards, header, toolbar) + search results + favourites
   ============================================================================
   Same language as the product page (SEC12): Inter via --font-body, small soft corners, no shadows or blur,
   ink for state and pink for action. Scoped to /create pages (body:is(.dn-page-create, .dn-page-search_results, .dn-page-favorites)) and the listing widget so
   nothing here leaks into the favourites page or the product page's "Complete the range" grid.
   Supersedes SEC89, SEC90, SEC92, SEC93, SEC94 and SEC101 (now empty). SEC91 still holds the shared price
   rules; the grid parts of it are overridden below.
   Pairs with the "TSW CATEGORY GRID v1" script (04-jquery.html): one tag per card, tidy names, size + lead
   time line, grey photo backdrop, heading count, toolbar. */

body:is(.dn-page-create),
body:is(.dn-page-search_results),
body:is(.dn-page-favorites) { --tsw-ink: #111; --tsw-body: #333; --tsw-muted: #6b6b6b; --tsw-line: #e6e6e6; --tsw-surface: #f5f5f5; --tsw-pink: #d10074; --tsw-r: 4px; }

/* ---- breadcrumb: one plain text trail on every page (SEC97's pink chevrons are retired), sitting close under
   the header: the wrapper had 24px above and below, the row another 14px ---- */
body.dn-page-home #breadcrumbs, body.dn-page-home .dn-breadcrumb-section { display: none !important; }
#breadcrumbs { padding: 12px 0 2px !important; margin: 0 !important; animation: none !important; }
.dn-breadcrumb-section .dn-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; padding: 0 20px !important; margin: 0 !important; gap: 0; }
.dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb { display: inline-flex !important; align-items: center; margin: 0 !important; z-index: auto; font-size: 11px; line-height: 1; }
.dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb a,
.dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb:not(:has(a)),
.dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb:last-child:not(:has(a)) { display: inline-block; background: none !important; clip-path: none !important; color: #6b6b6b !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; text-transform: uppercase !important; letter-spacing: .1em !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1 !important; opacity: 1 !important; }
.dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb:last-child:not(:has(a)) { color: #111111 !important; font-weight: 600 !important; }
.dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb:hover a { color: var(--tsw-ink) !important; background: none !important; text-decoration: underline; text-underline-offset: 3px; }
/* the divider is a flex item of its own so the slash sits on the same baseline as the words */
.dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb-divider { display: inline-flex !important; align-items: center; height: 10px; margin: 0 8px !important; padding: 0 !important; font-size: 0; line-height: 1; }
.dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb-divider::before { content: "/"; font-size: 10px; line-height: 1; font-weight: 400; color: #c8c8c8; }
/* long trails fold in the middle instead of wrapping: Home / … / Casual / T-Shirts. Children alternate crumb and
   divider, so a trail of n crumbs has 2n-1 children; five crumbs or more fold on desktop (the first and the last
   three stay), four or more on phones (the first and the last two). The hidden crumbs stay in the markup */
.dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb, .dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb a { white-space: nowrap; }
.dn-breadcrumb-section .dn-breadcrumbs:has(> :nth-child(9)) > :not(:nth-child(-n+2)):not(:nth-last-child(-n+5)) { display: none !important; }
.dn-breadcrumb-section .dn-breadcrumbs:has(> :nth-child(9)) > .dn-breadcrumb-divider:nth-child(2)::after { content: "\2026\00a0\00a0\00a0/"; font-size: 10px; line-height: 1; letter-spacing: .1em; color: #c8c8c8; margin-left: 8px; }
@media (max-width: 768px) {
  .dn-breadcrumb-section .dn-breadcrumbs:has(> :nth-child(7)) > :not(:nth-child(-n+2)):not(:nth-last-child(-n+3)) { display: none !important; }
  .dn-breadcrumb-section .dn-breadcrumbs:has(> :nth-child(7)) > .dn-breadcrumb-divider:nth-child(2)::after { content: "\2026\00a0\00a0\00a0/"; font-size: 10px; line-height: 1; letter-spacing: .1em; color: #c8c8c8; margin-left: 8px; }
}

/* ---- heading: left-aligned, no box, with a style count under it ---- */
body:is(.dn-page-create) .dn-widget-page_heading,
body:is(.dn-page-search_results) .dn-widget-page_heading,
body:is(.dn-page-favorites) .dn-widget-page_heading { text-align: left !important; }
body:is(.dn-page-create) .dn-widget-page_heading .dn-widget-content-container,
body:is(.dn-page-search_results) .dn-widget-page_heading .dn-widget-content-container,
body:is(.dn-page-favorites) .dn-widget-page_heading .dn-widget-content-container { display: block !important; width: 100% !important; max-width: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; }
body:is(.dn-page-create) .dn-widget-page_heading .dn-widget-content,
body:is(.dn-page-search_results) .dn-widget-page_heading .dn-widget-content,
body:is(.dn-page-favorites) .dn-widget-page_heading .dn-widget-content { display: block !important; padding: 0 20px !important; text-align: left !important; }
body:is(.dn-page-create) .dn-widget-page_heading h2,
body:is(.dn-page-search_results) .dn-widget-page_heading h2,
body:is(.dn-page-favorites) .dn-widget-page_heading h2 { text-align: left !important; font-size: 26px !important; font-weight: 800 !important; letter-spacing: -.02em !important; text-transform: none !important; font-variant: normal !important; line-height: 1.1 !important; color: var(--tsw-ink) !important; margin: 4px 0 0 !important; padding: 0 !important; width: 100% !important; }
body:is(.dn-page-create) .tsw-g-count,
body:is(.dn-page-search_results) .tsw-g-count,
body:is(.dn-page-favorites) .tsw-g-count { font-size: 13px; font-weight: 500; color: var(--tsw-muted); margin-top: 4px; }

/* ---- toolbar: Filter and Sort as two equal buttons on phones, Sort alone at the right on desktop ---- */
body:is(.dn-page-create) .dn-listing-filter-header,
body:is(.dn-page-search_results) .dn-listing-filter-header,
body:is(.dn-page-favorites) .dn-listing-filter-header { display: block !important; height: auto !important; padding: 0 !important; margin: 0 !important; }
body:is(.dn-page-create) .tsw-g-bar,
body:is(.dn-page-search_results) .tsw-g-bar,
body:is(.dn-page-favorites) .tsw-g-bar { text-align: left; }
body:is(.dn-page-create) .tsw-g-toolbar,
body:is(.dn-page-search_results) .tsw-g-toolbar,
body:is(.dn-page-favorites) .tsw-g-toolbar { display: flex; gap: 8px; margin: 12px 0 10px; text-align: left; }
body:is(.dn-page-create) .tsw-g-toolbar .tsw-filter-trigger,
body:is(.dn-page-search_results) .tsw-g-toolbar .tsw-filter-trigger,
body:is(.dn-page-favorites) .tsw-g-toolbar .tsw-filter-trigger { position: static !important; flex: 1 1 0; transform: none !important; opacity: 1 !important; pointer-events: auto !important; display: flex !important; align-items: center; justify-content: center; gap: 8px; height: 44px !important; padding: 0 12px !important; margin: 0 !important; background: #fff !important; color: var(--tsw-ink) !important; border: 1px solid var(--tsw-ink) !important; border-radius: var(--tsw-r) !important; font-size: 13px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; line-height: 1.2; }
body:is(.dn-page-create) .tsw-g-toolbar .tsw-filter-trigger:active,
body:is(.dn-page-search_results) .tsw-g-toolbar .tsw-filter-trigger:active,
body:is(.dn-page-favorites) .tsw-g-toolbar .tsw-filter-trigger:active { transform: none !important; background: var(--tsw-surface) !important; }
body:is(.dn-page-create) .tsw-g-toolbar .tsw-filter-badge,
body:is(.dn-page-search_results) .tsw-g-toolbar .tsw-filter-badge,
body:is(.dn-page-favorites) .tsw-g-toolbar .tsw-filter-badge { background: var(--tsw-pink) !important; color: #fff !important; min-width: 18px; height: 18px; line-height: 18px; font-size: 11px; border-radius: 9px; }
/* equal halves: a 0 basis would add the Filter button's padding and border on top of its share */
body:is(.dn-page-create) .tsw-g-toolbar .dn-listing-sort,
body:is(.dn-page-search_results) .tsw-g-toolbar .dn-listing-sort,
body:is(.dn-page-favorites) .tsw-g-toolbar .dn-listing-sort,
body:is(.dn-page-create) .tsw-g-toolbar .tsw-filter-trigger,
body:is(.dn-page-search_results) .tsw-g-toolbar .tsw-filter-trigger,
body:is(.dn-page-favorites) .tsw-g-toolbar .tsw-filter-trigger { flex: 1 1 50% !important; min-width: 0; }
body:is(.dn-page-create) .tsw-g-toolbar .dn-listing-sort,
body:is(.dn-page-search_results) .tsw-g-toolbar .dn-listing-sort,
body:is(.dn-page-favorites) .tsw-g-toolbar .dn-listing-sort { flex: 1 1 0; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; height: auto !important; }
body:is(.dn-page-create) .tsw-g-toolbar .dn-sort-selector > span,
body:is(.dn-page-search_results) .tsw-g-toolbar .dn-sort-selector > span,
body:is(.dn-page-favorites) .tsw-g-toolbar .dn-sort-selector > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
body:is(.dn-page-create) .tsw-g-toolbar .dn-sort-selector,
body:is(.dn-page-search_results) .tsw-g-toolbar .dn-sort-selector,
body:is(.dn-page-favorites) .tsw-g-toolbar .dn-sort-selector { display: flex !important; align-items: center; justify-content: center; gap: 6px; height: 44px !important; box-sizing: border-box; padding: 0 12px !important; margin: 0 !important; background: #fff !important; border: 1px solid var(--tsw-ink) !important; border-radius: var(--tsw-r) !important; font-size: 13px !important; font-weight: 600 !important; color: var(--tsw-ink) !important; line-height: 1.2; cursor: pointer; white-space: nowrap; }
body:is(.dn-page-create) .tsw-g-toolbar .dn-sort-selector > span,
body:is(.dn-page-search_results) .tsw-g-toolbar .dn-sort-selector > span,
body:is(.dn-page-favorites) .tsw-g-toolbar .dn-sort-selector > span { font: inherit !important; color: inherit !important; border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; box-shadow: none !important; height: auto !important; line-height: inherit !important; }
/* DN measures the anchor element to place the menu, so it stays in the layout: its glyph goes, a chevron takes its place */
body:is(.dn-page-create) .tsw-g-toolbar .dn-sort-selector .dn-dropdown-anchor,
body:is(.dn-page-search_results) .tsw-g-toolbar .dn-sort-selector .dn-dropdown-anchor,
body:is(.dn-page-favorites) .tsw-g-toolbar .dn-sort-selector .dn-dropdown-anchor { position: static !important; display: inline-block !important; width: 7px !important; height: 7px !important; margin: -4px 0 0 2px !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; background: none !important; border: solid var(--tsw-ink) !important; border-width: 0 1.5px 1.5px 0 !important; transform: rotate(45deg); }
body:is(.dn-page-create) .tsw-g-toolbar .dn-sort-selector .dn-dropdown-anchor::before,
body:is(.dn-page-search_results) .tsw-g-toolbar .dn-sort-selector .dn-dropdown-anchor::before,
body:is(.dn-page-favorites) .tsw-g-toolbar .dn-sort-selector .dn-dropdown-anchor::before,
body:is(.dn-page-create) .tsw-g-toolbar .dn-sort-selector .dn-dropdown-anchor::after,
body:is(.dn-page-search_results) .tsw-g-toolbar .dn-sort-selector .dn-dropdown-anchor::after,
body:is(.dn-page-favorites) .tsw-g-toolbar .dn-sort-selector .dn-dropdown-anchor::after,
body:is(.dn-page-create) .tsw-g-toolbar .dn-sort-selector > span::before,
body:is(.dn-page-search_results) .tsw-g-toolbar .dn-sort-selector > span::before,
body:is(.dn-page-favorites) .tsw-g-toolbar .dn-sort-selector > span::before,
body:is(.dn-page-create) .tsw-g-toolbar .dn-sort-selector > span::after,
body:is(.dn-page-search_results) .tsw-g-toolbar .dn-sort-selector > span::after,
body:is(.dn-page-favorites) .tsw-g-toolbar .dn-sort-selector > span::after { content: none !important; display: none !important; }
/* DN moves this menu to <body> and positions it itself; only the look is ours */
body:is(.dn-page-create) #decorated_product_sort_list_dropdown,
body:is(.dn-page-search_results) #decorated_product_sort_list_dropdown,
body:is(.dn-page-favorites) #decorated_product_sort_list_dropdown { min-width: 200px; background: #fff; border: 1px solid var(--tsw-line); border-radius: var(--tsw-r); box-shadow: none !important; padding: 4px 0; z-index: 50; }
body:is(.dn-page-create) #decorated_product_sort_list_dropdown,
body:is(.dn-page-search_results) #decorated_product_sort_list_dropdown,
body:is(.dn-page-favorites) #decorated_product_sort_list_dropdown { margin: 0 !important; }
/* the script opens and places the menu itself (DN binds it in hover mode and loses it once the control leaves the widget) */
body:is(.dn-page-create) #decorated_product_sort_list_dropdown.tsw-open,
body:is(.dn-page-search_results) #decorated_product_sort_list_dropdown.tsw-open,
body:is(.dn-page-favorites) #decorated_product_sort_list_dropdown.tsw-open { display: block !important; visibility: visible !important; opacity: 1 !important; max-height: 400px !important; overflow: visible !important; top: var(--tsw-t) !important; left: var(--tsw-l) !important; right: auto !important; z-index: 60 !important; }
body:is(.dn-page-create) #decorated_product_sort_list_dropdown:not(.tsw-open),
body:is(.dn-page-search_results) #decorated_product_sort_list_dropdown:not(.tsw-open),
body:is(.dn-page-favorites) #decorated_product_sort_list_dropdown:not(.tsw-open) { display: none !important; }
body:is(.dn-page-create) #decorated_product_sort_list_dropdown .dn-sort-node a,
body:is(.dn-page-search_results) #decorated_product_sort_list_dropdown .dn-sort-node a,
body:is(.dn-page-favorites) #decorated_product_sort_list_dropdown .dn-sort-node a { display: block; padding: 10px 14px; font-size: 13px; font-weight: 500; color: var(--tsw-ink) !important; text-decoration: none; text-transform: lowercase !important; letter-spacing: 0 !important; }
body:is(.dn-page-create) #decorated_product_sort_list_dropdown .dn-sort-node a::first-letter,
body:is(.dn-page-search_results) #decorated_product_sort_list_dropdown .dn-sort-node a::first-letter,
body:is(.dn-page-favorites) #decorated_product_sort_list_dropdown .dn-sort-node a::first-letter { text-transform: uppercase !important; }
body:is(.dn-page-create) #decorated_product_sort_list_dropdown .dn-sort-node a:hover,
body:is(.dn-page-search_results) #decorated_product_sort_list_dropdown .dn-sort-node a:hover,
body:is(.dn-page-favorites) #decorated_product_sort_list_dropdown .dn-sort-node a:hover { background: var(--tsw-surface); }
body:is(.dn-page-create) .dn-listing-filters,
body:is(.dn-page-search_results) .dn-listing-filters,
body:is(.dn-page-favorites) .dn-listing-filters { float: none !important; width: auto !important; height: auto !important; margin: 0 0 8px !important; padding: 0 !important; }
body:is(.dn-page-create) .dn-active-filters,
body:is(.dn-page-search_results) .dn-active-filters,
body:is(.dn-page-favorites) .dn-active-filters { display: flex; flex-wrap: wrap; gap: 6px; }
body:is(.dn-page-create) .dn-active-filter,
body:is(.dn-page-search_results) .dn-active-filter,
body:is(.dn-page-favorites) .dn-active-filter { display: inline-flex !important; align-items: center; gap: 6px; margin: 0 !important; padding: 5px 8px !important; background: var(--tsw-surface) !important; border: 0 !important; border-radius: var(--tsw-r) !important; font-size: 12px !important; font-weight: 600 !important; color: var(--tsw-ink) !important; cursor: pointer; }
body:is(.dn-page-create) .dn-active-filter > div,
body:is(.dn-page-search_results) .dn-active-filter > div,
body:is(.dn-page-favorites) .dn-active-filter > div { padding: 0 !important; margin: 0 !important; }
body:is(.dn-page-create) .dn-active-filter .dn-filter-remove,
body:is(.dn-page-search_results) .dn-active-filter .dn-filter-remove,
body:is(.dn-page-favorites) .dn-active-filter .dn-filter-remove { position: static !important; display: inline-block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; font-size: 15px !important; line-height: 1 !important; color: var(--tsw-muted) !important; font-family: var(--font-body) !important; }
body:is(.dn-page-create) .dn-active-filter .dn-filter-remove::before,
body:is(.dn-page-search_results) .dn-active-filter .dn-filter-remove::before,
body:is(.dn-page-favorites) .dn-active-filter .dn-filter-remove::before { content: "\00d7" !important; font-family: var(--font-body) !important; }
body:is(.dn-page-create) .dn-active-filter .dn-filter-remove::after,
body:is(.dn-page-search_results) .dn-active-filter .dn-filter-remove::after,
body:is(.dn-page-favorites) .dn-active-filter .dn-filter-remove::after { content: none !important; } /* DN draws the cross with an icon font; ours is a plain multiplication sign */

/* ---- bulk discounts on phones: compact tier ladder above the grid (the sidebar is hidden there) ---- */
body:is(.dn-page-create) .tsw-g-ladder-label,
body:is(.dn-page-search_results) .tsw-g-ladder-label,
body:is(.dn-page-favorites) .tsw-g-ladder-label { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--tsw-muted); margin: 2px 0 6px; }
body:is(.dn-page-create) .tsw-g-ladder,
body:is(.dn-page-search_results) .tsw-g-ladder,
body:is(.dn-page-favorites) .tsw-g-ladder { display: grid; border: 1px solid var(--tsw-line); border-radius: var(--tsw-r); overflow: hidden; margin: 0 0 14px; }
body:is(.dn-page-create) .tsw-g-ladder > div,
body:is(.dn-page-search_results) .tsw-g-ladder > div,
body:is(.dn-page-favorites) .tsw-g-ladder > div { text-align: center; padding: 6px 2px; border-left: 1px solid var(--tsw-line); font-size: 11px; font-weight: 500; color: var(--tsw-muted); white-space: nowrap; }
body:is(.dn-page-create) .tsw-g-ladder > div:first-child,
body:is(.dn-page-search_results) .tsw-g-ladder > div:first-child,
body:is(.dn-page-favorites) .tsw-g-ladder > div:first-child { border-left: 0; }
body:is(.dn-page-create) .tsw-g-ladder b,
body:is(.dn-page-search_results) .tsw-g-ladder b,
body:is(.dn-page-favorites) .tsw-g-ladder b { color: var(--tsw-ink); font-size: 13px; font-weight: 800; margin-right: 3px; }
@media (min-width: 769px) {
  body:is(.dn-page-create) .tsw-g-toolbar,
body:is(.dn-page-search_results) .tsw-g-toolbar,
body:is(.dn-page-favorites) .tsw-g-toolbar { justify-content: flex-end; }
  body:is(.dn-page-create) .tsw-g-toolbar .tsw-filter-trigger,
body:is(.dn-page-search_results) .tsw-g-toolbar .tsw-filter-trigger,
body:is(.dn-page-favorites) .tsw-g-toolbar .tsw-filter-trigger { display: none !important; }
  body:is(.dn-page-create) .tsw-g-toolbar .dn-listing-sort,
body:is(.dn-page-search_results) .tsw-g-toolbar .dn-listing-sort,
body:is(.dn-page-favorites) .tsw-g-toolbar .dn-listing-sort { flex: 0 0 auto !important; }
  body:is(.dn-page-create) .tsw-g-ladder,
body:is(.dn-page-search_results) .tsw-g-ladder,
body:is(.dn-page-favorites) .tsw-g-ladder,
body:is(.dn-page-create) .tsw-g-ladder-label,
body:is(.dn-page-search_results) .tsw-g-ladder-label,
body:is(.dn-page-favorites) .tsw-g-ladder-label { display: none; }
}

/* ---- grid: two across on phones, three from tablet, four on wide screens ---- */
:is(.dn-widget-blank_product_listing) ul.dn-grid,
:is(.dn-widget-page_content_search_results) ul.dn-grid,
:is(.favorites-container) ul.dn-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 10px; margin: 0 !important; padding: 0 !important; width: auto !important; }
:is(.dn-widget-blank_product_listing) li.dn-grid-item,
:is(.dn-widget-page_content_search_results) li.dn-grid-item,
:is(.favorites-container) li.dn-grid-item { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; flex: none !important; transition: none !important; transform: none !important; }
:is(.dn-widget-blank_product_listing) .dn-grid-item-container,
:is(.dn-widget-page_content_search_results) .dn-grid-item-container,
:is(.favorites-container) .dn-grid-item-container { position: relative; max-width: none !important; padding: 0 !important; margin: 0 !important; transition: none !important; transform: none !important; }
:is(.dn-widget-blank_product_listing) .dn-grid-item-container,
:is(.dn-widget-page_content_search_results) .dn-grid-item-container,
:is(.favorites-container) .dn-grid-item-container,
:is(.dn-widget-blank_product_listing) .dn-grid-item-container *,
:is(.dn-widget-page_content_search_results) .dn-grid-item-container *,
:is(.favorites-container) .dn-grid-item-container * { text-align: left !important; outline: 0 !important; }
:is(.dn-widget-blank_product_listing) .dn-grid-item-container:hover,
:is(.dn-widget-page_content_search_results) .dn-grid-item-container:hover,
:is(.favorites-container) .dn-grid-item-container:hover { transform: none !important; }
@media (min-width: 700px) { :is(.dn-widget-blank_product_listing) ul.dn-grid,
:is(.dn-widget-page_content_search_results) ul.dn-grid,
:is(.favorites-container) ul.dn-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 16px; } }
@media (min-width: 1200px) { :is(.dn-widget-blank_product_listing) ul.dn-grid,
:is(.dn-widget-page_content_search_results) ul.dn-grid,
:is(.favorites-container) ul.dn-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ---- photo: on the grey surface, square corners, no border ---- */
:is(.dn-widget-blank_product_listing) .dn-grid-image,
:is(.dn-widget-page_content_search_results) .dn-grid-image,
:is(.favorites-container) .dn-grid-image { position: relative !important; background: var(--tsw-surface); border-radius: 0; overflow: hidden; }
:is(.dn-widget-blank_product_listing) .dn-grid-image-content,
:is(.dn-widget-page_content_search_results) .dn-grid-image-content,
:is(.favorites-container) .dn-grid-image-content { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; }
:is(.dn-widget-blank_product_listing) .dn-image-transform,
:is(.dn-widget-page_content_search_results) .dn-image-transform,
:is(.favorites-container) .dn-image-transform,
:is(.dn-widget-blank_product_listing) .dn-product-thumbnail-container,
:is(.dn-widget-page_content_search_results) .dn-product-thumbnail-container,
:is(.favorites-container) .dn-product-thumbnail-container { width: 100%; height: 100%; border: 0 !important; border-radius: 0 !important; overflow: hidden; }
:is(.dn-widget-blank_product_listing) .dn-product-thumbnail-image,
:is(.dn-widget-page_content_search_results) .dn-product-thumbnail-image,
:is(.favorites-container) .dn-product-thumbnail-image { display: block; width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover; --tsw-s: 1.22; --tsw-ty: 0%; transform: translateY(var(--tsw-ty)) scale(var(--tsw-s)) !important; transform-origin: 50% 50%; transition: transform .3s !important; }
/* the script measures each photo's backdrop and sets --tsw-s / --tsw-ty so the garment fills the frame with no grey bands */
:is(.dn-widget-blank_product_listing) .dn-grid-item[data-brand-scaling="reduced"] .dn-product-thumbnail-image,
:is(.dn-widget-page_content_search_results) .dn-grid-item[data-brand-scaling="reduced"] .dn-product-thumbnail-image,
:is(.favorites-container) .dn-grid-item[data-brand-scaling="reduced"] .dn-product-thumbnail-image { --tsw-s: 1.02; }
:is(.dn-widget-blank_product_listing) .dn-grid-item:hover .dn-product-thumbnail-image,
:is(.dn-widget-page_content_search_results) .dn-grid-item:hover .dn-product-thumbnail-image,
:is(.favorites-container) .dn-grid-item:hover .dn-product-thumbnail-image { transform: translateY(var(--tsw-ty)) scale(calc(var(--tsw-s) * 1.04)) !important; }


/* ---- one tag, top-left; the script marks the winner ---- */
:is(.dn-widget-blank_product_listing) .badge-container,
:is(.dn-widget-page_content_search_results) .badge-container,
:is(.favorites-container) .badge-container { position: absolute !important; top: 8px !important; left: 8px !important; z-index: 5 !important; display: flex !important; gap: 0 !important; max-width: calc(100% - 56px) !important; pointer-events: none !important; }
:is(.dn-widget-blank_product_listing) .product-badge,
:is(.dn-widget-page_content_search_results) .product-badge,
:is(.favorites-container) .product-badge { display: none !important; }
:is(.dn-widget-blank_product_listing) .product-badge.tsw-keep,
:is(.dn-widget-page_content_search_results) .product-badge.tsw-keep,
:is(.favorites-container) .product-badge.tsw-keep { display: inline-block !important; opacity: 1 !important; background: var(--tsw-ink) !important; color: #fff !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important; line-height: 1.3; padding: 3px 6px !important; border-radius: 3px !important; box-shadow: none !important; min-width: 0 !important; transform: none !important; white-space: nowrap; }
:is(.dn-widget-blank_product_listing) .product-badge.tsw-keep.is-pink,
:is(.dn-widget-page_content_search_results) .product-badge.tsw-keep.is-pink,
:is(.favorites-container) .product-badge.tsw-keep.is-pink { background: var(--tsw-pink) !important; }
:is(.dn-widget-blank_product_listing) .dn-size-badge,
:is(.dn-widget-page_content_search_results) .dn-size-badge,
:is(.favorites-container) .dn-size-badge,
:is(.dn-widget-blank_product_listing) .tw-prod-time-badge,
:is(.dn-widget-page_content_search_results) .tw-prod-time-badge,
:is(.favorites-container) .tw-prod-time-badge,
:is(.dn-widget-blank_product_listing) .dn-product-sizes,
:is(.dn-widget-page_content_search_results) .dn-product-sizes,
:is(.favorites-container) .dn-product-sizes { display: none !important; } /* sizes read in the grey line under the price */

/* ---- heart: plain outline, fills pink once saved; matches the product page ---- */
:is(.dn-widget-blank_product_listing) .favorite-btn,
:is(.dn-widget-page_content_search_results) .favorite-btn,
:is(.favorites-container) .favorite-btn { position: absolute; top: 2px !important; right: 2px !important; width: 40px !important; height: 40px !important; padding: 0; background: none !important; border: 0; border-radius: 0; box-shadow: none !important; z-index: 6; display: flex; align-items: center; justify-content: center; transform: none !important; -webkit-tap-highlight-color: transparent; }
:is(.dn-widget-blank_product_listing) .favorite-btn:hover,
:is(.dn-widget-page_content_search_results) .favorite-btn:hover,
:is(.favorites-container) .favorite-btn:hover { transform: none !important; box-shadow: none !important; }
:is(.dn-widget-blank_product_listing) .favorite-btn svg,
:is(.dn-widget-page_content_search_results) .favorite-btn svg,
:is(.favorites-container) .favorite-btn svg { width: 22px !important; height: 22px !important; }
:is(.dn-widget-blank_product_listing) .favorite-btn:not(.is-favorite) svg,
:is(.dn-widget-page_content_search_results) .favorite-btn:not(.is-favorite) svg,
:is(.favorites-container) .favorite-btn:not(.is-favorite) svg { fill: none; stroke: var(--tsw-ink); stroke-width: 1.75; }
:is(.dn-widget-blank_product_listing) .favorite-btn:hover:not(.is-favorite) svg,
:is(.dn-widget-page_content_search_results) .favorite-btn:hover:not(.is-favorite) svg,
:is(.favorites-container) .favorite-btn:hover:not(.is-favorite) svg { stroke: var(--tsw-pink); }
:is(.dn-widget-blank_product_listing) .favorite-btn.is-favorite svg,
:is(.dn-widget-page_content_search_results) .favorite-btn.is-favorite svg,
:is(.favorites-container) .favorite-btn.is-favorite svg { fill: var(--tsw-pink); stroke: var(--tsw-pink); }

/* ---- text block: brand · code / Name / price / size + lead time / swatches ---- */
:is(.dn-widget-blank_product_listing) .dn-grid-text,
:is(.dn-widget-page_content_search_results) .dn-grid-text,
:is(.favorites-container) .dn-grid-text { margin: 0 !important; padding: 0 !important; text-align: left !important; }
:is(.dn-widget-blank_product_listing) .dn-grid-image + .dn-grid-text.dn-product-name,
:is(.dn-widget-page_content_search_results) .dn-grid-image + .dn-grid-text.dn-product-name,
:is(.favorites-container) .dn-grid-image + .dn-grid-text.dn-product-name { margin-top: 10px !important; }
:is(.dn-widget-blank_product_listing) .dn-product-name h4,
:is(.dn-widget-page_content_search_results) .dn-product-name h4,
:is(.favorites-container) .dn-product-name h4 { margin: 0 !important; padding: 0 !important; line-height: 1.25 !important; }
:is(.dn-widget-blank_product_listing) .dn-product-name h4 a,
:is(.dn-widget-page_content_search_results) .dn-product-name h4 a,
:is(.favorites-container) .dn-product-name h4 a { display: block !important; text-transform: none !important; color: var(--tsw-ink) !important; text-decoration: none; font-size: 13px !important; line-height: 1.25 !important; } /* pinned: a theme hover rule shrank the link's font and the name jumped 3px */
:is(.dn-widget-blank_product_listing) .dn-brand,
:is(.dn-widget-page_content_search_results) .dn-brand,
:is(.favorites-container) .dn-brand,
:is(.dn-widget-blank_product_listing) .tsw-g-code,
:is(.dn-widget-page_content_search_results) .tsw-g-code,
:is(.favorites-container) .tsw-g-code { display: inline !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--tsw-muted) !important; line-height: 1.4 !important; min-height: 0 !important; width: auto !important; overflow: visible !important; -webkit-line-clamp: unset !important; }
:is(.dn-widget-blank_product_listing) .dn-name,
:is(.dn-widget-page_content_search_results) .dn-name,
:is(.favorites-container) .dn-name { display: block !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.25 !important; color: var(--tsw-ink) !important; background: none !important; padding: 0 !important; margin: 2px 0 0 !important; border: 0 !important; border-radius: 0 !important; height: auto !important; max-width: none !important; min-width: 0 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; text-align: left !important; text-transform: none !important; transform: none !important; animation: none !important; box-shadow: none !important; }
:is(.dn-widget-blank_product_listing) .dn-name:hover,
:is(.dn-widget-page_content_search_results) .dn-name:hover,
:is(.favorites-container) .dn-name:hover,
:is(.dn-widget-blank_product_listing) .dn-name.has-overflow:hover,
:is(.dn-widget-page_content_search_results) .dn-name.has-overflow:hover,
:is(.favorites-container) .dn-name.has-overflow:hover { background: none !important; transform: none !important; animation: none !important; text-align: left !important; text-decoration: underline; text-underline-offset: 3px; }
:is(.dn-widget-blank_product_listing) .dn-grid-text.dn-product-prices,
:is(.dn-widget-page_content_search_results) .dn-grid-text.dn-product-prices,
:is(.favorites-container) .dn-grid-text.dn-product-prices { display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 0 6px; margin-top: 4px !important; cursor: default !important; }
:is(.dn-widget-blank_product_listing) .dn-grid-text.dn-product-prices .dn-decoration-process-DTG,
:is(.dn-widget-page_content_search_results) .dn-grid-text.dn-product-prices .dn-decoration-process-DTG,
:is(.favorites-container) .dn-grid-text.dn-product-prices .dn-decoration-process-DTG { text-align: left !important; font-size: 0; }
:is(.dn-widget-blank_product_listing) .dn-grid-text.dn-product-prices span[id^="pwc_s_"],
:is(.dn-widget-page_content_search_results) .dn-grid-text.dn-product-prices span[id^="pwc_s_"],
:is(.favorites-container) .dn-grid-text.dn-product-prices span[id^="pwc_s_"] { font-size: 15px !important; font-weight: 800 !important; letter-spacing: -.01em; color: var(--tsw-ink) !important; padding: 0 !important; line-height: 1.3 !important; }
:is(.dn-widget-blank_product_listing) .dn-grid-text.dn-product-prices .dn-rrp,
:is(.dn-widget-page_content_search_results) .dn-grid-text.dn-product-prices .dn-rrp,
:is(.favorites-container) .dn-grid-text.dn-product-prices .dn-rrp { font-size: 12px !important; font-weight: 500 !important; color: var(--tsw-muted) !important; text-decoration: line-through !important; margin-right: 6px !important; padding: 0 !important; }
:is(.dn-widget-blank_product_listing) .dn-grid-text.dn-product-prices .dn-price-container,
:is(.dn-widget-page_content_search_results) .dn-grid-text.dn-product-prices .dn-price-container,
:is(.favorites-container) .dn-grid-text.dn-product-prices .dn-price-container { font-size: 15px !important; font-weight: 800 !important; color: var(--tsw-ink) !important; }
:is(.dn-widget-blank_product_listing) .dn-grid-text.dn-product-prices .discount-badge,
:is(.dn-widget-page_content_search_results) .dn-grid-text.dn-product-prices .discount-badge,
:is(.favorites-container) .dn-grid-text.dn-product-prices .discount-badge { background: none !important; color: var(--tsw-pink) !important; padding: 0 !important; border-radius: 0 !important; font-size: 12px !important; font-weight: 700 !important; margin-left: 6px !important; }
:is(.dn-widget-blank_product_listing) .dn-grid-text.dn-product-prices::after,
:is(.dn-widget-page_content_search_results) .dn-grid-text.dn-product-prices::after,
:is(.favorites-container) .dn-grid-text.dn-product-prices::after { content: "incl. printing"; display: inline !important; font-size: 11px !important; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--tsw-muted); margin: 0; }
:is(.dn-widget-blank_product_listing) .dn-grid-item-container:hover span[id^="pwc_s_"],
:is(.dn-widget-page_content_search_results) .dn-grid-item-container:hover span[id^="pwc_s_"],
:is(.favorites-container) .dn-grid-item-container:hover span[id^="pwc_s_"],
:is(.dn-widget-blank_product_listing) .dn-grid-item-container:hover .dn-price-container,
:is(.dn-widget-page_content_search_results) .dn-grid-item-container:hover .dn-price-container,
:is(.favorites-container) .dn-grid-item-container:hover .dn-price-container { color: var(--tsw-ink) !important; }
:is(.dn-widget-blank_product_listing) .tsw-g-info,
:is(.dn-widget-page_content_search_results) .tsw-g-info,
:is(.favorites-container) .tsw-g-info { font-size: 11px; font-weight: 500; color: var(--tsw-muted); margin-top: 3px; line-height: 1.4; }
:is(.dn-widget-blank_product_listing) .tsw-g-info:empty,
:is(.dn-widget-page_content_search_results) .tsw-g-info:empty,
:is(.favorites-container) .tsw-g-info:empty { display: none; }

/* ---- swatches: small circles in one row, "+n" as plain text ---- */
:is(.dn-widget-blank_product_listing) .dn-grid-item .dn-product-colors.dn-color-panel,
:is(.dn-widget-page_content_search_results) .dn-grid-item .dn-product-colors.dn-color-panel,
:is(.favorites-container) .dn-grid-item .dn-product-colors.dn-color-panel { display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; gap: 4px !important; padding: 0 !important; margin: 8px 0 0 !important; overflow: hidden; }
:is(.dn-widget-blank_product_listing) .dn-grid-item .dn-product-colors > label,
:is(.dn-widget-page_content_search_results) .dn-grid-item .dn-product-colors > label,
:is(.favorites-container) .dn-grid-item .dn-product-colors > label { display: none !important; }
:is(.dn-widget-blank_product_listing) .dn-grid-item .dn-product-colors .dn-color-panel-cell,
:is(.dn-widget-page_content_search_results) .dn-grid-item .dn-product-colors .dn-color-panel-cell,
:is(.favorites-container) .dn-grid-item .dn-product-colors .dn-color-panel-cell { position: relative !important; display: flex !important; flex: 0 0 auto; width: 14px !important; height: 14px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; overflow: hidden !important; box-shadow: none !important; box-sizing: border-box !important; transition: transform .12s; }
:is(.dn-widget-blank_product_listing) .dn-grid-item .dn-product-colors .dn-color-panel-cell::after,
:is(.dn-widget-page_content_search_results) .dn-grid-item .dn-product-colors .dn-color-panel-cell::after,
:is(.favorites-container) .dn-grid-item .dn-product-colors .dn-color-panel-cell::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); pointer-events: none; }
:is(.dn-widget-blank_product_listing) .dn-grid-item .dn-product-colors .dn-color-panel-cell span,
:is(.dn-widget-page_content_search_results) .dn-grid-item .dn-product-colors .dn-color-panel-cell span,
:is(.favorites-container) .dn-grid-item .dn-product-colors .dn-color-panel-cell span { display: block !important; flex: 1 1 0; width: auto !important; height: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 0 !important; max-height: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
:is(.dn-widget-blank_product_listing) .dn-grid-item .dn-product-colors .dn-color-panel-cell:hover,
:is(.dn-widget-page_content_search_results) .dn-grid-item .dn-product-colors .dn-color-panel-cell:hover,
:is(.favorites-container) .dn-grid-item .dn-product-colors .dn-color-panel-cell:hover { transform: scale(1.15) !important; box-shadow: none !important; z-index: 1; }
:is(.dn-widget-blank_product_listing) .dn-grid-item .compact-more-btn,
:is(.dn-widget-page_content_search_results) .dn-grid-item .compact-more-btn,
:is(.favorites-container) .dn-grid-item .compact-more-btn { display: inline-block !important; height: auto !important; padding: 0 0 0 2px !important; margin: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; font-size: 11px !important; font-weight: 600 !important; color: var(--tsw-muted) !important; line-height: 1 !important; transform: none !important; transition: color .15s !important; box-shadow: none !important; }
:is(.dn-widget-blank_product_listing) .dn-grid-item .compact-more-btn:hover,
:is(.dn-widget-page_content_search_results) .dn-grid-item .compact-more-btn:hover,
:is(.favorites-container) .dn-grid-item .compact-more-btn:hover { background: none !important; border: 0 !important; color: var(--tsw-ink) !important; transform: none !important; }
@media (min-width: 700px) {
  :is(.dn-widget-blank_product_listing) .dn-grid-item .dn-product-colors .dn-color-panel-cell,
:is(.dn-widget-page_content_search_results) .dn-grid-item .dn-product-colors .dn-color-panel-cell,
:is(.favorites-container) .dn-grid-item .dn-product-colors .dn-color-panel-cell { width: 16px !important; height: 16px !important; }
  :is(.dn-widget-blank_product_listing) .dn-name,
:is(.dn-widget-page_content_search_results) .dn-name,
:is(.favorites-container) .dn-name { font-size: 15px !important; }
  :is(.dn-widget-blank_product_listing) .dn-grid-text.dn-product-prices span[id^="pwc_s_"],
:is(.dn-widget-page_content_search_results) .dn-grid-text.dn-product-prices span[id^="pwc_s_"],
:is(.favorites-container) .dn-grid-text.dn-product-prices span[id^="pwc_s_"],
:is(.dn-widget-blank_product_listing) .dn-grid-text.dn-product-prices .dn-price-container,
:is(.dn-widget-page_content_search_results) .dn-grid-text.dn-product-prices .dn-price-container,
:is(.favorites-container) .dn-grid-text.dn-product-prices .dn-price-container { font-size: 16px !important; }
  body:is(.dn-page-create) .dn-widget-page_heading h2,
body:is(.dn-page-search_results) .dn-widget-page_heading h2,
body:is(.dn-page-favorites) .dn-widget-page_heading h2 { font-size: 34px !important; }
}
/* Shop by garment pages: "All tees · Men's · Women's · Kids" tabs under the page's name (script: TSW CATEGORY GRID v1),
   in the home page's Most printed / New in style: heavy type, grey until chosen, a line under the one open */
.tsw-g-tabs { display: flex; gap: 28px; margin: 16px 0 4px; border-bottom: 1px solid #e4e4e4; overflow-x: auto; scrollbar-width: none; }
.tsw-g-tabs::-webkit-scrollbar { display: none; }
.tsw-g-tabs a { flex: none; margin-bottom: -1px; padding: 0 0 12px; border-bottom: 3px solid transparent; font: 800 20px/1.1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.02em; text-transform: none; color: #8a8a8a !important; text-decoration: none !important; }
.tsw-g-tabs a:hover, .tsw-g-tabs a[aria-current="page"] { color: #111111 !important; }
.tsw-g-tabs a[aria-current="page"] { border-bottom-color: #111111; }
.tsw-g-tabs a:focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
@media (max-width: 768px) { .tsw-g-tabs { gap: 22px; } .tsw-g-tabs a { font-size: 18px; } }
/* narrow phones (380px and under, where two cards leave about 150px each): the older 23px swatch rule (the multi-colour
   swatch fix, which outranks this section's 14px) made five swatches and "+66" wider than the card, and pages laid out
   wider than a 320px screen. Slightly smaller swatches so the row fits; the home page keeps its own (SEC117) */
@media (max-width: 380px) {
  body:not(.dn-page-home) :is(.dn-widget-blank_product_listing) .dn-grid-item .dn-product-colors.dn-color-panel,
body:not(.dn-page-home) :is(.dn-widget-page_content_search_results) .dn-grid-item .dn-product-colors.dn-color-panel,
body:not(.dn-page-home) :is(.favorites-container) .dn-grid-item .dn-product-colors.dn-color-panel { gap: 3px !important; }
  body:not(.dn-page-home) :is(.dn-widget-blank_product_listing) .dn-grid-item .dn-product-colors.dn-color-panel .dn-color-panel-cell,
body:not(.dn-page-home) :is(.dn-widget-page_content_search_results) .dn-grid-item .dn-product-colors.dn-color-panel .dn-color-panel-cell,
body:not(.dn-page-home) :is(.favorites-container) .dn-grid-item .dn-product-colors.dn-color-panel .dn-color-panel-cell { width: 18px !important; height: 18px !important; margin: 1px !important; }
}
/* the pager on phones: DN lists every page (1 to 9 and Next is about 450px), and the phone script meant to trim it to
   the first, current and last page doesn't take hold, so it wraps to a second row instead of running off the screen */
@media (max-width: 640px) {
  .dn-paginator { flex-wrap: wrap !important; row-gap: 8px; }
}

/* ---- sidebar (desktop) and the phone Filter sheet, which borrows the same lists ----
   Plain headings on hairlines instead of boxed cards with pink rules; ink for state, pink only for counts and
   the Apply action. Controls are scoped to .dn-filter-lists so the sheet matches the sidebar. */
/* one 20px inset for every sidebar block so the discount ladder, search and filters line up with the page heading */
body:is(.dn-page-create) .dn-page-column-fixed .dn-widget-content-container,
body:is(.dn-page-search_results) .dn-page-column-fixed .dn-widget-content-container,
body:is(.dn-page-favorites) .dn-page-column-fixed .dn-widget-content-container { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; padding-left: 20px !important; padding-right: 20px !important; }
body:is(.dn-page-create) .dn-page-column-fixed .dn-filter-lists,
body:is(.dn-page-search_results) .dn-page-column-fixed .dn-filter-lists,
body:is(.dn-page-favorites) .dn-page-column-fixed .dn-filter-lists { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; padding: 0 !important; margin: 0 !important; }
body:is(.dn-page-create) .dn-filter-lists > h2,
body:is(.dn-page-search_results) .dn-filter-lists > h2,
body:is(.dn-page-favorites) .dn-filter-lists > h2 { font-size: 11px !important; font-weight: 600 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--tsw-muted) !important; text-align: left !important; border: 0 !important; padding: 0 0 8px !important; margin: 0 !important; }
body:is(.dn-page-create) .dn-filter-lists > h2::after,
body:is(.dn-page-search_results) .dn-filter-lists > h2::after,
body:is(.dn-page-favorites) .dn-filter-lists > h2::after { display: none !important; }
body:is(.dn-page-create) .dn-filter-list,
body:is(.dn-page-search_results) .dn-filter-list,
body:is(.dn-page-favorites) .dn-filter-list { border: 0 !important; border-top: 1px solid var(--tsw-line) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; }
body:is(.dn-page-create) .dn-filter-list:last-of-type,
body:is(.dn-page-search_results) .dn-filter-list:last-of-type,
body:is(.dn-page-favorites) .dn-filter-list:last-of-type { border-bottom: 1px solid var(--tsw-line) !important; }
body:is(.dn-page-create) .dn-filter-list h3,
body:is(.dn-page-search_results) .dn-filter-list h3,
body:is(.dn-page-favorites) .dn-filter-list h3 { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; padding: 13px 0 !important; border: 0 !important; background: none !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--tsw-ink) !important; cursor: pointer; }
body:is(.dn-page-create) .dn-filter-list h3 .filter-count,
body:is(.dn-page-search_results) .dn-filter-list h3 .filter-count,
body:is(.dn-page-favorites) .dn-filter-list h3 .filter-count { display: inline-flex !important; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px !important; border-radius: 9px !important; background: var(--tsw-pink) !important; color: #fff !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; }
body:is(.dn-page-create) .dn-filter-list h3 .expand-arrow,
body:is(.dn-page-search_results) .dn-filter-list h3 .expand-arrow,
body:is(.dn-page-favorites) .dn-filter-list h3 .expand-arrow { display: inline-block !important; flex: 0 0 auto; margin-left: auto !important; width: 7px !important; height: 7px !important; line-height: 0 !important; font-size: 0 !important; color: transparent !important; border: solid var(--tsw-ink); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg) !important; transition: transform .15s; position: relative; top: -2px; } /* the filter script rotates it inline */
body:is(.dn-page-create) .dn-filter-list.expanded h3 .expand-arrow,
body:is(.dn-page-search_results) .dn-filter-list.expanded h3 .expand-arrow,
body:is(.dn-page-favorites) .dn-filter-list.expanded h3 .expand-arrow { transform: rotate(-135deg) !important; top: 2px; }
body:is(.dn-page-create) .dn-filter-list .dn-filter-values-container,
body:is(.dn-page-search_results) .dn-filter-list .dn-filter-values-container,
body:is(.dn-page-favorites) .dn-filter-list .dn-filter-values-container { padding-bottom: 12px !important; }

/* checkboxes (category, brand, colour groups) */
body:is(.dn-page-create) .dn-filter-list .dn-filter-list-value,
body:is(.dn-page-search_results) .dn-filter-list .dn-filter-list-value,
body:is(.dn-page-favorites) .dn-filter-list .dn-filter-list-value { display: flex !important; align-items: center; gap: 8px; padding: 4px 0 !important; margin: 0 !important; font-size: 14px !important; color: var(--tsw-body) !important; background: none !important; border: 0 !important; }
body:is(.dn-page-create) .dn-filter-list .dn-filter-list-value input[type="checkbox"],
body:is(.dn-page-search_results) .dn-filter-list .dn-filter-list-value input[type="checkbox"],
body:is(.dn-page-favorites) .dn-filter-list .dn-filter-list-value input[type="checkbox"] { width: 16px !important; height: 16px !important; margin: 0 !important; accent-color: var(--tsw-ink); flex: 0 0 auto; }
body:is(.dn-page-create) .dn-filter-list .dn-filter-list-value label,
body:is(.dn-page-search_results) .dn-filter-list .dn-filter-list-value label,
body:is(.dn-page-favorites) .dn-filter-list .dn-filter-list-value label { font-size: 14px !important; font-weight: 500 !important; color: var(--tsw-body) !important; text-transform: none !important; cursor: pointer; }

/* size pills: one flat grid, no inner scroll box */
body:is(.dn-page-create) .size-pills-container,
body:is(.dn-page-search_results) .size-pills-container,
body:is(.dn-page-favorites) .size-pills-container { max-height: none !important; overflow: visible !important; border: 0 !important; padding: 0 0 12px !important; background: none !important; box-shadow: none !important; }
body:is(.dn-page-create) .size-pills-grid,
body:is(.dn-page-search_results) .size-pills-grid,
body:is(.dn-page-favorites) .size-pills-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(62px, 1fr)); gap: 6px !important; }
body:is(.dn-page-create) .size-group-header,
body:is(.dn-page-search_results) .size-group-header,
body:is(.dn-page-favorites) .size-group-header { grid-column: 1 / -1; margin: 8px 0 0 !important; padding: 0 !important; border: 0 !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--tsw-muted) !important; background: none !important; }
body:is(.dn-page-create) .size-group-header:first-child,
body:is(.dn-page-search_results) .size-group-header:first-child,
body:is(.dn-page-favorites) .size-group-header:first-child { margin-top: 0 !important; }
body:is(.dn-page-create) .size-pill,
body:is(.dn-page-search_results) .size-pill,
body:is(.dn-page-favorites) .size-pill { display: flex !important; align-items: center; justify-content: center; height: 34px; padding: 0 6px !important; margin: 0 !important; border: 1px solid var(--tsw-line) !important; border-radius: var(--tsw-r) !important; background: #fff !important; color: var(--tsw-ink) !important; font-size: 12px !important; font-weight: 600 !important; box-shadow: none !important; transform: none !important; cursor: pointer; }
body:is(.dn-page-create) .size-pill:hover,
body:is(.dn-page-search_results) .size-pill:hover,
body:is(.dn-page-favorites) .size-pill:hover { border-color: var(--tsw-ink) !important; }
body:is(.dn-page-create) .size-pill.selected,
body:is(.dn-page-search_results) .size-pill.selected,
body:is(.dn-page-favorites) .size-pill.selected { background: var(--tsw-ink) !important; border-color: var(--tsw-ink) !important; color: #fff !important; }


/* price: two plain inputs and a quiet Apply; Clear all as an ink outline */
body:is(.dn-page-create) .dn-filter-price input[type="text"],
body:is(.dn-page-search_results) .dn-filter-price input[type="text"],
body:is(.dn-page-favorites) .dn-filter-price input[type="text"] { height: 40px !important; padding: 0 10px !important; border: 1px solid var(--tsw-line) !important; border-radius: var(--tsw-r) !important; font-size: 14px !important; box-shadow: none !important; }
body:is(.dn-page-create) .dn-filter-price input[type="text"]:focus,
body:is(.dn-page-search_results) .dn-filter-price input[type="text"]:focus,
body:is(.dn-page-favorites) .dn-filter-price input[type="text"]:focus { border-color: var(--tsw-ink) !important; outline: 0; }
body:is(.dn-page-create) .price-apply-btn,
body:is(.dn-page-search_results) .price-apply-btn,
body:is(.dn-page-favorites) .price-apply-btn { height: 40px !important; border-radius: var(--tsw-r) !important; background: var(--tsw-pink) !important; color: #fff !important; font-size: 13px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; }
body:is(.dn-page-create) .clear-all-btn,
body:is(.dn-page-search_results) .clear-all-btn,
body:is(.dn-page-favorites) .clear-all-btn { height: 40px !important; margin: 14px 0 0 !important; border: 1px solid var(--tsw-ink) !important; border-radius: var(--tsw-r) !important; background: #fff !important; color: var(--tsw-ink) !important; font-size: 13px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; }
body:is(.dn-page-create) .clear-all-btn:hover,
body:is(.dn-page-search_results) .clear-all-btn:hover,
body:is(.dn-page-favorites) .clear-all-btn:hover { background: var(--tsw-surface) !important; }

/* search: the sidebar's first filter widget */
body:is(.dn-page-create) #dn_bpf_text_container h3,
body:is(.dn-page-search_results) #dn_bpf_text_container h3,
body:is(.dn-page-favorites) #dn_bpf_text_container h3 { cursor: default; }
body:is(.dn-page-create) #bpf_v_text,
body:is(.dn-page-search_results) #bpf_v_text,
body:is(.dn-page-favorites) #bpf_v_text { width: 100% !important; height: 46px !important; box-sizing: border-box; padding: 0 12px 0 40px !important; border: 1.5px solid var(--tsw-ink) !important; border-radius: var(--tsw-r) !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 13px 50% / 18px 18px !important; font: 500 14px/1 var(--font-body) !important; color: var(--tsw-ink) !important; box-shadow: none !important; }
body:is(.dn-page-create) #bpf_v_text:focus,
body:is(.dn-page-search_results) #bpf_v_text:focus,
body:is(.dn-page-favorites) #bpf_v_text:focus { outline: 0; box-shadow: 0 0 0 3px rgba(17, 17, 17, .15) !important; }

/* bulk discounts in the sidebar: the same tier ladder as the phone view and the product page */
body:is(.dn-page-create) .dn-page-column-fixed .compact-discount,
body:is(.dn-page-search_results) .dn-page-column-fixed .compact-discount,
body:is(.dn-page-favorites) .dn-page-column-fixed .compact-discount { text-align: left !important; }
body:is(.dn-page-create) .dn-page-column-fixed .discount-header,
body:is(.dn-page-search_results) .dn-page-column-fixed .discount-header,
body:is(.dn-page-favorites) .dn-page-column-fixed .discount-header { font-size: 11px !important; font-weight: 600 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--tsw-muted) !important; text-align: left !important; margin: 0 0 6px !important; }
/* two tiles a row in the 320px column: 133px tiles with room to breathe instead of four 67px slivers; the hairlines
   between tiles are the 1px gaps over the line colour */
body:is(.dn-page-create) .dn-page-column-fixed .discount-tiers,
body:is(.dn-page-search_results) .dn-page-column-fixed .discount-tiers,
body:is(.dn-page-favorites) .dn-page-column-fixed .discount-tiers { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; gap: 1px !important; background: var(--tsw-line) !important; overflow: hidden !important; border: 1px solid var(--tsw-line); border-radius: var(--tsw-r); padding: 0 !important; margin: 0 !important; }
body:is(.dn-page-create) .dn-page-column-fixed .discount-tier,
body:is(.dn-page-search_results) .dn-page-column-fixed .discount-tier,
body:is(.dn-page-favorites) .dn-page-column-fixed .discount-tier { display: flex !important; flex-direction: column; align-items: center; gap: 2px; padding: 10px 8px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; font-size: 12px !important; color: var(--tsw-muted) !important; }
body:is(.dn-page-create) .dn-page-column-fixed .discount-tier .save,
body:is(.dn-page-search_results) .dn-page-column-fixed .discount-tier .save,
body:is(.dn-page-favorites) .dn-page-column-fixed .discount-tier .save { order: -1; font-size: 16px !important; font-weight: 800 !important; color: var(--tsw-ink) !important; }
body:is(.dn-page-create) .dn-page-column-fixed .discount-tier .qty,
body:is(.dn-page-search_results) .dn-page-column-fixed .discount-tier .qty,
body:is(.dn-page-favorites) .dn-page-column-fixed .discount-tier .qty { font-size: 12px !important; font-weight: 500 !important; color: var(--tsw-muted) !important; }

/* ---- phone Filter sheet frame (its script injects #tsw-filter-modal-css; these outrank it by the page prefix) ---- */
body:is(.dn-page-create) .tsw-filter-modal,
body:is(.dn-page-search_results) .tsw-filter-modal,
body:is(.dn-page-favorites) .tsw-filter-modal { border-radius: 12px 12px 0 0 !important; }
body:is(.dn-page-create) .tsw-filter-modal-header h2,
body:is(.dn-page-search_results) .tsw-filter-modal-header h2,
body:is(.dn-page-favorites) .tsw-filter-modal-header h2 { font-size: 17px !important; font-weight: 800 !important; letter-spacing: -.01em !important; text-transform: none !important; color: var(--tsw-ink) !important; }
body:is(.dn-page-create) .tsw-filter-modal-search input[type="text"],
body:is(.dn-page-search_results) .tsw-filter-modal-search input[type="text"],
body:is(.dn-page-favorites) .tsw-filter-modal-search input[type="text"] { height: 44px !important; border: 1px solid var(--tsw-line) !important; border-radius: var(--tsw-r) !important; font-size: 15px !important; box-shadow: none !important; }
body:is(.dn-page-create) .tsw-filter-modal-search input[type="text"]:focus,
body:is(.dn-page-search_results) .tsw-filter-modal-search input[type="text"]:focus,
body:is(.dn-page-favorites) .tsw-filter-modal-search input[type="text"]:focus { border-color: var(--tsw-ink) !important; }
body:is(.dn-page-create) .tsw-filter-modal-body .dn-filter-list h3,
body:is(.dn-page-search_results) .tsw-filter-modal-body .dn-filter-list h3,
body:is(.dn-page-favorites) .tsw-filter-modal-body .dn-filter-list h3 { font-size: 15px !important; letter-spacing: 0 !important; }
body:is(.dn-page-create) .tsw-filter-modal-body .dn-filter-list h3 .expand-arrow,
body:is(.dn-page-search_results) .tsw-filter-modal-body .dn-filter-list h3 .expand-arrow,
body:is(.dn-page-favorites) .tsw-filter-modal-body .dn-filter-list h3 .expand-arrow { background: none !important; border-radius: 0 !important; opacity: 1 !important; margin-right: 4px !important; }
body:is(.dn-page-create) .tsw-filter-modal-body .dn-filter-list-value,
body:is(.dn-page-search_results) .tsw-filter-modal-body .dn-filter-list-value,
body:is(.dn-page-favorites) .tsw-filter-modal-body .dn-filter-list-value { padding: 10px 0 !important; min-height: 44px !important; }
body:is(.dn-page-create) .tsw-filter-modal-body .dn-filter-list-value input[type="checkbox"],
body:is(.dn-page-search_results) .tsw-filter-modal-body .dn-filter-list-value input[type="checkbox"],
body:is(.dn-page-favorites) .tsw-filter-modal-body .dn-filter-list-value input[type="checkbox"] { width: 20px !important; height: 20px !important; margin: 0 4px 0 0 !important; }
body:is(.dn-page-create) .tsw-filter-modal-body .size-pill,
body:is(.dn-page-search_results) .tsw-filter-modal-body .size-pill,
body:is(.dn-page-favorites) .tsw-filter-modal-body .size-pill { height: 40px !important; min-height: 40px !important; padding: 0 6px !important; font-size: 13px !important; }
body:is(.dn-page-create) .tsw-filter-modal-body .color-pill,
body:is(.dn-page-search_results) .tsw-filter-modal-body .color-pill,
body:is(.dn-page-favorites) .tsw-filter-modal-body .color-pill { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; }
body:is(.dn-page-create) .tsw-filter-modal-body::-webkit-scrollbar-thumb,
body:is(.dn-page-search_results) .tsw-filter-modal-body::-webkit-scrollbar-thumb,
body:is(.dn-page-favorites) .tsw-filter-modal-body::-webkit-scrollbar-thumb { background: #d0d0d0 !important; }
body:is(.dn-page-create) .tsw-filter-modal-footer,
body:is(.dn-page-search_results) .tsw-filter-modal-footer,
body:is(.dn-page-favorites) .tsw-filter-modal-footer { box-shadow: none !important; border-top: 1px solid var(--tsw-line) !important; }
body:is(.dn-page-create) .tsw-filter-modal-footer button,
body:is(.dn-page-search_results) .tsw-filter-modal-footer button,
body:is(.dn-page-favorites) .tsw-filter-modal-footer button { border-radius: var(--tsw-r) !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 15px !important; font-weight: 700 !important; box-shadow: none !important; }
body:is(.dn-page-create) .tsw-filter-modal-footer .tsw-filter-btn-clear,
body:is(.dn-page-search_results) .tsw-filter-modal-footer .tsw-filter-btn-clear,
body:is(.dn-page-favorites) .tsw-filter-modal-footer .tsw-filter-btn-clear { background: #fff !important; color: var(--tsw-ink) !important; border: 1px solid var(--tsw-ink) !important; }
body:is(.dn-page-create) .tsw-filter-modal-footer .tsw-filter-btn-apply,
body:is(.dn-page-search_results) .tsw-filter-modal-footer .tsw-filter-btn-apply,
body:is(.dn-page-favorites) .tsw-filter-modal-footer .tsw-filter-btn-apply { background: var(--tsw-pink) !important; color: #fff !important; }

/* ---- search results page ---- */
body.dn-page-search_results .dn-widget-heading .dn-background-container, body.dn-page-search_results .dn-widget-search .dn-background-container, body.dn-page-search_results .dn-widget-page_content_search_results .dn-background-container { display: none !important; } /* the grey / black widget backdrops */
body.dn-page-search_results .dn-widget-heading .dn-widget-content-container, body.dn-page-search_results .dn-widget-search .dn-widget-content-container { background: none !important; border: 0 !important; padding: 0 20px !important; margin: 0 !important; }
body.dn-page-search_results .dn-widget-heading .dn-heading h1 { font-size: 11px !important; font-weight: 600 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--tsw-muted) !important; text-align: left !important; margin: 14px 0 8px !important; padding: 0 !important; line-height: 1.3 !important; }
body.dn-page-search_results .dn-widget-search ul.dn-form { display: flex !important; align-items: stretch; gap: 8px; margin: 0 !important; padding: 0 !important; list-style: none; }
body.dn-page-search_results .dn-widget-search ul.dn-form > li { flex: 1 1 auto; margin: 0 !important; padding: 0 !important; }
body.dn-page-search_results .dn-widget-search ul.dn-form > li:last-child { flex: 0 0 auto; }
body.dn-page-search_results .dn-widget-search .dn-form-field, body.dn-page-search_results .dn-widget-search .dn-form-field-value { margin: 0 !important; padding: 0 !important; }
body.dn-page-search_results .dn-widget-search input[type="text"] { width: 100% !important; height: 44px !important; box-sizing: border-box; margin: 0 !important; padding: 0 12px !important; border: 1px solid var(--tsw-line) !important; border-radius: var(--tsw-r) !important; background: #fff !important; font-size: 15px !important; box-shadow: none !important; }
body.dn-page-search_results .dn-widget-search input[type="text"]:focus { border-color: var(--tsw-ink) !important; outline: 0; }
body.dn-page-search_results .dn-widget-search .dn-btn { display: flex !important; align-items: center; justify-content: center; height: 44px !important; min-width: 0 !important; width: auto !important; margin: 0 !important; padding: 0 18px !important; border: 0 !important; border-radius: var(--tsw-r) !important; background: var(--tsw-ink) !important; color: #fff !important; box-shadow: none !important; }
body.dn-page-search_results .dn-widget-search .dn-btn .dn-btn-label span { font-size: 14px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; color: #fff !important; }
body.dn-page-search_results .dn-widget-search .dn-btn .dn-btn-valign, body.dn-page-search_results .dn-widget-search .dn-btn .dn-btn-icon { display: none !important; }
body.dn-page-search_results .dn-search-results-container, body.dn-page-search_results .dn-search-results-content { display: block !important; }
body.dn-page-search_results .dn-search-categories-panel, body.dn-page-search_results .dn-search-results-panel { display: block !important; float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.dn-page-search_results .dn-search-results-container { padding: 0 !important; }
body.dn-page-search_results .dn-search-categories-panel form { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; padding: 14px 0 4px; }
body.dn-page-search_results .dn-search-categories-panel h3 { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--tsw-muted) !important; }
body.dn-page-search_results .dn-search-categories-list { display: flex !important; gap: 14px; margin: 0 !important; padding: 0 !important; list-style: none; }
body.dn-page-search_results .dn-search-categories-list li { display: flex !important; align-items: center; gap: 6px; margin: 0 !important; padding: 0 !important; font-size: 13px !important; font-weight: 500; color: var(--tsw-body); }
body.dn-page-search_results .dn-search-categories-list input[type="checkbox"] { width: 16px; height: 16px; margin: 0; accent-color: var(--tsw-ink); }
body.dn-page-search_results .dn-search-categories-list label { font-size: 13px !important; text-transform: none !important; color: var(--tsw-body) !important; cursor: pointer; }
body.dn-page-search_results .dn-search-categories-panel .dn-btn { display: inline-flex !important; align-items: center; height: 32px !important; min-width: 0 !important; width: auto !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid var(--tsw-ink) !important; border-radius: var(--tsw-r) !important; background: #fff !important; color: var(--tsw-ink) !important; box-shadow: none !important; }
body.dn-page-search_results .dn-search-categories-panel .dn-btn .dn-btn-label span { font-size: 12px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--tsw-ink) !important; }
body.dn-page-search_results .dn-search-categories-panel .dn-btn .dn-btn-valign, body.dn-page-search_results .dn-search-categories-panel .dn-btn .dn-btn-icon { display: none !important; }
body.dn-page-search_results .dn-search-results-for-header { margin: 18px 0 0 !important; padding: 0 !important; font-size: 26px !important; font-weight: 800 !important; letter-spacing: -.02em !important; line-height: 1.1 !important; text-transform: none !important; color: var(--tsw-ink) !important; text-align: left !important; }
body.dn-page-search_results .dn-search-results-entries-header { display: block !important; position: static !important; float: none !important; width: auto !important; margin: 4px 0 16px !important; padding: 0 !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--tsw-muted) !important; text-align: left !important; }
body.dn-page-search_results .dn-widget-page_content_search_results .dn-widget-content-container { padding-left: 20px !important; padding-right: 20px !important; }
/* the search card puts the brand above the photo and a supplier logo over it; the brand moves down beside the code (script) */
.dn-widget-page_content_search_results .dn-grid-item .dn-product-name h4.dn-above, .dn-widget-page_content_search_results .dn-grid-item .dn-product-logo { display: none !important; }
body.dn-page-search_results .dn-paginator-container { margin: 24px 0 8px; }
body.dn-page-search_results .pagination { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
body.dn-page-search_results .pagination a, body.dn-page-search_results .pagination span { display: inline-flex !important; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px !important; border: 1px solid var(--tsw-line) !important; border-radius: var(--tsw-r) !important; background: #fff !important; font-size: 13px !important; font-weight: 600 !important; color: var(--tsw-ink) !important; text-decoration: none !important; }
body.dn-page-search_results .pagination a:hover { border-color: var(--tsw-ink) !important; }
body.dn-page-search_results .pagination .current { background: var(--tsw-ink) !important; border-color: var(--tsw-ink) !important; color: #fff !important; }
body.dn-page-search_results .pagination .disabled { color: var(--tsw-muted) !important; border-color: var(--tsw-line) !important; }
@media (min-width: 700px) { body.dn-page-search_results .dn-search-results-for-header { font-size: 34px !important; } }

/* ---- favourites page ---- */
body.dn-page-favorites .favorites-page { padding: 0 20px; text-align: left; }
body.dn-page-favorites .tsw-fav-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin: 14px 0 16px; }
body.dn-page-favorites .tsw-fav-head h2 { margin: 0 !important; padding: 0 !important; font-size: 26px !important; font-weight: 800 !important; letter-spacing: -.02em !important; line-height: 1.1 !important; text-transform: none !important; color: var(--tsw-ink) !important; text-align: left !important; }
body.dn-page-favorites .tsw-fav-head .tsw-g-count { font-size: 13px; font-weight: 500; color: var(--tsw-muted); margin-top: 4px; }
body.dn-page-favorites .favorites-header { display: none !important; }
body.dn-page-favorites .clear-all-favorites-btn { flex: 0 0 auto; height: 40px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid var(--tsw-ink) !important; border-radius: var(--tsw-r) !important; background: #fff !important; color: var(--tsw-ink) !important; font-size: 13px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; cursor: pointer; }
body.dn-page-favorites .clear-all-favorites-btn:hover { background: var(--tsw-surface) !important; }
/* an older phone rule makes the button 300px wide, which pushes it off the right edge of the heading row */
body.dn-page-favorites .clear-all-favorites-btn { width: auto !important; max-width: none !important; white-space: nowrap; }
body.dn-page-favorites .favorites-container { max-width: none !important; margin: 0 !important; padding: 0 !important; }
.favorites-container ul.dn-grid[style*="display: none"] { display: none !important; } /* the favourites script hides the list inline when it is empty; the grid rule above must not win */
.favorites-container .favorite-item .favorite-btn { display: none !important; }
.favorites-container .remove-favorite-btn { position: absolute; top: 2px !important; right: 2px !important; width: 40px !important; height: 40px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; font-size: 24px !important; font-weight: 400 !important; line-height: 40px !important; color: var(--tsw-ink) !important; z-index: 6; transform: none !important; cursor: pointer; }
.favorites-container .remove-favorite-btn:hover { color: var(--tsw-pink) !important; background: none !important; transform: none !important; }
.favorites-container .dn-grid-text.dn-product-prices .price-single, .favorites-container .dn-grid-text.dn-product-prices .price-current { font-size: 15px !important; font-weight: 800 !important; letter-spacing: -.01em; color: var(--tsw-ink) !important; }
.favorites-container .dn-grid-text.dn-product-prices .price-original { font-size: 12px !important; font-weight: 500 !important; color: var(--tsw-muted) !important; text-decoration: line-through; margin-right: 6px; }
.favorites-container .dn-grid-text.dn-product-prices .price-discount { font-size: 12px !important; font-weight: 700 !important; color: var(--tsw-pink) !important; margin-left: 6px; }
body.dn-page-favorites #empty-favorites { padding: 32px 0 48px !important; text-align: left !important; background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; max-width: none !important; }
body.dn-page-favorites #empty-favorites h2, body.dn-page-favorites #empty-favorites h3 { font-size: 20px !important; font-weight: 800 !important; letter-spacing: -.01em !important; text-transform: none !important; color: var(--tsw-ink) !important; margin: 0 0 6px !important; text-align: left !important; }
body.dn-page-favorites #empty-favorites p { font-size: 14px !important; color: var(--tsw-muted) !important; margin: 0 0 16px !important; text-align: left !important; }
body.dn-page-favorites #empty-favorites svg, body.dn-page-favorites #empty-favorites [class*="icon"] { display: none !important; }
body.dn-page-favorites #empty-favorites a, body.dn-page-favorites #empty-favorites button { display: inline-flex !important; align-items: center; height: 44px !important; padding: 0 18px !important; border: 0 !important; border-radius: var(--tsw-r) !important; background: var(--tsw-pink) !important; color: #fff !important; font-size: 14px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; text-decoration: none !important; box-shadow: none !important; }
@media (min-width: 700px) { body.dn-page-favorites .tsw-fav-head h2 { font-size: 34px !important; } body.dn-page-favorites .favorites-container ul.dn-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }

/* ---- "+n" colour sheet: the compact colour selector's popup (SEC85 draws it pink and draggable) ---- */
body:is(.dn-page-create) .color-popup-overlay,
body:is(.dn-page-search_results) .color-popup-overlay,
body:is(.dn-page-favorites) .color-popup-overlay { background: #fff !important; border: 1px solid var(--tsw-line) !important; border-radius: var(--tsw-r) !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, .04) !important; padding: 22px 12px 12px !important; gap: 6px !important; justify-content: flex-start !important; width: 232px !important; }
body:is(.dn-page-create) .color-popup-overlay .popup-drag-handle,
body:is(.dn-page-search_results) .color-popup-overlay .popup-drag-handle,
body:is(.dn-page-favorites) .color-popup-overlay .popup-drag-handle { height: 18px !important; background: none !important; border-radius: 0 !important; }
body:is(.dn-page-create) .color-popup-overlay .popup-drag-handle::before,
body:is(.dn-page-search_results) .color-popup-overlay .popup-drag-handle::before,
body:is(.dn-page-favorites) .color-popup-overlay .popup-drag-handle::before { content: "" !important; position: absolute; left: 50%; top: 7px; width: 32px; height: 3px; margin-left: -16px; border-radius: 2px; background: #d9d9d9; }
body:is(.dn-page-create) .color-popup-overlay .popup-drag-handle::after,
body:is(.dn-page-search_results) .color-popup-overlay .popup-drag-handle::after,
body:is(.dn-page-favorites) .color-popup-overlay .popup-drag-handle::after { display: none !important; content: none !important; }
body:is(.dn-page-create) .color-popup-overlay .color-cell-clone,
body:is(.dn-page-search_results) .color-popup-overlay .color-cell-clone,
body:is(.dn-page-favorites) .color-popup-overlay .color-cell-clone { position: relative !important; width: 30px !important; height: 30px !important; border: 0 !important; border-radius: 50% !important; overflow: hidden !important; display: flex !important; }
body:is(.dn-page-create) .color-popup-overlay .color-cell-clone::after,
body:is(.dn-page-search_results) .color-popup-overlay .color-cell-clone::after,
body:is(.dn-page-favorites) .color-popup-overlay .color-cell-clone::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); pointer-events: none; }
body:is(.dn-page-create) .color-popup-overlay .color-cell-clone span,
body:is(.dn-page-search_results) .color-popup-overlay .color-cell-clone span,
body:is(.dn-page-favorites) .color-popup-overlay .color-cell-clone span { flex: 1 1 0; width: auto !important; height: 100% !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body:is(.dn-page-create) .color-popup-overlay .color-cell-clone:hover span,
body:is(.dn-page-search_results) .color-popup-overlay .color-cell-clone:hover span,
body:is(.dn-page-favorites) .color-popup-overlay .color-cell-clone:hover span { box-shadow: none !important; }
body:is(.dn-page-create) .color-popup-overlay .color-cell-clone:hover,
body:is(.dn-page-search_results) .color-popup-overlay .color-cell-clone:hover,
body:is(.dn-page-favorites) .color-popup-overlay .color-cell-clone:hover { transform: scale(1.12); }
body:is(.dn-page-create) .color-popup-close,
body:is(.dn-page-search_results) .color-popup-close,
body:is(.dn-page-favorites) .color-popup-close { top: 0 !important; right: 0 !important; width: 32px !important; height: 32px !important; background: none !important; color: var(--tsw-ink) !important; border-radius: 0 !important; box-shadow: none !important; font-size: 20px !important; font-weight: 400 !important; }
body:is(.dn-page-create) .color-popup-close:hover,
body:is(.dn-page-search_results) .color-popup-close:hover,
body:is(.dn-page-favorites) .color-popup-close:hover { background: none !important; color: var(--tsw-pink) !important; transform: none !important; }

/* ---- phones: the Filter / Sort row stays pinned under the header while the grid scrolls; the discount ladder
   sits above it in the bar and slides away behind the header (the script sets the bar's sticky offset) ---- */
@media (max-width: 768px) {
  body.dn-page-create .tsw-g-bar { position: sticky; z-index: 30; background: #fff; }
  body.dn-page-create .tsw-g-bar .tsw-g-toolbar { margin: 0 !important; padding: 10px 0 10px; }
  body.dn-page-create .tsw-g-bar .tsw-g-ladder-label { margin-top: 12px; }
  body.dn-page-create .tsw-g-bar .tsw-g-ladder { margin-bottom: 4px; }
  body.dn-page-create .tsw-g-bar.is-stuck { border-bottom: 1px solid var(--tsw-line); }
}

/* ---- range chips: one tap narrows the grid to a range (Supply, Stencil, Relax ...), like AS Colour's own site ---- */
body.dn-page-create .tsw-g-chips { display: flex; gap: 6px; margin: 0 0 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
body.dn-page-create .tsw-g-chips::-webkit-scrollbar { display: none; }
body.dn-page-create .tsw-g-chip { flex: 0 0 auto; height: 32px; padding: 0 12px; border: 1.5px solid var(--tsw-line); border-radius: 4px; background: #fff; font: inherit; font-size: 13px; font-weight: 600; color: var(--tsw-ink); white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; }
body.dn-page-create .tsw-g-chip:hover { border-color: var(--tsw-ink); }
body.dn-page-create .tsw-g-chip.is-on { background: var(--tsw-ink); border-color: var(--tsw-ink); color: #fff; }
@media (max-width: 768px) { body.dn-page-create .tsw-g-bar .tsw-g-chips { margin: 0 0 10px; } }
@media (min-width: 769px) {
  body.dn-page-create .tsw-g-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
  body.dn-page-create .tsw-g-bar .tsw-g-chips { order: 1; flex: 1 1 0; margin: 12px 0 10px; }
  body.dn-page-create .tsw-g-bar .tsw-g-toolbar { order: 2; flex: 0 0 auto; }
}

/* ---- colour sheet: replaces the old draggable "+n" popup. Desktop: a popover under the swatch row; phones: a
   bottom sheet. Swatches are the card's own cells (DN's colour ids), so a tap swaps the card photo as before ---- */
body:is(.dn-page-create) .color-popup-overlay,
body:is(.dn-page-search_results) .color-popup-overlay,
body:is(.dn-page-favorites) .color-popup-overlay { display: none !important; }
:is(.dn-widget-blank_product_listing) .dn-grid-item-container,
:is(.dn-widget-page_content_search_results) .dn-grid-item-container,
:is(.favorites-container) .dn-grid-item-container { position: relative; }
:is(.dn-widget-blank_product_listing) .dn-grid-item.tsw-cs-open,
:is(.dn-widget-page_content_search_results) .dn-grid-item.tsw-cs-open,
:is(.favorites-container) .dn-grid-item.tsw-cs-open { z-index: 40 !important; }
.tsw-cs { position: absolute; left: 0; right: 0; z-index: 41; background: #fff; border: 1px solid var(--tsw-line); border-radius: var(--tsw-r); padding: 12px; text-align: left; }
.tsw-cs-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; font-size: 12px; font-weight: 600; color: var(--tsw-muted); }
.tsw-cs-head b { font-weight: 700; color: var(--tsw-ink); }
.tsw-cs-close { width: 32px; height: 32px; margin: -8px -8px -8px 0; padding: 0; border: 0; background: none; font-size: 22px; line-height: 1; color: var(--tsw-ink); cursor: pointer; }
.tsw-cs-close:hover { color: var(--tsw-pink); }
.tsw-cs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(30px, 1fr)); gap: 8px; }
.tsw-cs-cell { position: relative; display: flex; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; overflow: hidden; background: none; cursor: pointer; transition: transform .12s; -webkit-tap-highlight-color: transparent; }
.tsw-cs-cell::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); pointer-events: none; }
.tsw-cs-cell span { flex: 1 1 0; height: 100%; display: block; }
.tsw-cs-cell:hover { transform: scale(1.12); }
.tsw-cs-cell.is-on { transform: scale(1.12); }
.tsw-cs-cell.is-on::after { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14), 0 0 0 2px #fff, 0 0 0 4px var(--tsw-ink); }
.tsw-cs-overlay { display: none; }
@media (max-width: 768px) {
  .tsw-cs.is-sheet { position: fixed; left: 0; right: 0; bottom: 0; top: auto !important; border: 0; border-radius: 12px 12px 0 0; padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 100001; max-height: 70vh; overflow-y: auto; }
  .tsw-cs-head { font-size: 14px; margin-bottom: 14px; }
  .tsw-cs-grid { grid-template-columns: repeat(auto-fill, minmax(44px, 1fr)); gap: 10px; }
  .tsw-cs-cell { width: 44px; height: 44px; }
  .tsw-cs-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .35); z-index: 100000; }
}

/* ---- category "All products" line, and the colour filter as a swatch + name list (DN's own rows; the old
   circle pills are hidden) ---- */
body:is(.dn-page-create) .tsw-cat-all,
body:is(.dn-page-search_results) .tsw-cat-all,
body:is(.dn-page-favorites) .tsw-cat-all { display: block; padding: 4px 0 8px; font-size: 13px !important; line-height: 1.3 !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--tsw-ink) !important; text-decoration: none; }
body:is(.dn-page-create) .tsw-cat-all:hover,
body:is(.dn-page-search_results) .tsw-cat-all:hover,
body:is(.dn-page-favorites) .tsw-cat-all:hover { text-decoration: underline; text-underline-offset: 3px; }
/* ---- Category as chips (4 Oct 2026): DN's rows as outlined chips like the size boxes, so All products' long list
   (21 rows) fits in a few lines. Ordered here by DN's category ids so nothing jumps when DN redraws: For (Men, Women,
   Kids), then the garments, then Best Sellers and New; a category added later lands after the garments. The grid
   script adds the headings. Left out unless ticked: Brands (the Brands filter does it), Headwear (Hats covers it) and
   Accessories (Hats, Bags, Aprons and Tea Towels cover it) ---- */
body:is(.dn-page-create) #dn_bpf_category_container:not(.collapsed) #dn_bpf_category .dn-filter-values-container,
body:is(.dn-page-search_results) #dn_bpf_category_container:not(.collapsed) #dn_bpf_category .dn-filter-values-container,
body:is(.dn-page-favorites) #dn_bpf_category_container:not(.collapsed) #dn_bpf_category .dn-filter-values-container { display: flex !important; flex-wrap: wrap; gap: 8px; padding: 2px 0 12px !important; }
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value,
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value,
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value { display: block !important; position: relative; order: 25; flex: 0 0 auto; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; } /* DN's theme makes each row full width and 20px high */
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value input[type="checkbox"],
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value input[type="checkbox"],
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value input[type="checkbox"] { position: absolute; left: 0; top: 0; opacity: 0; width: 1px; height: 1px; margin: 0 !important; }
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value > label,
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value > label,
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value > label { display: flex !important; align-items: center; width: auto !important; min-height: 40px; overflow: visible !important; margin: 0 !important; padding: 0 14px !important; border: 1.5px solid var(--tsw-line) !important; border-radius: var(--tsw-r) !important; background: #fff !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--tsw-ink) !important; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value > label:hover,
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value > label:hover,
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value > label:hover { border-color: var(--tsw-ink) !important; }
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(input:checked) > label,
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(input:checked) > label,
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(input:checked) > label { background: var(--tsw-ink) !important; border-color: var(--tsw-ink) !important; color: #fff !important; }
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value input:focus-visible + label,
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value input:focus-visible + label,
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value input:focus-visible + label { outline: 2px solid var(--tsw-ink); outline-offset: 2px; }
body:is(.dn-page-create) #dn_bpf_category .dn-expandable-value,
body:is(.dn-page-search_results) #dn_bpf_category .dn-expandable-value,
body:is(.dn-page-favorites) #dn_bpf_category .dn-expandable-value { display: block !important; } /* DN keeps rows past 10 behind "More"; chips are short enough to show them all */
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-expander,
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-expander,
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-expander { display: none !important; }
body:is(.dn-page-create) #dn_bpf_category .tsw-cat-all,
body:is(.dn-page-search_results) #dn_bpf_category .tsw-cat-all,
body:is(.dn-page-favorites) #dn_bpf_category .tsw-cat-all { flex: 0 0 100%; order: 0; }
body:is(.dn-page-create) #dn_bpf_category .tsw-cat-head,
body:is(.dn-page-search_results) #dn_bpf_category .tsw-cat-head,
body:is(.dn-page-favorites) #dn_bpf_category .tsw-cat-head { flex: 0 0 100%; margin: 6px 0 -2px; font-size: 11px; font-weight: 600; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: var(--tsw-muted); }
body:is(.dn-page-create) #dn_bpf_category .tsw-cat-head:first-child,
body:is(.dn-page-search_results) #dn_bpf_category .tsw-cat-head:first-child,
body:is(.dn-page-favorites) #dn_bpf_category .tsw-cat-head:first-child { margin-top: 0; }
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8342606)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8342651)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8342716)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8342606)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8342651)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8342716)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8342606)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8342651)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8342716)) { order: 11; } /* Men, Women, Kids */
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694461)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694486)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694536)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694551)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694546)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694556)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694561)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694596)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694591)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694541)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694566)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694571)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694576)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694461)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694486)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694536)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694551)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694546)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694556)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694561)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694596)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694591)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694541)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694566)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694571)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694576)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694461)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694486)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694536)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694551)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694546)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694556)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694561)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694596)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694591)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694541)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694566)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694571)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_9694576)) { order: 21; } /* the garments */
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_7927406)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8491496)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_7927406)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8491496)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_7927406)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8491496)) { order: 31; } /* Best Sellers, New / Updated */
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8350891):not(:checked)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8358861):not(:checked)),
body:is(.dn-page-create) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8350861):not(:checked)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8350891):not(:checked)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8358861):not(:checked)),
body:is(.dn-page-search_results) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8350861):not(:checked)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8350891):not(:checked)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8358861):not(:checked)),
body:is(.dn-page-favorites) #dn_bpf_category .dn-filter-list-value:has(> :is(#bpf_v_category_8350861):not(:checked)) { display: none !important; } /* Brands, Headwear, Accessories */
body:is(.dn-page-create) #dn_bpf_color .color-pills-container,
body:is(.dn-page-search_results) #dn_bpf_color .color-pills-container,
body:is(.dn-page-favorites) #dn_bpf_color .color-pills-container { display: none !important; }
body:is(.dn-page-create) #dn_bpf_color .dn-filter-values-container,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-values-container,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-values-container { position: static !important; opacity: 1 !important; pointer-events: auto !important; height: auto !important; overflow: visible !important; padding-bottom: 6px !important; }
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value { display: flex !important; align-items: center; gap: 10px; padding: 5px 0 !important; position: relative; cursor: pointer; }
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value.dn-depth-2,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value.dn-depth-2,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value.dn-depth-2 { padding-left: 30px !important; }
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value.dn-depth-3,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value.dn-depth-3,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value.dn-depth-3 { padding-left: 60px !important; }
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-expander,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-expander,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-expander { display: none !important; }
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value input[type="checkbox"],
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value input[type="checkbox"],
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value input[type="checkbox"] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value > label,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value > label,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value > label { display: flex !important; align-items: center; gap: 10px; margin: 0 !important; padding: 0 !important; overflow: visible !important; cursor: pointer; }
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-color,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-color,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-color { display: flex !important; align-items: center; gap: 10px; }
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-color-swatch { width: 20px !important; height: 20px !important; flex: 0 0 auto; border-radius: 50% !important; border: 0 !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14) !important; margin: 0 !important; }
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-color label,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-color label,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-color label { font-size: 14px !important; font-weight: 500 !important; color: var(--tsw-body) !important; text-transform: none !important; margin: 0 !important; cursor: pointer; }
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value:has(input:checked) .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value:has(input:checked) .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value:has(input:checked) .dn-filter-list-color-swatch { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14), 0 0 0 2px #fff, 0 0 0 4px var(--tsw-ink) !important; }
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value:has(input:checked) .dn-filter-list-color label,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value:has(input:checked) .dn-filter-list-color label,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value:has(input:checked) .dn-filter-list-color label { font-weight: 700 !important; color: var(--tsw-ink) !important; }
/* DN paints its colour groups as screen primaries (#FF0000, #00FFFF, #0000FF...); print-like tints read better beside
   the garments. Same swatch in the sidebar row and in DN's active-filter chip. Whites/Blacks/Greys, Beige and Brown
   are left as DN has them */
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-17) .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-17) .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-17) .dn-filter-list-color-swatch,
body:is(.dn-page-create) .dn-active-filter[onclick*="'color'"][onclick*=" -17"] .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) .dn-active-filter[onclick*="'color'"][onclick*=" -17"] .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) .dn-active-filter[onclick*="'color'"][onclick*=" -17"] .dn-filter-list-color-swatch { background-color: #d7282f !important; } /* Red */
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-22) .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-22) .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-22) .dn-filter-list-color-swatch,
body:is(.dn-page-create) .dn-active-filter[onclick*="'color'"][onclick*=" -22"] .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) .dn-active-filter[onclick*="'color'"][onclick*=" -22"] .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) .dn-active-filter[onclick*="'color'"][onclick*=" -22"] .dn-filter-list-color-swatch { background-color: #f07f2a !important; } /* Orange */
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-27) .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-27) .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-27) .dn-filter-list-color-swatch,
body:is(.dn-page-create) .dn-active-filter[onclick*="'color'"][onclick*=" -27"] .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) .dn-active-filter[onclick*="'color'"][onclick*=" -27"] .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) .dn-active-filter[onclick*="'color'"][onclick*=" -27"] .dn-filter-list-color-swatch { background-color: #f2c614 !important; } /* Yellow */
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-37) .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-37) .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-37) .dn-filter-list-color-swatch,
body:is(.dn-page-create) .dn-active-filter[onclick*="'color'"][onclick*=" -37"] .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) .dn-active-filter[onclick*="'color'"][onclick*=" -37"] .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) .dn-active-filter[onclick*="'color'"][onclick*=" -37"] .dn-filter-list-color-swatch { background-color: #2e9e4f !important; } /* Green */
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-42) .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-42) .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-42) .dn-filter-list-color-swatch,
body:is(.dn-page-create) .dn-active-filter[onclick*="'color'"][onclick*=" -42"] .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) .dn-active-filter[onclick*="'color'"][onclick*=" -42"] .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) .dn-active-filter[onclick*="'color'"][onclick*=" -42"] .dn-filter-list-color-swatch { background-color: #009ca6 !important; } /* Blue-Green */
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-47) .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-47) .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-47) .dn-filter-list-color-swatch,
body:is(.dn-page-create) .dn-active-filter[onclick*="'color'"][onclick*=" -47"] .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) .dn-active-filter[onclick*="'color'"][onclick*=" -47"] .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) .dn-active-filter[onclick*="'color'"][onclick*=" -47"] .dn-filter-list-color-swatch { background-color: #1f5fbf !important; } /* Blue */
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-7) .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-7) .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-7) .dn-filter-list-color-swatch,
body:is(.dn-page-create) .dn-active-filter[onclick*="'color'"][onclick*=" -7"] .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) .dn-active-filter[onclick*="'color'"][onclick*=" -7"] .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) .dn-active-filter[onclick*="'color'"][onclick*=" -7"] .dn-filter-list-color-swatch { background-color: #6b3fa0 !important; } /* Purple */
body:is(.dn-page-create) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-12) .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-12) .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) #dn_bpf_color .dn-filter-list-value:has(> #bpf_v_color_-12) .dn-filter-list-color-swatch,
body:is(.dn-page-create) .dn-active-filter[onclick*="'color'"][onclick*=" -12"] .dn-filter-list-color-swatch,
body:is(.dn-page-search_results) .dn-active-filter[onclick*="'color'"][onclick*=" -12"] .dn-filter-list-color-swatch,
body:is(.dn-page-favorites) .dn-active-filter[onclick*="'color'"][onclick*=" -12"] .dn-filter-list-color-swatch { background-color: #f5a3b5 !important; } /* Pink */

/* ---- sidebar column: DN's page section fixes the filter column at 433px (its own width setting, id-specific
   selectors). 320px still holds the four-tier discount ladder, the search box and the price inputs, and hands the
   grid the difference (cards 229px -> 257px at 1440). Below 768px DN stacks the column full width; untouched ---- */
@media only screen and (min-width: 768px) {
  body.dn-page-create .dn-page-section-with-fixed-column.dn-fixed-column-left > div > .dn-page-section-content > .dn-padding-container > .dn-page-column-fixed { width: 320px !important; }
  body.dn-page-create .dn-page-section-with-fixed-column.dn-fixed-column-left > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container { margin-left: -320px !important; padding-left: 320px !important; }
}
/* with the 320px column beside it the grid is only 448-671px wide on tablets: two columns there (224-335px cards)
   instead of three (149-223px, where the swatch row's "+n" spills). Search and favourites have no column; unchanged */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  body.dn-page-create .dn-widget-blank_product_listing ul.dn-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---- search results page: the search box matches the sidebar one; the "Show" panel applies itself on a tick
   (script), so its Filter button goes. Both pagers, DN's category paginator (SEC52 gives it 44px pink pills) and
   the search page's, share one pill: 40px, hairline, ink for the current page ---- */
body.dn-page-search_results .dn-widget-search input[type="text"] { height: 46px !important; padding: 0 12px 0 40px !important; border: 1.5px solid var(--tsw-ink) !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 13px 50% / 18px 18px !important; }
body.dn-page-search_results .dn-widget-search input[type="text"]:focus { box-shadow: 0 0 0 3px rgba(17, 17, 17, .15) !important; }
body.dn-page-search_results .dn-widget-search .dn-btn { height: 46px !important; }
body.dn-page-search_results .dn-search-categories-panel .dn-btn { display: none !important; }
body:is(.dn-page-create) :is(.dn-paginator),
body:is(.dn-page-create) :is(.pagination),
body:is(.dn-page-search_results) :is(.dn-paginator),
body:is(.dn-page-search_results) :is(.pagination) { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin: 24px 0 8px !important; padding: 0 !important; list-style: none; }
body:is(.dn-page-create) .dn-paginator li,
body:is(.dn-page-search_results) .dn-paginator li { margin: 0 !important; padding: 0 !important; }
body:is(.dn-page-create) :is(.dn-paginator li a),
body:is(.dn-page-create) :is(.dn-paginator li.dn-alt),
body:is(.dn-page-create) :is(.pagination a),
body:is(.dn-page-create) :is(.pagination span),
body:is(.dn-page-search_results) :is(.dn-paginator li a),
body:is(.dn-page-search_results) :is(.dn-paginator li.dn-alt),
body:is(.dn-page-search_results) :is(.pagination a),
body:is(.dn-page-search_results) :is(.pagination span) { display: inline-flex !important; align-items: center; justify-content: center; min-width: 40px; height: 40px !important; padding: 0 12px !important; box-sizing: border-box; border: 1px solid var(--tsw-line) !important; border-radius: var(--tsw-r) !important; background: #fff !important; color: var(--tsw-ink) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; text-transform: none !important; letter-spacing: 0 !important; text-decoration: none !important; box-shadow: none !important; transform: none !important; }
body:is(.dn-page-create) :is(.dn-paginator li a:hover),
body:is(.dn-page-create) :is(.pagination a:hover),
body:is(.dn-page-search_results) :is(.dn-paginator li a:hover),
body:is(.dn-page-search_results) :is(.pagination a:hover) { border-color: var(--tsw-ink) !important; }
body:is(.dn-page-create) :is(.dn-paginator li.dn-alt),
body:is(.dn-page-create) :is(.pagination .current),
body:is(.dn-page-search_results) :is(.dn-paginator li.dn-alt),
body:is(.dn-page-search_results) :is(.pagination .current) { background: var(--tsw-ink) !important; border-color: var(--tsw-ink) !important; color: #fff !important; }
body:is(.dn-page-create) .pagination .disabled,
body:is(.dn-page-search_results) .pagination .disabled { color: var(--tsw-muted) !important; }
body.dn-page-create .dn-paginator .dn-paginator-nav a::before, body.dn-page-create .dn-paginator .dn-paginator-nav a::after { display: none !important; content: none !important; }
body.dn-page-create .dn-paginator .dn-paginator-nav a span { display: inline !important; font-size: inherit !important; }

/* ---- hover photo (script): the card's other photo, fitted like the first, fades in on a pointer device ---- */
:is(.dn-widget-blank_product_listing) .tsw-alt,
:is(.dn-widget-page_content_search_results) .tsw-alt,
:is(.favorites-container) .tsw-alt { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover; --tsw-s: 1; --tsw-ty: 0%; transform: translateY(var(--tsw-ty)) scale(var(--tsw-s)); opacity: 0; transition: opacity .25s ease; pointer-events: none; }
:is(.dn-widget-blank_product_listing) .dn-grid-item:hover .tsw-alt.is-ready,
:is(.dn-widget-page_content_search_results) .dn-grid-item:hover .tsw-alt.is-ready,
:is(.favorites-container) .dn-grid-item:hover .tsw-alt.is-ready { opacity: 1; transform: translateY(var(--tsw-ty)) scale(calc(var(--tsw-s) * 1.04)); }

/* ---- the frame clips: an older badge rule forces overflow visible on the frame and its content box (and the
   lead-time badge script adds an "active" state doing the same), so anything in the frame outside DN's thumbnail
   wrapper, the hover layer included, spilled out of the card at 1.3x. Specificity beats both ---- */
:is(.dn-widget-blank_product_listing) .dn-grid-container .dn-grid-item .dn-grid-image,
:is(.dn-widget-page_content_search_results) .dn-grid-container .dn-grid-item .dn-grid-image,
:is(.favorites-container) .dn-grid-container .dn-grid-item .dn-grid-image,
:is(.dn-widget-blank_product_listing) .dn-grid-container .dn-grid-item .dn-grid-image .dn-grid-image-content,
:is(.dn-widget-page_content_search_results) .dn-grid-container .dn-grid-item .dn-grid-image .dn-grid-image-content,
:is(.favorites-container) .dn-grid-container .dn-grid-item .dn-grid-image .dn-grid-image-content { overflow: hidden !important; }
/* the pointer on the swatch row shows the first photo again, so DN's own swatch behaviour is not covered */
:is(.dn-widget-blank_product_listing) .dn-grid-item:has(.dn-product-colors:hover) .tsw-alt,
:is(.dn-widget-page_content_search_results) .dn-grid-item:has(.dn-product-colors:hover) .tsw-alt,
:is(.favorites-container) .dn-grid-item:has(.dn-product-colors:hover) .tsw-alt { opacity: 0; }
/* the same while the card's colour list is open, and for good once a colour is picked (script marks the card) */
:is(.dn-widget-blank_product_listing) .dn-grid-item.tsw-cs-open .tsw-alt,
:is(.dn-widget-page_content_search_results) .dn-grid-item.tsw-cs-open .tsw-alt,
:is(.favorites-container) .dn-grid-item.tsw-cs-open .tsw-alt { opacity: 0 !important; }

/* ---- favourites: the bulk-discount ladder under the heading (script), a four-tile row on every width ---- */
body.dn-page-favorites .favorites-page .tsw-g-ladder-label { display: block; margin: -6px 0 6px; }
body.dn-page-favorites .favorites-page .tsw-g-ladder { display: grid; max-width: 560px; margin: 0 0 20px; }
body.dn-page-favorites .favorites-page .tsw-g-ladder > div { padding: 9px 4px; font-size: 12px; }
body.dn-page-favorites .favorites-page .tsw-g-ladder b { font-size: 15px; }

/* ---- product page "Complete the range": the same card as the grid (SEC12 laid this strip out with its own
   square-ish contain-fit photos; these rules sit later at the same specificity). Frame 700:910, photo fitted by
   the script, lead-time line, five across on desktop so five products make one row ---- */
.blank_product_page .dn-product-related-products-container .dn-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px 16px !important; }
@media (min-width: 700px) { .blank_product_page .dn-product-related-products-container .dn-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (min-width: 900px) { .blank_product_page .dn-product-related-products-container .dn-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (min-width: 1200px) { .blank_product_page .dn-product-related-products-container .dn-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } }
.blank_product_page .dn-product-related-products-container .dn-grid-item { width: auto !important; padding: 0 !important; margin: 0 !important; }
.blank_product_page .dn-product-related-products-container .dn-grid-image { position: relative !important; height: auto !important; padding: 130% 0 0 !important; background: var(--tsw-surface); border-radius: 0; overflow: hidden !important; }
.blank_product_page .dn-product-related-products-container .dn-grid-image-content { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; overflow: hidden !important; }
.blank_product_page .dn-product-related-products-container .dn-image-transform, .blank_product_page .dn-product-related-products-container .dn-product-thumbnail-container { position: relative !important; width: 100% !important; height: 100% !important; overflow: hidden !important; }
.blank_product_page .dn-product-related-products-container .dn-product-thumbnail-container a { display: block; width: 100%; height: 100%; }
.blank_product_page .dn-product-related-products-container .dn-product-thumbnail-container img { display: block; width: 100% !important; height: 100% !important; max-height: none !important; aspect-ratio: auto !important; object-fit: cover !important; background: none !important; --tsw-s: 1; --tsw-ty: 0%; transform: translateY(var(--tsw-ty)) scale(var(--tsw-s)) !important; transition: transform .35s ease; }
.blank_product_page .dn-product-related-products-container .dn-grid-item:hover img { transform: translateY(var(--tsw-ty)) scale(calc(var(--tsw-s) * 1.04)) !important; }
.blank_product_page .dn-product-related-products-container .dn-grid-text { position: static !important; margin: 10px 0 0 !important; padding: 0 !important; text-align: left !important; }
.blank_product_page .dn-product-related-products-container .dn-product-related_product-name { font-size: 13px !important; font-weight: 600 !important; line-height: 1.25 !important; color: var(--tsw-ink) !important; text-transform: none !important; }
/* the lead-time line does no work on this strip (the product page states it); the card keeps just its name */
.blank_product_page .dn-product-related-products-container .tsw-g-info { display: none !important; }

/* ---- favourites cards: the old favourites-manager section boxed the card and indented the price row ---- */
body.dn-page-favorites .favorite-item .dn-grid-item-container { border: 0 !important; box-shadow: none !important; background: none !important; padding: 0 !important; border-radius: 0 !important; transform: none !important; }
body.dn-page-favorites .favorite-item .dn-grid-text.dn-product-prices, body.dn-page-favorites .favorite-item .dn-decoration-process-DTG { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; }

/* ============================================================================
   SEC89  PRODUCT GRID — Grid — reduced hover scaling for selected brands (superseded)
   ============================================================================ */
/* Superseded by SEC88 (category grid v2). Intentionally empty. */


/* ============================================================================
   SEC90  PRODUCT GRID — Grid — anti-jump + product zoom 1.35x (superseded)
   ============================================================================ */
/* Superseded by SEC88 (category grid v2). Intentionally empty. */


/* ============================================================================
   SEC91  PRODUCT GRID — Grid & product pages — consolidated text/price styles (hide "Print me"/"From", spacing, price, "Includes printing", hover)
   ============================================================================ */

/* ---- HIDE "PRINT ME" AND "FROM" TEXT ---- */

/* Hide "PRINT ME" link everywhere */
.dn-product-prices .dn-decoration-process-DTG a,
.dn-product-decoration-price a {
  display: none !important;
}

/* Hide "from" text but keep price visible */
.dn-grid-text.dn-product-prices .dn-decoration-process-DTG,
.dn-product-decoration-price {
  font-size: 0;
  text-align: center;
  padding: 0; /* Removed padding to reduce space */
}

/* ---- COMPACT SPACING FIXES ---- */

/* Remove extra spacing above prices */
.dn-grid-text.dn-product-prices {
  margin-top: 0 !important;
  padding-top: 0 !important;
  cursor: pointer;
}

/* Tighten space between product name and price */
.dn-grid-item .dn-product-name.dn-below {
  margin-bottom: -5px !important;
  padding-bottom: 0 !important;
  line-height: 1.2 !important;
}

/* Compact the product name text */
.dn-grid-item .dn-product-name.dn-below h4 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

/* Tighten space between price and colors */
.dn-grid-item .dn-product-colors {
  margin-top: 3px !important;
  padding-top: 0 !important;
}

/* ---- PRICE STYLING ---- */

/* Style regular price (no discount) */
.dn-grid-text.dn-product-prices span[id^="pwc_s_"],
.dn-product-decoration-price .pp_price {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #000 !important;
  display: inline-block !important;
  padding-top: 11px !important;
}

/* Strikethrough original price (with discount) */
.dn-grid-text.dn-product-prices .dn-rrp,
.dn-product-decoration-price .dn-rrp {
  display: inline-block !important;
  text-decoration: line-through !important;
  color: #999 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  margin-right: 8px !important;
  vertical-align: middle;
  padding-top: 3px !important;
}

/* Discounted price container */
.dn-grid-text.dn-product-prices .dn-price-container,
.dn-product-decoration-price .dn-price-container {
  display: inline-block !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #000 !important;
  vertical-align: middle;
}

/* Discount percentage badge */
.dn-grid-text.dn-product-prices .discount-badge {
  display: inline-block !important;
  background: #9700ff !important;
  color: white !important;
  padding: 3px 6px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  margin-left: 6px !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
}

/* RRP price with strikethrough */
.dn-rrp {
  position: relative;
  color: var(--primary-pink);
  margin-right: 5px;
  text-decoration: none;
}

.dn-rrp::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 0px solid var(--primary-pink);
  transform: rotate(-0deg);
  padding-top: 2px;
}

/* ---- "INCLUDES PRINTING" TEXT ---- */

/* Add "INCLUDES PRINTING" below price */
.dn-grid-text.dn-product-prices::after,
.dn-product-decoration-price::after {
  content: "INCLUDES PRINTING";
  display: block;
  font-size: 10px !important;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 2px;
  text-align: center;
  font-weight: normal;
}

/* ---- REMOVE DEBUG STYLING ---- */

/* Remove any colored backgrounds or borders */
.dn-grid-text.dn-product-prices .dn-decoration-process-DTG {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

/* ---- RESPONSIVE DESIGN ---- */

@media (max-width: 768px) {
  /* Smaller prices on mobile */
  .dn-grid-text.dn-product-prices span[id^="pwc_s_"],
  .dn-grid-text.dn-product-prices .dn-price-container,
  .dn-product-decoration-price .pp_price,
  .dn-product-decoration-price .dn-price-container {
    font-size: 20px !important;
  }

  /* Smaller strikethrough on mobile */
  .dn-grid-text.dn-product-prices .dn-rrp,
  .dn-product-decoration-price .dn-rrp {
    font-size: 14px !important;
  }

  /* Smaller badge on mobile */
  .discount-badge {
    font-size: 10px !important;
    padding: 2px 4px !important;
  }
}

/* ---- HOVER EFFECTS ---- */

.dn-grid-item-container {
  transition: transform 0.2s ease;
}

.dn-grid-item-container:hover {
  transform: translateY(-2px);
}

.dn-grid-item-container:hover .dn-price-container,
.dn-grid-item-container:hover span[id^="pwc_s_"] {
  color: #333 !important;
  transition: color 0.2s ease;
}


/* ============================================================================
   SEC92  PRODUCT GRID — Grid — size badges (superseded)
   ============================================================================ */
/* Superseded by SEC88 (category grid v2). Intentionally empty. */


/* ============================================================================
   SEC93  PRODUCT GRID — Grid — compact colour selector (superseded)
   ============================================================================ */
/* Superseded by SEC88 (category grid v2). Intentionally empty. */


/* ============================================================================
   SEC94  PRODUCT GRID — Grid — dynamic product badges (superseded)
   ============================================================================ */
/* Superseded by SEC88 (category grid v2). Intentionally empty. */


/* ============================================================================
   SEC95  GLOBAL — Global fixes & optimisations (reCAPTCHA badge, input font-size, keyframes)
   ============================================================================ */

/* Hide reCAPTCHA badge */
.grecaptcha-badge {
  visibility: hidden;
}

/* Prevent iOS zoom on form inputs */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
select,
textarea {
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Performance optimized animations */
@keyframes pulse-optimized {
  0%,
  100% {
    opacity: 0.7;
    transform: scale(1);
    filter: brightness(0.6);
  }
  50% {
    opacity: 1;
    transform: scale(1.3);
    filter: brightness(1);
  }
}

@keyframes slideUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideInFromBottom {
  from {
    bottom: -200px;
    opacity: 0;
  }
  to {
    bottom: 15px;
    opacity: 1;
  }
}

@keyframes slideOutToBottom {
  from {
    bottom: 15px;
    opacity: 1;
  }
  to {
    bottom: -200px;
    opacity: 0;
  }
}

@keyframes gentle-float {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-3px);
  }
}


/* ============================================================================
   SEC96  HEADER — DN large header & navigation tweaks
   ============================================================================ */

/* Logo header */
header.dn-lh-2rlcan .dn-large-header .dn-logo-container {
  width: 350px;
  display: inline-block;
  line-height: initial;
  position: relative;
  text-align: center;
  padding: 0;
  z-index: 0;
  overflow: hidden;
}

header .dn-large-header .dn-logo-container h1,
header .dn-large-header .dn-logo-container div.dn-site-heading {
  padding: 0;
  margin-bottom: 0;
}

header .dn-large-header-container .dn-large-header .dn-logo-and-nav-container {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-right: -320px;
  padding-right: 320px;
  white-space: nowrap;
  box-shadow: none;
}

body.dn-inline-header
  header.dn-lh-2rlcan
  .dn-large-header
  .dn-search-nav-container
  nav.dn-other-nav {
  color: var(--text-white);
  padding-left: var(--spacing-xl);
}

header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container {
  display: inline-block;
  width: 50%;
  margin-left: -200px;
  padding-left: 190px;
  z-index: 1;
  vertical-align: top;
}

nav.dn-other-nav {
  text-align: right;
  line-height: 0;
  padding-left: 0;
}

/* Search and cart icons */
body.dn-inline-header .dn-large-header-container .dn-search-icon {
  font-size: 30px !important;
  line-height: 0em;
  padding-left: var(--spacing-xl);
}

.dn-shopping-cart-icon-push-right-container::before,
.dn-shopping-cart-icon-dropdown-container::before,
.dn-shopping-cart-icon-link-container::before,
.dn-shopping-cart-icon-over-right-container::before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "l";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  font-size: 30px;
  padding-right: var(--spacing-xl);
}

.dn-shopping-cart-icon-over-right-container::before {
  font-size: 25px;
  margin-left: 0;
}

/* Small header mobile */
header .dn-small-header .dn-nav-phone,
header .dn-small-header-always .dn-nav-phone {
  right: 76px;
}

header .dn-small-header .dn-nav-search,
header .dn-small-header .dn-nav-phone,
header .dn-small-header-always .dn-nav-search,
header .dn-small-header-always .dn-nav-phone {
  padding-top: 10px;
  padding-right: 15px;
}

header .dn-small-header .dn-menu-icon::before,
header .dn-small-header-always .dn-menu-icon::before {
  padding-top: 0px;
  font-size: 45px;
}

/* Navigation */
nav .dn-nav-item .dn-currency-selector,
nav .dn-nav-item a span,
nav .dn-nav-item a,
nav .dn-nav-item,
body.dn-inline-header nav.dn-nav-main span,
body.dn-inline-header nav.dn-nav-main a span,
body.dn-inline-header nav.dn-nav-main a,
body.dn-inline-header nav.dn-nav-main {
  padding-left: 5px;
  max-width: 100%;
}

.dn-nav-dropdown-container > nav.dn-nav-dropdown {
  color: var(--text-white);
  font-size: 10px;
  text-align: left;
}

.dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item a,
.dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item .dn-currency-selector {
  line-height: 1em;
}


/* ============================================================================
   SEC97  BREADCRUMBS — Breadcrumbs — sharp chevrons & subtle hover
   ============================================================================ */

/* Superseded by SEC88 (one breadcrumb trail on every page). Intentionally empty. */

/* ============================================================================
   SEC98  SEARCH — Search page-top popup & results
   ============================================================================ */
.dn-inline-popup.dn-search-page-top {
  position: fixed;
  width: 70%;
  height: 60px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.89);
  padding: 10px;
  overflow: hidden;
  box-shadow: 0 0 0 1.5px #e6e6e6;
  z-index: var(--z-dashboard);
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}

.dn-inline-popup.dn-search-page-top .dn-close::before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "m";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  color: var(--text-white);
  padding-right: 10px;
  font-size: 24px;
  cursor: pointer;
}

.dn-inline-popup.dn-search-page-top .dn-search-field-container .dn-search-field {
  width: calc(100% - 10px);
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: var(--text-white);
  border: 5px solid var(--text-black);
  border-radius: 0;
  outline: none;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dn-inline-popup.dn-search-page-top .dn-search-field-container .dn-search-field:focus {
  border-color: var(--text-black);
}

/* Search results */
div.dn-search-results-container div.dn-search-categories-panel {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 0 0 0 10px;
}

div.dn-search-results-container[data-breakpoint-600="true"] div.dn-search-categories-panel {
  width: 100%;
}

div.dn-search-results-container[data-breakpoint-600="true"]
  div.dn-search-results-panel:not(.dn-search-results-no-filter) {
  width: 100%;
}


/* ============================================================================
   SEC99  PRODUCT PAGE — Product pages — heading, decoration price, views, details panel, brand/name
   ============================================================================ */

/* Product title */
div.dn-product-heading-container-above-content h1.dn-styled.dn-sized {
  font-size: 25px;
  line-height: 1em;
  color: var(--text-black);
  font-family: var(--font-body);
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  font-stretch: normal;
  text-decoration: none;
  text-transform: initial;
  letter-spacing: 0em;
  word-spacing: normal;
}

/* Product price */
div.dn-product-decoration-price {
  color: grey;
  font-size: 25px;
  font-weight: 400;
  font-style: normal;
  line-height: 0.8em;
  margin: 15px 0;
  font-family: var(--font-body);
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

div.dn-product-decoration-price a {
  color: var(--text-black);
  font-weight: 600;
  font-size: 25px;
  transition: color 0s;
  text-decoration: none;
  text-transform: none;
  font-style: normal;
  line-height: 0.8em;
}

div.dn-product-decoration-price a:hover {
  color: var(--primary-pink);
  text-decoration: none;
  font-size: 25px;
  font-weight: 600;
  text-transform: none;
  font-style: normal;
  line-height: 0.8em;
}

/* Product images */
div.dn-product-display
  div.dn-product-main-image-panel
  div.dn-product-main-image-container
  div.dn-product-view-container
  img.dn-product-main-image {
  border: 0px solid rgba(204, 204, 204, 0.89);
}

/* Product thumbnails */
div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container {
  width: fit-content;
}

.dn-product-views-container .dn-grid,
.dn-product-extra-images .dn-grid {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--spacing-xs);
  padding: 0 0 var(--spacing-sm) 0;
  margin: 0;
  width: 100%;
  min-width: 0;
}

.dn-product-views-container .dn-grid-item,
.dn-product-extra-images .dn-grid-item {
  flex: 1 1 0;
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dn-product-views-container .dn-grid-item img,
.dn-product-extra-images .dn-grid-item img {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.dn-product-views-container .dn-grid-item label,
.dn-product-extra-images .dn-grid-item label {
  font-size: 0.8em;
  margin-top: 0.25rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

/* Color selection */
div.dn-product-display div.dn-product-details-panel .dn-product-color-selected-label {
  margin-top: 0;
  padding-left: 0;
  font-size: 1.2em;
  letter-spacing: normal;
  word-spacing: normal;
}

/* Quote requests */
div.dn-product-display div.dn-product-details-panel .dn-product-other-product-opts li a {
  color: var(--text-black);
  font-weight: 600;
  font-size: 25px;
  transition: color 0s;
  text-decoration: none;
  line-height: 0.8em;
}

div.dn-product-display div.dn-product-details-panel .dn-product-other-product-opts li a:hover {
  color: var(--primary-pink);
  text-decoration: none;
  line-height: 0.8em;
}

/* Product listings price bubbles */
.dn-widget-content-container > .dn-widget-content > .dn-listing-container .dn-product-prices a {
  display: inline-block;
  background-color: #f8f9fa !important;
  color: #666 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  border: 1px solid #dee2e6 !important;
  font-size: 11px !important;
  font-weight: normal !important;
  transition: background-color var(--transition-fast);
  text-decoration: none;
}

.dn-widget-content-container
  > .dn-widget-content
  > .dn-listing-container
  .dn-product-prices
  a:hover {
  background-color: #e9ecef !important;
  color: #333 !important;
}

/* Product listing names and brands */
.dn-styled.dn-sized.dn-below {
  margin: 0;
  padding: 0;
}

.dn-styled.dn-sized.dn-below a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  gap: var(--spacing-sm);
  align-items: center;
  text-align: center;
  width: 100%;
}

.dn-brand {
  font-weight: 600;
  color: #333;
  text-align: center;
  min-height: 1.2em;
  line-height: 1.2;
  width: 100%;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Add these properties to your existing .dn-name styles */

.dn-name {
  font-size: 16px !important;

  /* Responsive width instead of fixed */
  width: 100% !important;
  max-width: 200px !important;
  min-width: 120px !important;
  height: 40px !important;

  /* Text handling */
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  /* Layout */
  display: block !important;
  text-align: center !important;
  line-height: 40px !important;

  /* Your styles - ensure border-radius is preserved */
  background-color: var(--primary-pink) !important;
  color: var(--text-white) !important;
  padding: 0 18px !important;
  border-radius: 6px !important;
  border: none !important;
  font-weight: 600 !important;
  transition:
    background-color 0.3s ease,
    transform 0.3s ease !important;
  cursor: pointer !important;
  position: relative !important;
  box-sizing: border-box !important;
}

/* Mobile specific adjustments */
@media (max-width: 768px) {
  .dn-name {
    max-width: 180px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    border-radius: 6px !important; /* Ensure rounded corners on mobile */
  }
}

@media (max-width: 480px) {
  .dn-name {
    max-width: 160px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    border-radius: 6px !important; /* Force rounded corners */
  }
}

.dn-name:hover {
  background-color: #a8005e !important;
  transform: translateY(-1px) !important;
}

.dn-name.has-overflow:hover {
  animation: marquee 4s linear infinite !important;
  text-align: left !important;
}

@keyframes marquee {
  0% {
    text-indent: 0;
  }
  50% {
    text-indent: -60px;
  } /* Reduced scroll distance for mobile */
  100% {
    text-indent: 0;
  }
}


/* ============================================================================
   SEC100  GLOBAL — Form elements & UI components (size selector, qty discounts table, size chart)
   ============================================================================ */

/* Size selector */
.dn-select-multiple-sizes-container .dn-selected-size-container .dn-size-remove::before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "2";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  font-size: 25px;
  vertical-align: bottom;
  padding-left: 3px;
  cursor: pointer;
  color: var(--primary-pink);
}

.dn-select-multiple-sizes-container .dn-size-add::before {
  font-family: "decofonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "0";
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  font-size: 25px;
  vertical-align: bottom;
  padding-right: 3px;
  color: var(--primary-pink);
}

.dn-select-multiple-sizes-container .dn-selected-size-container .dn-sizes-container {
  display: inline-block;
  vertical-align: middle;
  width: 90%;
  margin-right: -70px;
  padding-right: 70px;
}

.dn-select-multiple-sizes-container .dn-selected-size-container .dn-sizes-container select {
  padding-left: 30px;
}

.dn-size-selector select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 1.5em top 50%;
  background-size: 1em auto;
}

/* Tables */
div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table td,
div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table th {
  border-top: 1px solid rgba(204, 204, 204, 0.89);
  border-left: 1px solid rgba(204, 204, 204, 0.89);
  text-align: center;
  padding: 5px;
  font-size: 1.1em;
}

.dn-product-size-chart-container .dn-size-chart-table-container table td,
.dn-product-size-chart-container .dn-size-chart-table-container table th {
  border-top: 1px solid rgba(204, 204, 204, 0.89);
  border-left: 1px solid rgba(179, 179, 179, 0.89);
  text-align: center;
  padding: 5px;
  font-size: 1.1em;
}


/* ============================================================================
   SEC101  PRODUCT GRID — Force badges to top (superseded)
   ============================================================================ */
/* Superseded by SEC88 (category grid v2). Intentionally empty. */


/* ============================================================================
   SEC102  DESIGNER — Mobile product panel — UX restyle v4
   ============================================================================ */
/* Retired: designer v3 (SEC109) starts the designer from DN's default. */


/* ============================================================================
   SEC103  MISC — Late fixes — cart popup border, product image padding, hide large header on desktop
   ============================================================================ */
#dn_cart_over_right_popup {
  border: 2px solid #d10074 !important;
  border-radius: 12px !important;
  outline: none !important;
  box-shadow: 0 0 0 1.5px #e6e6e6 !important;
  overflow: hidden !important;
}

#dn_cart_over_right_popup .dn-shopping-cart-container {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* IMPORTANT - HEADER DELAY FIX */
/* Hide DN's default large header on desktop - replaced by custom slim header */
@media (min-width: 769px) {
  .dn-large-header-container,
  .dn-large-header {
    display: none !important;
  }
}


/* ============================================================================
   SEC104  LOGIN — Login page (/user/login)
   ============================================================================ */

/* 
   v1.1 — patch merged. Layout confirmed on preview.
   
   WHERE: append to the bottom of DN custom CSS.
   SCOPE: body.dn-page-login only — cannot affect the register page,
   contact form, or any other dn-form on the site.
   
   DOM order (DN's, unchangeable):
   email link > OR > username > password > login > remember
   Visual order (this file, via flexbox order):
   username > password > login > remember > OR > email link
   
   KNOWN LIMITATION — flexbox `order` moves pixels, not the DOM, so keyboard
   tab order still reaches the email link first. No CSS fix exists. If JS
   runs on /user/login, this does it properly and you can delete section 2:
   
   const ul = document.querySelector('body.dn-page-login ul.dn-form.dn-label-over-field');
   if (ul) [...ul.children]
   .filter(li => li.classList.contains('dn-form-field-inline') || li.querySelector('h4'))
   .reverse().forEach(li => ul.appendChild(li));
   
   ALSO — DN renders the Login button as a <div> with an onclick, not a real
   <button>, so it isn't keyboard-focusable. The form's hidden
   input[type=submit] means Enter-to-submit should still work. Not fixable
   in CSS.
 */

body.dn-page-login {
  --tsw-pink: #d10074;
  --tsw-pink-dark: #a8005e;
  --tsw-ink: #141414;
  --tsw-muted: #6b6b6b;
  --tsw-line: #dcdcdc;
  --tsw-radius: 4px;
}

/* ---- 1. CONTAINER ----
   The form spans ~980px by default. 400px is what makes it read as a form
   rather than a stack of banners.
*/

body.dn-page-login form[id^="login_form_"] {
  max-width: 400px;
  margin: 0 auto;
  padding: 0 20px;
}

body.dn-page-login ul.dn-form.dn-label-over-field {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.dn-page-login ul.dn-form.dn-label-over-field > li {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* ---- 2. REORDER ----
   The OR and Remember me <li>s carry no class, so they're matched on their
   contents. nth-child equivalents if :has() ever needs replacing:
   OR = :nth-child(2), Remember me = :nth-child(6)
*/

body.dn-page-login ul.dn-form > li:has(.dn-field-login) {
  order: 10;
}
body.dn-page-login ul.dn-form > li:has(.dn-field-password) {
  order: 20;
}
body.dn-page-login ul.dn-form > li.dn-form-footer-actions {
  order: 30;
}
body.dn-page-login ul.dn-form > li:has(.dn-field-remember) {
  order: 40;
}
body.dn-page-login ul.dn-form > li:has(> h4) {
  order: 50;
}
body.dn-page-login ul.dn-form > li.dn-form-field-inline {
  order: 60;
}

/* ---- 3. LABELS + INPUTS ----
   `> label` is deliberate — the Remember me label sits deeper inside its own
   field wrapper, so it isn't caught by this.
*/

body.dn-page-login ul.dn-form > li > label.dn-form-field-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--tsw-ink);
  margin: 0 0 6px;
}

body.dn-page-login ul.dn-form > li:has(.dn-field-login),
body.dn-page-login ul.dn-form > li:has(.dn-field-password) {
  margin-bottom: 18px;
}

body.dn-page-login .dn-form-field-value input[type="text"],
body.dn-page-login .dn-form-field-value input[type="password"] {
  width: 100%;
  height: 50px;
  padding: 0 14px;
  font-size: 16px; /* below 16px, iOS Safari zooms on focus */
  line-height: 50px;
  color: var(--tsw-ink);
  background: #fff;
  border: 1px solid var(--tsw-line) !important;
  border-radius: var(--tsw-radius);
  box-shadow: none;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

body.dn-page-login .dn-form-field-value input:focus {
  outline: none;
  border-color: var(--tsw-pink) !important;
  box-shadow: 0 0 0 3px rgba(209, 0, 116, 0.18);
}

/* Password field — keeps the reveal toggle clear of the text */
body.dn-page-login .dn-password-wrapper {
  position: relative;
  display: block;
}
body.dn-page-login .dn-password-wrapper input[type="password"],
body.dn-page-login .dn-password-wrapper input[type="text"] {
  padding-right: 46px;
}
body.dn-page-login .dn-password-toggle {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: var(--tsw-muted);
}

/* ---- 4. BUTTONS — the hierarchy fix ----
   Both are DN .dn-btn blocks with empty valign/icon children; those are
   hidden so flex centring works cleanly.
   
   !important is load-bearing here. DN generates .dn-styled rules from your
   Website Design settings and they beat anything gentler.
*/

body.dn-page-login ul.dn-form .dn-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 52px;
  padding: 0 20px;
  margin: 0;
  border-radius: var(--tsw-radius) !important;
  box-shadow: none !important;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease;
}

body.dn-page-login ul.dn-form .dn-btn .dn-btn-valign,
body.dn-page-login ul.dn-form .dn-btn .dn-btn-icon {
  display: none !important;
}

body.dn-page-login ul.dn-form .dn-btn .dn-btn-label {
  float: none;
  width: auto;
  padding: 0;
  margin: 0;
}

body.dn-page-login ul.dn-form .dn-btn .dn-btn-label span {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
}

/* Primary — username + password submit */
body.dn-page-login ul.dn-form .dn-btn.dn-submit-login {
  background: var(--tsw-pink) !important;
  border: 2px solid var(--tsw-pink) !important;
  margin-top: 4px;
}
body.dn-page-login ul.dn-form .dn-btn.dn-submit-login .dn-btn-label span {
  color: #fff !important;
}
body.dn-page-login ul.dn-form .dn-btn.dn-submit-login:hover {
  background: var(--tsw-pink-dark) !important;
  border-color: var(--tsw-pink-dark) !important;
}

/* Secondary — email link. Outlined, so it stops competing with the primary. */
body.dn-page-login ul.dn-form li.dn-form-field-inline .dn-btn {
  background: transparent !important;
  border: 2px solid var(--tsw-ink) !important;
}
body.dn-page-login ul.dn-form li.dn-form-field-inline .dn-btn .dn-btn-label span {
  color: var(--tsw-ink) !important;
}
body.dn-page-login ul.dn-form li.dn-form-field-inline .dn-btn:hover {
  background: var(--tsw-ink) !important;
}
body.dn-page-login ul.dn-form li.dn-form-field-inline .dn-btn:hover .dn-btn-label span {
  color: #fff !important;
}

body.dn-page-login ul.dn-form .dn-btn:focus-visible {
  outline: 3px solid rgba(209, 0, 116, 0.55);
  outline-offset: 2px;
}

/* ---- 5. "OR" DIVIDER ----
   !important on the margin because DN's own <li> rules win otherwise.
*/

body.dn-page-login ul.dn-form > li:has(> h4) {
  margin: 32px 0 20px !important;
}

body.dn-page-login ul.dn-form > li > h4 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--tsw-muted);
}
body.dn-page-login ul.dn-form > li > h4::before,
body.dn-page-login ul.dn-form > li > h4::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--tsw-line);
}

/* ---- 6. REMEMBER ME ----
   The wrapper defaults to inline-block, which leaves descender space and
   makes row height depend on font metrics. Forcing block fixes the gap.
*/

body.dn-page-login ul.dn-form > li:has(.dn-field-remember) {
  margin: 16px 0 0 !important;
}
body.dn-page-login ul.dn-form > li:has(.dn-field-remember) > div {
  display: block !important;
}

body.dn-page-login .dn-form-field-checkbox .dn-form-field-label {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: var(--tsw-ink); /* it's a control, not helper text */
  cursor: pointer;
}
body.dn-page-login input.dn-field-remember {
  width: 17px;
  height: 17px;
  margin: 0;
  accent-color: var(--tsw-pink);
  cursor: pointer;
}

/* ---- 7. FOOTER LINKS ----
   Sits outside the <ul> as a sibling, so it already lands last with no
   reordering needed.
*/

body.dn-page-login .dn-login-extra-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 24px;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid var(--tsw-line);
}

body.dn-page-login .dn-login-extra-links a {
  font-size: 14px;
  font-weight: 600;
  text-transform: none; /* kills DN's all-caps link styling */
  letter-spacing: 0;
  color: var(--tsw-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.dn-page-login .dn-login-extra-links a:hover {
  color: var(--tsw-pink);
}

/* ---- 8. MOBILE ---- */

@media (max-width: 600px) {
  body.dn-page-login form[id^="login_form_"] {
    padding: 0 18px;
  }
  body.dn-page-login ul.dn-form .dn-btn {
    min-height: 54px;
  }
  body.dn-page-login ul.dn-form > li:has(> h4) {
    margin: 26px 0 18px !important;
  }
  body.dn-page-login .dn-login-extra-links {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.dn-page-login * {
    transition: none !important;
  }
}

/* ---- NOT YET STYLED ----
   DN's login error markup wasn't in the DOM when this was written, so the
   failed-login state is unstyled. Trigger a wrong password, grab the error
   element's classes, and add rules here.
*/


/* ============================================================================
   SEC105  LOGIN — Email login link page (/user/email_token_access)
   ============================================================================ */

/* 
   v1.0 — append below the login page block in DN custom CSS.
   
   SCOPE: body.dn-page-login_email_token
   The form here carries no id, so scoping runs through the <ul> instead.
   
   Markup is the same dn-form structure as the login page, so most of this
   mirrors that block. Only two <li>s: email field, then the submit button.
 */

body.dn-page-login_email_token {
  --tsw-pink: #d10074;
  --tsw-pink-dark: #a8005e;
  --tsw-ink: #141414;
  --tsw-muted: #6b6b6b;
  --tsw-line: #dcdcdc;
  --tsw-radius: 4px;
}

/* ---- 1. CONTAINER — matches the login page at 400px ---- */

body.dn-page-login_email_token form:has(> ul.dn-form) {
  max-width: 400px;
  margin: 0 auto;
  padding: 0 20px;
}

body.dn-page-login_email_token ul.dn-form.dn-label-over-field {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.dn-page-login_email_token ul.dn-form.dn-label-over-field > li {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* ---- 2. LABEL + INPUT ---- */

body.dn-page-login_email_token ul.dn-form > li > label.dn-form-field-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--tsw-ink);
  margin: 0 0 6px;
}

body.dn-page-login_email_token .dn-form-field-value input[type="text"],
body.dn-page-login_email_token .dn-form-field-value input[type="email"] {
  width: 100%;
  height: 50px;
  padding: 0 14px;
  font-size: 16px; /* below 16px, iOS Safari zooms on focus */
  line-height: 50px;
  color: var(--tsw-ink);
  background: #fff;
  border: 1px solid var(--tsw-line) !important;
  border-radius: var(--tsw-radius);
  box-shadow: none;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

body.dn-page-login_email_token .dn-form-field-value input:focus {
  outline: none;
  border-color: var(--tsw-pink) !important;
  box-shadow: 0 0 0 3px rgba(209, 0, 116, 0.18);
}

/* ---- 3. BUTTON ----
   Only one action on this page, so it stays the filled primary.
*/

body.dn-page-login_email_token ul.dn-form > li.dn-form-footer-actions {
  margin-top: 22px !important;
}

body.dn-page-login_email_token ul.dn-form .dn-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 52px;
  padding: 0 20px;
  margin: 0;
  background: var(--tsw-pink) !important;
  border: 2px solid var(--tsw-pink) !important;
  border-radius: var(--tsw-radius) !important;
  box-shadow: none !important;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease;
}

body.dn-page-login_email_token ul.dn-form .dn-btn .dn-btn-valign,
body.dn-page-login_email_token ul.dn-form .dn-btn .dn-btn-icon {
  display: none !important;
}

body.dn-page-login_email_token ul.dn-form .dn-btn .dn-btn-label {
  float: none;
  width: auto;
  padding: 0;
  margin: 0;
}

body.dn-page-login_email_token ul.dn-form .dn-btn .dn-btn-label span {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
  color: #fff !important;
}

body.dn-page-login_email_token ul.dn-form .dn-btn:hover {
  background: var(--tsw-pink-dark) !important;
  border-color: var(--tsw-pink-dark) !important;
}

body.dn-page-login_email_token ul.dn-form .dn-btn:focus-visible {
  outline: 3px solid rgba(209, 0, 116, 0.55);
  outline-offset: 2px;
}

/* ---- 4. MOBILE ---- */

@media (max-width: 600px) {
  body.dn-page-login_email_token form:has(> ul.dn-form) {
    padding: 0 18px;
  }
  body.dn-page-login_email_token ul.dn-form .dn-btn {
    min-height: 54px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.dn-page-login_email_token * {
    transition: none !important;
  }
}

/* ---- STILL NEEDED ----
   1. INTRO TEXT — sits in its own widget above the form and is currently
   full-width, so it won't line up with the 400px form. Selector unknown;
   inspect it and add a max-width:400px / margin:0 auto rule here.
   2. SUCCESS STATE — after submitting, DN shows a confirmation screen that
   hasn't been inspected yet. Likely unstyled.
   3. BACK LINK — this page has no way back to the login form. Worth adding
   one in the page editor.
*/


/* ============================================================================
   SEC106  QUARANTINE — rules that were NOT reaching the browser
   ============================================================================
   Every block below was silently discarded by the browser in the old file
   because of a syntax error nearby (stray \3c style> tags, stray braces, a typo).
   They are kept here, commented out, so the site renders exactly as before.
   To reactivate one: delete the comment wrapper and move the block to the
   section it belongs to (its area is named on each heading).
   ============================================================================ */
/* Emptied 27 Sep 2026 (Housekeeping v1): every block here was commented out (the browser never saw them). They
   are in git history if one is ever wanted. */

/* ============================================================================
   SEC107  TYPE — Site headings — one scale on every page (section headings, content headings)
   ============================================================================
   Page titles (category, product, search, favourites) are already Inter 34px/800 in their own sections.
   This takes the rest: DN heading widgets came as white 30px tracked capitals on a black bar (set per
   widget in DN admin; the bar is a widget background), and the HTML widgets carry their own centred,
   tracked headings. Section heading: 22px/800, ink, left, sentence case (the script lowers all-caps
   widget text), a hairline above the block. Sub-heading: 18px/800. Label: 11px/600 uppercase, as the
   sidebar and cards already use. SEC88 keeps the search page's "Search results" widget as a label. */

/* DN's Style Editor saves extra word spacing that its 0 won't clear (body text 0.15em, links 0.77em, tabs and
   collapsed widgets 0.15em); words sit at their natural spacing everywhere */
body, p, a, .dn-page-columns-container, .dn-tabs-container .dn-tabs li, .dn-widget-collapsed-content { word-spacing: normal; }
/* DN's base theme fades every link's colour over half a second (a { transition: color .5s }), which isn't a Style
   Editor setting: on a button that fills ink on hover, the text went dark-on-dark before turning white. Links change at
   once; components that want a transition set their own on their class, which still wins. */
a { -webkit-transition: none; transition: none; }

/* heading widgets: no bar, no widget padding */
.dn-widget-heading .dn-background-image-container, .dn-widget-heading .dn-background-container { background: none !important; }
.dn-widget-heading .dn-widget-content-container { padding: 0 !important; background: none !important; }
.dn-widget-heading .dn-heading { text-align: left !important; }
.dn-widget-heading .dn-heading h1, .dn-widget-heading .dn-heading h2, .dn-widget-heading .dn-heading h3, .dn-widget-heading .dn-heading h4,
.dn-widget-heading .dn-heading h1 a, .dn-widget-heading .dn-heading h2 a, .dn-widget-heading .dn-heading h3 a, .dn-widget-heading .dn-heading h4 a {
  font-family: var(--font-body) !important; font-weight: 800 !important; font-variant: normal !important; font-variant-caps: normal !important; letter-spacing: -.01em !important; text-transform: none !important;
  color: var(--tsw-ink, #111) !important; text-align: left !important; line-height: 1.15 !important; text-decoration: none !important; }
.dn-widget-heading .dn-heading h1, .dn-widget-heading .dn-heading h2 { font-size: 22px !important; margin: 0 0 14px !important; padding: 18px 0 0 !important; border-top: 1px solid var(--tsw-line, #e6e6e6); }
.dn-widget-heading .dn-heading h3, .dn-widget-heading .dn-heading h4 { font-size: 18px !important; margin: 0 0 10px !important; padding: 0 !important; }
@media (max-width: 768px) { .dn-widget-heading .dn-heading h1, .dn-widget-heading .dn-heading h2 { font-size: 20px !important; padding-top: 14px !important; } }

/* content (HTML widget) headings: same family and weight, no tracking or capitals; their own alignment stays */
.dn-widget-html_cm h1, .dn-widget-html_cm h2, .dn-widget-html_cm h3, .dn-widget-html_cm h4, .discount-title, .discount-heading {
  font-family: var(--font-body) !important; font-weight: 800 !important; font-variant: normal !important; font-variant-caps: normal !important; letter-spacing: -.01em !important; text-transform: none !important; color: var(--tsw-ink, #111) !important; line-height: 1.2 !important; }
.dn-widget-html_cm h1, .discount-title { font-size: 22px !important; }
.dn-widget-html_cm h2, .discount-heading { font-size: 18px !important; }
.dn-widget-html_cm h3 { font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0 !important; }
.dn-widget-html_cm h4 { font-size: 13px !important; font-weight: 700 !important; }

/* the 404 page's headline came tracked and capitalised */
body.dn-page-page_not_found_404 h1, body.dn-page-page_not_found_404 .dn-heading h1 { font-size: 22px !important; letter-spacing: -.01em !important; text-transform: none !important; text-align: left !important; }


/* ============================================================================
   SEC109  DESIGNER — Designer v3: header, tool rail, drawer, side tabs, order panel, size tools
   ============================================================================ */
/* Built on DN's default designer (the old SEC09–51 and SEC102 designer rules are retired). Pairs with the
   "TSW DESIGNER v3" script, which moves DN's price and Add to cart button into the order panel and sets one
   of three layouts on #designer_container:
     .tsw-v3              1024px and wider: header, rail, drawer, canvas with side tabs, order column
     .tsw-v3.tsw-v3-mid   768–1023px: the same, with the drawer sliding over the canvas when a tool is open
     .tsw-v3p             under 768px (DN's "slim mode"): top bar, full canvas, order bar and sheet, tool dock
   Selectors lead with the container id so they win over DN's theme; !important is kept for DN's inline
   heights and for the shared SEC11/SEC26/SEC38 rules that also style the product page. */

/* ---- shared: tokens, type, buttons ---- */
#designer_container:is(.tsw-v3),
#designer_container:is(.tsw-v3p) {
  --v3-ink: #111; --v3-pink: #d10074; --v3-pink-d: #a8005e; --v3-line: #e6e6e6; --v3-surface: #f5f5f5;
  --v3-muted: #6b6b6b; --v3-r: 4px;
}
#designer_container:is(.tsw-v3) [hidden],
#designer_container:is(.tsw-v3p) [hidden] { display: none !important; }
#designer_container:is(.tsw-v3) :is(#tsw-dh),
#designer_container:is(.tsw-v3) :is(#tsw-rail),
#designer_container:is(.tsw-v3) :is(#tsw-more),
#designer_container:is(.tsw-v3) :is(#tsw-order),
#designer_container:is(.tsw-v3) :is(#tsw-sides),
#designer_container:is(.tsw-v3) :is(#tsw-area-chip),
#designer_container:is(.tsw-v3) :is(#tsw-grid-chip),
#designer_container:is(.tsw-v3) :is(#tsw-pbar),
#designer_container:is(.tsw-v3) :is(#tsw-text-panel),
#designer_container:is(.tsw-v3) :is(#tsw-size-tools),
#designer_container:is(.tsw-v3p) :is(#tsw-dh),
#designer_container:is(.tsw-v3p) :is(#tsw-rail),
#designer_container:is(.tsw-v3p) :is(#tsw-more),
#designer_container:is(.tsw-v3p) :is(#tsw-order),
#designer_container:is(.tsw-v3p) :is(#tsw-sides),
#designer_container:is(.tsw-v3p) :is(#tsw-area-chip),
#designer_container:is(.tsw-v3p) :is(#tsw-grid-chip),
#designer_container:is(.tsw-v3p) :is(#tsw-pbar),
#designer_container:is(.tsw-v3p) :is(#tsw-text-panel),
#designer_container:is(.tsw-v3p) :is(#tsw-size-tools) {
  letter-spacing: normal; word-spacing: normal; font-family: var(--font-body, Inter, system-ui, sans-serif);
  color: var(--v3-ink); box-sizing: border-box; text-align: left;
}
#designer_container:is(.tsw-v3) :is(#tsw-dh) *,
#designer_container:is(.tsw-v3) :is(#tsw-rail) *,
#designer_container:is(.tsw-v3) :is(#tsw-more) *,
#designer_container:is(.tsw-v3) :is(#tsw-order) *,
#designer_container:is(.tsw-v3) :is(#tsw-sides) *,
#designer_container:is(.tsw-v3) :is(#tsw-area-chip) *,
#designer_container:is(.tsw-v3) :is(#tsw-grid-chip) *,
#designer_container:is(.tsw-v3) :is(#tsw-pbar) *,
#designer_container:is(.tsw-v3) :is(#tsw-text-panel) *,
#designer_container:is(.tsw-v3) :is(#tsw-size-tools) *,
#designer_container:is(.tsw-v3p) :is(#tsw-dh) *,
#designer_container:is(.tsw-v3p) :is(#tsw-rail) *,
#designer_container:is(.tsw-v3p) :is(#tsw-more) *,
#designer_container:is(.tsw-v3p) :is(#tsw-order) *,
#designer_container:is(.tsw-v3p) :is(#tsw-sides) *,
#designer_container:is(.tsw-v3p) :is(#tsw-area-chip) *,
#designer_container:is(.tsw-v3p) :is(#tsw-grid-chip) *,
#designer_container:is(.tsw-v3p) :is(#tsw-pbar) *,
#designer_container:is(.tsw-v3p) :is(#tsw-text-panel) *,
#designer_container:is(.tsw-v3p) :is(#tsw-size-tools) * { box-sizing: border-box; }
/* the site's paragraph spacing (wider gaps between words) stays out of the designer's own notes */
#designer_container:is(.tsw-v3) :is(#tsw-order) p,
#designer_container:is(.tsw-v3) :is(#tsw-text-panel) p,
#designer_container:is(.tsw-v3) :is(#tsw-size-tools) p,
#designer_container:is(.tsw-v3) :is(#tsw-guide) p,
#designer_container:is(.tsw-v3) :is(#tsw-start) p,
#designer_container:is(.tsw-v3p) :is(#tsw-order) p,
#designer_container:is(.tsw-v3p) :is(#tsw-text-panel) p,
#designer_container:is(.tsw-v3p) :is(#tsw-size-tools) p,
#designer_container:is(.tsw-v3p) :is(#tsw-guide) p,
#designer_container:is(.tsw-v3p) :is(#tsw-start) p { letter-spacing: normal; word-spacing: normal; }
#designer_container:is(.tsw-v3) .tsw-label,
#designer_container:is(.tsw-v3p) .tsw-label { display: block; margin: 0 0 8px; font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) .tsw-btn,
#designer_container:is(.tsw-v3p) .tsw-btn { display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; height: 40px; padding: 0 14px; border: 1px solid var(--v3-line); border-radius: var(--v3-r); background: #fff; font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: normal; text-transform: none; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) .tsw-btn:hover,
#designer_container:is(.tsw-v3p) .tsw-btn:hover { border-color: var(--v3-ink); }
#designer_container:is(.tsw-v3) .tsw-btn-ink,
#designer_container:is(.tsw-v3p) .tsw-btn-ink { border-color: var(--v3-ink); background: var(--v3-ink); color: #fff; }
#designer_container:is(.tsw-v3) .tsw-btn-ink:hover,
#designer_container:is(.tsw-v3p) .tsw-btn-ink:hover { background: #333; }
#designer_container:is(.tsw-v3) .tsw-note,
#designer_container:is(.tsw-v3p) .tsw-note { margin: 0; font-size: 12px; line-height: 1.5; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) .tsw-chat-link,
#designer_container:is(.tsw-v3p) .tsw-chat-link { margin: -10px -4px; padding: 10px 4px; border: 0; background: none; font-family: inherit; font-size: inherit; font-weight: 600; color: var(--v3-ink); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#designer_container:is(.tsw-v3) .tsw-x,
#designer_container:is(.tsw-v3p) .tsw-x { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--v3-r); background: none; font-size: 16px; line-height: 1; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) .tsw-x:hover,
#designer_container:is(.tsw-v3p) .tsw-x:hover { background: var(--v3-surface); }
/* the site's older button look (SEC38: shadow, rounded corners, hover lift) stays off DN's buttons in the designer */
#designer_container:is(.tsw-v3) .dn-btn,
#designer_container:is(.tsw-v3p) .dn-btn { border-radius: var(--v3-r); box-shadow: none; transition: none; }
#designer_container:is(.tsw-v3) .dn-btn:hover,
#designer_container:is(.tsw-v3p) .dn-btn:hover { transform: none; box-shadow: none; }
/* focus: an ink ring on pink buttons (the site's pink ring disappears there), inset inside the size pills (their
   rounded box clips anything outside) */
#designer_container:is(.tsw-v3) :is(.tsw-btn-pink):focus-visible,
#designer_container:is(.tsw-v3) :is(.tsw-pb-go):focus-visible,
#designer_container:is(.tsw-v3) :is(.dn-btn-cart):focus-visible,
#designer_container:is(.tsw-v3) :is(.tsw-st-again):focus-visible,
#designer_container:is(.tsw-v3p) :is(.tsw-btn-pink):focus-visible,
#designer_container:is(.tsw-v3p) :is(.tsw-pb-go):focus-visible,
#designer_container:is(.tsw-v3p) :is(.dn-btn-cart):focus-visible,
#designer_container:is(.tsw-v3p) :is(.tsw-st-again):focus-visible { outline: 2px solid var(--v3-ink) !important; outline-offset: 2px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-pill :focus-visible,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-pill :focus-visible { outline-offset: -3px !important; }
/* the site removes select arrows everywhere (SEC95), which leaves DN's selects looking like text boxes */
body.dn-page-designer :is(#designer_container) select,
body.dn-page-designer :is(.dn-popup-container) select { padding-right: 28px !important; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23111' stroke-width='1.6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 10px 6px; }

/* DN regions the shell replaces (their controls stay in the page and keep working) */
#designer_container:is(.tsw-v3) > .dn-designer-toolbar-design-actions,
#designer_container:is(.tsw-v3p) > .dn-designer-toolbar-design-actions,
#designer_container:is(.tsw-v3) > .dn-designer-toolbar-user-actions,
#designer_container:is(.tsw-v3p) > .dn-designer-toolbar-user-actions,
#designer_container:is(.tsw-v3) #product_views_panel_popup,
#designer_container:is(.tsw-v3p) #product_views_panel_popup,
#designer_container:is(.tsw-v3) #sundry_options_container,
#designer_container:is(.tsw-v3p) #sundry_options_container,
#designer_container:is(.tsw-v3) #designer_toolbar,
#designer_container:is(.tsw-v3p) #designer_toolbar { display: none !important; }
/* its own layer: DN's items (z-index up to 1000) and the chip stay under the drawer, order column and phone bars */
#designer_container:is(.tsw-v3) #product_image_panel,
#designer_container:is(.tsw-v3p) #product_image_panel { background: #fff; isolation: isolate; }
/* the print area box (drawn with the grid further down) goes when the guides are off */
#designer_container:is(.tsw-v3) .dn-hide-grid .dn-decoration-area::before,
#designer_container:is(.tsw-v3p) .dn-hide-grid .dn-decoration-area::before { border-color: transparent !important; background: none !important; }
/* the site's floating cart would sit over the header; the order panel has the cart action */
body.dn-page-designer.tsw-dz :is(#desktop-floating-cart),
body.dn-page-designer.tsw-dz :is(#mobile-floating-cart),
body.dn-page-designer.tsw-dz :is(.floating-cart-clone) { display: none !important; }
/* on larger screens DN's own designer shows for a moment before the script lays it out, then everything moves
   (Polish v2): until body.tsw-dz it keeps its space unseen. It shows at once if the script gives up (.tsw-dz-off), or
   after 8 s if the script never arrives */
@media (min-width: 769px) {
  body.dn-page-designer:not(.dn-edit-mode):not(.tsw-dz):not(.tsw-dz-off) .dn-widget-page_content_designer { visibility: hidden; animation: tsw-dz-reveal 0s linear 8s forwards; }
  /* once the script is running (.tsw-dz-hold) it decides: it waits up to 15 s for DN, then gives up */
  body.dn-page-designer.tsw-dz-hold:not(.dn-edit-mode):not(.tsw-dz):not(.tsw-dz-off) .dn-widget-page_content_designer { animation: none; }
}
@keyframes tsw-dz-reveal { to { visibility: visible; } }

/* ---- shared: drawer contents (DN's panels, our text panel, size tools) ---- */
#designer_container:is(.tsw-v3) .dn-designer-panel-heading h3,
#designer_container:is(.tsw-v3p) .dn-designer-panel-heading h3 { margin: 0; font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: normal; text-transform: none; font-variant: normal; color: var(--v3-ink); }
#designer_container:is(.tsw-v3) .tsw-item-done,
#designer_container:is(.tsw-v3p) .tsw-item-done { flex: 0 0 auto; height: 30px; padding: 0 12px; border: 1px solid var(--v3-line); border-radius: var(--v3-r); background: #fff; font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: normal; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) .tsw-item-done:hover,
#designer_container:is(.tsw-v3p) .tsw-item-done:hover { border-color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #properties_product_details_content,
#designer_container:is(.tsw-v3p) #properties_product_details_content { display: flex !important; flex-wrap: wrap; align-items: flex-start; gap: 14px 12px; padding: 16px !important; letter-spacing: normal; word-spacing: normal; }
#designer_container:is(.tsw-v3) #properties_product_details_content > *,
#designer_container:is(.tsw-v3p) #properties_product_details_content > * { flex: 1 1 100%; width: auto !important; float: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
#designer_container:is(.tsw-v3) #properties_product_details_content > .dn-product-lifestyle-image,
#designer_container:is(.tsw-v3p) #properties_product_details_content > .dn-product-lifestyle-image { order: 1; flex: 0 0 76px; display: block !important; border: 0 !important; padding: 0 !important; background: var(--v3-surface); }
#designer_container:is(.tsw-v3) #properties_product_details_content > .dn-product-lifestyle-image img,
#designer_container:is(.tsw-v3p) #properties_product_details_content > .dn-product-lifestyle-image img { display: block; width: 100%; height: auto; }
#designer_container:is(.tsw-v3) #properties_product_details_content > h3.dn-styled,
#designer_container:is(.tsw-v3p) #properties_product_details_content > h3.dn-styled { order: 2; flex: 1 1 0; min-width: 0; display: flex !important; flex-direction: column; gap: 3px; text-align: left !important; font-variant: normal; letter-spacing: normal; }
#designer_container:is(.tsw-v3) #properties_product_details_content #blank_product_brand,
#designer_container:is(.tsw-v3p) #properties_product_details_content #blank_product_brand { font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #properties_product_details_content #blank_product_title,
#designer_container:is(.tsw-v3p) #properties_product_details_content #blank_product_title { font-size: 15px; font-weight: 700; line-height: 1.25; text-transform: capitalize; color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #properties_product_details_content #blank_product_code,
#designer_container:is(.tsw-v3p) #properties_product_details_content #blank_product_code { font-size: 12px; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #properties_product_details_content > #type_colors_container,
#designer_container:is(.tsw-v3p) #properties_product_details_content > #type_colors_container { order: 4; }
#designer_container:is(.tsw-v3) #properties_product_details_content > #dn_selected_color_label,
#designer_container:is(.tsw-v3p) #properties_product_details_content > #dn_selected_color_label { order: 3; margin: 0 0 -8px !important; text-align: left !important; font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #properties_product_details_content > #dn_selected_color_label::before,
#designer_container:is(.tsw-v3p) #properties_product_details_content > #dn_selected_color_label::before { content: "Colour \00b7  "; }
#designer_container:is(.tsw-v3) #properties_product_details_content > .dn-select-product-container,
#designer_container:is(.tsw-v3p) #properties_product_details_content > .dn-select-product-container { order: 5; }
/* "More product info" opened DN's product sheet (description, colours, sizes, size chart, photos). The drawer has the
   description under Details and the colours, and the chart now sits under the size grid, so the link goes */
#designer_container:is(.tsw-v3) #properties_product_details_content > .dn-product-more-details-container,
#designer_container:is(.tsw-v3p) #properties_product_details_content > .dn-product-more-details-container { display: none !important; }
#designer_container:is(.tsw-v3) #properties_product_details_content > .tsw-details-toggle,
#designer_container:is(.tsw-v3p) #properties_product_details_content > .tsw-details-toggle { order: 7; }
#designer_container:is(.tsw-v3) #properties_product_details_content > .dn-product-description,
#designer_container:is(.tsw-v3p) #properties_product_details_content > .dn-product-description { order: 8; display: none !important; font-size: 13px; line-height: 1.55; color: #333; }
#designer_container:is(.tsw-v3) #properties_product_details_content > .dn-product-description.is-open,
#designer_container:is(.tsw-v3p) #properties_product_details_content > .dn-product-description.is-open { display: block !important; }
/* size guide (the supplier's chart), a row like Details; with Details shut the two rows share a line */
#designer_container:is(.tsw-v3) #properties_product_details_content > .tsw-guide,
#designer_container:is(.tsw-v3p) #properties_product_details_content > .tsw-guide { order: 9; }
#designer_container:is(.tsw-v3) #properties_product_details_content > .tsw-details-toggle[aria-expanded="false"] ~ .tsw-guide,
#designer_container:is(.tsw-v3p) #properties_product_details_content > .tsw-details-toggle[aria-expanded="false"] ~ .tsw-guide { margin-top: -15px !important; }
#designer_container:is(.tsw-v3) .tsw-guide-toggle,
#designer_container:is(.tsw-v3p) .tsw-guide-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px 0; border: 0; border-top: 1px solid var(--v3-line); border-bottom: 1px solid var(--v3-line); background: none; font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: normal; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) .tsw-guide-toggle[aria-expanded="true"] span,
#designer_container:is(.tsw-v3p) .tsw-guide-toggle[aria-expanded="true"] span { transform: rotate(180deg); }
#designer_container:is(.tsw-v3) .tsw-guide-body,
#designer_container:is(.tsw-v3p) .tsw-guide-body { padding-top: 8px; }
#designer_container:is(.tsw-v3) .tsw-guide-table,
#designer_container:is(.tsw-v3p) .tsw-guide-table { width: 100%; border-collapse: collapse; font-size: 13px; letter-spacing: normal; }
#designer_container:is(.tsw-v3) .tsw-guide-table :is(th),
#designer_container:is(.tsw-v3) .tsw-guide-table :is(td),
#designer_container:is(.tsw-v3p) .tsw-guide-table :is(th),
#designer_container:is(.tsw-v3p) .tsw-guide-table :is(td) { padding: 6px 8px; border-bottom: 1px solid var(--v3-line); text-align: left; font-weight: 500; color: var(--v3-ink); }
#designer_container:is(.tsw-v3) .tsw-guide-table thead th,
#designer_container:is(.tsw-v3p) .tsw-guide-table thead th { padding-top: 0; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) .tsw-guide-table tbody th,
#designer_container:is(.tsw-v3p) .tsw-guide-table tbody th { font-weight: 700; }
#designer_container:is(.tsw-v3) .tsw-guide-table tr.is-on :is(th),
#designer_container:is(.tsw-v3) .tsw-guide-table tr.is-on :is(td),
#designer_container:is(.tsw-v3p) .tsw-guide-table tr.is-on :is(th),
#designer_container:is(.tsw-v3p) .tsw-guide-table tr.is-on :is(td) { background: var(--v3-surface); }
#designer_container:is(.tsw-v3) .tsw-guide-note,
#designer_container:is(.tsw-v3p) .tsw-guide-note { margin: 8px 0 0; font-size: 12px; line-height: 1.45; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #properties_product_details_content > :is(#des_opt_size),
#designer_container:is(.tsw-v3) #properties_product_details_content > :is(.dn-d-bundle-information),
#designer_container:is(.tsw-v3p) #properties_product_details_content > :is(#des_opt_size),
#designer_container:is(.tsw-v3p) #properties_product_details_content > :is(.dn-d-bundle-information) { display: none !important; }
/* swatches in an even grid; DN clips its colour panel, which cut the selection ring off the top row */
#designer_container:is(.tsw-v3) #type_colors_container,
#designer_container:is(.tsw-v3p) #type_colors_container { padding: 0 !important; }
/* each product type keeps its own colour list; DN hides the lists of types not in use with an inline display: none,
   which the grid must not undo (after a product change both lists showed) */
#designer_container:is(.tsw-v3) #type_colors_container .dn-color-panel:not([style*="none"]),
#designer_container:is(.tsw-v3p) #type_colors_container .dn-color-panel:not([style*="none"]) { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(36px, 1fr)); gap: 10px 4px; justify-items: center; margin: 0; padding: 6px 2px; overflow: visible !important; }
#designer_container:is(.tsw-v3) #type_colors_container .dn-color-panel-cell,
#designer_container:is(.tsw-v3p) #type_colors_container .dn-color-panel-cell { position: relative; width: 32px !important; height: 32px !important; max-width: none; margin: 0 !important; padding: 0; border: 0 !important; border-radius: 50% !important; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); transform: none !important; transition: none; }
/* DN's colour spans fill the cell, one band each for a two-tone (Lime over Royal): the round cell clips them into one
   circle, and the edge ring sits on top of them so white still shows */
#designer_container:is(.tsw-v3) #type_colors_container .dn-color-panel-cell span,
#designer_container:is(.tsw-v3p) #type_colors_container .dn-color-panel-cell span { border-radius: 0; box-shadow: none; }
#designer_container:is(.tsw-v3) #type_colors_container .dn-color-panel-cell::after,
#designer_container:is(.tsw-v3p) #type_colors_container .dn-color-panel-cell::after { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18); pointer-events: none; }
#designer_container:is(.tsw-v3) #type_colors_container .dn-color-panel-cell:hover,
#designer_container:is(.tsw-v3p) #type_colors_container .dn-color-panel-cell:hover { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14), 0 0 0 2px #fff, 0 0 0 3px #bbb; }
#designer_container:is(.tsw-v3) #type_colors_container .dn-color-panel-cell.dn-selected,
#designer_container:is(.tsw-v3p) #type_colors_container .dn-color-panel-cell.dn-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14), 0 0 0 2px #fff, 0 0 0 4px var(--v3-ink); }
@media (pointer: coarse) {
  #designer_container:is(.tsw-v3) #type_colors_container .dn-color-panel,
#designer_container:is(.tsw-v3p) #type_colors_container .dn-color-panel { grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)); }
  #designer_container:is(.tsw-v3) #type_colors_container .dn-color-panel-cell,
#designer_container:is(.tsw-v3p) #type_colors_container .dn-color-panel-cell { width: 36px !important; height: 36px !important; }
}
#designer_container:is(.tsw-v3) .dn-select-product-container .dn-btn,
#designer_container:is(.tsw-v3p) .dn-select-product-container .dn-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; padding: 0 14px; border: 1px solid var(--v3-ink) !important; border-radius: var(--v3-r); background: #fff !important; box-shadow: none !important; transform: none !important; color: var(--v3-ink) !important; }
#designer_container:is(.tsw-v3) .dn-select-product-container .dn-btn:hover,
#designer_container:is(.tsw-v3p) .dn-select-product-container .dn-btn:hover { background: var(--v3-surface) !important; }
#designer_container:is(.tsw-v3) .dn-select-product-container .dn-btn .dn-btn-label,
#designer_container:is(.tsw-v3p) .dn-select-product-container .dn-btn .dn-btn-label { font-size: 13px; font-weight: 600; letter-spacing: normal; color: var(--v3-ink) !important; }
#designer_container:is(.tsw-v3) .dn-select-product-container .dn-btn .dn-btn-label span,
#designer_container:is(.tsw-v3p) .dn-select-product-container .dn-btn .dn-btn-label span { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: normal; text-transform: lowercase; color: var(--v3-ink) !important; }
#designer_container:is(.tsw-v3) .dn-select-product-container .dn-btn .dn-btn-label span::first-letter,
#designer_container:is(.tsw-v3p) .dn-select-product-container .dn-btn .dn-btn-label span::first-letter { text-transform: uppercase; }
#designer_container:is(.tsw-v3) .dn-select-product-container .dn-btn :is(.dn-btn-valign),
#designer_container:is(.tsw-v3) .dn-select-product-container .dn-btn :is(.dn-btn-icon),
#designer_container:is(.tsw-v3p) .dn-select-product-container .dn-btn :is(.dn-btn-valign),
#designer_container:is(.tsw-v3p) .dn-select-product-container .dn-btn :is(.dn-btn-icon) { display: none; }
/* an older site-wide rule paints this link as a pink button with !important */
#designer_container:is(.tsw-v3) .tsw-details-toggle,
#designer_container:is(.tsw-v3p) .tsw-details-toggle { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border: 0; border-top: 1px solid var(--v3-line); border-bottom: 1px solid var(--v3-line); background: none; font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: normal; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) .tsw-details-toggle[aria-expanded="true"] span,
#designer_container:is(.tsw-v3p) .tsw-details-toggle[aria-expanded="true"] span { transform: rotate(180deg); }
#designer_container:is(.tsw-v3).tsw-text-open #properties_panel_content > .dn-designer-properties-panel,
#designer_container:is(.tsw-v3p).tsw-text-open #properties_panel_content > .dn-designer-properties-panel { display: none !important; }
#designer_container:is(.tsw-v3).tsw-text-open #properties_panel_content > #tsw-text-panel,
#designer_container:is(.tsw-v3p).tsw-text-open #properties_panel_content > #tsw-text-panel { display: block !important; }
#designer_container:is(.tsw-v3) #tsw-text-panel .tsw-tp,
#designer_container:is(.tsw-v3p) #tsw-text-panel .tsw-tp { display: flex; flex-direction: column; gap: 10px; padding: 16px; }
#designer_container:is(.tsw-v3) #tsw-text-panel .tsw-tp .tsw-label,
#designer_container:is(.tsw-v3p) #tsw-text-panel .tsw-tp .tsw-label { margin: 0; }
#designer_container:is(.tsw-v3) #tsw-new-text,
#designer_container:is(.tsw-v3p) #tsw-new-text { width: 100%; min-height: 84px; padding: 10px 12px; border: 1px solid #cfcfcf; border-radius: var(--v3-r); font-family: inherit; font-size: 16px; line-height: 1.4; letter-spacing: normal; color: var(--v3-ink); resize: vertical; }
#designer_container:is(.tsw-v3) #tsw-new-text:focus,
#designer_container:is(.tsw-v3p) #tsw-new-text:focus { outline: none; border-color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-new-text.is-empty,
#designer_container:is(.tsw-v3p) #tsw-new-text.is-empty { border-color: #d33; }
#designer_container:is(.tsw-v3) #tsw-text-panel .tsw-hint,
#designer_container:is(.tsw-v3p) #tsw-text-panel .tsw-hint { margin: 0; font-size: 12px; line-height: 1.5; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #properties_item_config .dn-designer-properties-content,
#designer_container:is(.tsw-v3p) #properties_item_config .dn-designer-properties-content { padding: 0 !important; }
#designer_container:is(.tsw-v3) #properties_container,
#designer_container:is(.tsw-v3p) #properties_container { padding: 8px 16px 16px; letter-spacing: normal; word-spacing: normal; font-size: 13px; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-settings-expander-heading,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-settings-expander-heading { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 12px 0; border-bottom: 1px solid var(--v3-line); font-size: 13px; font-weight: 600; text-align: left; text-transform: none; letter-spacing: normal; color: var(--v3-ink); cursor: pointer; }
/* DN's own item controls, flattened: no grey bars, bevels or tiny targets */
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-settings-expander-heading,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-settings-expander-heading { min-height: 44px; border: 0 !important; border-bottom: 1px solid var(--v3-line) !important; border-radius: 0 !important; background: none !important; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-settings-expander-toggle,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-settings-expander-toggle { color: var(--v3-muted); }
/* DN opens each section to a fixed max-height (Position and Size 125px, Formatting 220px), sized for its small
   controls: the bigger ones need room, so an open section may grow (DN still animates the max-height) */
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-settings-expander.dn-alt .dn-d-mp-settings-expander-content,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-settings-expander.dn-alt .dn-d-mp-settings-expander-content { max-height: 900px; }
/* DN's "Resize proportionally" tick repeats the lock between width and height in Print size, which drives it */
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-aspect-ratio-container,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-aspect-ratio-container { display: none !important; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-settings-expander-content h3,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-settings-expander-content h3 { margin: 6px 0 8px; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-settings-expander-content :is(h3),
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-settings-expander-content :is(h4),
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-settings-expander-content :is(label),
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-settings-expander-content :is(h3),
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-settings-expander-content :is(h4),
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-settings-expander-content :is(label) { text-align: left !important; }
/* bold, italic and the three alignments on one row (DN's fixed group widths wrapped them) */
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-font-settings,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-font-settings { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-font-buttons,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-font-buttons { display: flex !important; gap: 4px; width: auto !important; margin: 0; padding: 0; }
/* Position and Size keeps rotate, centre, flip and layer order; the nudge pad and size arrows go (drag, the corner
   handles, the size presets and Centre do those jobs, with bigger targets) */
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-movement),
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-size),
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-movement),
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-size) { display: none !important; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-font-buttons > li,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-font-buttons > li,
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls li[class*="dn-d-"]:not(.dn-d-mp-actions-controls-movement):not(.dn-d-mp-actions-controls-size):not(.dn-d-mp-actions-controls-rotate):not(.dn-d-mp-flip-and-align):not(.dn-d-mp-actions-controls-centering):not(.dn-d-mp-actions-controls-flip),
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls li[class*="dn-d-"]:not(.dn-d-mp-actions-controls-movement):not(.dn-d-mp-actions-controls-size):not(.dn-d-mp-actions-controls-rotate):not(.dn-d-mp-flip-and-align):not(.dn-d-mp-actions-controls-centering):not(.dn-d-mp-actions-controls-flip) { border: 1px solid var(--v3-line) !important; border-radius: var(--v3-r) !important; background: #fff !important; box-shadow: none !important; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-font-buttons > li,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-font-buttons > li { flex: none; float: none !important; display: flex !important; align-items: center; justify-content: center; width: 40px !important; height: 40px !important; margin: 0 !important; font-size: 18px; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-font-buttons > li:hover,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-font-buttons > li:hover { border-color: var(--v3-ink) !important; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-font-buttons > li.dn-alt,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-font-buttons > li.dn-alt { border-color: var(--v3-ink) !important; background: var(--v3-ink) !important; color: #fff; }
/* Bold and Italic: line icons in the rail's style in place of DN's serif letters, on square buttons (DN caps their
   width at 33px) */
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-font-buttons > li,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-font-buttons > li { max-width: none !important; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-font-buttons > :is(.dn-d-mp-font-bold)::before,
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-font-buttons > :is(.dn-d-mp-font-italic)::before,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-font-buttons > :is(.dn-d-mp-font-bold)::before,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-font-buttons > :is(.dn-d-mp-font-italic)::before { content: "" !important; display: block; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--tsw-bi) center / 20px 20px no-repeat; mask: var(--tsw-bi) center / 20px 20px no-repeat; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-font-bold,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-font-bold { --tsw-bi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 5h6a3.5 3.5 0 0 1 0 7H7zM7 12h7a3.5 3.5 0 0 1 0 7H7z'/%3E%3C/svg%3E"); }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-font-italic,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-font-italic { --tsw-bi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 4h-9M14 20H5M15 4 9 20'/%3E%3C/svg%3E"); }
#designer_container:is(.tsw-v3) #properties_container .dn-color-buttons > li,
#designer_container:is(.tsw-v3p) #properties_container .dn-color-buttons > li { width: 40px !important; height: 40px !important; padding: 3px !important; border: 1px solid var(--v3-line) !important; border-radius: var(--v3-r) !important; background: #fff !important; box-sizing: border-box; }
#designer_container:is(.tsw-v3) #properties_container .dn-color-buttons > li:hover,
#designer_container:is(.tsw-v3p) #properties_container .dn-color-buttons > li:hover { border-color: var(--v3-ink) !important; }
#designer_container:is(.tsw-v3) #properties_container .dn-color-buttons > li > div,
#designer_container:is(.tsw-v3p) #properties_container .dn-color-buttons > li > div { width: 100% !important; height: 100% !important; border: 0 !important; border-radius: 2px !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); }
/* sliders (outline, effects): a 6px bar inside a 30px press area (transparent borders), so a tap near the bar still
   lands on it, and a 26px knob. DN's slider measures the knob and bar when the panel is built, from these sizes */
#designer_container:is(.tsw-v3) #properties_container .dn-d-slider-container,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-slider-container { height: 6px !important; border: 0 !important; border-top: 12px solid transparent !important; border-bottom: 12px solid transparent !important; border-radius: 0 !important; background: var(--v3-line) !important; background-clip: padding-box !important; box-sizing: content-box !important; cursor: pointer; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-slider-bar,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-slider-bar { top: -10px !important; width: 26px !important; height: 26px !important; border: 2px solid var(--v3-ink) !important; border-radius: 50% !important; background: #fff !important; box-shadow: none !important; box-sizing: border-box !important; cursor: grab; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-slider-bar:active,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-slider-bar:active { cursor: grabbing; background: var(--v3-ink) !important; }
#designer_container:is(.tsw-v3) #properties_container :is(.dn-faux-select),
#designer_container:is(.tsw-v3) #properties_container :is(select),
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-faux-select),
#designer_container:is(.tsw-v3p) #properties_container :is(select) { min-height: 38px; border: 1px solid #cfcfcf !important; border-radius: var(--v3-r) !important; background-color: #fff; box-shadow: none !important; }
#designer_container:is(.tsw-v3) #properties_container input[type="text"],
#designer_container:is(.tsw-v3p) #properties_container input[type="text"] { border: 1px solid #cfcfcf !important; border-radius: var(--v3-r) !important; box-shadow: none !important; }
#designer_container:is(.tsw-v3) #properties_container textarea,
#designer_container:is(.tsw-v3p) #properties_container textarea { width: 100%; padding: 10px 12px; border: 1px solid #cfcfcf; border-radius: var(--v3-r); font-family: inherit; font-size: 16px; line-height: 1.4; }
#designer_container:is(.tsw-v3) #tsw-size-tools,
#designer_container:is(.tsw-v3p) #tsw-size-tools { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px 16px; border-bottom: 1px solid var(--v3-line); background: #fff; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-head,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-head .tsw-label,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-head .tsw-label { margin: 0; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-reset,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-reset { display: inline-flex; align-items: center; gap: 5px; margin: -4px 0; padding: 4px 0; border: 0; background: none; font-family: inherit; font-size: 12px; font-weight: 600; color: var(--v3-ink); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-reset svg,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-reset svg { flex: 0 0 auto; }
/* exact width and height, with a lock that keeps the proportions (DN's "Resize proportionally") */
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-custom,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-custom { display: flex; align-items: center; gap: 6px; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-field,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-field { flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: 6px; height: 40px; margin: 0; padding: 0 10px; border: 1px solid #cfcfcf; border-radius: var(--v3-r); background: #fff; cursor: text; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-field:focus-within,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-field:focus-within { border-color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-field span,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-field span { font-size: 11px; font-weight: 700; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-field input,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-field input { flex: 1 1 auto; min-width: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0 !important; border-radius: 0 !important; outline: none; background: none; box-shadow: none !important; font-family: inherit; font-size: 16px; font-weight: 700; color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-field em,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-field em { font-size: 12px; font-style: normal; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-lock,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-lock { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 40px; padding: 0; border: 1px solid var(--v3-line); border-radius: var(--v3-r); background: #fff; color: var(--v3-muted); cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-lock:hover,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-lock:hover { border-color: var(--v3-ink); color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-lock[aria-pressed="true"],
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-lock[aria-pressed="true"] { border-color: var(--v3-ink); background: var(--v3-ink); color: #fff; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-lock:disabled,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-lock:disabled { opacity: .45; cursor: default; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-lock .tsw-lock-open,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-lock .tsw-lock-open,
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-lock[aria-pressed="false"] .tsw-lock-shut,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-lock[aria-pressed="false"] .tsw-lock-shut { display: none; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-lock[aria-pressed="false"] .tsw-lock-open,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-lock[aria-pressed="false"] .tsw-lock-open { display: block; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-grid,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-preset,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-preset { display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 0; padding: 8px 2px 7px; border: 1px solid var(--v3-line); border-radius: var(--v3-r); background: #fff; font-family: inherit; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-preset b,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-preset b { font-size: 12px; font-weight: 700; line-height: 1.1; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-preset span,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-preset span { font-size: 11px; line-height: 1.1; color: var(--v3-muted); white-space: nowrap; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-preset:hover,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-preset:hover { border-color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-preset.is-on,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-preset.is-on { border-color: var(--v3-ink); background: var(--v3-ink); color: #fff; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-preset.is-on span,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-preset.is-on span { color: #cfcfcf; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-again,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-again { height: 36px; border: 1px solid var(--v3-pink); border-radius: var(--v3-r); background: #fff; font-family: inherit; font-size: 13px; font-weight: 600; color: var(--v3-pink); cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-again:hover,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-again:hover { background: var(--v3-pink); color: #fff; }
/* the size limit line ("We can't print larger than 40 x 50 cm ..."): on the page body, at the top of the stage, over
   any open panel; dark with a white rim so it reads on white and on a black shirt */
#tsw-toast { position: fixed; z-index: 100001; width: max-content; max-width: min(420px, calc(100vw - 32px)); padding: 10px 14px; border: 2px solid #fff; border-radius: 4px; background: #111; font: 600 14px/1.4 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; word-spacing: normal; color: #fff; text-align: center; transform: translateX(-50%); pointer-events: none; }
#tsw-toast[hidden] { display: none; }

/* Position and Size: DN's dial with 18px arrows, 32px icon squares and 22px layer arrows become rows of named 40px
   buttons. Rotate keeps DN's own 5° steps and degree box; the dial goes (the handle on the shirt turns freely).
   Nothing here sets display on a part DN hides: the rows are flex and grid, so their children fall into place. */
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions { text-align: left; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls { display: flex; flex-direction: column; align-items: stretch; gap: 16px; margin: 6px 0 0; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls > li,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls > li { width: auto !important; margin: 0 !important; }
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-rotate)::before,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-centering)::before,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-flip)::before,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-rotate)::before,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-centering)::before,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-flip)::before { content: "Rotate"; display: block; margin: 0 0 8px; font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; text-align: left; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-centering::before,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-centering::before { content: "Centre"; }
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-rotate) > label,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-centering) > label,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-flip) > label,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-layer-info-container) > label,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-rotate) > label,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-centering) > label,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-flip) > label,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-layer-info-container) > label { display: none !important; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-flip::before,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-flip::before { content: "Flip"; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel { display: flex; align-items: center; gap: 8px; width: auto; height: auto; border: 0; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-line),
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-background),
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-rotate-handle),
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is([id^="rw_"]),
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-line),
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-background),
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-rotate-handle),
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is([id^="rw_"]) { display: none !important; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-left),
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-right),
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-left),
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-right) { position: static; flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: 4px; width: auto; min-width: 64px; height: 40px; padding: 0 10px; border: 1px solid var(--v3-line); border-radius: var(--v3-r); background: #fff; font-size: 13px; font-weight: 600; line-height: 1; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-left)::before,
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-right)::before,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-left)::before,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-right)::before { content: ""; flex: none; width: 18px; height: 18px; background: center / contain no-repeat; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel > .dn-d-mp-actions-controls-rotate-left::before,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel > .dn-d-mp-actions-controls-rotate-left::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E"); }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel > .dn-d-mp-actions-controls-rotate-right::before,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel > .dn-d-mp-actions-controls-rotate-right::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E"); }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-left)::after,
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-right)::after,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-left)::after,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-right)::after { content: "5°"; font-family: Inter, system-ui, -apple-system, sans-serif; letter-spacing: normal; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-panel > .dn-d-mp-actions-controls-rotate-right,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-panel > .dn-d-mp-actions-controls-rotate-right { order: 2; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-degrees,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-degrees { position: static; order: 1; flex: none; display: flex; align-items: center; gap: 4px; width: auto; height: 40px; margin: 0; font-size: 15px; font-weight: 600; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-rotate-degrees input,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-rotate-degrees input { width: 64px; height: 40px; margin: 0; padding: 0 8px; font-family: inherit; font-size: 16px; font-weight: 600; text-align: center; color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-flip-and-align > ul,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-flip-and-align > ul { display: flex; flex-direction: column; gap: 16px; width: auto; margin: 0; padding: 0; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-flip-and-align > ul > li,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-flip-and-align > ul > li { width: auto !important; margin: 0 !important; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-flip-and-align ol,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-flip-and-align ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: auto; margin: 0; padding: 0; }
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-centering-horizontal),
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-centering-vertical),
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-flip-x),
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-flip-y),
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-layer-action),
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-centering-horizontal),
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-centering-vertical),
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-flip-x),
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-flip-y),
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-layer-action) { width: auto !important; height: 40px !important; margin: 0 !important; padding: 0 8px !important; border: 1px solid var(--v3-line) !important; border-radius: var(--v3-r) !important; background: #fff !important; box-shadow: none !important; font-size: 13px; font-weight: 600; line-height: 38px; text-align: center; white-space: nowrap; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-centering-horizontal)::before,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-centering-vertical)::before,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-flip-x)::before,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-flip-y)::before,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-layer-action)::before,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-centering-horizontal)::before,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-centering-vertical)::before,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-flip-x)::before,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-flip-y)::before,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-layer-action)::before { margin-right: 6px; font-size: 18px; line-height: 1; vertical-align: -3px; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-layer-action::before,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-layer-action::before { font-size: 14px; vertical-align: -1px; }
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-centering-horizontal)::after,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-centering-vertical)::after,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-flip-x)::after,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-flip-y)::after,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-layer-action)::after,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-centering-horizontal)::after,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-centering-vertical)::after,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-flip-x)::after,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-flip-y)::after,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-layer-action)::after { font-family: Inter, system-ui, -apple-system, sans-serif; letter-spacing: normal; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-centering-horizontal::after,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-centering-horizontal::after { content: "Horizontally"; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-centering-vertical::after,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-centering-vertical::after { content: "Vertically"; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-flip-x::after,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-flip-x::after { content: "Mirror"; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-actions-controls-flip-y::after,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-actions-controls-flip-y::after { content: "Upside down"; }
#designer_container:is(.tsw-v3) #properties_container :is(:is(.dn-d-mp-actions-controls-centering-horizontal)):hover,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-left)):hover,
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-right)):hover,
#designer_container:is(.tsw-v3) #properties_container :is(:is(.dn-d-mp-actions-controls-centering-vertical)):hover,
#designer_container:is(.tsw-v3) #properties_container :is(:is(.dn-d-mp-actions-controls-flip-x)):hover,
#designer_container:is(.tsw-v3) #properties_container :is(:is(.dn-d-mp-actions-controls-flip-y)):hover,
#designer_container:is(.tsw-v3) #properties_container :is(:is(.dn-d-mp-layer-action)):hover,
#designer_container:is(.tsw-v3p) #properties_container :is(:is(.dn-d-mp-actions-controls-centering-horizontal)):hover,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-left)):hover,
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-actions-controls-rotate-panel > :is(.dn-d-mp-actions-controls-rotate-right)):hover,
#designer_container:is(.tsw-v3p) #properties_container :is(:is(.dn-d-mp-actions-controls-centering-vertical)):hover,
#designer_container:is(.tsw-v3p) #properties_container :is(:is(.dn-d-mp-actions-controls-flip-x)):hover,
#designer_container:is(.tsw-v3p) #properties_container :is(:is(.dn-d-mp-actions-controls-flip-y)):hover,
#designer_container:is(.tsw-v3p) #properties_container :is(:is(.dn-d-mp-layer-action)):hover { border-color: var(--v3-ink) !important; }
/* layer order: a named 2 x 2 instead of four 22px arrows; the cm readout beside it repeats Print size, so it goes */
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-layer-info-container,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-layer-info-container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 16px 0 4px; padding: 0; text-align: left; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-layer-info-container::before,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-layer-info-container::before { content: "Layer order"; grid-column: 1 / -1; font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; text-align: left; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-layer-info-container > :is(.dn-d-mp-layer-icon),
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-layer-info-container > :is(.dn-d-mp-layer-dimensions),
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-layer-info-container > :is(.dn-d-mp-layer-icon),
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-layer-info-container > :is(.dn-d-mp-layer-dimensions) { display: none !important; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-layer-controls,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-layer-controls { display: contents; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-layer-top::after,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-layer-top::after { content: "To front"; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-layer-up::after,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-layer-up::after { content: "Forward"; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-layer-down::after,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-layer-down::after { content: "Backward"; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-layer-bottom::after,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-layer-bottom::after { content: "To back"; }

/* ---- Layers: each item is a card row (type icon, name, size) with 36px move up, move down and delete buttons in
   place of DN's 15px icons; 44px on touch screens. The whole row still selects the item, as in DN ---- */
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-process-manage-pane-header,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-process-manage-pane-header { margin: 4px 0 8px; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; text-align: left; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-process-manage-pane-body,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-process-manage-pane-body { display: flex; flex-direction: column; gap: 8px; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-header,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-header { display: flex; align-items: center; gap: 8px; min-height: 56px; margin: 0; padding: 8px 8px 8px 10px; border: 1px solid var(--v3-line); border-radius: var(--v3-r); background: #fff; cursor: pointer; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-header:hover,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-header:hover { border-color: #bdbdbd; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-header.dn-selected,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-header.dn-selected { border-color: var(--v3-ink); box-shadow: inset 0 0 0 1px var(--v3-ink); background: #fff; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-title,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-title { flex: 1 1 auto; min-width: 0; display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; column-gap: 10px; margin: 0; padding: 0; list-style: none; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-title > li,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-title > li { width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-title > .dn-d-mp-icon,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-title > .dn-d-mp-icon { grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; gap: 2px; width: 32px !important; height: 32px; border-radius: var(--v3-r); background: var(--v3-surface); }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-title-title,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-title-title { overflow: hidden; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-title-title-title,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-title-title-title { display: block; overflow: hidden; font-size: 14px; font-weight: 600; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; text-align: left; color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-title > .dn-d-mp-title-dimension,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-title > .dn-d-mp-title-dimension { grid-column: 2; font-size: 12px; line-height: 1.3; text-align: left; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-title-dimension span,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-title-dimension span { font-size: inherit; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-controls,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-controls { flex: none; display: flex; align-items: center; gap: 6px; width: auto !important; margin: 0; padding: 0; list-style: none; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-controls > li:not(.dn-d-mp-lock-icon),
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-controls > li:not(.dn-d-mp-lock-icon) { flex: none; width: 36px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #d6d6d6; border-radius: var(--v3-r); background: #fff; line-height: 34px; text-align: center; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-controls > li:not(.dn-d-mp-lock-icon)::before,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-controls > li:not(.dn-d-mp-lock-icon)::before { font-size: 16px; line-height: 34px; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-controls > li:not(.dn-d-mp-lock-icon):hover,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-controls > li:not(.dn-d-mp-lock-icon):hover { border-color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-controls > li.dn-disabled,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-controls > li.dn-disabled { opacity: .35; cursor: default; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-controls > li.dn-disabled:hover,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-controls > li.dn-disabled:hover { border-color: #d6d6d6; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-controls > .dn-d-mp-delete,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-controls > .dn-d-mp-delete { color: #d0021b; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-controls > .dn-d-mp-delete:hover,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-controls > .dn-d-mp-delete:hover { border-color: #d0021b; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-controls > .dn-d-mp-delete::before,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-controls > .dn-d-mp-delete::before { color: #d0021b; }
#designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-lock-icon,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-lock-icon { padding: 3px 6px; border-radius: var(--v3-r); background: var(--v3-surface); font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--v3-muted); }
@media (pointer: coarse) {
  #designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-controls > li:not(.dn-d-mp-lock-icon),
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-controls > li:not(.dn-d-mp-lock-icon) { width: 44px !important; height: 44px !important; line-height: 42px; }
  #designer_container:is(.tsw-v3) #manage_pane_container .dn-d-mp-controls > li:not(.dn-d-mp-lock-icon)::before,
#designer_container:is(.tsw-v3p) #manage_pane_container .dn-d-mp-controls > li:not(.dn-d-mp-lock-icon)::before { line-height: 42px; }
}

/* ---- on the shirt: larger handles with finger-sized touch areas, and a size chip in place of DN's pill ---- */
/* DN anchors 14px handles; the larger ones are pulled back by half the growth so they stay on the corners.
   The translate3d layer stops the handles leaving ghost trails on mobile redraws. */
#designer_container:is(.tsw-v3) :is(.dn-d-el-delete),
#designer_container:is(.tsw-v3) :is(.dn-d-el-rotate),
#designer_container:is(.tsw-v3) :is(.dn-d-el-sizer),
#designer_container:is(.tsw-v3p) :is(.dn-d-el-delete),
#designer_container:is(.tsw-v3p) :is(.dn-d-el-rotate),
#designer_container:is(.tsw-v3p) :is(.dn-d-el-sizer) { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#designer_container:is(.tsw-v3) .dn-designer-element.dn-selected .dn-d-el-sizer,
#designer_container:is(.tsw-v3p) .dn-designer-element.dn-selected .dn-d-el-sizer { width: 22px !important; height: 22px !important; margin: -4px 0 0 -4px !important; background: #fff !important; border: 2px solid var(--v3-ink) !important; border-radius: 50% !important; box-shadow: none !important; overflow: visible !important; }
/* the touch areas reach out from the item rather than into it, so a small logo can still be dragged by its middle */
#designer_container:is(.tsw-v3) .dn-designer-element.dn-selected .dn-d-el-sizer::after,
#designer_container:is(.tsw-v3p) .dn-designer-element.dn-selected .dn-d-el-sizer::after { content: ""; position: absolute; inset: -2px; }
#designer_container:is(.tsw-v3) .dn-designer-element.dn-selected .dn-d-s-TL::after,
#designer_container:is(.tsw-v3p) .dn-designer-element.dn-selected .dn-d-s-TL::after { top: -14px; left: -14px; }
#designer_container:is(.tsw-v3) .dn-designer-element.dn-selected .dn-d-s-TR::after,
#designer_container:is(.tsw-v3p) .dn-designer-element.dn-selected .dn-d-s-TR::after { top: -14px; right: -14px; }
#designer_container:is(.tsw-v3) .dn-designer-element.dn-selected .dn-d-s-BL::after,
#designer_container:is(.tsw-v3p) .dn-designer-element.dn-selected .dn-d-s-BL::after { bottom: -14px; left: -14px; }
#designer_container:is(.tsw-v3) .dn-designer-element.dn-selected .dn-d-s-BR::after,
#designer_container:is(.tsw-v3p) .dn-designer-element.dn-selected .dn-d-s-BR::after { bottom: -14px; right: -14px; }
/* rotate sits below the item, in the middle: DN put it off the bottom-right corner, where its touch area and the
   resize handle's overlapped and a corner pull on a phone often grabbed rotate */
#designer_container:is(.tsw-v3) .dn-designer-element.dn-selected .dn-d-el-rotate,
#designer_container:is(.tsw-v3p) .dn-designer-element.dn-selected .dn-d-el-rotate { width: 28px !important; height: 28px !important; top: auto !important; right: auto !important; bottom: -56px !important; left: 50% !important; margin: 0 0 0 -14px !important; display: flex !important; align-items: center; justify-content: center; background: var(--v3-ink) !important; border: 2px solid #fff !important; border-radius: 50% !important; box-shadow: none !important; color: #fff !important; font-size: 13px !important; }
/* delete lives in the size chip; DN's x sat on the bottom-left resize handle, and a delete no longer asks first */
#designer_container:is(.tsw-v3) .dn-designer-element .dn-d-el-delete,
#designer_container:is(.tsw-v3p) .dn-designer-element .dn-d-el-delete { display: none !important; }
#designer_container:is(.tsw-v3) .dn-designer-element.dn-selected .dn-d-el-rotate::after,
#designer_container:is(.tsw-v3p) .dn-designer-element.dn-selected .dn-d-el-rotate::after { content: ""; position: absolute; inset: -8px; }
#designer_container:is(.tsw-v3) .dn-designer-element .dn-d-el-dims,
#designer_container:is(.tsw-v3p) .dn-designer-element .dn-d-el-dims,
#designer_container:is(.tsw-v3) .dn-designer-element .dn-d-el-edit,
#designer_container:is(.tsw-v3p) .dn-designer-element .dn-d-el-edit { display: none !important; }
#designer_container.tsw-v3p .dn-designer-element.dn-selected .dn-d-el-sizer { width: 26px !important; height: 26px !important; margin: -6px 0 0 -6px !important; }
#designer_container.tsw-v3p .dn-designer-element.dn-selected .dn-d-s-TL::after { top: -18px; left: -18px; }
#designer_container.tsw-v3p .dn-designer-element.dn-selected .dn-d-s-TR::after { top: -18px; right: -18px; }
#designer_container.tsw-v3p .dn-designer-element.dn-selected .dn-d-s-BL::after { bottom: -18px; left: -18px; }
#designer_container.tsw-v3p .dn-designer-element.dn-selected .dn-d-s-BR::after { bottom: -18px; right: -18px; }
/* 32px on phones, a little further below */
#designer_container.tsw-v3p .dn-designer-element.dn-selected .dn-d-el-rotate { width: 32px !important; height: 32px !important; bottom: -64px !important; margin: 0 0 0 -16px !important; }
/* the handle being held (the script marks the item with data-tsw-grab) grows and turns pink, and the others fade:
   a finger covers what it grabs */
#designer_container:is(.tsw-v3) .dn-designer-element.dn-selected :is(.dn-d-el-sizer),
#designer_container:is(.tsw-v3) .dn-designer-element.dn-selected :is(.dn-d-el-rotate),
#designer_container:is(.tsw-v3p) .dn-designer-element.dn-selected :is(.dn-d-el-sizer),
#designer_container:is(.tsw-v3p) .dn-designer-element.dn-selected :is(.dn-d-el-rotate) { transition: transform .12s ease, opacity .12s ease; }
#designer_container:is(.tsw-v3) .dn-designer-element[data-tsw-grab] :is(.dn-d-el-sizer),
#designer_container:is(.tsw-v3) .dn-designer-element[data-tsw-grab] :is(.dn-d-el-rotate),
#designer_container:is(.tsw-v3p) .dn-designer-element[data-tsw-grab] :is(.dn-d-el-sizer),
#designer_container:is(.tsw-v3p) .dn-designer-element[data-tsw-grab] :is(.dn-d-el-rotate) { opacity: .3; }
#designer_container:is(.tsw-v3) .dn-designer-element[data-tsw-grab="TL"] .dn-d-s-TL,
#designer_container:is(.tsw-v3p) .dn-designer-element[data-tsw-grab="TL"] .dn-d-s-TL,
#designer_container:is(.tsw-v3) .dn-designer-element[data-tsw-grab="TR"] .dn-d-s-TR,
#designer_container:is(.tsw-v3p) .dn-designer-element[data-tsw-grab="TR"] .dn-d-s-TR,
#designer_container:is(.tsw-v3) .dn-designer-element[data-tsw-grab="BL"] .dn-d-s-BL,
#designer_container:is(.tsw-v3p) .dn-designer-element[data-tsw-grab="BL"] .dn-d-s-BL,
#designer_container:is(.tsw-v3) .dn-designer-element[data-tsw-grab="BR"] .dn-d-s-BR,
#designer_container:is(.tsw-v3p) .dn-designer-element[data-tsw-grab="BR"] .dn-d-s-BR,
#designer_container:is(.tsw-v3) .dn-designer-element[data-tsw-grab="rotate"] .dn-d-el-rotate,
#designer_container:is(.tsw-v3p) .dn-designer-element[data-tsw-grab="rotate"] .dn-d-el-rotate { opacity: 1; background: var(--v3-pink) !important; border-color: #fff !important; -webkit-transform: translate3d(0, 0, 0) scale(1.45); transform: translate3d(0, 0, 0) scale(1.45); }
/* above the item, clear of the top corner handles' touch areas (the script's clampChip uses the same gaps) */
#designer_container:is(.tsw-v3) #tsw-chip,
#designer_container:is(.tsw-v3p) #tsw-chip { position: absolute; z-index: 1001; left: 50%; bottom: 100%; display: flex; gap: 6px; transform: translate(-50%, -32px); white-space: nowrap; letter-spacing: normal; word-spacing: normal; font-family: var(--font-body, Inter, system-ui, sans-serif); }
#designer_container:is(.tsw-v3) #tsw-chip .tsw-chip-btn,
#designer_container:is(.tsw-v3p) #tsw-chip .tsw-chip-btn { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 12px; border: 0; border-radius: 15px; background: var(--v3-ink); font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1; color: #fff; cursor: pointer; }
/* chip v2 (3 Oct 2026): Edit is white and outlined, with no size, and only on phones and tablets (on computers the
   panel beside the shirt holds it all). Centre, Duplicate and Delete are round icons */
#designer_container:is(.tsw-v3) #tsw-chip .tsw-chip-size,
#designer_container:is(.tsw-v3p) #tsw-chip .tsw-chip-size { gap: 6px; padding: 0 13px 0 10px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--v3-ink); color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-chip .tsw-chip-size b,
#designer_container:is(.tsw-v3p) #tsw-chip .tsw-chip-size b { font-size: 13px; font-weight: 800; }
#designer_container.tsw-v3:not(.tsw-v3-mid) #tsw-chip .tsw-chip-size { display: none; }
/* the size, only while it changes: a small white label with an ink outline (it reads on black and white garments)
   over the chip, fading a moment after (the script's liveSize) */
#designer_container:is(.tsw-v3) #tsw-chip .tsw-chip-live,
#designer_container:is(.tsw-v3p) #tsw-chip .tsw-chip-live { position: absolute; left: 50%; bottom: calc(100% + 6px); display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 13px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--v3-ink); font-size: 12px; font-weight: 700; line-height: 1; color: var(--v3-ink); white-space: nowrap; opacity: 0; visibility: hidden; transform: translateX(-50%); transition: opacity .2s ease, visibility 0s linear .2s; pointer-events: none; }
#designer_container:is(.tsw-v3) #tsw-chip.is-live .tsw-chip-live,
#designer_container:is(.tsw-v3p) #tsw-chip.is-live .tsw-chip-live { opacity: 1; visibility: visible; transition: opacity .1s ease, visibility 0s; }
#designer_container.tsw-v3p #tsw-chip .tsw-chip-live { height: 30px; padding: 0 12px; border-radius: 15px; font-size: 13px; }
#designer_container:is(.tsw-v3) #tsw-chip :is(.tsw-chip-centre),
#designer_container:is(.tsw-v3) #tsw-chip :is(.tsw-chip-del),
#designer_container:is(.tsw-v3p) #tsw-chip :is(.tsw-chip-centre),
#designer_container:is(.tsw-v3p) #tsw-chip :is(.tsw-chip-del) { width: 30px; padding: 0; justify-content: center; background: #fff; box-shadow: inset 0 0 0 1.5px var(--v3-ink); color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-chip .tsw-chip-del,
#designer_container:is(.tsw-v3p) #tsw-chip .tsw-chip-del { color: #c4002b; }
#designer_container:is(.tsw-v3) #tsw-chip svg,
#designer_container:is(.tsw-v3p) #tsw-chip svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#designer_container.tsw-v3p #tsw-chip .tsw-chip-btn { height: 36px; padding: 0 14px; font-size: 13px; border-radius: 18px; }
#designer_container.tsw-v3p #tsw-chip .tsw-chip-size { padding: 0 14px 0 12px; }
#designer_container.tsw-v3p #tsw-chip .tsw-chip-size b { font-size: 15px; }
#designer_container.tsw-v3p #tsw-chip :is(.tsw-chip-centre),
#designer_container.tsw-v3p #tsw-chip :is(.tsw-chip-del) { width: 36px; padding: 0; }
#designer_container.tsw-v3p #tsw-chip svg { width: 18px; height: 18px; }
#designer_container.tsw-v3p #tsw-chip:not(.tsw-chip-below) { transform: translate(-50%, -40px); }

/* ---- designer tools (2 Oct 2026): the angle slider, Duplicate, Copy and Paste, groups ---- */
/* the chip: Duplicate (and Ungroup on a group) as round icons beside Centre and Delete */
#designer_container:is(.tsw-v3) #tsw-chip [hidden],
#designer_container:is(.tsw-v3p) #tsw-chip [hidden] { display: none !important; }
#designer_container:is(.tsw-v3) #tsw-chip :is(.tsw-chip-dup),
#designer_container:is(.tsw-v3) #tsw-chip :is(.tsw-chip-ungroup),
#designer_container:is(.tsw-v3p) #tsw-chip :is(.tsw-chip-dup),
#designer_container:is(.tsw-v3p) #tsw-chip :is(.tsw-chip-ungroup) { width: 30px; padding: 0; justify-content: center; background: #fff; box-shadow: inset 0 0 0 1.5px var(--v3-ink); color: var(--v3-ink); }
#designer_container.tsw-v3p #tsw-chip :is(.tsw-chip-dup),
#designer_container.tsw-v3p #tsw-chip :is(.tsw-chip-ungroup) { width: 36px; padding: 0; }
/* the slider replaces DN's dial and 5-degree arrows */
#designer_container:is(.tsw-v3) .dn-d-mp-actions-controls-rotate,
#designer_container:is(.tsw-v3p) .dn-d-mp-actions-controls-rotate { display: none !important; }
#designer_container:is(.tsw-v3) #tsw-tools,
#designer_container:is(.tsw-v3p) #tsw-tools { display: flex; flex-direction: column; gap: 10px; margin-top: 2px; padding-top: 14px; border-top: 1px solid var(--v3-line); }
#designer_container:is(.tsw-v3) #tsw-tools [hidden],
#designer_container:is(.tsw-v3p) #tsw-tools [hidden] { display: none !important; }
#designer_container:is(.tsw-v3) #tsw-tools .tsw-ang-head,
#designer_container:is(.tsw-v3p) #tsw-tools .tsw-ang-head { display: flex; align-items: center; gap: 10px; }
#designer_container:is(.tsw-v3) #tsw-tools .tsw-ang-head .tsw-label,
#designer_container:is(.tsw-v3p) #tsw-tools .tsw-ang-head .tsw-label { margin: 0; }
#designer_container:is(.tsw-v3) #tsw-tools .tsw-ang-v,
#designer_container:is(.tsw-v3p) #tsw-tools .tsw-ang-v { min-width: 3.4em; font-size: 15px; font-weight: 700; line-height: 1; color: var(--v3-ink); font-variant-numeric: tabular-nums; }
#designer_container:is(.tsw-v3) #tsw-tools .tsw-ang-zero,
#designer_container:is(.tsw-v3p) #tsw-tools .tsw-ang-zero { margin-left: auto; height: 30px; padding: 0 12px; border: 1px solid var(--v3-line); border-radius: var(--v3-r); background: #fff; font-family: inherit; font-size: 12px; font-weight: 600; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-tools .tsw-ang-zero:hover,
#designer_container:is(.tsw-v3p) #tsw-tools .tsw-ang-zero:hover { border-color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-tools .tsw-ang-r,
#designer_container:is(.tsw-v3p) #tsw-tools .tsw-ang-r { display: block; width: 100%; height: 28px; margin: 4px 0 0; padding: 0; accent-color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-tools .tsw-ang-ticks,
#designer_container:is(.tsw-v3p) #tsw-tools .tsw-ang-ticks { display: flex; justify-content: space-between; margin-top: -2px; font-size: 10px; line-height: 1; color: var(--v3-muted); font-variant-numeric: tabular-nums; }
#designer_container:is(.tsw-v3) #tsw-tools .tsw-tools-row,
#designer_container:is(.tsw-v3p) #tsw-tools .tsw-tools-row { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
#designer_container:is(.tsw-v3) #tsw-tools .tsw-btn svg,
#designer_container:is(.tsw-v3p) #tsw-tools .tsw-btn svg { flex: none; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }
#designer_container:is(.tsw-v3) #tsw-tools .tsw-tools-note,
#designer_container:is(.tsw-v3p) #tsw-tools .tsw-tools-note { margin: 0; font-size: 12px; line-height: 1.45; color: var(--v3-muted); }
/* Paste in the header, once something's copied */
#designer_container:is(.tsw-v3) #tsw-dh .tsw-dh-paste[hidden],
#designer_container:is(.tsw-v3p) #tsw-dh .tsw-dh-paste[hidden] { display: none !important; }
/* phones: the top bar has room for eight, so Paste takes Redo's place while something's copied */
#designer_container.tsw-v3p #tsw-dh.tsw-has-paste [data-act="redo"] { display: none !important; }
#designer_container:is(.tsw-v3) #tsw-dh .tsw-dh-paste svg,
#designer_container:is(.tsw-v3p) #tsw-dh .tsw-dh-paste svg { flex: none; width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
/* grouping: a bar over the top of the canvas while items are chosen */
#designer_container:is(.tsw-v3) #tsw-groupbar,
#designer_container:is(.tsw-v3p) #tsw-groupbar { position: absolute; top: 14px; left: 50%; z-index: 1003; display: flex; align-items: center; gap: 12px; max-width: calc(100% - 24px); padding: 6px 6px 6px 14px; border: 1.5px solid var(--v3-ink); border-radius: var(--v3-r); background: #fff; transform: translateX(-50%); font-family: var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; word-spacing: normal; white-space: nowrap; }
#designer_container:is(.tsw-v3) #tsw-groupbar[hidden],
#designer_container:is(.tsw-v3p) #tsw-groupbar[hidden] { display: none !important; }
#designer_container:is(.tsw-v3) #tsw-groupbar .tsw-gb-t,
#designer_container:is(.tsw-v3p) #tsw-groupbar .tsw-gb-t { margin: 0; font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--v3-ink); white-space: normal; }
#designer_container:is(.tsw-v3) #tsw-groupbar .tsw-gb-go,
#designer_container:is(.tsw-v3p) #tsw-groupbar .tsw-gb-go { display: flex; gap: 6px; }
#designer_container:is(.tsw-v3) #tsw-groupbar .tsw-btn,
#designer_container:is(.tsw-v3p) #tsw-groupbar .tsw-btn { width: auto; height: 36px; padding: 0 14px; }
#designer_container:is(.tsw-v3) #tsw-groupbar .tsw-btn:disabled,
#designer_container:is(.tsw-v3p) #tsw-groupbar .tsw-btn:disabled { opacity: .4; cursor: default; }
/* phones: the canvas fills the screen under the order bar and tool dock, so the bar sits under the print-area and grid
   chips at its top */
#designer_container.tsw-v3p #tsw-groupbar { top: 112px; width: calc(100% - 24px); justify-content: space-between; }
/* no room above the item: the chip sits below it, under the rotate handle */
#designer_container:is(.tsw-v3) #tsw-chip.tsw-chip-below,
#designer_container:is(.tsw-v3p) #tsw-chip.tsw-chip-below { top: 100%; bottom: auto; transform: translate(-50%, 66px); }
#designer_container.tsw-v3p #tsw-chip.tsw-chip-below { transform: translate(-50%, 74px); }
#designer_container:is(.tsw-v3) .tsw-sr,
#designer_container:is(.tsw-v3p) .tsw-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
@keyframes tsw-flash { from { background: #fff0f8; } to { background: #fff; } }
#designer_container:is(.tsw-v3) #tsw-size-tools.tsw-flash,
#designer_container:is(.tsw-v3p) #tsw-size-tools.tsw-flash { animation: tsw-flash 1.4s ease-out; }
/* the print area guides, all in the brand pink: the box in 2px long dashes at 60% with 8px round corners (an SVG, so the
   dash length is ours rather than the browser's dots; the line is clipped to the rounded box so it stays 2px at the
   corners too) and 1px lines on the quarters at 30%, the middle ones marking the centre. The Grid button steps
   through grid, box only (.tsw-grid-box on the designer) and nothing (DN adds .dn-hide-grid to the view) */
#designer_container:is(.tsw-v3) .dn-designer-view-container:not(.dn-hide-grid) .dn-decoration-area::before,
#designer_container:is(.tsw-v3p) .dn-designer-view-container:not(.dn-hide-grid) .dn-decoration-area::before { border: 0 !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Crect width='100%25' height='100%25' rx='8'/%3E%3C/clipPath%3E%3C/defs%3E%3Crect width='100%25' height='100%25' rx='8' fill='none' stroke='%23ff1493' stroke-opacity='.6' stroke-width='4' stroke-dasharray='12 7' clip-path='url(%23c)'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat !important; }
#designer_container:is(.tsw-v3) .dn-designer-view-container:not(.dn-hide-grid) .dn-decoration-area::after,
#designer_container:is(.tsw-v3p) .dn-designer-view-container:not(.dn-hide-grid) .dn-decoration-area::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background-image:
    linear-gradient(90deg, transparent calc(25% - 1px), rgba(209, 0, 116, .3) calc(25% - 1px), rgba(209, 0, 116, .3) 25%, transparent 25%, transparent calc(50% - 1px), rgba(209, 0, 116, .3) calc(50% - 1px), rgba(209, 0, 116, .3) 50%, transparent 50%, transparent calc(75% - 1px), rgba(209, 0, 116, .3) calc(75% - 1px), rgba(209, 0, 116, .3) 75%, transparent 75%),
    linear-gradient(transparent calc(25% - 1px), rgba(209, 0, 116, .3) calc(25% - 1px), rgba(209, 0, 116, .3) 25%, transparent 25%, transparent calc(50% - 1px), rgba(209, 0, 116, .3) calc(50% - 1px), rgba(209, 0, 116, .3) 50%, transparent 50%, transparent calc(75% - 1px), rgba(209, 0, 116, .3) calc(75% - 1px), rgba(209, 0, 116, .3) 75%, transparent 75%); }
#designer_container.tsw-grid-box:is(.tsw-v3) .dn-decoration-area::after,
#designer_container.tsw-grid-box:is(.tsw-v3p) .dn-decoration-area::after { display: none !important; }
/* the close-up moves with the mouse: a hand over bare shirt (a design and its handles keep their own cursors) */
#designer_container.tsw-v3.tsw-closeup #design_canvas_container { cursor: grab; }
#designer_container.tsw-v3.tsw-panning :is(#design_canvas_container),
#designer_container.tsw-v3.tsw-panning :is(#design_canvas_container *) { cursor: grabbing !important; }
/* DN's crop edge: a 1px yellow line on the same box, which showed through the gaps in the dashes */
#designer_container:is(.tsw-v3) .dn-decoration-area-crop::before,
#designer_container:is(.tsw-v3p) .dn-decoration-area-crop::before { border-color: transparent !important; }

/* ---- the start card over an empty print area ---- */
/* the start card lives in the canvas container, above DN's canvas stack; its own layer, so iPhone Safari keeps it on top,
   and above anything DN puts in the canvas (its items go up to z-index 1000). Everything outside the canvas panel (the
   drawers, menus, DN's pop-ups) still covers it. The script makes it wider than the print area and centres it there,
   and the ink outline shows it's a choice over the garment, not part of the grid (1 Oct 2026) */
#designer_container:is(.tsw-v3) #tsw-start,
#designer_container:is(.tsw-v3p) #tsw-start { position: absolute; z-index: 999999; transform: translateZ(0); box-sizing: border-box; display: block; pointer-events: none; letter-spacing: normal; word-spacing: normal; }
#designer_container:is(.tsw-v3) #tsw-start .tsw-start-in,
#designer_container:is(.tsw-v3p) #tsw-start .tsw-start-in { position: relative; box-sizing: border-box; width: 100%; display: flex; flex-direction: column; gap: 10px; padding: 26px 24px 20px; border: 1.5px solid var(--v3-ink); border-radius: var(--v3-r); background: #fff; text-align: center; font-family: var(--font-body, Inter, system-ui, sans-serif); color: var(--v3-ink); pointer-events: auto; }
#designer_container:is(.tsw-v3) #tsw-start .tsw-start-t,
#designer_container:is(.tsw-v3p) #tsw-start .tsw-start-t { margin-bottom: 4px; font-size: 22px; font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; }
#designer_container:is(.tsw-v3) #tsw-start .tsw-btn,
#designer_container:is(.tsw-v3p) #tsw-start .tsw-btn { height: 52px; font-size: 16px; }
#designer_container:is(.tsw-v3) #tsw-start .tsw-start-x,
#designer_container:is(.tsw-v3p) #tsw-start .tsw-start-x { position: absolute; top: 6px; right: 6px; width: 36px; height: 36px; font-size: 14px; }
#designer_container:is(.tsw-v3) #tsw-start .tsw-start-tip,
#designer_container:is(.tsw-v3p) #tsw-start .tsw-start-tip { margin: 4px 0 0; font-size: 13px; line-height: 1.45; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) .tsw-btn-pink,
#designer_container:is(.tsw-v3p) .tsw-btn-pink { border-color: var(--v3-pink); background: var(--v3-pink); color: #fff; }
#designer_container:is(.tsw-v3) .tsw-btn-pink:hover,
#designer_container:is(.tsw-v3p) .tsw-btn-pink:hover { border-color: var(--v3-pink-d); background: var(--v3-pink-d); }
#designer_container.tsw-v3p #tsw-start .tsw-start-in { gap: 8px; padding: 20px 16px 14px; }
#designer_container.tsw-v3p #tsw-start .tsw-start-t { font-size: 18px; }
#designer_container.tsw-v3p #tsw-start .tsw-btn { height: 44px; font-size: 15px; }
#designer_container.tsw-v3p #tsw-start .tsw-start-tip { font-size: 12px; }

/* ---- text sizes in the text drawer ---- */
#designer_container:is(.tsw-v3) #tsw-text-panel .tsw-tp-styles,
#designer_container:is(.tsw-v3p) #tsw-text-panel .tsw-tp-styles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
#designer_container:is(.tsw-v3) #tsw-text-panel .tsw-tp-style,
#designer_container:is(.tsw-v3p) #tsw-text-panel .tsw-tp-style { display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 0; padding: 8px 4px 7px; border: 1px solid var(--v3-line); border-radius: var(--v3-r); background: #fff; font-family: inherit; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-text-panel .tsw-tp-style b,
#designer_container:is(.tsw-v3p) #tsw-text-panel .tsw-tp-style b { font-size: 12px; font-weight: 700; line-height: 1.15; }
#designer_container:is(.tsw-v3) #tsw-text-panel .tsw-tp-style span,
#designer_container:is(.tsw-v3p) #tsw-text-panel .tsw-tp-style span { font-size: 11px; line-height: 1.1; color: var(--v3-muted); white-space: nowrap; }
#designer_container:is(.tsw-v3) #tsw-text-panel .tsw-tp-style:hover,
#designer_container:is(.tsw-v3p) #tsw-text-panel .tsw-tp-style:hover { border-color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-text-panel .tsw-tp-style.is-on,
#designer_container:is(.tsw-v3p) #tsw-text-panel .tsw-tp-style.is-on { border-color: var(--v3-ink); background: var(--v3-ink); color: #fff; }
#designer_container:is(.tsw-v3) #tsw-text-panel .tsw-tp-style.is-on span,
#designer_container:is(.tsw-v3p) #tsw-text-panel .tsw-tp-style.is-on span { color: #cfcfcf; }

/* ---- the item panels: keep what prints well, hide the rest ---- */
/* text: shadow, glow and blur (hard to print) and the template-only Advanced section; images: the photo filters,
   border and DN's quality bar (a calm line in the size tools replaces it) */
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-text-effect),
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-settings-expander-advanced),
#designer_container:is(.tsw-v3) #properties_container :is(.dn-d-mp-quality-panel),
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-text-effect),
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-settings-expander-advanced),
#designer_container:is(.tsw-v3p) #properties_container :is(.dn-d-mp-quality-panel) { display: none !important; }
#designer_container:is(.tsw-v3) #properties_container .dn-d-mp-image .dn-d-mp-settings-expander-effects,
#designer_container:is(.tsw-v3p) #properties_container .dn-d-mp-image .dn-d-mp-settings-expander-effects { display: none !important; }
/* text shapes: the arches, bridges, wave and ramp stay; the distortions go */
body.dn-page-designer .dn-d-mp-text-warp-dropdown-list *:has(> img[src*="/fish-eye"]),
body.dn-page-designer .dn-d-mp-text-warp-dropdown-list *:has(> img[src*="/squeeze"]),
body.dn-page-designer .dn-d-mp-text-warp-dropdown-list *:has(> img[src*="/expanding"]),
body.dn-page-designer .dn-d-mp-text-warp-dropdown-list *:has(> img[src*="/shrinking"]),
body.dn-page-designer .dn-d-mp-text-warp-dropdown-list *:has(> img[src*="/halfbridge"]) { display: none !important; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-quality,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-quality { margin: 0; padding: 2px 0 2px 10px; border-left: 2px solid #f0d49b; font-size: 12px; line-height: 1.45; color: #555; }
#designer_container:is(.tsw-v3) #tsw-size-tools .tsw-st-colour,
#designer_container:is(.tsw-v3p) #tsw-size-tools .tsw-st-colour { margin: 0; padding: 2px 0 2px 10px; border-left: 2px solid #e8a33d; font-size: 12px; line-height: 1.45; color: #555; }
#designer_container:is(.tsw-v3) #properties_container .dn-color-buttons > li.tsw-bright,
#designer_container:is(.tsw-v3p) #properties_container .dn-color-buttons > li.tsw-bright { position: relative; overflow: visible; }
#designer_container:is(.tsw-v3) #properties_container .dn-color-buttons > li.tsw-bright::after,
#designer_container:is(.tsw-v3p) #properties_container .dn-color-buttons > li.tsw-bright::after { content: ""; position: absolute; top: -6px; right: -6px; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; background: #e8a33d; box-sizing: border-box; }

/* ---- shared: order panel contents ---- */
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-head,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-head { display: none; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-body,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-body { display: flex; flex-direction: column; gap: 20px; padding: 16px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-colour-val,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-colour-val { display: inline-flex; align-items: center; gap: 8px; margin: -8px 0; padding: 8px 0; border: 0; background: none; font-family: inherit; font-size: 14px; font-weight: 600; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-chip,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-chip { display: block; width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-grid,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-pill,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-pill { display: flex; flex-direction: column; overflow: hidden; border: 1.5px solid var(--v3-line); border-radius: var(--v3-r); background: #fff; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-label,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-label { padding: 8px 0 7px; border: 0; background: none; font-family: inherit; font-size: 13px; font-weight: 700; text-align: center; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-stepper,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-stepper { display: flex; align-items: center; justify-content: space-between; background: var(--v3-surface); }
#designer_container:is(.tsw-v3) #tsw-order .tsw-stepper button,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-stepper button { width: 32px; height: 30px; padding: 0; border: 0; background: none; font-family: inherit; font-size: 16px; font-weight: 700; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-pill .tsw-stepper button,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-pill .tsw-stepper button { flex: 1 1 0; min-width: 20px; height: 36px; }
/* the count is a box to type in: it looks like the number until it's pointed at or tapped */
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-qty,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-qty { flex: 0 1 28px; min-width: 16px; width: 28px; height: 36px; margin: 0; padding: 0; border: 0 !important; border-radius: var(--v3-r) !important; background: none; box-shadow: none !important; font-family: inherit; font-size: 13px; font-weight: 700; text-align: center; color: var(--v3-ink); cursor: text; -moz-appearance: textfield; appearance: textfield; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-qty:hover,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-qty:hover { background: rgba(0, 0, 0, .07); }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-qty:focus,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-qty:focus { background: #fff; outline: 2px solid var(--v3-ink); outline-offset: -2px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-pill:not(.is-active) :is(.tsw-stepper button),
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-pill:not(.is-active) :is(.tsw-size-qty),
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-pill:not(.is-active) :is(.tsw-stepper button),
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-pill:not(.is-active) :is(.tsw-size-qty) { color: #8c8c8c; }
/* fingers: taller steppers, so a tap meant for + or − lands on it */
@media (pointer: coarse) {
  #designer_container:is(.tsw-v3) #tsw-order .tsw-size-pill .tsw-stepper button,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-pill .tsw-stepper button,
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-qty,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-qty { height: 40px; }
  #designer_container:is(.tsw-v3) #tsw-order .tsw-size-label,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-label { padding: 10px 0 9px; }
  /* 16px, or iPhone Safari zooms the page in when the box is tapped */
  #designer_container:is(.tsw-v3) #tsw-order .tsw-size-qty,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-qty { flex-basis: 32px; width: 32px; font-size: 16px; }
}
/* with a mouse the boxes are slimmer, and four across where the order column is 300px wide (1280px screens and up):
   eight sizes take two rows instead of three. Phones, tablets and touch screens keep the bigger boxes */
@media (hover: hover) and (pointer: fine) {
  #designer_container.tsw-v3:not(.tsw-v3-mid) #tsw-order .tsw-size-label { padding: 5px 0 4px; font-size: 12px; line-height: 1.25; }
  #designer_container.tsw-v3:not(.tsw-v3-mid) #tsw-order .tsw-size-pill .tsw-stepper button,
  #designer_container.tsw-v3:not(.tsw-v3-mid) #tsw-order .tsw-size-qty { height: 34px; }
}
@media (min-width: 1280px) and (hover: hover) and (pointer: fine) {
  #designer_container.tsw-v3:not(.tsw-v3-mid) #tsw-order .tsw-size-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  #designer_container.tsw-v3:not(.tsw-v3-mid) #tsw-order .tsw-size-pill .tsw-stepper button { flex: 0 0 19px; min-width: 0; font-size: 15px; }
  #designer_container.tsw-v3:not(.tsw-v3-mid) #tsw-order .tsw-size-qty { flex: 1 1 auto; width: auto; }
}
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-pill:not(.is-active) .tsw-minus,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-pill:not(.is-active) .tsw-minus { visibility: hidden; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-pill.is-active,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-pill.is-active { border-color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-pill.is-active .tsw-size-label,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-pill.is-active .tsw-size-label { background: var(--v3-ink); color: #fff; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-pill.is-active .tsw-stepper,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-pill.is-active .tsw-stepper { background: #efefef; }
/* a chosen size stays chosen when its name is tapped; the stepper under it flashes to show where the quantity changes */
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-pill.is-active .tsw-size-label,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-pill.is-active .tsw-size-label { cursor: default; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-pill.tsw-nudge .tsw-stepper,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-pill.tsw-nudge .tsw-stepper { animation: tsw-nudge .9s ease-out; }
@keyframes tsw-nudge { 0%, 40% { background: #ffd6ec; } 100% { background: #efefef; } }
/* one-size products (caps, bags): "One size" or pick-one size buttons, and a quantity stepper on DN's main qty */
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-single,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-single { display: flex; flex-direction: column; gap: 12px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-single-opts,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-single-opts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-opt,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-opt { height: 40px; border: 1.5px solid var(--v3-line); border-radius: var(--v3-r); background: #fff; font-family: inherit; font-size: 13px; font-weight: 700; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-opt.is-active,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-opt.is-active { border-color: var(--v3-ink); background: var(--v3-ink); color: #fff; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-one-size,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-one-size { font-size: 14px; font-weight: 600; color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-order .tsw-qty-step,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-qty-step { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-qty-step .tsw-label,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-qty-step .tsw-label { margin: 0; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-qty-step .tsw-stepper,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-qty-step .tsw-stepper { display: flex; align-items: center; overflow: hidden; border: 1.5px solid var(--v3-ink); border-radius: var(--v3-r); background: #fff; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-qty-step .tsw-stepper button,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-qty-step .tsw-stepper button { width: 40px; height: 40px; color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-order .tsw-qty-step .tsw-qty-input,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-qty-step .tsw-qty-input { width: 52px; height: 40px; padding: 0; border: 0; border-left: 1px solid var(--v3-line); border-right: 1px solid var(--v3-line); border-radius: 0; background: #fff; font-family: inherit; font-size: 15px; font-weight: 700; text-align: center; color: var(--v3-ink); }
/* the Sizes label row, with a Size guide link that opens the chart in the product panel */
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-sizes-head,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-sizes-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-sizes-head .tsw-label,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-sizes-head .tsw-label { margin: 0; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-guide-link,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-guide-link { margin: -10px -6px; padding: 10px 6px; border: 0; background: none; font-family: inherit; font-size: 12px; font-weight: 600; color: var(--v3-ink); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
/* Size guide opens the chart in place, under the Sizes label, and closes it again */
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-guide-link span,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-guide-link span { display: inline-block; margin-left: 2px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-guide-link[aria-expanded="true"] span,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-guide-link[aria-expanded="true"] span { transform: rotate(180deg); }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-guide,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-guide { margin: 0 0 14px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-guide .tsw-guide-table,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-guide .tsw-guide-table { font-size: 12px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-guide .tsw-guide-table :is(th),
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-guide .tsw-guide-table :is(td),
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-guide .tsw-guide-table :is(th),
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-guide .tsw-guide-table :is(td) { padding: 6px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-guide .tsw-guide-table thead th,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-guide .tsw-guide-table thead th { font-size: 10px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-size-summary,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-size-summary { margin-top: 10px; font-size: 12px; font-weight: 600; color: var(--v3-muted); }
/* the total, rebuilt from DN's figures (DN's own price stays in the page, hidden, so DN keeps it current). Three
   levels only: a small label, the total large, and one quiet line with the price each and the saving; pink is kept
   for the saving and the deal track */
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-price,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-price { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-total,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-total { order: 0; display: flex; flex-direction: column; gap: 2px; padding-bottom: 4px; }
#designer_container:is(.tsw-v3) #tsw-order:not(.has-price) .tsw-op-total > :not(.tsw-op-price),
#designer_container:is(.tsw-v3p) #tsw-order:not(.has-price) .tsw-op-total > :not(.tsw-op-price) { display: none; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-total > .tsw-label,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-total > .tsw-label { margin: 0; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-fig,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-fig { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 10px; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-now,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-now { font-size: 34px; font-weight: 800; line-height: 1.1; letter-spacing: -.02em; color: var(--v3-ink); }
/* "Was $263.45" sits right, above "Save $31.61 (12%)", at the same size */
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-was,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-was { margin-left: auto; font-size: 13px; font-weight: 500; color: var(--v3-muted); white-space: nowrap; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-was s,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-was s { text-decoration: line-through; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-sub,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-sub { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 13px; line-height: 1.4; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-save,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-save { margin-left: auto; font-weight: 700; color: var(--v3-pink); white-space: nowrap; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-ex,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-ex { font-size: 12px; line-height: 1.4; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-ex:empty,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-ex:empty { display: none; }
/* the price covers the printing: which sides it prints */
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-print,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-print { font-size: 12px; font-weight: 600; line-height: 1.4; color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-print:empty,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-print:empty { display: none; }
/* the bulk deal, under the sizes where quantities are added: a full-width track and one line */
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-deal,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-deal { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; font-size: 13px; line-height: 1.4; color: var(--v3-muted); }
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-bar,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-bar { display: block; height: 6px; overflow: hidden; border-radius: 3px; background: var(--v3-line); }
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-bar i,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-bar i { display: block; height: 100%; border-radius: 3px; background: var(--v3-pink); transition: width .3s ease; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-pt-next b,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-pt-next b { font-weight: 700; color: var(--v3-ink); }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-extra,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-extra { display: none; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-foot,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-foot { flex: 0 0 auto; display: flex; flex-direction: column; gap: 8px; padding: 12px 16px 16px; border-top: 1px solid var(--v3-line); background: #fff; }
#designer_container:is(.tsw-v3) #tsw-order .tsw-op-warn,
#designer_container:is(.tsw-v3p) #tsw-order .tsw-op-warn { order: 2; margin: 0; font-size: 12px; line-height: 1.4; text-align: center; color: #a15c00; }
#designer_container:is(.tsw-v3) #tsw-order #add_to_cart_button_container,
#designer_container:is(.tsw-v3p) #tsw-order #add_to_cart_button_container { order: 1; display: block; width: 100%; height: auto; padding: 0; border: 0; letter-spacing: normal; }
#designer_container:is(.tsw-v3) #tsw-order .dn-btn-cart,
#designer_container:is(.tsw-v3p) #tsw-order .dn-btn-cart { display: flex; align-items: center; justify-content: center; width: 100%; max-width: none; height: 48px; padding: 0 16px; border: 0 !important; border-radius: var(--v3-r) !important; background: var(--v3-pink) !important; box-shadow: none !important; transform: none !important; color: #fff !important; line-height: 1; cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-order .dn-btn-cart:hover,
#designer_container:is(.tsw-v3p) #tsw-order .dn-btn-cart:hover { background: var(--v3-pink-d) !important; }
#designer_container:is(.tsw-v3) #tsw-order .dn-btn-cart :is(.dn-btn-valign),
#designer_container:is(.tsw-v3) #tsw-order .dn-btn-cart :is(.dn-btn-icon),
#designer_container:is(.tsw-v3) #tsw-order .dn-btn-cart :is(.dn-d-alert-icon),
#designer_container:is(.tsw-v3p) #tsw-order .dn-btn-cart :is(.dn-btn-valign),
#designer_container:is(.tsw-v3p) #tsw-order .dn-btn-cart :is(.dn-btn-icon),
#designer_container:is(.tsw-v3p) #tsw-order .dn-btn-cart :is(.dn-d-alert-icon) { display: none !important; }
#designer_container:is(.tsw-v3) #tsw-order .dn-btn-cart .dn-btn-label,
#designer_container:is(.tsw-v3p) #tsw-order .dn-btn-cart .dn-btn-label { margin: 0; padding: 0; }
#designer_container:is(.tsw-v3) #tsw-order .dn-btn-cart .dn-btn-label span,
#designer_container:is(.tsw-v3p) #tsw-order .dn-btn-cart .dn-btn-label span { margin: 0; font-size: 15px; font-weight: 700; letter-spacing: normal; text-transform: none; color: #fff; }
#designer_container:is(.tsw-v3) #tsw-order .dn-designer-toolbar-add-to-cart #update_cart_button,
#designer_container:is(.tsw-v3p) #tsw-order .dn-designer-toolbar-add-to-cart #update_cart_button { display: none; }
#designer_container:is(.tsw-v3) #tsw-order .dn-designer-toolbar-add-to-cart.dn-alt #add_to_cart_button,
#designer_container:is(.tsw-v3p) #tsw-order .dn-designer-toolbar-add-to-cart.dn-alt #add_to_cart_button { display: none; }
#designer_container:is(.tsw-v3) #tsw-order .dn-designer-toolbar-add-to-cart.dn-alt #update_cart_button,
#designer_container:is(.tsw-v3p) #tsw-order .dn-designer-toolbar-add-to-cart.dn-alt #update_cart_button { display: flex; }
/* side tabs: one per print area (the polo's pocket has its own), with short names ("Sleeve L"; "Front" for "Womens
   Front"; DN's full name is the tooltip) and thumbnails from 1280px. Every tab shows whole, never cut off: centred in
   one row when they fit, otherwise wrapped onto a second row. The script drops the thumbnails first when they're what
   doesn't fit (.is-plain), and gives the bar's height to --v3-sides so the canvas makes room. On phones the tabs are
   a menu behind a chip over the canvas instead (below) */
#designer_container:is(.tsw-v3) #tsw-sides > .tsw-side,
#designer_container:is(.tsw-v3p) #tsw-sides > .tsw-side { flex: 0 0 auto; max-width: 100%; }
#designer_container:is(.tsw-v3) #tsw-sides .tsw-side-name,
#designer_container:is(.tsw-v3p) #tsw-sides .tsw-side-name { display: none; }
/* a name still too long for a tab (an admin description) ends in "…"; DN's full name is the tab's tooltip */
#designer_container:is(.tsw-v3) #tsw-sides .tsw-side-short,
#designer_container:is(.tsw-v3p) #tsw-sides .tsw-side-short { display: block; max-width: 9em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---- desktop and tablet shell (.tsw-v3) ---- */
#designer_container.tsw-v3 {
  --v3-head: 56px; --v3-rail: 84px; --v3-drawer: 320px; --v3-order: 300px; --v3-sides: 72px;
  --v3-stage: clamp(520px, calc(100vh - 270px), 760px);
  height: auto !important; min-height: 0 !important; overflow: hidden;
  border: 1px solid var(--v3-line); border-radius: var(--v3-r); background: #fff;
  /* DN pins the designer with an inline position: fixed while one of its phone panels is open, and doesn't undo it
     when the screen widens (a tablet turned, a window resized): pinned, the designer shrinks to under 768px, so DN
     stays in its phone mode and the page below slides up under it. Back in the page flow, DN measures the full
     width and leaves phone mode. */
  position: relative !important;
}
@supports (height: 100svh) {
  #designer_container.tsw-v3 { --v3-stage: clamp(520px, calc(100svh - 270px), 760px); }
}
@media (max-width: 1279px) {
  #designer_container.tsw-v3 { --v3-rail: 72px; --v3-drawer: 280px; --v3-order: 264px; }
}
#designer_container.tsw-v3 #tsw-dh { position: relative; z-index: 6; display: flex; align-items: center; gap: 16px; height: var(--v3-head); padding: 0 12px 0 16px; border-bottom: 1px solid var(--v3-line); background: #fff; }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-close { display: none; }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-product { flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: 14px; }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-text { min-width: 0; display: flex; flex-direction: column; }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-name { font-size: 15px; font-weight: 700; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-meta { font-size: 12px; line-height: 1.3; color: var(--v3-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-link { flex: 0 0 auto; margin: -10px -6px; padding: 10px 6px; border: 0; background: none; font-family: inherit; font-size: 13px; font-weight: 600; color: var(--v3-ink); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-dh .tsw-dh-tools,
#designer_container:is(.tsw-v3p) #tsw-dh .tsw-dh-tools { flex: 0 0 auto; display: flex; align-items: center; gap: 2px; }
#designer_container:is(.tsw-v3) #tsw-dh .tsw-dh-tool,
#designer_container:is(.tsw-v3p) #tsw-dh .tsw-dh-tool { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: var(--v3-r); background: none; color: var(--v3-ink); font-size: 17px; line-height: 1; cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-dh .tsw-dh-tool:hover,
#designer_container:is(.tsw-v3p) #tsw-dh .tsw-dh-tool:hover { background: var(--v3-surface); }
#designer_container:is(.tsw-v3) #tsw-dh .tsw-dh-tool.is-on,
#designer_container:is(.tsw-v3p) #tsw-dh .tsw-dh-tool.is-on { background: var(--v3-ink); color: #fff; }
#designer_container:is(.tsw-v3) #tsw-dh .tsw-dh-tool:disabled,
#designer_container:is(.tsw-v3p) #tsw-dh .tsw-dh-tool:disabled { background: none; color: #c8c8c8; cursor: default; }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-sep { width: 1px; height: 24px; margin: 0 6px; background: var(--v3-line); }
/* undo, redo, zoom and grid: bordered 40px buttons with bigger icons, named from 1360px wide */
#designer_container.tsw-v3 #tsw-dh .tsw-dh-tools { gap: 6px; }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-tool { gap: 7px; width: auto; min-width: 40px; height: 40px; padding: 0 10px; border: 1px solid var(--v3-line); font-size: 19px; }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-tool:hover { border-color: var(--v3-ink); background: #fff; }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-tool.is-on { border-color: var(--v3-ink); background: var(--v3-ink); }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-tool:disabled { border-color: var(--v3-line); background: #fff; }
#designer_container:is(.tsw-v3) #tsw-dh .tsw-dh-tool-name,
#designer_container:is(.tsw-v3p) #tsw-dh .tsw-dh-tool-name { display: none; font-size: 13px; font-weight: 600; line-height: 1; }
/* the guides button draws its mode: lines for the grid, the box alone, the box struck through when off */
#designer_container:is(.tsw-v3) #tsw-dh .tsw-grid-ico,
#designer_container:is(.tsw-v3p) #tsw-dh .tsw-grid-ico { flex: none; display: block; width: 20px; height: 20px; }
#designer_container:is(.tsw-v3) [data-act="grid"]:not([data-mode="grid"]) .tsw-gi-lines,
#designer_container:is(.tsw-v3p) [data-act="grid"]:not([data-mode="grid"]) .tsw-gi-lines,
#designer_container:is(.tsw-v3) [data-act="grid"]:not([data-mode="off"]) .tsw-gi-off,
#designer_container:is(.tsw-v3p) [data-act="grid"]:not([data-mode="off"]) .tsw-gi-off { display: none; }
@media (min-width: 1360px) {
  #designer_container.tsw-v3:not(.tsw-v3-mid) #tsw-dh .tsw-dh-tool { padding: 0 12px; }
  #designer_container.tsw-v3:not(.tsw-v3-mid) #tsw-dh .tsw-dh-tool-name { display: inline; }
}
#designer_container.tsw-v3 #tsw-dh .tsw-dh-actions { flex: 1 1 0; display: flex; justify-content: flex-end; gap: 6px; }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-act { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 12px; border: 1px solid var(--v3-line); border-radius: var(--v3-r); background: #fff; font-family: inherit; font-size: 13px; font-weight: 600; color: var(--v3-ink); cursor: pointer; }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-act:hover { border-color: var(--v3-ink); }
#designer_container.tsw-v3 #tsw-dh .tsw-dh-act [class^="dn-icon-"] { font-size: 15px; line-height: 1; }
/* Cart, with the number of designs in it (shown once the cart has one) */
#designer_container:is(.tsw-v3) #tsw-dh .tsw-cart-n:empty,
#designer_container:is(.tsw-v3p) #tsw-dh .tsw-cart-n:empty { display: none; }
#designer_container.tsw-v3 #tsw-dh .tsw-cart-n { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--v3-ink); font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; color: #fff; }
/* the stage: DN's canvas area, padded to sit between the drawer and the order column */
#designer_container.tsw-v3 #product_image_panel {
  height: var(--v3-stage) !important;
  padding: 16px calc(var(--v3-order) + 16px) calc(var(--v3-sides) + 4px) calc(var(--v3-rail) + var(--v3-drawer) + 16px) !important;
}
/* the tool rail: white, with each tool an outlined button like the size boxes (the open one filled in ink). The tools
   that add to the design sit under an "Add" heading, and Layers sits apart below them. The phone dock stays flat */
#designer_container.tsw-v3 #tsw-rail { position: absolute; z-index: 5; top: var(--v3-head); left: 0; width: var(--v3-rail); height: var(--v3-stage); display: flex; flex-direction: column; gap: 6px; padding: 10px; border-right: 1px solid var(--v3-line); background: #fff; }
#designer_container:is(.tsw-v3) #tsw-rail button,
#designer_container:is(.tsw-v3p) #tsw-rail button { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 100%; padding: 10px 2px 9px; border: 0; border-radius: var(--v3-r); background: none; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.15; text-align: center; color: var(--v3-ink); cursor: pointer; }
#designer_container:is(.tsw-v3) #tsw-rail button:hover,
#designer_container:is(.tsw-v3p) #tsw-rail button:hover { background: var(--v3-surface); }
#designer_container:is(.tsw-v3) #tsw-rail button.is-on,
#designer_container:is(.tsw-v3p) #tsw-rail button.is-on { background: var(--v3-ink); color: #fff; }
#designer_container:is(.tsw-v3) #tsw-rail .tsw-ri,
#designer_container:is(.tsw-v3p) #tsw-rail .tsw-ri { display: flex; align-items: center; justify-content: center; height: 24px; line-height: 1; }
#designer_container:is(.tsw-v3) :is(#tsw-rail) .tsw-ri svg,
#designer_container:is(.tsw-v3) :is(#tsw-more) .tsw-ri svg,
#designer_container:is(.tsw-v3p) :is(#tsw-rail) .tsw-ri svg,
#designer_container:is(.tsw-v3p) :is(#tsw-more) .tsw-ri svg { display: block; flex: none; width: 24px; height: 24px; }
#designer_container.tsw-v3 #tsw-rail button { gap: 5px; padding: 8px 2px 7px; border: 1.5px solid var(--v3-line); background: #fff; }
#designer_container.tsw-v3 #tsw-rail button:hover { border-color: var(--v3-ink); background: #fff; }
#designer_container.tsw-v3 #tsw-rail button.is-on { border-color: var(--v3-ink); background: var(--v3-ink); color: #fff; }
#designer_container.tsw-v3 #tsw-rail button:focus-visible { outline: 2px solid var(--v3-ink) !important; outline-offset: 2px; }
#designer_container.tsw-v3 #tsw-rail .tsw-rail-cap { display: block; margin: 4px 0 -1px; padding: 10px 0 0; border-top: 1px solid var(--v3-line); font-size: 10px; font-weight: 700; line-height: 1; letter-spacing: .12em; text-transform: uppercase; text-align: center; color: var(--v3-muted); }
#designer_container.tsw-v3 #tsw-rail [data-rail="layers"] { position: relative; margin-top: 13px; }
#designer_container.tsw-v3 #tsw-rail [data-rail="layers"]::before { content: ""; position: absolute; top: -11px; left: -1.5px; right: -1.5px; border-top: 1px solid var(--v3-line); }
/* the drawer: DN's properties panel beside the rail */
#designer_container.tsw-v3 #properties_panel {
  border-radius: 0 !important; /* DN's 12px showed at the drawer's corners */
  position: absolute !important; z-index: 4; top: var(--v3-head) !important; left: var(--v3-rail) !important;
  width: var(--v3-drawer) !important; max-width: none !important; height: var(--v3-stage) !important;
  margin: 0 !important; padding: 0 !important; display: block !important; letter-spacing: normal; word-spacing: normal;
}
#designer_container.tsw-v3 #properties_panel .dn-designer-properties-panels-container { height: 100%; }
#designer_container.tsw-v3 #properties_panel .dn-designer-panel { height: 100% !important; padding-top: 48px; border: 0; border-right: 1px solid var(--v3-line); border-radius: 0; box-shadow: none; background: #fff; }
#designer_container.tsw-v3 #properties_panel .dn-designer-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 48px; margin-top: -48px; padding: 0 12px 0 16px; border-bottom: 1px solid var(--v3-line); background: #fff; }
#designer_container.tsw-v3 #properties_panel .dn-designer-panel-content { height: 100% !important; max-height: none !important; overflow: auto; }
/* the drawer and the order column keep room for a slim scrollbar at all times, so opening Details or the size guide
   no longer narrows them (the colours wrapped onto a new row and everything below jumped). The room stands in for
   the right padding */
#designer_container.tsw-v3 #properties_panel .dn-designer-panel-content,
#designer_container.tsw-v3 #tsw-order .tsw-op-body { scrollbar-gutter: stable; }
#designer_container.tsw-v3 #properties_panel .dn-designer-panel-content::-webkit-scrollbar,
#designer_container.tsw-v3 #tsw-order .tsw-op-body::-webkit-scrollbar { width: 8px; }
#designer_container.tsw-v3 #properties_panel .dn-designer-panel-content::-webkit-scrollbar-track,
#designer_container.tsw-v3 #tsw-order .tsw-op-body::-webkit-scrollbar-track { background: transparent; }
#designer_container.tsw-v3 #properties_panel .dn-designer-panel-content::-webkit-scrollbar-thumb,
#designer_container.tsw-v3 #tsw-order .tsw-op-body::-webkit-scrollbar-thumb { border: 2px solid #fff; border-radius: 4px; background: #c8c8c8; }
#designer_container.tsw-v3 #properties_panel .dn-designer-panel-content::-webkit-scrollbar-thumb:hover,
#designer_container.tsw-v3 #tsw-order .tsw-op-body::-webkit-scrollbar-thumb:hover { background: #8c8c8c; }
@supports not selector(::-webkit-scrollbar) {
  #designer_container.tsw-v3 #properties_panel .dn-designer-panel-content,
  #designer_container.tsw-v3 #tsw-order .tsw-op-body { scrollbar-width: thin; scrollbar-color: #c8c8c8 transparent; }
}
#designer_container.tsw-v3 :is(#properties_product_details_content),
#designer_container.tsw-v3 :is(#properties_container),
#designer_container.tsw-v3 :is(#tsw-size-tools),
#designer_container.tsw-v3 :is(#tsw-text-panel .tsw-tp),
#designer_container.tsw-v3 :is(#tsw-order .tsw-op-body) { padding-right: 8px !important; }
#designer_container.tsw-v3 #properties_panel .dn-designer-panel-footer { display: none !important; }
#designer_container.tsw-v3 #properties_panel .tsw-drawer-x { display: none; }
/* side tabs under the canvas */
#designer_container.tsw-v3 #tsw-sides { position: absolute; z-index: 3; top: calc(var(--v3-head) + var(--v3-stage) - var(--v3-sides)); left: calc(var(--v3-rail) + var(--v3-drawer)); right: var(--v3-order); min-height: var(--v3-sides); display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; gap: 6px; padding: 2px 8px; }
#designer_container.tsw-v3 #tsw-sides .tsw-side { position: relative; display: flex; align-items: center; gap: 8px; height: 48px; padding: 4px 14px 4px 4px; border: 1px solid var(--v3-line); border-radius: var(--v3-r); background: #fff; font-family: inherit; font-size: 13px; font-weight: 600; color: var(--v3-ink); cursor: pointer; }
#designer_container.tsw-v3 #tsw-sides .tsw-side:hover { border-color: #999; }
#designer_container.tsw-v3 #tsw-sides .tsw-side.is-on { border-color: var(--v3-ink); box-shadow: inset 0 0 0 1px var(--v3-ink); }
#designer_container.tsw-v3 #tsw-sides .tsw-side-img { display: block; width: 38px; height: 38px; background: var(--v3-surface); }
#designer_container.tsw-v3 #tsw-sides .tsw-side-img img { display: block; width: 100%; height: 100%; object-fit: contain; }
/* under 1280px four tabs with thumbnails don't fit between the drawer and the order column */
@media (max-width: 1279px) {
  #designer_container.tsw-v3 #tsw-sides .tsw-side-img { display: none; }
  #designer_container.tsw-v3 #tsw-sides .tsw-side { height: 38px; padding: 0 12px; }
}
/* nor do five or more from 1280px (the script measures): names only, as below 1280px */
#designer_container.tsw-v3 #tsw-sides.is-plain .tsw-side-img { display: none; }
#designer_container.tsw-v3 #tsw-sides.is-plain .tsw-side { height: 38px; padding: 0 12px; }
#designer_container:is(.tsw-v3) #tsw-sides .tsw-side-dot,
#designer_container:is(.tsw-v3p) #tsw-sides .tsw-side-dot { position: absolute; top: 5px; right: 5px; width: 7px; height: 7px; border-radius: 50%; background: var(--v3-pink); }
/* the order column */
#designer_container.tsw-v3 #tsw-order { position: absolute; z-index: 4; top: var(--v3-head); right: 0; width: var(--v3-order); height: var(--v3-stage); display: flex; flex-direction: column; border-left: 1px solid var(--v3-line); background: #fff; }
#designer_container.tsw-v3 #tsw-order .tsw-op-body { flex: 1 1 auto; min-height: 0; overflow: auto; }
#designer_container.tsw-v3 #tsw-pbar { display: none; }

/* tablet (768–1023px): the drawer slides over the canvas while a tool or an item is open */
#designer_container.tsw-v3.tsw-v3-mid { --v3-drawer: 300px; --v3-order: 256px; }
#designer_container.tsw-v3.tsw-v3-mid #product_image_panel { padding-left: calc(var(--v3-rail) + 16px) !important; }
#designer_container.tsw-v3.tsw-v3-mid #tsw-sides { left: var(--v3-rail); }
#designer_container.tsw-v3.tsw-v3-mid #properties_panel { z-index: 7; border-right: 1px solid var(--v3-line); }
#designer_container.tsw-v3.tsw-v3-mid:not(.tsw-drawer-open) #properties_panel { display: none !important; }
#designer_container.tsw-v3.tsw-v3-mid #properties_panel .tsw-drawer-x { display: inline-flex; }
#designer_container.tsw-v3.tsw-v3-mid #tsw-dh .tsw-dh-act { padding: 0 10px; }
#designer_container.tsw-v3.tsw-v3-mid #tsw-dh .tsw-dh-meta { display: none; }
/* Cart as its icon and count here, which leaves the product name more room (the button's label still says Cart) */
#designer_container.tsw-v3.tsw-v3-mid #tsw-dh .tsw-dh-cart-name { display: none; }
#designer_container.tsw-v3.tsw-v3-mid #tsw-order .tsw-size-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* while the drawer is open the canvas moves beside it (over the shirt it would hide the item being edited) and the
   order column steps aside until the drawer closes; the script tells DN to re-fit the canvas */
#designer_container.tsw-v3.tsw-v3-mid.tsw-drawer-open #product_image_panel { padding-left: calc(var(--v3-rail) + var(--v3-drawer) + 16px) !important; padding-right: 16px !important; }
#designer_container.tsw-v3.tsw-v3-mid.tsw-drawer-open #tsw-order { display: none; }
#designer_container.tsw-v3.tsw-v3-mid.tsw-drawer-open #tsw-sides { left: calc(var(--v3-rail) + var(--v3-drawer)); right: 0; }

/* short screens (a large phone on its side is 800-932px wide, so it gets this layout): the designer fits the height
   of the screen, so the canvas and Add to cart are on screen together once it's scrolled into view */
@media (max-height: 540px) and (min-width: 768px) {
  #designer_container.tsw-v3 { --v3-head: 48px; --v3-sides: 52px; --v3-stage: max(300px, calc(100vh - 60px)); }
  #designer_container.tsw-v3 #tsw-order .tsw-op-body { gap: 14px; padding: 12px 16px; }
  #designer_container.tsw-v3 #tsw-order .tsw-op-foot { padding: 10px 16px 12px; }
}
@supports (height: 100svh) {
  @media (max-height: 540px) and (min-width: 768px) {
    #designer_container.tsw-v3 { --v3-stage: max(300px, calc(100svh - 60px)); }
  }
}

/* ---- phone shell (.tsw-v3p, DN's slim mode) ---- */
/* a full-screen app view: DN leaves the container 7px off the left edge, and the site header would sit on top.
   z-index stays under DN's popups (900) so the library, team names and warnings open above it. */
/* the view is capped at 767px so DN stays in its phone mode; on a wider screen (an iPad in portrait, a phone on its
   side) it is a centred column. The backdrop either side belongs to the view (a page-level one would sit over the
   designer, as the page's sections are stacking layers) and takes the taps there, so nothing hidden behind is hit.
   The script lifts the view's own section above the others while it's up. */
#designer_container.tsw-v3p { --v3-top: 58px; --v3-sides: 0px; --v3-bar: 60px; --v3-dock: 62px; position: fixed !important; inset: 0 !important; z-index: 850; width: auto !important; max-width: 767px !important; height: auto !important; margin: 0 auto !important; background: #fff; }
#designer_container.tsw-v3p::before { content: ""; position: fixed; inset: 0; z-index: -1; background: #f5f5f5; }
/* on a landscape phone or small tablet the view stays under 768px wide, so DN stays in its phone mode */
html body.dn-page-designer.tsw-dz-phone { overflow: hidden !important; }
/* DN hides the site header under 768px (body.dn-fullscreen-mobile); the phone view can also apply at 768px and
   just above (iPad mini portrait), where DN's phone header would sit on the top bar, so it goes the same way */
body.dn-page-designer.tsw-dz-phone > header { display: none !important; }
body.dn-page-designer.tsw-dz-phone .dn-slim-desktop-header { visibility: hidden; }
#designer_container.tsw-v3p .tsw-item-done { display: none !important; }
#designer_container.tsw-v3p #tsw-dh { position: absolute; z-index: 6; top: 0; left: 0; right: 0; height: var(--v3-top); display: flex; align-items: center; justify-content: space-between; padding: 0 6px; border-bottom: 1px solid var(--v3-line); background: #fff; }
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-product),
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-sep),
#designer_container.tsw-v3p #tsw-dh :is([data-act="grid"]) { display: none !important; }
/* phones: every top-bar button is a large icon with its name under it (Close; Undo, Zoom, Preview, Save, Share).
   Icons alone were small and unclear (Undo read as a back arrow), and Preview, Save and Share were only inside the
   order sheet. Redo sits beside Undo. Cart is the eighth: they share the width (52px at most), and the words drop to
   10px under 360px */
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-tools),
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-actions) { display: flex; align-items: center; gap: 0; }
#designer_container.tsw-v3p #tsw-dh .tsw-dh-tools { margin-left: auto; }
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-close),
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-tool),
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-act) { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: min(52px, calc((100vw - 12px) / 8)); height: 54px; min-width: 0; padding: 0; border: 0; border-radius: var(--v3-r); background: none; font-family: inherit; font-size: 11px; font-weight: 600; line-height: 1; letter-spacing: normal; text-transform: none; color: var(--v3-ink); }
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-tool) > span:first-child,
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-act) > span:first-child,
#designer_container.tsw-v3p #tsw-dh .tsw-dh-x { font-size: 22px; line-height: 1; }
#designer_container.tsw-v3p #tsw-dh .tsw-dh-x { font-size: 20px; font-weight: 700; }
#designer_container.tsw-v3p #tsw-dh .tsw-dh-tool-name { display: block; font-size: 11px; font-weight: 600; }
/* Undo and Redo: our own line arrows (4 Oct 2026), a size up from the other icons on phones so they're easy to see */
#designer_container:is(.tsw-v3) #tsw-dh .tsw-ur-ico,
#designer_container:is(.tsw-v3p) #tsw-dh .tsw-ur-ico { display: block; flex: none; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
#designer_container.tsw-v3p #tsw-dh .tsw-ur-ico { width: 27px; height: 27px; stroke-width: 2.6; margin: -2px 0 -3px; }
#designer_container.tsw-v3p #tsw-dh .tsw-dh-tool.is-on { background: var(--v3-surface); color: var(--v3-ink); }
#designer_container.tsw-v3p #tsw-dh .tsw-dh-tool:disabled { background: none; color: #bdbdbd; }
@media (max-width: 359px) { #designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-close),
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-tool),
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-act),
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-tool-name) { font-size: 10px; } }
#designer_container.tsw-v3p #tsw-dh .tsw-dh-cart { position: relative; }
#designer_container.tsw-v3p #tsw-dh .tsw-cart-n { position: absolute; top: 3px; left: calc(50% + 5px); min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: var(--v3-ink); font-size: 10px; font-weight: 700; line-height: 16px; text-align: center; color: #fff; }
/* phones: a finger-sized X you can see (the owner, 3 Oct 2026: "very small to see") */
#designer_container.tsw-v3p #tsw-start .tsw-start-x { top: 2px; right: 2px; width: 44px; height: 44px; font-size: 22px; -webkit-text-stroke: 0.6px currentColor; color: #111111; }
#designer_container.tsw-v3p #tsw-order .tsw-op-colour-val { min-height: 36px; }
#designer_container.tsw-v3p #type_colors_container .dn-color-panel { grid-template-columns: repeat(auto-fill, minmax(44px, 1fr)); }
#designer_container.tsw-v3p #type_colors_container .dn-color-panel-cell { width: 34px !important; height: 34px !important; }
/* the print areas: a menu that opens from a chip over the canvas ("Front · 5 areas"), so the canvas keeps the room a
   row of tabs would take. The tabs themselves are the menu's rows (the chip and menu are hidden with one area) */
#designer_container.tsw-v3p #tsw-area-chip { position: absolute; z-index: 8; top: calc(var(--v3-top) + 8px); left: 10px; display: inline-flex; align-items: center; gap: 6px; max-width: calc(100% - 20px); height: 36px; padding: 0 12px 0 14px; border: 1px solid #d6d6d6; border-radius: 18px; background: rgba(255, 255, 255, 0.94); font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: normal; color: var(--v3-ink); cursor: pointer; }
#designer_container.tsw-v3p #tsw-area-chip[aria-expanded="true"] { border-color: var(--v3-ink); }
#designer_container.tsw-v3p #tsw-area-chip .tsw-ac-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#designer_container.tsw-v3p #tsw-area-chip .tsw-ac-count { flex: none; font-size: 12px; font-weight: 600; white-space: nowrap; color: var(--v3-muted); }
#designer_container.tsw-v3p #tsw-area-chip svg { flex: none; width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .15s ease; }
#designer_container.tsw-v3p #tsw-area-chip[aria-expanded="true"] svg { transform: rotate(180deg); }
/* the print area guides (grid, box only, none) over the canvas's other corner: the header has them on computers */
#designer_container.tsw-v3p #tsw-grid-chip { position: absolute; z-index: 8; top: calc(var(--v3-top) + 8px); right: 10px; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px 0 10px; border: 1px solid #d6d6d6; border-radius: 18px; background: rgba(255, 255, 255, 0.94); font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1; color: var(--v3-ink); cursor: pointer; }
#designer_container.tsw-v3p #tsw-grid-chip .tsw-grid-ico { flex: none; display: block; width: 18px; height: 18px; }
#designer_container:not(.tsw-v3p) #tsw-grid-chip { display: none; }
#designer_container.tsw-v3p #tsw-sides { position: absolute; z-index: 9; top: calc(var(--v3-top) + 50px); left: 10px; width: 232px; max-width: calc(100% - 20px); max-height: calc(100% - var(--v3-top) - var(--v3-bar) - var(--v3-dock) - 60px); display: flex; flex-direction: column; flex-wrap: nowrap; gap: 2px; padding: 6px; overflow-y: auto; border: 1px solid #d6d6d6; border-radius: 8px; background: #fff; }
#designer_container.tsw-v3p #tsw-sides:not(.is-open) { display: none; }
#designer_container.tsw-v3p #tsw-sides .tsw-side { position: relative; flex: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; height: 44px; padding: 0 12px; border: 0; border-radius: 6px; background: #fff; font-family: inherit; font-size: 15px; font-weight: 600; letter-spacing: normal; color: var(--v3-ink); text-align: left; cursor: pointer; }
#designer_container.tsw-v3p #tsw-sides .tsw-side.is-on { background: var(--v3-ink); color: #fff; }
#designer_container.tsw-v3p #tsw-sides .tsw-side-short { flex: 1 1 auto; min-width: 0; max-width: none; }
#designer_container.tsw-v3p #tsw-sides .tsw-side-img { display: none; }
#designer_container.tsw-v3p #tsw-sides .tsw-side-dot { position: static; flex: none; width: 8px; height: 8px; }
#designer_container.tsw-v3p #product_image_panel { height: 100% !important; padding: calc(var(--v3-top) + var(--v3-sides) + 8px) 10px calc(var(--v3-bar) + var(--v3-dock) + 8px) !important; }
/* two fingers on the shirt step the designer's zoom (the script), never the page's */
#designer_container.tsw-v3p #design_canvas_container { touch-action: none; }
#designer_container.tsw-v3p #tsw-rail { position: absolute; z-index: 6; left: 0; right: 0; bottom: 0; height: var(--v3-dock); display: flex; flex-direction: row; gap: 0; padding: 4px; border-top: 1px solid var(--v3-line); background: #fff; }
#designer_container.tsw-v3p #tsw-rail button { flex: 1 1 0; min-width: 0; gap: 4px; padding: 7px 0 6px; font-size: 11px; }
#designer_container.tsw-v3p #tsw-rail .tsw-ri { height: 22px; }
#designer_container.tsw-v3p #tsw-rail .tsw-ri svg { width: 22px; height: 22px; }
#designer_container.tsw-v3p #tsw-rail .tsw-rail-cap { display: none; }
/* the dock's More is for phones (the desktop and tablet rail shows every tool). On phones the dock is Upload,
   Designs, Text, Product and More, and Names and Layers open from More */
#designer_container.tsw-v3 :is(#tsw-rail [data-rail="more"]),
#designer_container.tsw-v3 :is(#tsw-more) { display: none !important; }
#designer_container.tsw-v3p #tsw-rail :is([data-rail="names"]),
#designer_container.tsw-v3p #tsw-rail :is([data-rail="layers"]) { display: none; }
#designer_container.tsw-v3p #tsw-rail [data-rail="upload"] { order: 1; }
#designer_container.tsw-v3p #tsw-rail [data-rail="designs"] { order: 2; }
#designer_container.tsw-v3p #tsw-rail [data-rail="text"] { order: 3; }
#designer_container.tsw-v3p #tsw-rail [data-rail="product"] { order: 4; }
#designer_container.tsw-v3p #tsw-rail [data-rail="more"] { order: 5; }
#designer_container.tsw-v3p #tsw-more { position: absolute; z-index: 9; right: 8px; bottom: calc(var(--v3-dock) + 8px); display: flex; flex-direction: column; min-width: 250px; padding: 4px 6px; border: 1px solid #d6d6d6; border-radius: var(--v3-r); background: #fff; }
#designer_container.tsw-v3p #tsw-more button { display: flex; align-items: center; gap: 14px; min-height: 54px; padding: 0 12px; border: 0; border-radius: var(--v3-r); background: none; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.2; color: var(--v3-ink); text-align: left; cursor: pointer; }
#designer_container.tsw-v3p #tsw-more button + button { border-top: 1px solid var(--v3-line); border-radius: 0; }
#designer_container.tsw-v3p #tsw-more .tsw-ri { display: flex; align-items: center; justify-content: center; width: 24px; font-size: 20px; }
/* with a design selected, three quick sizes sit on a row of their own above the order bar, so the price and the button
   stay in view (the chip's Edit has every size) */
#designer_container:is(.tsw-v3) #tsw-pbar .tsw-pb-sizes,
#designer_container:is(.tsw-v3p) #tsw-pbar .tsw-pb-sizes { display: none; }
#designer_container.tsw-v3p #tsw-pbar.is-item .tsw-pb-sizes { position: absolute; left: 0; right: 0; bottom: 100%; height: 52px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 12px; border-top: 1px solid var(--v3-line); background: #fff; }
#designer_container.tsw-v3p #tsw-pbar .tsw-pb-sizes::before { content: "Size"; margin-right: 2px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--v3-muted); }
#designer_container.tsw-v3p #tsw-pbar .tsw-pb-size { flex: 0 1 auto; min-width: 0; height: 40px; padding: 0 12px; border: 1px solid #cfcfcf; border-radius: 20px; background: #fff; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1; white-space: nowrap; color: var(--v3-ink); cursor: pointer; }
#designer_container.tsw-v3p #tsw-pbar .tsw-pb-size.is-on { border-color: var(--v3-ink); background: var(--v3-ink); color: #fff; }
@media (max-width: 359px) {
  #designer_container.tsw-v3p #tsw-pbar .tsw-pb-sizes::before { display: none; }
  #designer_container.tsw-v3p #tsw-pbar .tsw-pb-size { padding: 0 11px; }
}
#designer_container.tsw-v3p #tsw-pbar { position: absolute; z-index: 6; left: 0; right: 0; bottom: var(--v3-dock); height: var(--v3-bar); display: flex; align-items: center; gap: 10px; padding: 0 10px 0 14px; border-top: 1px solid var(--v3-line); background: #fff; }
/* the price side is a button that opens the order sheet ("Edit sizes" once sizes are in) */
#designer_container.tsw-v3p #tsw-pbar .tsw-pb-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; align-self: stretch; margin: 0; padding: 0; border: 0; background: none; font-family: inherit; text-align: left; color: var(--v3-ink); cursor: pointer; }
#designer_container.tsw-v3p #tsw-pbar .tsw-pb-subline { display: flex; align-items: baseline; gap: 5px; min-width: 0; max-width: 100%; }
#designer_container.tsw-v3p #tsw-pbar .tsw-pb-edit { flex: none; font-size: 12px; font-weight: 700; line-height: 1.3; color: var(--v3-ink); text-decoration: underline; text-underline-offset: 2px; }
#designer_container.tsw-v3p #tsw-pbar .tsw-pb-line { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
#designer_container.tsw-v3p #tsw-pbar .tsw-pb-price { font-size: 17px; font-weight: 800; line-height: 1.2; }
#designer_container.tsw-v3p #tsw-pbar .tsw-pb-incl { font-size: 11px; font-weight: 600; line-height: 1.2; white-space: nowrap; color: var(--v3-muted); }
#designer_container.tsw-v3p #tsw-pbar .tsw-pb-incl:empty { display: none; }
#designer_container.tsw-v3p #tsw-pbar .tsw-pb-sub { font-size: 12px; line-height: 1.3; color: var(--v3-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#designer_container.tsw-v3p #tsw-pbar .tsw-pb-go { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px 0 18px; border: 0; border-radius: var(--v3-r); background: var(--v3-pink); font-family: inherit; font-size: 15px; font-weight: 700; color: #fff; cursor: pointer; }
#designer_container.tsw-v3p #tsw-pbar .tsw-pb-go::after { content: "\203A"; font-size: 24px; font-weight: 400; line-height: 0; }
/* a phone on its side: thinner bars and a one-row dock (icon beside the name) leave the canvas more height */
@media (max-height: 480px) {
  #designer_container.tsw-v3p { --v3-top: 48px; --v3-sides: 0px; --v3-bar: 50px; --v3-dock: 46px; }
  /* the print-area menu in two columns, so every area shows without scrolling */
  #designer_container.tsw-v3p #tsw-sides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 300px; }
  #designer_container.tsw-v3p #tsw-sides .tsw-side { height: 40px; }
  #designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-close),
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-tool),
#designer_container.tsw-v3p #tsw-dh :is(.tsw-dh-act) { width: 44px; height: 44px; }
  #designer_container.tsw-v3p #tsw-dh .tsw-dh-tool-name { display: none; }
  #designer_container.tsw-v3p #tsw-dh .tsw-dh-act { font-size: 0; }
  /* no room for the quick sizes on a phone on its side: Edit has them */
  #designer_container.tsw-v3p #tsw-pbar.is-item .tsw-pb-sizes { display: none; }
  #designer_container.tsw-v3p #tsw-rail button { flex-direction: row; justify-content: center; gap: 6px; padding: 0; font-size: 12px; }
  #designer_container.tsw-v3p #tsw-pbar .tsw-pb-go { height: 38px; }
}
/* the order sheet */
#designer_container.tsw-v3p #tsw-order { position: fixed; z-index: 100000; inset: 0; display: flex; flex-direction: column; background: #fff; transform: translateY(100%); visibility: hidden; transition: transform .22s ease, visibility 0s linear .22s; }
#designer_container.tsw-v3p.tsw-sheet-open #tsw-order { transform: none; visibility: visible; transition: transform .22s ease; }
#designer_container.tsw-v3p #tsw-order .tsw-op-head { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; height: 56px; padding: 0 16px 0 8px; border-bottom: 1px solid var(--v3-line); }
#designer_container.tsw-v3p #tsw-order .tsw-op-head b { margin-left: auto; font-size: 16px; font-weight: 700; }
#designer_container.tsw-v3p #tsw-order .tsw-op-back { display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 14px 0 10px; border: 1px solid #d6d6d6; border-radius: var(--v3-r); background: #fff; font-family: inherit; font-size: 15px; font-weight: 700; color: var(--v3-ink); cursor: pointer; }
#designer_container.tsw-v3p #tsw-order .tsw-op-back span { font-size: 24px; font-weight: 400; line-height: 0; }
#designer_container.tsw-v3p #tsw-order .tsw-op-body { flex: 1 1 auto; min-height: 0; overflow: auto; }
#designer_container.tsw-v3p #tsw-order .tsw-op-extra { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
#designer_container.tsw-v3p #tsw-order .tsw-op-foot { padding-bottom: calc(16px + env(safe-area-inset-bottom)); }
/* DN's full-screen panels (product, text and image properties, layers) */
#designer_container.tsw-v3p .dn-designer-popup-panel-container.dn-alt .dn-popup { background: #fff; }
#designer_container.tsw-v3p .dn-designer-popup-panel-container.dn-alt .dn-designer-panel-heading { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 12px 0 16px; border-bottom: 1px solid var(--v3-line); background: #fff; }
#designer_container.tsw-v3p .dn-designer-popup-panel-container.dn-alt .dn-designer-panel-heading h3 { text-align: left; }
#designer_container.tsw-v3p .dn-designer-popup-panel-container.dn-alt .dn-designer-panel-footer { height: auto; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid var(--v3-line); background: #fff; letter-spacing: normal; }
#designer_container.tsw-v3p .dn-designer-popup-panel-container.dn-alt .dn-designer-panel-footer > div { background: none; }
#designer_container.tsw-v3p .dn-designer-popup-panel-container.dn-alt .dn-designer-panel-footer .dn-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; border: 0 !important; border-radius: var(--v3-r) !important; background: var(--v3-ink) !important; box-shadow: none !important; transform: none !important; color: #fff !important; }
#designer_container.tsw-v3p .dn-designer-popup-panel-container.dn-alt .dn-designer-panel-footer .dn-btn :is(.dn-btn-valign),
#designer_container.tsw-v3p .dn-designer-popup-panel-container.dn-alt .dn-designer-panel-footer .dn-btn :is(.dn-btn-icon) { display: none; }
#designer_container.tsw-v3p .dn-designer-popup-panel-container.dn-alt .dn-designer-panel-footer .dn-btn .dn-btn-label span { font-size: 15px; font-weight: 700; letter-spacing: normal; text-transform: none; color: #fff; }
#designer_container.tsw-v3p #properties_panel .tsw-drawer-x { display: none; }

/* ---- DN's designer popups (image library, change product, team names, preview, warnings) ---- */
/* They sit outside #designer_container, so these rules scope to the designer page. SEC05 hides DN's own
   popup backdrop site-wide; the container itself becomes the dimmed backdrop here. */
body.dn-page-designer .dn-popup-container { background: rgba(17, 17, 17, .45); }
/* no blurred shadows anywhere in the designer: DN's panels and popups (an older site rule gives every .dn-popup one,
   which put a shadow down the drawer), its buttons, and DN's colour picker */
body.dn-page-designer .dn-popup,
body.dn-page-designer :is(.dn-btn),
body.dn-page-designer :is(.dn-btn:hover),
body.dn-page-designer :is(.dnm-btn),
body.dn-page-designer :is(.dncp-btn) { box-shadow: none !important; }
body.dn-page-designer :is(.dn-color-panel-cell),
body.dn-page-designer :is(.dn-color-panel-cell:hover) { box-shadow: none; transform: none; }
/* DN's hover tooltips ("Center text horizontally.") mean nothing on a touch screen, where a tap can raise one over
   the next thing to press; the buttons carry their own names */
@media (hover: none) { body.dn-page-designer #dn_tool_tip { display: none !important; } }
/* DN marks the page while one of its popups is open (body.dn-popup-visible). The site header is fixed above everything
   with an inline z-index, so it steps aside rather than sit bright over the dimmed page and the popup's title */
body.dn-page-designer.dn-popup-visible > header .dn-small-header,
body.dn-page-designer.dn-popup-visible .dn-slim-desktop-header { visibility: hidden !important; }
body.dn-page-designer .dn-popup-container > .dn-popup { border: 0 !important; border-radius: 4px !important; box-shadow: none !important; overflow: hidden; font-family: var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; word-spacing: normal; color: #111; }
body.dn-page-designer .dn-popup-container > .dn-popup > h3 { margin: 0; padding: 10px 20px; border-bottom: 1px solid #e6e6e6; background: #fff; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: normal; text-transform: none; font-variant: normal; text-align: left; color: #111; }
body.dn-page-designer .dn-popup-container .dn-popup-footer { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-height: 52px; padding: 6px 20px; border-top: 1px solid #e6e6e6; background: #fff; letter-spacing: normal; }
body.dn-page-designer .dn-popup-container .dn-popup-footer .dn-btn,
body.dn-page-designer .dn-popup-container .dn-popup-content .dn-btn { display: inline-flex; align-items: center; justify-content: center; height: 40px; min-width: 96px; padding: 0 18px; border: 1px solid #111 !important; border-radius: 4px !important; background: #111 !important; box-shadow: none !important; transform: none !important; color: #fff !important; cursor: pointer; }
body.dn-page-designer .dn-popup-container .dn-btn :is(.dn-btn-valign),
body.dn-page-designer .dn-popup-container .dn-btn :is(.dn-btn-icon) { display: none; }
body.dn-page-designer .dn-popup-container .dn-btn .dn-btn-label, body.dn-page-designer .dn-popup-container .dn-btn .dn-btn-label span { font-size: 14px; font-weight: 600; letter-spacing: normal; text-transform: none; text-decoration: none !important; white-space: nowrap; background: none !important; color: inherit !important; }
/* DN spaces footer buttons with 3.5px margins as well; the footer's gap does it */
body.dn-page-designer .dn-popup-container .dn-popup-footer .dn-btn { margin: 0 !important; }
body.dn-page-designer .dn-popup-container .dn-btn.dn-btn-cancel { border-color: #d6d6d6 !important; background: #fff !important; color: #111 !important; }
body.dn-page-designer .dn-popup-container .dn-btn.dn-btn-cancel:hover { border-color: #111 !important; }
/* the photo viewer (a product photo opened from More product info) keeps SEC10's round dark close button */
body.dn-page-designer .dn-popup-container .dn-image-popup .dn-popup-footer { min-height: 0; padding: 0; border-top: 0; }
body.dn-page-designer .dn-popup-container .dn-image-popup .dn-popup-footer .dn-btn.dn-btn-cancel { width: 50px; min-width: 50px; height: 50px; padding: 0; border: 0 !important; border-radius: 50% !important; background: rgba(0, 0, 0, .85) !important; color: #fff !important; }
/* 16px text: iPhones zoom the page into any smaller field when it's tapped */
body.dn-page-designer .dn-popup-container input[type="text"], body.dn-page-designer .dn-popup-container input[type="search"], body.dn-page-designer .dn-popup-container select, body.dn-page-designer .dn-popup-container textarea { border: 1px solid #cfcfcf !important; border-radius: 4px !important; box-shadow: none !important; font-family: inherit; font-size: 16px; letter-spacing: normal; }
body.dn-page-designer .dn-popup-container :is(input[type="text"]),
body.dn-page-designer .dn-popup-container :is(input[type="search"]),
body.dn-page-designer .dn-popup-container :is(select) { min-height: 40px; }
/* team names, first step: size and quantity */
body.dn-page-designer #new_teamname_popup #teamname_sizing_container h4 { margin: 0 0 10px; font-size: 14px; font-weight: 500; line-height: 1.4; letter-spacing: normal; text-transform: none; text-align: left; color: #111; }
body.dn-page-designer #new_teamname_popup input[type="text"] { width: 64px !important; text-align: center; }
/* image library and change product: categories on the left, the grid on the right */
body.dn-page-designer :is(#decoration_libraries) :is(.dn-d-image-categories) a,
body.dn-page-designer :is(#decoration_libraries) :is(.dn-d-category-container) a,
body.dn-page-designer :is(#decoration_libraries) :is(.dn-d-product-categories) a,
body.dn-page-designer :is(#select_product_popup) :is(.dn-d-image-categories) a,
body.dn-page-designer :is(#select_product_popup) :is(.dn-d-category-container) a,
body.dn-page-designer :is(#select_product_popup) :is(.dn-d-product-categories) a { font-size: 13px !important; font-weight: 500 !important; letter-spacing: normal !important; text-transform: none !important; color: #111 !important; }
/* the category trees: each category a 40px row you can hit anywhere (DN's target is the 16px-high link text),
   with a wider expander; the selected one is shaded */
body.dn-page-designer :is(#decoration_libraries) .dn-hierarchy,
body.dn-page-designer :is(#select_product_popup) .dn-hierarchy { margin: 0; padding: 0; }
body.dn-page-designer :is(#decoration_libraries) .dn-hierarchy-node,
body.dn-page-designer :is(#select_product_popup) .dn-hierarchy-node { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0 !important; list-style: none; }
body.dn-page-designer :is(#decoration_libraries) .dn-hierarchy-node > span:not(.dn-hierarchy-expander),
body.dn-page-designer :is(#select_product_popup) .dn-hierarchy-node > span:not(.dn-hierarchy-expander) { flex: 1 1 0; min-width: 0; padding: 0; }
body.dn-page-designer :is(#decoration_libraries) .dn-hierarchy-node > span:first-child:not(.dn-hierarchy-expander),
body.dn-page-designer :is(#select_product_popup) .dn-hierarchy-node > span:first-child:not(.dn-hierarchy-expander) { margin-left: 28px; }
body.dn-page-designer :is(#decoration_libraries) .dn-hierarchy-node > span > a,
body.dn-page-designer :is(#select_product_popup) .dn-hierarchy-node > span > a { display: block; padding: 11px 10px; border-radius: 4px; line-height: 18px; }
body.dn-page-designer :is(#decoration_libraries) .dn-hierarchy-node > span > a:hover,
body.dn-page-designer :is(#select_product_popup) .dn-hierarchy-node > span > a:hover { background: #f5f5f5; }
body.dn-page-designer :is(#decoration_libraries) .dn-hierarchy-node.dn-selected > span > a,
body.dn-page-designer :is(#select_product_popup) .dn-hierarchy-node.dn-selected > span > a { background: #f0f0f0; font-weight: 700 !important; }
body.dn-page-designer :is(#decoration_libraries) .dn-hierarchy-expander,
body.dn-page-designer :is(#select_product_popup) .dn-hierarchy-expander { flex: none; width: 28px; height: 40px; margin: 0 !important; padding: 0 !important; line-height: 40px; text-align: center; cursor: pointer; }
body.dn-page-designer :is(#decoration_libraries) .dn-hierarchy-children,
body.dn-page-designer :is(#select_product_popup) .dn-hierarchy-children { flex: 1 0 100%; margin: 0; padding: 0 0 0 16px; }
body.dn-page-designer :is(#decoration_libraries) select,
body.dn-page-designer :is(#select_product_popup) select { height: 40px; }
/* the upload button leads, in the action colour */
body.dn-page-designer #decoration_libraries .dn-d-image-listing-add-image .dn-btn { width: 100%; border-color: #d10074 !important; background: #d10074 !important; }
body.dn-page-designer #decoration_libraries .dn-d-image-listing-add-image .dn-btn:hover { border-color: #a8005e !important; background: #a8005e !important; }
body.dn-page-designer #decoration_libraries .dn-d-image-listing-add-image .dn-btn .dn-btn-label span { display: inline-block; font-weight: 700; text-transform: lowercase; }
body.dn-page-designer #decoration_libraries .dn-d-image-listing-add-image .dn-btn .dn-btn-label span::first-letter { text-transform: uppercase; }
body.dn-page-designer #decoration_libraries .dn-popup-footer .tsw-upl-note { flex: 1 1 auto; margin: 0; font-size: 12px; line-height: 1.45; color: #6b6b6b; }
/* the cart popup after Add to cart: Check out leads in pink; Back and Start new design are outline buttons */
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn-major { border-color: #d10074 !important; background: #d10074 !important; }
body.dn-page-designer #show_cart_popup .dn-popup-footer :is(.dn-btn-std),
body.dn-page-designer #show_cart_popup .dn-popup-footer :is(.dn-btn-other-action) { border-color: #d6d6d6 !important; background: #fff !important; color: #111 !important; }
body.dn-page-designer .dn-popup-container .dn-popup-footer :is(.dn-btn-cancel),
body.dn-page-designer .dn-popup-container .dn-popup-footer :is(.dn-btn-other-action) { text-decoration: none !important; }
body.dn-page-designer #decoration_libraries .dn-popup-footer .dn-btn-std { border-color: #d10074 !important; background: #d10074 !important; }
/* phones: three buttons don't fit one row, so Check out goes full width on top and Back and Start new design share
   the row under it */
@media (max-width: 767px) {
  body.dn-page-designer #show_cart_popup .dn-popup-footer { flex-wrap: wrap; height: auto; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); }
  body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn { flex: 1 1 0; min-width: 0; padding: 0 10px; }
  body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn-major { order: -1; flex: 1 0 100%; height: 48px; }
  body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn-std { order: 1; }
  body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn-other-action { order: 2; }
  body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn .dn-btn-label { overflow: visible; text-overflow: clip; }
}
body.dn-page-designer #decoration_libraries .dn-grid-item:hover .dn-grid-image { outline: 2px solid #111; outline-offset: -2px; cursor: pointer; }
@media (max-width: 767px) { body.dn-page-designer #decoration_libraries .dn-popup-footer .tsw-upl-note { text-align: left; } }

/* ---- the library: our Upload and Designs panel over DN's library popup (the script adds .tsw-lib-on once it
   draws). DN's own contents stay in the page, out of sight, so its file input and callbacks keep working ---- */
body.dn-page-designer #decoration_libraries_outer.tsw-lib-on > :not(#tsw-lib) { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; pointer-events: none !important; }
@media (min-width: 768px) {
  body.dn-page-designer #decoration_libraries_outer.tsw-lib-on { position: relative; width: min(1000px, calc(100vw - 48px)) !important; height: min(900px, calc(100vh - 48px)) !important; max-width: none !important; max-height: none !important; overflow: hidden !important; }
}
#tsw-lib { --lib-ink: #111; --lib-pink: #d10074; --lib-pink-d: #a8005e; --lib-line: #e6e6e6; --lib-muted: #6b6b6b; --lib-soft: #f4f4f4;
  position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; overflow: hidden; background: #fff; color: var(--lib-ink);
  font-family: var(--font-body, Inter, system-ui, sans-serif); font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: normal; word-spacing: normal; text-align: left; text-transform: none; }
#tsw-lib * { box-sizing: border-box; }
#tsw-lib :is(h3),
#tsw-lib :is(h4),
#tsw-lib :is(p),
#tsw-lib :is(ul),
#tsw-lib :is(li) { margin: 0; padding: 0; font-family: inherit; letter-spacing: normal; word-spacing: normal; text-transform: none; }
#tsw-lib button { margin: 0; font-family: inherit; letter-spacing: normal; word-spacing: normal; text-transform: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#tsw-lib button:focus-visible { outline: 3px solid var(--lib-pink); outline-offset: 2px; }
#tsw-lib [hidden] { display: none !important; }
/* head: Upload and Designs as a two-way switch, and a close */
#tsw-lib .tsw-lib-head { flex: none; display: flex; align-items: center; gap: 12px; padding: 12px 12px 12px 16px; border-bottom: 1px solid var(--lib-line); }
#tsw-lib .tsw-lib-tabs { display: flex; gap: 4px; padding: 4px; border-radius: 4px; background: var(--lib-soft); }
#tsw-lib .tsw-lib-tab { min-width: 120px; height: 40px; padding: 0 20px; border: 0; border-radius: 4px; background: none; font-size: 15px; font-weight: 600; line-height: 1; color: var(--lib-muted); }
#tsw-lib .tsw-lib-tab.is-on { background: #fff; color: var(--lib-ink); box-shadow: 0 0 0 1px #d6d6d6; }
#tsw-lib .tsw-lib-x { flex: none; margin-left: auto; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--lib-line); border-radius: 4px; background: #fff; font-size: 18px; line-height: 1; color: var(--lib-ink); }
/* search (Designs only) */
#tsw-lib .tsw-lib-bar { flex: none; padding: 12px 16px; border-bottom: 1px solid var(--lib-line); }
#tsw-lib.is-upload .tsw-lib-bar { display: none; }
#tsw-lib .tsw-lib-search { position: relative; }
#tsw-lib .tsw-lib-search svg { position: absolute; left: 14px; top: 50%; width: 18px; height: 18px; margin-top: -9px; fill: none; stroke: var(--lib-muted); stroke-width: 2; stroke-linecap: round; pointer-events: none; }
#tsw-lib .tsw-lib-search input { display: block; width: 100%; height: 48px; min-height: 48px; margin: 0; padding: 0 48px 0 42px; background: #fff; font-size: 16px; font-weight: 500; color: var(--lib-ink); -webkit-appearance: none; appearance: none; }
#tsw-lib .tsw-lib-search input:focus { border-color: var(--lib-ink) !important; outline: 1px solid var(--lib-ink); outline-offset: -2px; }
#tsw-lib .tsw-lib-search input::placeholder { color: #8a8a8a; opacity: 1; }
#tsw-lib .tsw-lib-search input::-webkit-search-cancel-button { display: none; -webkit-appearance: none; }
#tsw-lib .tsw-lib-clear { position: absolute; right: 4px; top: 4px; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 4px; background: none; font-size: 16px; color: var(--lib-muted); }
/* body */
#tsw-lib .tsw-lib-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 16px 16px 28px; }
#tsw-lib .tsw-lib-sec + .tsw-lib-sec { margin-top: 24px; }
#tsw-lib .tsw-lib-h { margin: 0 0 10px; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; color: var(--lib-muted); }
#tsw-lib .tsw-lib-hrow { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 6px; }
#tsw-lib .tsw-lib-hrow .tsw-lib-h { margin: 0; }
#tsw-lib .tsw-lib-link { display: inline-block; min-height: 32px; padding: 4px 2px; border: 0; background: none; font-size: 14px; font-weight: 700; line-height: 1.3; color: var(--lib-ink); text-decoration: underline; text-underline-offset: 3px; }
#tsw-lib .tsw-lib-foot { margin: 28px 0 0; font-size: 14px; color: var(--lib-muted); }
#tsw-lib .tsw-lib-none { font-size: 14px; color: var(--lib-muted); }
/* design tiles: the 300px preview on the garment's own colour (--lib-shirt, set by the script), a heart in the
   corner. The square comes from padding rather than aspect-ratio, for iPhones before iOS 15 */
#tsw-lib .tsw-lib-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
#tsw-lib .tsw-lib-strip { display: grid; grid-auto-flow: column; grid-auto-columns: 124px; gap: 10px; overflow-x: auto; padding: 0 0 6px; scroll-snap-type: x proximity; overscroll-behavior-x: contain; }
#tsw-lib .tsw-lib-strip > * { scroll-snap-align: start; }
#tsw-lib .tsw-lib-tile { position: relative; border: 1px solid rgba(0, 0, 0, .12); border-radius: 4px; background: var(--lib-shirt, #f4f4f4); overflow: hidden; }
#tsw-lib .tsw-lib-tile::before { content: ''; display: block; padding-top: 100%; }
/* artwork mostly lost on this garment (the script's toneTile measures it) sits on a light or dark backing, tagged */
#tsw-lib :is(.tsw-lib-tile).is-on-light,
#tsw-lib :is(.tsw-lib-cover).is-on-light { background: #f4f4f4; }
#tsw-lib :is(.tsw-lib-tile).is-on-dark,
#tsw-lib :is(.tsw-lib-cover).is-on-dark { background: #1b1b1b; }
#tsw-lib .tsw-lib-grid .tsw-lib-tile:is(.is-on-light)::after,
#tsw-lib .tsw-lib-grid .tsw-lib-tile:is(.is-on-dark)::after { content: attr(data-tag); position: absolute; left: 6px; bottom: 6px; padding: 3px 6px; border-radius: 4px; background: #111; font-size: 11px; font-weight: 600; line-height: 1.2; color: #fff; pointer-events: none; }
/* a soft shimmer until each picture arrives (grey reads on any garment colour) */
#tsw-lib .tsw-lib-tile.is-wait::after,
#tsw-lib .tsw-lib-cover:is(.is-wait)::after,
#tsw-lib .tsw-lib-cover:is(:empty)::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0, rgba(128, 128, 128, .2) 50%, transparent 100%); background-size: 200% 100%; animation: tsw-lib-skel 1.2s linear infinite; pointer-events: none; }
#tsw-lib .tsw-lib-add { position: absolute; inset: 0; display: block; width: 100%; height: 100%; padding: 12%; border: 0; border-radius: 0; background: none; }
#tsw-lib .tsw-lib-add img { display: block; width: 100%; height: 100%; object-fit: contain; -webkit-user-drag: none; user-select: none; }
#tsw-lib .tsw-lib-add:focus-visible { outline: 3px solid var(--lib-pink); outline-offset: -3px; }
#tsw-lib .tsw-lib-fav { position: absolute; top: 6px; right: 6px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--lib-line); border-radius: 4px; background: #fff; }
#tsw-lib .tsw-lib-fav svg { width: 18px; height: 18px; fill: none; stroke: var(--lib-ink); stroke-width: 2; stroke-linejoin: round; }
#tsw-lib .tsw-lib-fav.is-on svg { fill: var(--lib-pink); stroke: var(--lib-pink); }
/* recently used: a cross takes a design off the row (shown on hover or focus where there's a mouse, always on touch) */
#tsw-lib .tsw-lib-unrec { position: absolute; top: 6px; left: 6px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--lib-line); border-radius: 4px; background: #fff; color: var(--lib-ink); }
#tsw-lib .tsw-lib-unrec svg { width: 14px; height: 14px; }
#tsw-lib :is(.tsw-lib-tile).is-skel,
#tsw-lib :is(.tsw-lib-theme).is-skel { border-color: transparent; background: linear-gradient(90deg, #f0f0f0 0, #f8f8f8 50%, #f0f0f0 100%); background-size: 200% 100%; animation: tsw-lib-skel 1.2s linear infinite; }
#tsw-lib .tsw-lib-theme.is-skel { height: 196px; }
@keyframes tsw-lib-skel { from { background-position: 100% 0; } to { background-position: -100% 0; } }
/* themes: a cover picture, the name and how many designs */
#tsw-lib .tsw-lib-themes { display: grid; grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); gap: 12px; }
#tsw-lib .tsw-lib-theme { display: flex; flex-direction: column; align-items: stretch; gap: 2px; padding: 0 0 12px; border: 1px solid var(--lib-line); border-radius: 4px; background: #fff; text-align: left; overflow: hidden; }
#tsw-lib .tsw-lib-cover { position: relative; display: block; margin: 0 0 8px; background: var(--lib-shirt, #f4f4f4); }
#tsw-lib .tsw-lib-cover::before { content: ''; display: block; padding-top: 72%; }
#tsw-lib .tsw-lib-cover img { position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; object-fit: contain; -webkit-user-drag: none; }
#tsw-lib .tsw-lib-tname { padding: 0 12px; font-size: 15px; font-weight: 700; line-height: 1.25; color: var(--lib-ink); }
#tsw-lib .tsw-lib-tn { padding: 0 12px; font-size: 12px; font-weight: 500; line-height: 1.3; color: var(--lib-muted); }
/* a theme's page, favourites and search results */
#tsw-lib .tsw-lib-crumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin: 0 0 12px; }
#tsw-lib .tsw-lib-back { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px 0 10px; border: 1px solid var(--lib-line); border-radius: 4px; background: #fff; font-size: 14px; font-weight: 600; line-height: 1; color: var(--lib-ink); }
#tsw-lib .tsw-lib-back span { font-size: 22px; line-height: 0; }
#tsw-lib .tsw-lib-title { display: block; font-size: 19px; font-weight: 800; line-height: 1.2; }
#tsw-lib .tsw-lib-count { margin: 0 0 10px; font-size: 13px; color: var(--lib-muted); }
#tsw-lib .tsw-lib-more { display: block; width: 100%; max-width: 320px; height: 48px; margin: 18px auto 0; padding: 0 16px; border: 1px solid var(--lib-ink); border-radius: 4px; background: #fff; font-size: 15px; font-weight: 600; color: var(--lib-ink); }
#tsw-lib .tsw-lib-chips { display: flex; flex-wrap: wrap; gap: 8px; }
#tsw-lib .tsw-lib-hits { margin: 0 0 14px; }
#tsw-lib .tsw-lib-chip { height: 40px; padding: 0 16px; border: 1px solid #cfcfcf; border-radius: 4px; background: #fff; font-size: 14px; font-weight: 600; line-height: 1; color: var(--lib-ink); }
#tsw-lib .tsw-lib-empty { max-width: 560px; padding: 8px 0; }
#tsw-lib .tsw-lib-empty > p { margin: 0 0 10px; font-size: 14px; color: var(--lib-muted); }
#tsw-lib .tsw-lib-empty > p.tsw-lib-empty-t { font-size: 17px; font-weight: 700; color: var(--lib-ink); }
#tsw-lib .tsw-lib-empty .tsw-lib-chips { margin: 0 0 20px; }
#tsw-lib .tsw-lib-empty .tsw-lib-more { margin: 8px 0 0; }
/* upload: one big button in a drop area, the formats, then the tips and earlier uploads */
#tsw-lib .tsw-lib-drop { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 32px 16px; border: 2px dashed #cfcfcf; border-radius: 4px; background: #fafafa; text-align: center; }
#tsw-lib .tsw-lib-drop-i { width: 36px; height: 36px; fill: none; stroke: var(--lib-ink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#tsw-lib .tsw-lib-pick { min-width: 240px; height: 52px; padding: 0 28px; border: 0; border-radius: 4px; background: var(--lib-pink); font-size: 16px; font-weight: 700; line-height: 1; color: #fff; }
#tsw-lib .tsw-lib-drop-or { font-size: 14px; color: var(--lib-muted); }
#tsw-lib .tsw-lib-fmt { font-size: 12px; color: var(--lib-muted); }
#tsw-lib .tsw-lib-prog { width: 100%; max-width: 360px; }
#tsw-lib .tsw-lib-prog-t { margin: 0 0 8px; font-size: 15px; font-weight: 700; }
#tsw-lib .tsw-lib-prog-bar { height: 8px; overflow: hidden; border-radius: 4px; background: #e8e8e8; }
#tsw-lib .tsw-lib-prog-bar i { display: block; width: 0; height: 100%; background: var(--lib-pink); transition: width .25s ease; }
#tsw-lib .tsw-lib-drop.is-busy :is(.tsw-lib-pick),
#tsw-lib .tsw-lib-drop.is-busy :is(.tsw-lib-drop-or),
#tsw-lib .tsw-lib-drop.is-busy :is(.tsw-lib-fmt),
#tsw-lib .tsw-lib-drop.is-busy :is(.tsw-lib-drop-i) { display: none; }
#tsw-lib .tsw-lib-err { max-width: 420px; font-size: 14px; font-weight: 600; color: #c4002b; }
#tsw-lib .tsw-lib-tips { margin: 16px 0 0; padding: 0 0 0 20px; font-size: 14px; line-height: 1.5; color: #333; }
#tsw-lib .tsw-lib-tips li { margin: 0 0 4px; list-style: disc; }
#tsw-lib .tsw-lib-rights { margin: 10px 0 0; font-size: 12px; line-height: 1.45; color: var(--lib-muted); }
#tsw-lib .tsw-lib-rights a { font: inherit !important; letter-spacing: inherit !important; color: inherit !important; text-decoration: underline !important; text-underline-offset: 2px; }
#tsw-lib .tsw-lib-mine { margin-top: 28px; }
/* hover looks only where there's a mouse: on a phone a tapped tile would stay outlined */
@media (hover: hover) {
  #tsw-lib .tsw-lib-tab:hover { color: var(--lib-ink); }
  #tsw-lib :is(.tsw-lib-x):hover,
#tsw-lib :is(.tsw-lib-fav):hover,
#tsw-lib :is(.tsw-lib-unrec):hover,
#tsw-lib :is(.tsw-lib-theme):hover,
#tsw-lib :is(.tsw-lib-back):hover,
#tsw-lib :is(.tsw-lib-chip):hover { border-color: var(--lib-ink); }
  #tsw-lib .tsw-lib-tile:not(:hover):not(:focus-within) .tsw-lib-unrec { opacity: 0; }
  #tsw-lib .tsw-lib-clear:hover { background: var(--lib-soft); color: var(--lib-ink); }
  #tsw-lib .tsw-lib-link:hover { color: var(--lib-pink); }
  #tsw-lib .tsw-lib-tile:not(.is-skel):hover { box-shadow: 0 0 0 2px var(--lib-ink); }
  #tsw-lib .tsw-lib-more:hover { background: var(--lib-ink); color: #fff; }
  #tsw-lib .tsw-lib-pick:hover { background: var(--lib-pink-d); }
}
/* phones: DN's popup is full screen. Two tiles across (three on a wide phone), the switch across the top */
@media (max-width: 767px) {
  #tsw-lib .tsw-lib-head { gap: 8px; padding: 8px 8px 8px 12px; padding-top: calc(8px + env(safe-area-inset-top)); }
  #tsw-lib .tsw-lib-tabs { flex: 1 1 auto; }
  #tsw-lib .tsw-lib-tab { flex: 1 1 0; min-width: 0; padding: 0 8px; }
  #tsw-lib .tsw-lib-bar { padding: 10px 12px; }
  #tsw-lib .tsw-lib-body { padding: 12px 12px calc(28px + env(safe-area-inset-bottom)); }
  #tsw-lib :is(.tsw-lib-grid),
#tsw-lib :is(.tsw-lib-themes) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #tsw-lib .tsw-lib-strip { grid-auto-columns: 108px; }
  #tsw-lib .tsw-lib-drop { padding: 24px 14px; }
  #tsw-lib .tsw-lib-drop-or { display: none; }
  #tsw-lib .tsw-lib-pick { width: 100%; min-width: 0; }
}
@media (min-width: 480px) and (max-width: 767px) {
  #tsw-lib :is(.tsw-lib-grid),
#tsw-lib :is(.tsw-lib-themes) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* a file dragged over the page: the whole page takes it */
#tsw-drop-cover { position: fixed; inset: 0; z-index: 100000; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(255, 255, 255, .88); pointer-events: none; }
#tsw-drop-cover b { padding: 28px 40px; border: 3px dashed #d10074; border-radius: 4px; background: #fff; font: 700 20px/1.3 var(--font-body, Inter, system-ui, sans-serif); color: #111; text-align: center; }
body.tsw-dragging #tsw-drop-cover { display: flex; }
/* team names: the roster table */
body.dn-page-designer #edit_teamname_popup table { width: 100%; border-collapse: collapse; }
body.dn-page-designer #edit_teamname_popup th { padding: 8px 6px; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; text-align: left; color: #6b6b6b; }
body.dn-page-designer #edit_teamname_popup td { padding: 4px 6px; vertical-align: middle; }
body.dn-page-designer #edit_teamname_popup td input[type="text"] { width: 100%; height: 36px; padding: 0 10px; }
body.dn-page-designer #edit_teamname_popup td select { height: 36px; }
body.dn-page-designer #edit_teamname_popup td a { font-size: 12px; font-weight: 600; text-transform: none; color: #111; }

/* ---- DN's colour picker (text, outline and design colours): light and flat, with swatches, drag pointers and
   buttons big enough for a clumsy thumb. It hangs off <body>, so these rules scope to the designer page. From 800px
   it's a movable panel DN places beside the colour button (DN measures the panel first, so a bigger one still fits);
   under 800px DN makes it full screen. DN re-measures the colour square and hue bar on every press, so they can grow.
   DN hides and shows its parts with inline display, so nothing here sets display on a part DN toggles. ---- */
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #111; border-radius: 4px; background: #fff; box-shadow: none !important; font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: normal; color: #111; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup :is(div),
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup :is(h3) { color: #111; }
@media (min-width: 800px) {
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup { width: 520px; height: auto; max-height: calc(100vh - 16px); }
}
/* header: search, close, colours in use, the palette tabs */
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-popup-header { flex: none; height: auto; background: #fff; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-header-bar { display: flex; align-items: center; gap: 8px; padding: 12px 12px 10px; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-sp { position: relative; flex: 1 1 auto; min-width: 0; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-sp-query { display: block; width: 100%; height: 40px; padding: 0 12px; border: 1px solid #cfcfcf; border-radius: 4px; background: #fff; box-shadow: none; font: 500 16px/1.2 Inter, system-ui, sans-serif; color: #111; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-sp-query::placeholder { color: #6b6b6b; opacity: 1; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-sp-query:focus { border-color: #111; outline: none; }
/* search results: DN's list is narrower than the box, with a small swatch floated right; here, full width with big rows */
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-sp-results { top: calc(100% + 4px); left: 0; right: 0; z-index: 5; width: auto; max-height: 320px; margin: 0; padding: 4px 0; overflow-y: auto; border: 1px solid #111; border-radius: 4px; background: #fff; list-style: none; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-sp-result { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border: 0; font-size: 15px; font-weight: 500; color: #111; cursor: pointer; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-sp-result:hover { background: #f5f5f5; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-sp-result .dncp-color-swatch { order: -1; flex: none; float: none; width: 26px !important; height: 26px !important; border: 1px solid rgba(0, 0, 0, .14); border-radius: 4px; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-sp-result-palettename { display: none; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-popup-header-close { position: static; flex: none; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid #cfcfcf; border-radius: 4px; opacity: 1; font-size: 26px; font-weight: 400; line-height: 1; color: #111; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-popup-header-close:hover { border-color: #111; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ciu { display: flex; align-items: center; gap: 10px; height: auto; padding: 0 12px 12px; background: #fff; white-space: normal; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ciu h3 { flex: none; height: auto; margin: 0; font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ciu-colors { display: flex; flex-wrap: wrap; gap: 6px; height: auto; margin: 0; padding: 0; list-style: none; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ciu .dncp-color-swatch { width: 30px; height: 30px; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-palettes-tabs { gap: 4px; height: auto; margin: 0 12px 12px; padding: 4px; border-radius: 4px; background: #f2f2f2; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-pp-name { flex: 1 1 0; min-width: 0; height: 36px; margin: 0; padding: 0 8px; overflow: hidden; border-radius: 3px; font-size: 13px; font-weight: 600; line-height: 36px; letter-spacing: normal; text-transform: none; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #555; cursor: pointer; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-pp-name:hover { color: #111; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-pp-name.dncp-active { background: #fff; box-shadow: 0 0 0 1px #d6d6d6; color: #111; }
/* the palette: DN lays the header and footer over the content with negative margins; here they simply stack */
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-popup-content-container { flex: 0 1 auto; display: flex; flex-direction: column; min-height: 0; height: auto; margin: 0; padding: 0; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-popup-content-scroll { flex: 0 1 auto; min-height: 0; height: auto; max-height: 300px; background: #fff; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-popup-content { min-height: 0; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-pp-colors.dncp-active { display: grid; grid-template-columns: repeat(auto-fill, minmax(30px, 1fr)); gap: 6px; padding: 6px 12px 12px; background: #fff; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-pp-colors .dncp-color-swatch { width: auto; height: auto; aspect-ratio: 1; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-color-swatch a { display: block; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, .14); border-radius: 4px; box-shadow: none; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-color-swatch a:hover { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #111; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-color-swatch a.dncp-active { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d10074; }
/* custom colour: a big colour square beside a thick hue bar, with pointers a finger can find */
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp.dncp-active { display: grid; grid-template-columns: 200px minmax(0, 1fr); align-items: start; gap: 16px; padding: 14px 14px 16px; background: #fff; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-sv { display: block; width: 100%; height: 200px; margin: 0; padding: 0; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-sv-bg { overflow: hidden; border-radius: 4px; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-sv-pointer { width: 24px; height: 24px; margin: -12px 0 0 -12px; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(0, 0, 0, .55); }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-hue-container { display: block; width: auto; margin: 0; padding: 0; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-hue { height: 32px; margin: 4px 0 16px; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-hue::before { border-radius: 4px; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-hue-pointer { top: -5px; width: 16px; height: calc(100% + 10px); margin-left: -8px; border: 3px solid #fff; border-radius: 4px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(0, 0, 0, .55); }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-values { display: flex; flex-direction: column; gap: 10px; width: 100%; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-type-container { display: block; width: 100%; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-type { display: block; width: 100%; height: 40px; padding: 0 10px; border: 1px solid #cfcfcf; border-radius: 4px; background-color: #fff; font: 500 16px/1.2 Inter, system-ui, sans-serif; text-transform: uppercase; color: #111; cursor: pointer; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-values-container { display: flex; gap: 8px; width: 100%; margin: 0; padding: 0; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-value-container { flex: 1 1 0; min-width: 0; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-value-label { display: block; width: auto; height: auto; margin: 0 0 4px; font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-value { display: block; width: 100%; height: 40px; padding: 0 8px; border: 1px solid #cfcfcf; border-radius: 4px; background: #fff; box-shadow: none; font: 500 16px/1.2 Inter, system-ui, sans-serif; color: #111; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup :is(.dncp-csp-type):focus,
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup :is(.dncp-csp-value):focus { border-color: #111; outline: none; }
/* footer: the chosen colour and its name, then pick-from-design, see-through, and OK */
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-popup-footer { flex: none; height: auto; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra { display: flex; align-items: center; gap: 10px; height: auto; padding: 10px 12px; border-top: 1px solid #e6e6e6; background: #fff; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra-final { flex: none; width: 40px; height: 40px; overflow: hidden; border: 1px solid rgba(0, 0, 0, .14); border-radius: 4px; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra-name { flex: 1 1 auto; min-width: 0; height: auto; padding: 0; overflow: hidden; font-size: 14px; font-weight: 600; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra .dncp-footer-buttons { position: static; flex: none; display: flex; align-items: center; gap: 8px; margin-left: auto; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra :is(.dncp-eye-dropper),
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra :is(.dncp-mask-option) { width: 40px; height: 40px; border: 1px solid #cfcfcf; border-radius: 4px; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: 22px 22px; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra .dncp-eye-dropper { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 22 1-1h3l9-9'/%3E%3Cpath d='M3 21v-3l9-9'/%3E%3Cpath d='m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z'/%3E%3C/svg%3E"); }
/* see-through: DN's "mask" takes the colour out so the garment shows through, drawn as the usual no-colour swatch */
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra .dncp-mask-option { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3' stroke='%23111'/%3E%3Cpath d='M6 18 18 6' stroke='%23ff1493'/%3E%3C/svg%3E"); }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra :is(.dncp-eye-dropper):hover,
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra :is(.dncp-mask-option):hover { border-color: #111; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra :is(.dncp-eye-dropper).dncp-selected,
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra :is(.dncp-mask-option).dncp-selected { border: 2px solid #111; background-color: #f2f2f2; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra .dncp-btn { height: 40px; margin: 0; padding: 0 18px; border: 1px solid #cfcfcf; border-radius: 4px; background: #fff; font: 600 14px/1 Inter, system-ui, sans-serif; letter-spacing: normal; color: #111; cursor: pointer; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra .dncp-btn-primary { min-width: 84px; border-color: #111; background: #111; font-weight: 700; color: #fff; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra .dncp-btn-primary:hover { border-color: #d10074; background: #d10074; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra :is(.dncp-btn):focus-visible,
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra :is(.dncp-eye-dropper):focus-visible,
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra :is(.dncp-mask-option):focus-visible { outline: 2px solid #111; outline-offset: 2px; }
/* print colours: a glowing colour ink can't print is eased back when picked, and a calm strip over the footer says so,
   with what was picked beside what it became */
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-warn { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-top: 1px solid #f0d49b; background: #fff8e8; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-warn[hidden] { display: none; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-pair { flex: none; display: flex; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-pair i { display: block; width: 28px; height: 28px; border: 1px solid rgba(0, 0, 0, .14); }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-pair i:first-child { border-radius: 4px 0 0 4px; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-pair i:last-child { border-left: 0; border-radius: 0 4px 4px 0; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-copy { flex: 1 1 auto; min-width: 0; font-size: 12px; line-height: 1.4; color: #6b4a00; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-copy b { font-weight: 700; color: #111; }
/* "Keep my colour" undoes the easing; the strip then says the colour was kept */
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-warn .tsw-cp-kept, body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-warn.is-kept .tsw-cp-eased, body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-warn.is-kept .tsw-cp-keep { display: none; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-warn.is-kept .tsw-cp-kept { display: block; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-warn.is-kept .tsw-cp-pair i:last-child { display: none; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-warn.is-kept .tsw-cp-pair i:first-child { border-radius: 4px; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-keep { flex: none; height: 36px; margin: 0; padding: 0 12px; border: 1px solid #cfcfcf; border-radius: 4px; background: #fff; font: 600 13px/1 Inter, system-ui, sans-serif; letter-spacing: normal; white-space: nowrap; color: #111; cursor: pointer; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-keep:hover { border-color: #111; }
/* the eyedropper says what it does, with a hint while it's on */
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra .dncp-eye-dropper { width: auto !important; min-width: 40px; padding: 0 12px 0 36px; background-position: 10px center !important; font: 600 13px/38px Inter, system-ui, sans-serif; letter-spacing: normal; white-space: nowrap; color: #111; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra .dncp-eye-dropper::after { content: "Pick from design"; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-eyehint { margin: 0; padding: 8px 12px; border-top: 1px solid #e6e6e6; background: #f5f5f5; font-size: 13px; font-weight: 600; color: #111; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-eyehint[hidden] { display: none; }
/* eyedropper on: the picker folds to its footer (hint, colour, OK) so the design can be tapped; on phones it sits at the
   bottom of the screen instead of covering it */
body.dn-page-designer .dncp-popup-container.dncp-alt.tsw-eye-on .dncp-popup { height: auto !important; }
body.dn-page-designer .dncp-popup-container.dncp-alt.tsw-eye-on .dncp-popup :is(.dncp-popup-header),
body.dn-page-designer .dncp-popup-container.dncp-alt.tsw-eye-on .dncp-popup :is(.dncp-popup-content-container),
body.dn-page-designer .dncp-popup-container.dncp-alt.tsw-eye-on .dncp-popup :is(.tsw-cp-warn) { display: none !important; }
@media (max-width: 799px) {
  body.dn-page-designer .dncp-popup-container.dncp-alt.tsw-eye-on .dncp-popup { top: auto !important; bottom: 0 !important; }
  body.dn-page-designer .dncp-popup-container.dncp-alt.tsw-eye-on .dncp-popup-background { display: none; }
  body.dn-page-designer.tsw-eyedrop #designer_container.tsw-v3p .dn-designer-popup-panel-container.dn-alt { visibility: hidden; }
}
/* nothing printed on this side yet: the eyedropper has nothing to read, so its button goes; a missed tap flashes the hint */
body.dn-page-designer .dncp-popup-container.tsw-no-eye .dncp-eye-dropper { display: none !important; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-eyehint.tsw-flash { animation: tsw-hint .8s ease-out; }
@keyframes tsw-hint { 0%, 40% { background: #ffd6ec; } 100% { background: #f5f5f5; } }
/* recent colours, under "Colours in use" */
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-recent { display: flex; align-items: center; gap: 10px; padding: 0 12px 12px; background: #fff; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-recent[hidden] { display: none; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-recent h3 { flex: none; margin: 0; font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-recent-list { display: flex; flex-wrap: wrap; gap: 6px; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-recent-sw { width: 30px; height: 30px; margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, .14); border-radius: 4px; cursor: pointer; }
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-recent-sw:hover { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #111; }
/* phones and small tablets: full screen, so the palette takes the height between header and footer, and everything
   a thumb presses grows again */
@media (max-width: 799px) {
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup { border: 0; border-radius: 0; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-popup-header { padding-top: env(safe-area-inset-top); }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-popup-content-container { flex: 1 1 auto; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-popup-content-scroll { flex: 1 1 auto; max-height: none; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-pp-colors.dncp-active { grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); gap: 8px; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ciu .dncp-color-swatch { width: 36px; height: 36px; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp.dncp-active { grid-template-columns: minmax(0, 1fr); }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-sv { height: min(240px, 34vh); }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-hue { height: 40px; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-sv-pointer { width: 28px; height: 28px; margin: -14px 0 0 -14px; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-csp-hue-pointer { width: 18px; margin-left: -9px; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra { padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra :is(.dncp-eye-dropper),
body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra :is(.dncp-mask-option) { width: 44px; height: 44px; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra .dncp-btn { height: 44px; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra .dncp-btn-primary { min-width: 96px; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-warn { flex-wrap: wrap; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-keep { flex: 1 0 100%; height: 44px; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .tsw-cp-recent-sw { width: 36px; height: 36px; }
  body.dn-page-designer .dncp-popup-container.dncp-alt .dncp-popup .dncp-ra .dncp-eye-dropper::after { content: "Pick"; }
}

/* ---- change product: our picker (#tsw-cp, on the page body) in place of DN's "Select Product" popup. Phones get a
   full-screen sheet, two across; wider screens a panel up to 1000 x 900, four across. Flat, 4px corners, no shadows ---- */
#tsw-cp { --cp-ink: #111; --cp-pink: #d10074; --cp-line: #e6e6e6; --cp-muted: #6b6b6b; --cp-soft: #f4f4f4;
  position: fixed; inset: 0; z-index: 100002; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(17, 17, 17, .5);
  font-family: var(--font-body, Inter, system-ui, sans-serif); font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: normal; word-spacing: normal; text-align: left; text-transform: none; color: var(--cp-ink); }
#tsw-cp[hidden] { display: none; }
#tsw-cp * { box-sizing: border-box; }
#tsw-cp :is(p),
#tsw-cp :is(b),
#tsw-cp :is(em),
#tsw-cp :is(i) { margin: 0; padding: 0; font-family: inherit; letter-spacing: normal; word-spacing: normal; text-transform: none; }
#tsw-cp button { margin: 0; font-family: inherit; letter-spacing: normal; word-spacing: normal; text-transform: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#tsw-cp button:focus-visible { outline: 3px solid var(--cp-pink); outline-offset: 2px; }
#tsw-cp [hidden] { display: none !important; }
body.tsw-cp-on { overflow: hidden; }
#tsw-cp .tsw-cp-sheet { display: flex; flex-direction: column; width: min(1000px, 100%); height: min(900px, 100%); overflow: hidden; border-radius: 4px; background: #fff; }
#tsw-cp .tsw-cp-head { flex: none; display: flex; align-items: center; gap: 12px; padding: 12px 12px 12px 20px; border-bottom: 1px solid var(--cp-line); }
#tsw-cp .tsw-cp-head b { font-size: 19px; font-weight: 800; line-height: 1.2; }
#tsw-cp .tsw-cp-x { flex: none; margin-left: auto; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--cp-line); border-radius: 4px; background: #fff; font-size: 18px; line-height: 1; color: var(--cp-ink); }
/* phones: the library's and the product picker's X, bigger and bolder in the same 44px box (3 Oct 2026) */
@media (max-width: 767px) {
  #tsw-lib .tsw-lib-x, #tsw-cp .tsw-cp-x { font-size: 24px; -webkit-text-stroke: 0.6px currentColor; }
}
#tsw-cp .tsw-cp-bar { flex: none; display: flex; flex-direction: column; gap: 12px; padding: 12px 20px; border-bottom: 1px solid var(--cp-line); }
#tsw-cp .tsw-cp-search { position: relative; }
#tsw-cp .tsw-cp-search svg { position: absolute; left: 14px; top: 50%; width: 18px; height: 18px; margin-top: -9px; fill: none; stroke: var(--cp-muted); stroke-width: 2; stroke-linecap: round; pointer-events: none; }
#tsw-cp .tsw-cp-search input { display: block; width: 100%; height: 48px; margin: 0; padding: 0 48px 0 42px; border: 1px solid #cfcfcf; border-radius: 4px; background: #fff; font: 500 16px/1.2 var(--font-body, Inter, system-ui, sans-serif); color: var(--cp-ink); -webkit-appearance: none; appearance: none; box-shadow: none; }
#tsw-cp .tsw-cp-search input:focus { border-color: var(--cp-ink); outline: 1px solid var(--cp-ink); outline-offset: -2px; }
#tsw-cp .tsw-cp-search input::placeholder { color: #8a8a8a; opacity: 1; }
#tsw-cp .tsw-cp-search input::-webkit-search-cancel-button { display: none; -webkit-appearance: none; }
#tsw-cp .tsw-cp-clear { position: absolute; right: 4px; top: 4px; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 4px; background: none; font-size: 16px; color: var(--cp-muted); }
/* the chips scroll sideways on a phone and wrap on a wide screen */
#tsw-cp .tsw-cp-chips { display: flex; flex-wrap: wrap; gap: 8px; }
#tsw-cp .tsw-cp-chip { flex: none; height: 38px; padding: 0 14px; border: 1px solid #d6d6d6; border-radius: 4px; background: #fff; font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; color: var(--cp-ink); }
#tsw-cp .tsw-cp-chip.is-on { border-color: var(--cp-ink); background: var(--cp-ink); color: #fff; }
#tsw-cp .tsw-cp-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 14px 20px 28px; }
#tsw-cp .tsw-cp-count { min-height: 18px; margin: 0 0 10px; font-size: 13px; color: var(--cp-muted); }
#tsw-cp .tsw-cp-note { margin: 0 0 12px; padding: 10px 12px; border-radius: 4px; background: #f5f5f5; font-size: 14px; line-height: 1.45; color: #333333; }
#tsw-cp .tsw-cp-note b { font-weight: 700; color: #111111; }
#tsw-cp .tsw-cp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
/* a card: the product on white, its name, the brand, its colours, and whether it comes in the customer's colour */
#tsw-cp .tsw-cp-card { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 3px; min-width: 0; padding: 0 0 12px; border: 1px solid var(--cp-line); border-radius: 4px; background: #fff; text-align: left; color: var(--cp-ink); overflow: hidden; }
#tsw-cp .tsw-cp-card.is-current { border-color: var(--cp-ink); box-shadow: 0 0 0 1px var(--cp-ink) inset; }
#tsw-cp .tsw-cp-img { position: relative; display: block; margin: 0 0 8px; background: #fff; }
#tsw-cp .tsw-cp-img::before { content: ''; display: block; padding-top: 100%; }
#tsw-cp .tsw-cp-img img { position: absolute; inset: 6%; width: 88%; height: 88%; object-fit: contain; -webkit-user-drag: none; }
#tsw-cp .tsw-cp-tag { position: absolute; top: 8px; left: 8px; padding: 4px 8px; border-radius: 4px; background: var(--cp-ink); font-size: 11px; font-weight: 700; line-height: 1.2; color: #fff; }
#tsw-cp .tsw-cp-name { padding: 0 12px; font-size: 15px; font-weight: 700; line-height: 1.25; }
#tsw-cp .tsw-cp-brand { padding: 0 12px; font-size: 12px; font-weight: 500; line-height: 1.3; color: var(--cp-muted); }
#tsw-cp .tsw-cp-cols { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; min-height: 16px; margin: 6px 0 0; padding: 0 12px; }
#tsw-cp .tsw-cp-cols i { width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18); }
#tsw-cp .tsw-cp-cols em { margin-left: 2px; font-size: 12px; font-style: normal; font-weight: 600; color: var(--cp-muted); }
#tsw-cp .tsw-cp-note { min-height: 17px; padding: 0 12px; font-size: 12px; font-weight: 600; line-height: 1.4; color: #1a7f37; }
#tsw-cp .tsw-cp-note.is-miss { color: #8a5a00; }
#tsw-cp .tsw-cp-card.is-skel { height: 300px; border-color: transparent; background: linear-gradient(90deg, #f0f0f0 0, #f8f8f8 50%, #f0f0f0 100%); background-size: 200% 100%; animation: tsw-cp-skel 1.2s linear infinite; }
@keyframes tsw-cp-skel { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@media (hover: hover) {
  #tsw-cp .tsw-cp-card:not(.is-skel):hover { border-color: var(--cp-ink); }
  #tsw-cp .tsw-cp-chip:not(.is-on):hover { border-color: var(--cp-ink); }
}
#tsw-cp .tsw-cp-more { display: block; width: 100%; max-width: 320px; height: 48px; margin: 18px auto 0; padding: 0 16px; border: 1px solid var(--cp-ink); border-radius: 4px; background: #fff; font-size: 15px; font-weight: 600; color: var(--cp-ink); }
#tsw-cp .tsw-cp-none { grid-column: 1 / -1; padding: 24px 0; font-size: 15px; color: var(--cp-muted); }
#tsw-cp .tsw-cp-foot { margin: 24px 0 0; font-size: 14px; color: var(--cp-muted); }
#tsw-cp .tsw-cp-link { display: inline; min-height: 0; padding: 0; border: 0; background: none; font-size: inherit; font-weight: 700; color: var(--cp-ink); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767px) {
  #tsw-cp { padding: 0; background: #fff; }
  #tsw-cp .tsw-cp-sheet { width: 100%; height: 100%; border-radius: 0; }
  #tsw-cp .tsw-cp-head { padding: 8px 8px 8px 16px; }
  #tsw-cp .tsw-cp-bar { padding: 10px 16px; gap: 10px; }
  #tsw-cp .tsw-cp-chips { flex-wrap: nowrap; margin: 0 -16px; padding: 0 16px 2px; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; }
  #tsw-cp .tsw-cp-chips::-webkit-scrollbar { display: none; }
  #tsw-cp .tsw-cp-body { padding: 12px 16px 28px; }
  #tsw-cp .tsw-cp-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  #tsw-cp .tsw-cp-name { font-size: 14px; }
  #tsw-cp .tsw-cp-cols { gap: 3px; padding: 0 10px; }
  #tsw-cp .tsw-cp-cols i { width: 12px; height: 12px; }
  #tsw-cp .tsw-cp-card.is-skel { height: 240px; }
}
/* after a switch: what was kept, with Undo (the script places it at the top of the stage) */
#tsw-note { position: fixed; z-index: 100001; display: flex; align-items: center; gap: 12px; width: max-content; max-width: min(520px, calc(100vw - 24px)); padding: 10px 10px 10px 14px; border: 2px solid #fff; border-radius: 4px; background: #111; font: 600 14px/1.4 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; word-spacing: normal; color: #fff; transform: translateX(-50%); }
#tsw-note[hidden] { display: none; }
#tsw-note .tsw-note-undo { flex: none; min-width: 64px; height: 36px; margin: 0; padding: 0 12px; border: 1px solid #fff; border-radius: 4px; background: none; font: 700 14px/1 var(--font-body, Inter, system-ui, sans-serif); color: #fff; cursor: pointer; }
#tsw-note .tsw-note-undo[hidden] { display: none; }


/* ============================================================================
   SEC110  CHECKOUT — Cart and checkout v1: cart page, checkout steps and forms, option cards, designer cart popup
   ============================================================================ */
/* Pairs with the "TSW CART v1" script, which adds the title row, the item cards, the free-delivery line, the
   reassurance cards, the phone bar and the step bar, and which replaced the old TSW CHECKOUT OPTIMIZER.
   House style: Inter, flat, 4px corners, 1px #e6e6e6 lines, ink #111 for choices, pink #d10074 for the one main
   action on each page, no shadows. DN's own markup is restyled in place, so its links, forms and buttons keep
   working. Pages: body.dn-page-view_cart (/shop/verify), .dn-page-address, .dn-page-shipping, .dn-page-billing and
   .dn-page-confirm (the checkout steps). */

body:is(.dn-page-view_cart),
body:is(.dn-page-address),
body:is(.dn-page-shipping),
body:is(.dn-page-billing),
body:is(.dn-page-confirm) {
  --co-ink: #111; --co-body: #333; --co-muted: #5f5f5f; --co-line: #e6e6e6; --co-field: #cfcfcf; --co-surface: #f6f6f6;
  --co-pink: #d10074; --co-pink-d: #a8005e; --co-green: #0f7a3a; --co-red: #c4002b; --co-r: 4px;
}
html body:is(.dn-page-view_cart) .tsw-hide,
html body:is(.dn-page-address) .tsw-hide,
html body:is(.dn-page-shipping) .tsw-hide,
html body:is(.dn-page-billing) .tsw-hide,
html body:is(.dn-page-confirm) .tsw-hide { display: none !important; }
/* the floating cart button has nothing to add on the cart and checkout pages */
body:is(.dn-page-view_cart) :is(#desktop-floating-cart),
body:is(.dn-page-view_cart) :is(#mobile-floating-cart),
body:is(.dn-page-view_cart) :is(.floating-cart-clone),
body:is(.dn-page-address) :is(#desktop-floating-cart),
body:is(.dn-page-address) :is(#mobile-floating-cart),
body:is(.dn-page-address) :is(.floating-cart-clone),
body:is(.dn-page-shipping) :is(#desktop-floating-cart),
body:is(.dn-page-shipping) :is(#mobile-floating-cart),
body:is(.dn-page-shipping) :is(.floating-cart-clone),
body:is(.dn-page-billing) :is(#desktop-floating-cart),
body:is(.dn-page-billing) :is(#mobile-floating-cart),
body:is(.dn-page-billing) :is(.floating-cart-clone),
body:is(.dn-page-confirm) :is(#desktop-floating-cart),
body:is(.dn-page-confirm) :is(#mobile-floating-cart),
body:is(.dn-page-confirm) :is(.floating-cart-clone) { display: none !important; }
/* an old step bar pasted into the page (Edit This Page) sits fixed behind the header and never lights a step */
body:is(.dn-page-view_cart) #checkout-progress,
body:is(.dn-page-address) #checkout-progress,
body:is(.dn-page-shipping) #checkout-progress,
body:is(.dn-page-billing) #checkout-progress,
body:is(.dn-page-confirm) #checkout-progress { display: none !important; }

/* DN's page messages ("The order has been modified…", a declined card) as a flat notice in line with the page */
body:is(.dn-page-view_cart) .dn-page-alert,
body:is(.dn-page-address) .dn-page-alert,
body:is(.dn-page-shipping) .dn-page-alert,
body:is(.dn-page-billing) .dn-page-alert,
body:is(.dn-page-confirm) .dn-page-alert { box-sizing: border-box; max-width: 1192px; margin: 16px auto !important; padding: 12px 16px !important; border: 1px solid var(--co-line) !important;
  border-left: 4px solid var(--co-ink) !important; border-radius: var(--co-r) !important; background: #fff !important; box-shadow: none !important;
  font: 600 15px/1.45 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; text-align: left !important; color: var(--co-ink) !important; }
body:is(.dn-page-view_cart) .dn-page-alert.dn-error,
body:is(.dn-page-address) .dn-page-alert.dn-error,
body:is(.dn-page-shipping) .dn-page-alert.dn-error,
body:is(.dn-page-billing) .dn-page-alert.dn-error,
body:is(.dn-page-confirm) .dn-page-alert.dn-error { border-color: #f1c5cd !important; border-left-color: var(--co-red) !important; background: #fff6f7 !important; }
/* the script moves it into the page's own column */
body:is(.dn-page-view_cart) .dn-page-alert.tsw-alert,
body:is(.dn-page-address) .dn-page-alert.tsw-alert,
body:is(.dn-page-shipping) .dn-page-alert.tsw-alert,
body:is(.dn-page-billing) .dn-page-alert.tsw-alert,
body:is(.dn-page-confirm) .dn-page-alert.tsw-alert { max-width: none; margin: 0 0 16px !important; }
@media (max-width: 767px) {
  body:is(.dn-page-view_cart) .dn-page-alert,
body:is(.dn-page-address) .dn-page-alert,
body:is(.dn-page-shipping) .dn-page-alert,
body:is(.dn-page-billing) .dn-page-alert,
body:is(.dn-page-confirm) .dn-page-alert { font-size: 14px !important; }
}

/* ---- shared: buttons and links the script adds ---- */
body:is(.dn-page-view_cart) :is(.tsw-btn-pink),
body:is(.dn-page-view_cart) :is(.tsw-btn-line),
body:is(.dn-page-address) :is(.tsw-btn-pink),
body:is(.dn-page-address) :is(.tsw-btn-line),
body:is(.dn-page-shipping) :is(.tsw-btn-pink),
body:is(.dn-page-shipping) :is(.tsw-btn-line),
body:is(.dn-page-billing) :is(.tsw-btn-pink),
body:is(.dn-page-billing) :is(.tsw-btn-line),
body:is(.dn-page-confirm) :is(.tsw-btn-pink),
body:is(.dn-page-confirm) :is(.tsw-btn-line) {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border: 1px solid var(--co-ink); border-radius: var(--co-r);
  font: 700 15px/1.2 var(--font-body); letter-spacing: normal; text-transform: none; text-decoration: none; cursor: pointer; }
body:is(.dn-page-view_cart) .tsw-btn-pink,
body:is(.dn-page-address) .tsw-btn-pink,
body:is(.dn-page-shipping) .tsw-btn-pink,
body:is(.dn-page-billing) .tsw-btn-pink,
body:is(.dn-page-confirm) .tsw-btn-pink { border-color: var(--co-pink); background: var(--co-pink); color: #fff; }
body:is(.dn-page-view_cart) .tsw-btn-pink:hover,
body:is(.dn-page-address) .tsw-btn-pink:hover,
body:is(.dn-page-shipping) .tsw-btn-pink:hover,
body:is(.dn-page-billing) .tsw-btn-pink:hover,
body:is(.dn-page-confirm) .tsw-btn-pink:hover { border-color: var(--co-pink-d); background: var(--co-pink-d); color: #fff; }
body:is(.dn-page-view_cart) .tsw-btn-line,
body:is(.dn-page-address) .tsw-btn-line,
body:is(.dn-page-shipping) .tsw-btn-line,
body:is(.dn-page-billing) .tsw-btn-line,
body:is(.dn-page-confirm) .tsw-btn-line { background: #fff; color: var(--co-ink); }
body:is(.dn-page-view_cart) .tsw-btn-line:hover,
body:is(.dn-page-address) .tsw-btn-line:hover,
body:is(.dn-page-shipping) .tsw-btn-line:hover,
body:is(.dn-page-billing) .tsw-btn-line:hover,
body:is(.dn-page-confirm) .tsw-btn-line:hover { background: var(--co-ink); color: #fff; }

/* ============================================================================
   CART (/shop/verify)
   ============================================================================ */
/* DN's grey widget background goes: the cards sit on the site's white, as on the product and designer pages */
body.dn-page-view_cart .dn-widget-page_content_view_cart .dn-widget-content-container { display: block !important; max-width: 1240px; margin: 0 auto !important; padding: 0 24px !important; background: none !important; border: 0 !important; box-sizing: border-box; }
body.dn-page-view_cart .tsw-cart-info { max-width: 1240px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }
@media (max-width: 767px) {
  body.dn-page-view_cart .dn-widget-page_content_view_cart .dn-widget-content-container,
  body.dn-page-view_cart .tsw-cart-info { padding: 0 16px !important; }
}
body.dn-page-view_cart .dn-widget-page_content_view_cart .dn-background-container { display: none !important; }
body.dn-page-view_cart .dn-view-cart-details-container { font-family: var(--font-body); color: var(--co-ink); letter-spacing: normal; word-spacing: normal; }
/* the site's paragraph spacing (wider gaps between words) stays out of the cart */
body.dn-page-view_cart :is(.dn-view-cart-details-container) :is(p),
body.dn-page-view_cart :is(.dn-view-cart-details-container) :is(span),
body.dn-page-view_cart :is(.dn-view-cart-details-container) :is(b),
body.dn-page-view_cart :is(.dn-view-cart-details-container) :is(label),
body.dn-page-view_cart :is(.tsw-cart-bar) :is(p),
body.dn-page-view_cart :is(.tsw-cart-bar) :is(span),
body.dn-page-view_cart :is(.tsw-cart-bar) :is(b),
body.dn-page-view_cart :is(.tsw-cart-bar) :is(label) { letter-spacing: normal; word-spacing: normal; }

/* the title row: "Your cart" and Keep Shopping */
body.dn-page-view_cart .dn-widget-page_content_view_cart h1 { margin: 0 !important; padding: 0 !important; font: 800 34px/1.1 var(--font-body) !important; letter-spacing: -.01em !important; text-transform: none !important; color: var(--co-ink) !important; text-align: left !important; }
body.dn-page-view_cart .tsw-cart-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 8px 0 20px; }
body.dn-page-view_cart .tsw-cart-keep { flex: none; font: 600 15px/1.3 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--co-ink) !important; text-decoration: underline !important; text-underline-offset: 3px; }
body.dn-page-view_cart .tsw-cart-keep:hover { color: var(--co-pink-d); }

/* two columns: the items, and the summary beside them */
body.dn-page-view_cart .dn-checkout-cart,
body.dn-page-view_cart .dn-checkout-cart-body { display: block; width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.dn-page-view_cart .dn-checkout-cart-detail-container { display: grid !important; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; width: auto !important; }
body.dn-page-view_cart :is(.dn-checkout-cart-detail-col1),
body.dn-page-view_cart :is(.dn-checkout-cart-detail-col2) { float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; }
body.dn-page-view_cart .dn-checkout-cart-summary-container { display: none !important; }
@media (max-width: 1023px) {
  body.dn-page-view_cart .dn-checkout-cart-detail-container { grid-template-columns: minmax(0, 1fr); }
}

/* the items: DN's table header goes once the rows are cards */
body.dn-page-view_cart.tsw-cart .dn-checkout-cart-detail-col1 > .dn-checkout-header { display: none !important; }
body.dn-page-view_cart .dn-checkout-rows { display: flex; flex-direction: column; gap: 16px; }
body.dn-page-view_cart .dn-checkout-row.tsw-item { display: grid !important; grid-template-columns: 180px minmax(0, 1fr); gap: 20px; margin: 0 !important; padding: 20px !important;
  border: 1px solid var(--co-line) !important; border-radius: var(--co-r); background: #fff !important; }
body.dn-page-view_cart .tsw-item .dn-checkout-c-product-thumbnail { float: none !important; width: 180px !important; height: 180px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: var(--co-r); background: #f4f4f4; overflow: hidden; }
body.dn-page-view_cart .tsw-item .dn-checkout-c-product-thumbnail a { display: block; width: 100%; height: 100%; }
body.dn-page-view_cart .tsw-item .dn-checkout-c-product-thumbnail img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain; border: 0 !important; background: none !important; }
body.dn-page-view_cart .tsw-item .dn-checkout-c-row-details { display: flex !important; flex-direction: column; float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; }
body.dn-page-view_cart .tsw-item .dn-checkout-c-row-details > :not(.tsw-item-body) { display: none !important; }
body.dn-page-view_cart .tsw-item-body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
body.dn-page-view_cart .tsw-item-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
body.dn-page-view_cart .tsw-item-title { min-width: 0; }
body.dn-page-view_cart .tsw-item-name { margin: 0 !important; padding: 0 !important; border: 0 !important; font: 800 20px/1.2 var(--font-body) !important; letter-spacing: -.01em !important; text-transform: none !important; color: var(--co-ink) !important; }
body.dn-page-view_cart .tsw-item-meta { margin: 4px 0 0; font: 400 14px/1.4 var(--font-body); color: var(--co-muted); }
body.dn-page-view_cart .tsw-item-code { margin-left: 4px; font-size: 12px; letter-spacing: .04em; color: #8a8a8a; }
body.dn-page-view_cart .tsw-item-price { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; text-align: right; }
body.dn-page-view_cart .tsw-item-price b { font: 800 20px/1.2 var(--font-body); color: var(--co-ink); font-variant-numeric: tabular-nums; }
body.dn-page-view_cart .tsw-item-price span { font: 400 13px/1.3 var(--font-body); color: var(--co-muted); }
body.dn-page-view_cart .tsw-item-sizes { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.dn-page-view_cart .tsw-item-sizes li { margin: 0 !important; padding: 7px 11px !important; border: 1px solid #d6d6d6; border-radius: var(--co-r); background: #fff; list-style: none !important; font: 600 14px/1.2 var(--font-body); color: var(--co-ink); }
body.dn-page-view_cart .tsw-item-sizes li::before { display: none !important; }
body.dn-page-view_cart .tsw-item-actions { display: flex; align-items: center; gap: 12px; margin-top: auto; padding-top: 16px; } /* auto alone is 0 when a line has many sizes: the chips sat on the button */
body.dn-page-view_cart .tsw-item-actions .tsw-item-edit { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 1px solid var(--co-ink); border-radius: var(--co-r); background: #fff;
  font: 600 14px/1 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; color: var(--co-ink) !important; }
body.dn-page-view_cart .tsw-item-actions .tsw-item-edit:hover { background: var(--co-ink); color: #fff !important; }
body.dn-page-view_cart .tsw-item-actions .tsw-item-remove { margin-left: auto; padding: 10px 2px; font: 600 14px/1 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important;
  color: var(--co-muted) !important; text-decoration: underline !important; text-underline-offset: 3px; }
body.dn-page-view_cart .tsw-item-actions .tsw-item-remove:hover { color: var(--co-red) !important; }

/* reassurance under the items, and DN's production times as a card */
body.dn-page-view_cart .tsw-assure { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 16px 0 0; }
body.dn-page-view_cart .tsw-assure-card { display: flex; align-items: flex-start; gap: 12px; padding: 16px 18px; border: 1px solid var(--co-line); border-radius: var(--co-r); background: #fff; }
body.dn-page-view_cart .tsw-assure-card svg { flex: none; color: var(--co-ink); }
body.dn-page-view_cart .tsw-assure-card p { margin: 0; font: 400 14px/1.45 var(--font-body); letter-spacing: normal; word-spacing: normal; color: var(--co-body); }
body.dn-page-view_cart .tsw-assure-card b { color: var(--co-ink); }
body.dn-page-view_cart .tsw-chat-link { padding: 0; border: 0; background: none; font: 600 14px/1.45 var(--font-body); color: var(--co-ink); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
body:is(.dn-page-view_cart) .tsw-cart-info > .dn-widget-content-container,
body:is(.dn-page-address) .tsw-cart-info > .dn-widget-content-container,
body:is(.dn-page-shipping) .tsw-cart-info > .dn-widget-content-container,
body:is(.dn-page-billing) .tsw-cart-info > .dn-widget-content-container,
body:is(.dn-page-confirm) .tsw-cart-info > .dn-widget-content-container { margin-top: 16px; padding: 16px 18px !important; border: 1px solid var(--co-line) !important; border-radius: var(--co-r) !important; background: #fff !important; box-shadow: none !important; }
body:is(.dn-page-view_cart) .tsw-cart-info .dn-background-container,
body:is(.dn-page-address) .tsw-cart-info .dn-background-container,
body:is(.dn-page-shipping) .tsw-cart-info .dn-background-container,
body:is(.dn-page-billing) .tsw-cart-info .dn-background-container,
body:is(.dn-page-confirm) .tsw-cart-info .dn-background-container { display: none !important; }
/* the production times card's words (the cart script puts the same text in every one): a plain heading and a short list */
body:is(.dn-page-view_cart) .tsw-cart-info .tsw-delivery h3,
body:is(.dn-page-address) .tsw-cart-info .tsw-delivery h3,
body:is(.dn-page-shipping) .tsw-cart-info .tsw-delivery h3,
body:is(.dn-page-billing) .tsw-cart-info .tsw-delivery h3,
body:is(.dn-page-confirm) .tsw-cart-info .tsw-delivery h3 { margin: 0 0 8px !important; font: 800 17px/1.25 var(--font-body) !important; letter-spacing: -0.01em !important; text-transform: none !important; color: var(--co-ink, #111111) !important; }
body:is(.dn-page-view_cart) .tsw-cart-info .tsw-delivery ul,
body:is(.dn-page-address) .tsw-cart-info .tsw-delivery ul,
body:is(.dn-page-shipping) .tsw-cart-info .tsw-delivery ul,
body:is(.dn-page-billing) .tsw-cart-info .tsw-delivery ul,
body:is(.dn-page-confirm) .tsw-cart-info .tsw-delivery ul { margin: 0 !important; padding: 0 0 0 18px !important; list-style: disc !important; }
body:is(.dn-page-view_cart) .tsw-cart-info .tsw-delivery li,
body:is(.dn-page-address) .tsw-cart-info .tsw-delivery li,
body:is(.dn-page-shipping) .tsw-cart-info .tsw-delivery li,
body:is(.dn-page-billing) .tsw-cart-info .tsw-delivery li,
body:is(.dn-page-confirm) .tsw-cart-info .tsw-delivery li { margin: 0 0 6px !important; }
body:is(.dn-page-view_cart) .tsw-cart-info :is(.dn-page-section-content),
body:is(.dn-page-view_cart) .tsw-cart-info :is(.dn-padding-container),
body:is(.dn-page-view_cart) .tsw-cart-info :is(.dn-page-section-margin),
body:is(.dn-page-view_cart) .tsw-cart-info :is(.dn-page-column),
body:is(.dn-page-view_cart) .tsw-cart-info :is(.dn-widget-content-container .dn-widget-content-container),
body:is(.dn-page-address) .tsw-cart-info :is(.dn-page-section-content),
body:is(.dn-page-address) .tsw-cart-info :is(.dn-padding-container),
body:is(.dn-page-address) .tsw-cart-info :is(.dn-page-section-margin),
body:is(.dn-page-address) .tsw-cart-info :is(.dn-page-column),
body:is(.dn-page-address) .tsw-cart-info :is(.dn-widget-content-container .dn-widget-content-container),
body:is(.dn-page-shipping) .tsw-cart-info :is(.dn-page-section-content),
body:is(.dn-page-shipping) .tsw-cart-info :is(.dn-padding-container),
body:is(.dn-page-shipping) .tsw-cart-info :is(.dn-page-section-margin),
body:is(.dn-page-shipping) .tsw-cart-info :is(.dn-page-column),
body:is(.dn-page-shipping) .tsw-cart-info :is(.dn-widget-content-container .dn-widget-content-container),
body:is(.dn-page-billing) .tsw-cart-info :is(.dn-page-section-content),
body:is(.dn-page-billing) .tsw-cart-info :is(.dn-padding-container),
body:is(.dn-page-billing) .tsw-cart-info :is(.dn-page-section-margin),
body:is(.dn-page-billing) .tsw-cart-info :is(.dn-page-column),
body:is(.dn-page-billing) .tsw-cart-info :is(.dn-widget-content-container .dn-widget-content-container),
body:is(.dn-page-confirm) .tsw-cart-info :is(.dn-page-section-content),
body:is(.dn-page-confirm) .tsw-cart-info :is(.dn-padding-container),
body:is(.dn-page-confirm) .tsw-cart-info :is(.dn-page-section-margin),
body:is(.dn-page-confirm) .tsw-cart-info :is(.dn-page-column),
body:is(.dn-page-confirm) .tsw-cart-info :is(.dn-widget-content-container .dn-widget-content-container) { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body:is(.dn-page-view_cart) .tsw-cart-info :is(p),
body:is(.dn-page-view_cart) .tsw-cart-info :is(li),
body:is(.dn-page-view_cart) .tsw-cart-info :is(span),
body:is(.dn-page-view_cart) .tsw-cart-info :is(div),
body:is(.dn-page-address) .tsw-cart-info :is(p),
body:is(.dn-page-address) .tsw-cart-info :is(li),
body:is(.dn-page-address) .tsw-cart-info :is(span),
body:is(.dn-page-address) .tsw-cart-info :is(div),
body:is(.dn-page-shipping) .tsw-cart-info :is(p),
body:is(.dn-page-shipping) .tsw-cart-info :is(li),
body:is(.dn-page-shipping) .tsw-cart-info :is(span),
body:is(.dn-page-shipping) .tsw-cart-info :is(div),
body:is(.dn-page-billing) .tsw-cart-info :is(p),
body:is(.dn-page-billing) .tsw-cart-info :is(li),
body:is(.dn-page-billing) .tsw-cart-info :is(span),
body:is(.dn-page-billing) .tsw-cart-info :is(div),
body:is(.dn-page-confirm) .tsw-cart-info :is(p),
body:is(.dn-page-confirm) .tsw-cart-info :is(li),
body:is(.dn-page-confirm) .tsw-cart-info :is(span),
body:is(.dn-page-confirm) .tsw-cart-info :is(div) { font-size: 14px !important; line-height: 1.5 !important; letter-spacing: normal !important; word-spacing: normal !important; color: var(--co-body) !important; }
@media (max-width: 767px) {
  body.dn-page-view_cart .tsw-assure { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}

/* the summary card */
body.dn-page-view_cart .dn-checkout-cart-summary { position: sticky; top: 96px; float: none !important; width: auto !important; margin: 0 !important; padding: 24px !important;
  border: 1px solid var(--co-line) !important; border-radius: var(--co-r); background: #fff !important; box-shadow: none !important; }
body.dn-page-view_cart .dn-checkout-footer { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.dn-page-view_cart .dn-checkout-footer > h3 { margin: 0 0 14px !important; padding: 0 !important; font: 800 18px/1.2 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; text-align: left !important; color: var(--co-ink) !important; }
body.dn-page-view_cart .dn-checkout-footer-row { display: flex !important; align-items: baseline; justify-content: space-between; gap: 12px; float: none !important; width: auto !important; margin: 0 !important; padding: 6px 0 !important;
  border: 0 !important; background: none !important; font: 400 15px/1.4 var(--font-body); color: var(--co-ink); }
body.dn-page-view_cart .dn-checkout-footer-row .dn-footer-label { float: none !important; width: auto !important; padding: 0 !important; font: inherit !important; text-align: left !important; text-transform: none !important; letter-spacing: normal !important; }
body.dn-page-view_cart .dn-checkout-footer-row .dn-checkout-c-total { float: none !important; width: auto !important; padding: 0 !important; font: 600 15px/1.4 var(--font-body) !important; text-align: right !important; font-variant-numeric: tabular-nums; }
body.dn-page-view_cart .dn-checkout-footer-row .dn-checkout-c-equal { display: none !important; }
body.dn-page-view_cart .dn-checkout-footer .dn-total { margin-top: 10px !important; padding-top: 14px !important; border-top: 1px solid var(--co-line) !important; }
body.dn-page-view_cart .dn-checkout-footer .dn-total .dn-footer-label { font: 700 16px/1.3 var(--font-body) !important; }
body.dn-page-view_cart .dn-checkout-footer .dn-total .dn-checkout-c-total { font: 800 28px/1.1 var(--font-body) !important; }
body.dn-page-view_cart .tsw-gst { margin: 2px 0 16px; font: 400 13px/1.4 var(--font-body); color: var(--co-muted); text-align: right; }

/* the promo code, behind a link */
body.dn-page-view_cart .tsw-promo-toggle { display: inline-block; margin: 6px 0 2px; padding: 4px 0; border: 0; background: none; font: 600 14px/1.3 var(--font-body); color: var(--co-ink); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
body.dn-page-view_cart .tsw-sum:not(.tsw-promo-open) .dn-add-coupon { display: none !important; }
body.dn-page-view_cart .dn-add-coupon { display: block !important; padding: 8px 0 4px !important; background: none !important; border: 0 !important; }
body.dn-page-view_cart .dn-add-coupon .dn-checkout-inline-form,
body.dn-page-view_cart .dn-add-coupon form { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.dn-page-view_cart .dn-add-coupon .tsw-promo-label { flex: 1 0 100%; font: 600 13px/1.2 var(--font-body); color: var(--co-ink); }
body.dn-page-view_cart .dn-add-coupon #coupon { flex: 1 1 auto; min-width: 0; width: auto !important; height: 44px !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid var(--co-field) !important; border-radius: var(--co-r) !important;
  background: #fff !important; box-shadow: none !important; font: 500 16px/1 var(--font-body) !important; text-transform: uppercase; color: var(--co-ink) !important; }
body.dn-page-view_cart .dn-add-coupon #coupon:focus { border-color: var(--co-ink) !important; outline: 1px solid var(--co-ink); outline-offset: 0; }
body.dn-page-view_cart .dn-add-coupon input[type="submit"] { flex: none; height: 44px !important; min-height: 0 !important; margin: 0 !important; padding: 0 18px !important; border: 1px solid var(--co-ink) !important; border-radius: var(--co-r) !important;
  background: #fff !important; box-shadow: none !important; font: 600 14px/1 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--co-ink) !important; cursor: pointer; }
body.dn-page-view_cart .dn-add-coupon input[type="submit"]:hover { background: var(--co-ink) !important; color: #fff !important; }

/* free metro delivery */
body.dn-page-view_cart .tsw-free { margin: 10px 0 4px; }
body.dn-page-view_cart .tsw-free p { margin: 0 0 8px; font: 400 13px/1.45 var(--font-body); letter-spacing: normal; word-spacing: normal; color: var(--co-body); }
body.dn-page-view_cart .tsw-free b { color: var(--co-ink); }
body.dn-page-view_cart .tsw-free-bar { display: block; height: 6px; overflow: hidden; border-radius: 3px; background: #ececec; }
body.dn-page-view_cart .tsw-free-bar i { display: block; height: 100%; background: var(--co-pink); }
body.dn-page-view_cart .tsw-free.is-free .tsw-free-bar i { background: var(--co-green); }
body.dn-page-view_cart.tsw-cart .dn-checkout-submit { display: none !important; }

/* Checkout, Keep Shopping (in the title row now) and DN's Afterpay line */
body.dn-page-view_cart .dn-cart-checkout-options-container,
body.dn-page-view_cart .dn-cart-checkout-options { display: block !important; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.dn-page-view_cart .dn-cart-checkout-options .dn-cart-checkout-continue-shopping-link { display: none !important; }
body.dn-page-view_cart .dn-cart-checkout-options .dn-btn-cart { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 56px !important; min-height: 0 !important; margin: 0 !important; padding: 0 16px !important;
  border: 0 !important; border-radius: var(--co-r) !important; background: var(--co-pink) !important; box-shadow: none !important; transform: none !important; cursor: pointer; }
body.dn-page-view_cart .dn-cart-checkout-options .dn-btn-cart:hover { background: var(--co-pink-d) !important; }
body.dn-page-view_cart .dn-cart-checkout-options .dn-btn-cart:focus-visible { outline: 2px solid var(--co-ink); outline-offset: 2px; }
body.dn-page-view_cart .dn-cart-checkout-options .dn-btn-cart :is(.dn-btn-icon),
body.dn-page-view_cart .dn-cart-checkout-options .dn-btn-cart :is(.dn-btn-valign) { display: none !important; }
body.dn-page-view_cart .dn-cart-checkout-options .dn-btn-cart .dn-btn-label,
body.dn-page-view_cart .dn-cart-checkout-options .dn-btn-cart .dn-btn-label span { display: inline !important; padding: 0 !important; font: 800 17px/1 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: #fff !important; }
body.dn-page-view_cart .dn-checkout-cart-summary > .dn-checkout-footer-row.dn-total { display: block !important; margin-top: 10px !important; padding: 0 !important; border: 0 !important; text-align: center; }
body.dn-page-view_cart.tsw-cart :is(.dn-after-cart-note.dn-currency-used),
body.dn-page-view_cart.tsw-cart :is(.dn-after-cart-note.dn-rounding-error),
body.dn-page-view_cart.tsw-cart :is(.dn-after-cart-note.dn-tax-included) { display: none !important; }

/* phones: the item card tightens and the total with Checkout stays in view */
@media (max-width: 767px) {
  body.dn-page-view_cart .dn-widget-page_content_view_cart h1 { font-size: 28px !important; }
  body.dn-page-view_cart .tsw-cart-head { margin: 4px 0 14px; }
  body.dn-page-view_cart .dn-checkout-row.tsw-item { grid-template-columns: 96px minmax(0, 1fr); gap: 12px; padding: 14px !important; }
  body.dn-page-view_cart .tsw-item .dn-checkout-c-product-thumbnail { width: 96px !important; height: 96px !important; }
  body.dn-page-view_cart .tsw-item-body { gap: 10px; }
  body.dn-page-view_cart .tsw-item-top { flex-direction: column; gap: 6px; }
  body.dn-page-view_cart .tsw-item-name { font-size: 16px !important; }
  body.dn-page-view_cart .tsw-item-meta { font-size: 13px; }
  body.dn-page-view_cart .tsw-item-price { align-items: flex-start; gap: 2px; text-align: left; }
  body.dn-page-view_cart .tsw-item-price b { font-size: 17px; }
  body.dn-page-view_cart .tsw-item-sizes li { padding: 6px 9px !important; font-size: 13px; }
  body.dn-page-view_cart .tsw-item-actions .tsw-item-edit { min-height: 44px; }
  body.dn-page-view_cart .dn-checkout-cart-summary { position: static; padding: 18px !important; }
  body.dn-page-view_cart.tsw-cart { padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
}
body.dn-page-view_cart .tsw-cart-bar { display: none; }
@media (max-width: 767px) {
  body.dn-page-view_cart .tsw-cart-bar:not([hidden]) { position: fixed; z-index: 9000; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 12px;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--co-line); background: #fff; transition: transform .2s ease; }
  body.dn-page-view_cart .tsw-cart-bar.is-away { transform: translateY(110%); }
  body.dn-page-view_cart .tsw-cart-bar-total { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }
  body.dn-page-view_cart .tsw-cart-bar-total span { font: 400 12px/1.3 var(--font-body); color: var(--co-muted); }
  body.dn-page-view_cart .tsw-cart-bar-total b { font: 800 20px/1.2 var(--font-body); color: var(--co-ink); font-variant-numeric: tabular-nums; }
  body.dn-page-view_cart .tsw-cart-bar-go { flex: none; min-width: 150px; height: 50px; padding: 0 20px; border: 0; border-radius: var(--co-r); background: var(--co-pink); font: 800 16px/1 var(--font-body); color: #fff; cursor: pointer; }
}
@media (prefers-reduced-motion: reduce) { body.dn-page-view_cart .tsw-cart-bar { transition: none !important; } }

/* an empty cart */
/* DN's own "YOUR CART IS EMPTY." heading goes: the card below says it, with somewhere to go next */
body.dn-page-view_cart.tsw-cart-empty .dn-view-cart-empty { display: none !important; }
body.dn-page-view_cart .tsw-empty { margin: 8px 0 32px; padding: 28px 24px; border: 1px solid var(--co-line); border-radius: var(--co-r); background: #fff; }
body.dn-page-view_cart .tsw-empty p { margin: 0 0 18px; font: 400 16px/1.5 var(--font-body); letter-spacing: normal; word-spacing: normal; color: var(--co-body); }
body.dn-page-view_cart .tsw-empty-acts { display: flex; flex-wrap: wrap; gap: 10px; }

/* ============================================================================
   CHECKOUT (address, shipping, billing, confirm)
   ============================================================================ */
body:is(.dn-page-address) .dn-checkout-page,
body:is(.dn-page-shipping) .dn-checkout-page,
body:is(.dn-page-billing) .dn-checkout-page,
body:is(.dn-page-confirm) .dn-checkout-page { font-family: var(--font-body); color: var(--co-ink); letter-spacing: normal; word-spacing: normal; }
body:is(.dn-page-address) .dn-widget-page_content :is(.dn-widget-content-container),
body:is(.dn-page-address) .dn-widget-page_content :is(.dn-background-container),
body:is(.dn-page-shipping) .dn-widget-page_content :is(.dn-widget-content-container),
body:is(.dn-page-shipping) .dn-widget-page_content :is(.dn-background-container),
body:is(.dn-page-billing) .dn-widget-page_content :is(.dn-widget-content-container),
body:is(.dn-page-billing) .dn-widget-page_content :is(.dn-background-container),
body:is(.dn-page-confirm) .dn-widget-page_content :is(.dn-widget-content-container),
body:is(.dn-page-confirm) .dn-widget-page_content :is(.dn-background-container) { background: none !important; }

/* the step bar: Details, Delivery, Payment (DN's five-step list and the old bar stay hidden) */
body:is(.dn-page-address) :is(#checkout_steps),
body:is(.dn-page-address) :is(.dn-checkout-step-position),
body:is(.dn-page-address) :is(#tsw-simplified-checkout),
body:is(.dn-page-shipping) :is(#checkout_steps),
body:is(.dn-page-shipping) :is(.dn-checkout-step-position),
body:is(.dn-page-shipping) :is(#tsw-simplified-checkout),
body:is(.dn-page-billing) :is(#checkout_steps),
body:is(.dn-page-billing) :is(.dn-checkout-step-position),
body:is(.dn-page-billing) :is(#tsw-simplified-checkout),
body:is(.dn-page-confirm) :is(#checkout_steps),
body:is(.dn-page-confirm) :is(.dn-checkout-step-position),
body:is(.dn-page-confirm) :is(#tsw-simplified-checkout) { display: none !important; }
body:is(.dn-page-address) .dn-checkout-progress-container,
body:is(.dn-page-shipping) .dn-checkout-progress-container,
body:is(.dn-page-billing) .dn-checkout-progress-container,
body:is(.dn-page-confirm) .dn-checkout-progress-container { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
.tsw-steps { margin: 8px 0 28px; font-family: var(--font-body); }
.tsw-steps ol { display: flex; align-items: center; gap: 0; margin: 0; padding: 0; list-style: none; }
.tsw-steps li { display: flex; align-items: center; flex: 1 1 0; min-width: 0; margin: 0; padding: 0; list-style: none; }
.tsw-steps li::before { display: none; }
.tsw-steps li:not(:last-child)::after { content: ""; display: block; flex: 1 1 auto; min-width: 16px; height: 1px; margin: 0 12px; background: var(--co-line, #e6e6e6); }
.tsw-steps li:last-child { flex: 0 0 auto; }
.tsw-steps li > :is(a),
.tsw-steps li > :is(span) { flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; color: var(--co-muted, #5f5f5f); text-decoration: none; }
.tsw-steps .tsw-step-dot { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1.5px solid var(--co-field, #cfcfcf); border-radius: 50%; background: #fff;
  font: 700 13px/1 var(--font-body); color: var(--co-muted, #5f5f5f); }
.tsw-steps .tsw-step-name { font: 600 14px/1.2 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; white-space: nowrap; }
.tsw-steps li.is-on .tsw-step-dot { border-color: var(--co-ink, #111); background: var(--co-ink, #111); color: #fff; }
.tsw-steps li.is-on .tsw-step-name { color: var(--co-ink, #111); font-weight: 800; }
.tsw-steps li.is-done .tsw-step-dot { border-color: var(--co-ink, #111); color: var(--co-ink, #111); }
.tsw-steps li.is-done .tsw-step-name { color: var(--co-ink, #111); text-decoration: underline; text-underline-offset: 3px; }
.tsw-steps li.is-done a:hover .tsw-step-name { color: var(--co-pink-d, #a8005e); }
@media (max-width: 479px) {
  .tsw-steps li:not(:last-child)::after { margin: 0 8px; }
  .tsw-steps .tsw-step-name { font-size: 13px; }
  .tsw-steps .tsw-step-dot { width: 24px; height: 24px; font-size: 12px; }
}

/* headings: plain sentence case, no tracking */
body:is(.dn-page-address) .dn-checkout-page :is(h2).dn-styled,
body:is(.dn-page-address) .dn-checkout-page :is(h3).dn-styled,
body:is(.dn-page-shipping) .dn-checkout-page :is(h2).dn-styled,
body:is(.dn-page-shipping) .dn-checkout-page :is(h3).dn-styled,
body:is(.dn-page-billing) .dn-checkout-page :is(h2).dn-styled,
body:is(.dn-page-billing) .dn-checkout-page :is(h3).dn-styled,
body:is(.dn-page-confirm) .dn-checkout-page :is(h2).dn-styled,
body:is(.dn-page-confirm) .dn-checkout-page :is(h3).dn-styled { margin: 26px 0 12px !important; padding: 0 !important; border: 0 !important;
  font: 800 20px/1.25 var(--font-body) !important; letter-spacing: -.01em !important; text-transform: none !important; text-align: left !important; color: var(--co-ink) !important; background: none !important; }
body:is(.dn-page-address) .dn-checkout-page h3.dn-styled,
body:is(.dn-page-shipping) .dn-checkout-page h3.dn-styled,
body:is(.dn-page-billing) .dn-checkout-page h3.dn-styled,
body:is(.dn-page-confirm) .dn-checkout-page h3.dn-styled { font-size: 16px !important; margin: 0 0 8px !important; }
body:is(.dn-page-address) .dn-checkout-page form > :first-child :is(h2).dn-styled:first-child,
body:is(.dn-page-address) .dn-checkout-page form > :first-child :is(h3).dn-styled:first-child,
body:is(.dn-page-shipping) .dn-checkout-page form > :first-child :is(h2).dn-styled:first-child,
body:is(.dn-page-shipping) .dn-checkout-page form > :first-child :is(h3).dn-styled:first-child,
body:is(.dn-page-billing) .dn-checkout-page form > :first-child :is(h2).dn-styled:first-child,
body:is(.dn-page-billing) .dn-checkout-page form > :first-child :is(h3).dn-styled:first-child,
body:is(.dn-page-confirm) .dn-checkout-page form > :first-child :is(h2).dn-styled:first-child,
body:is(.dn-page-confirm) .dn-checkout-page form > :first-child :is(h3).dn-styled:first-child,
body:is(.dn-page-address) .dn-checkout-page .dn-checkout-address-billing-form-container > h2.dn-styled,
body:is(.dn-page-shipping) .dn-checkout-page .dn-checkout-address-billing-form-container > h2.dn-styled,
body:is(.dn-page-billing) .dn-checkout-page .dn-checkout-address-billing-form-container > h2.dn-styled,
body:is(.dn-page-confirm) .dn-checkout-page .dn-checkout-address-billing-form-container > h2.dn-styled { margin-top: 4px !important; }
body:is(.dn-page-address) .dn-checkout-page p,
body:is(.dn-page-shipping) .dn-checkout-page p,
body:is(.dn-page-billing) .dn-checkout-page p,
body:is(.dn-page-confirm) .dn-checkout-page p { font: 400 14px/1.5 var(--font-body); letter-spacing: normal; word-spacing: normal; color: var(--co-body); }

/* fields: labels above, 46px boxes, 16px text (no zoom on iPhone) */
body:is(.dn-page-address) .dn-checkout-page ul.dn-form,
body:is(.dn-page-shipping) .dn-checkout-page ul.dn-form,
body:is(.dn-page-billing) .dn-checkout-page ul.dn-form,
body:is(.dn-page-confirm) .dn-checkout-page ul.dn-form { margin: 0 !important; padding: 0 !important; list-style: none !important; }
/* DN sets each row to 100% by id and makes the row and its inner box inline-blocks, which shrink to fit on phones */
body:is(.dn-page-address) .dn-checkout-page ul.dn-form > li,
body:is(.dn-page-shipping) .dn-checkout-page ul.dn-form > li,
body:is(.dn-page-billing) .dn-checkout-page ul.dn-form > li,
body:is(.dn-page-confirm) .dn-checkout-page ul.dn-form > li { float: none !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; box-sizing: border-box; list-style: none !important; }
body:is(.dn-page-address) .dn-checkout-page ul.dn-form > li > div,
body:is(.dn-page-shipping) .dn-checkout-page ul.dn-form > li > div,
body:is(.dn-page-billing) .dn-checkout-page ul.dn-form > li > div,
body:is(.dn-page-confirm) .dn-checkout-page ul.dn-form > li > div { width: 100% !important; }
body:is(.dn-page-address) .dn-checkout-page ul.dn-form > li::before,
body:is(.dn-page-shipping) .dn-checkout-page ul.dn-form > li::before,
body:is(.dn-page-billing) .dn-checkout-page ul.dn-form > li::before,
body:is(.dn-page-confirm) .dn-checkout-page ul.dn-form > li::before { display: none !important; }
body:is(.dn-page-address) .dn-checkout-page .dn-form-field-label,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-field-label,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-field-label,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-field-label,
body:is(.dn-page-address) .dn-checkout-page ul.dn-form > li > label,
body:is(.dn-page-shipping) .dn-checkout-page ul.dn-form > li > label,
body:is(.dn-page-billing) .dn-checkout-page ul.dn-form > li > label,
body:is(.dn-page-confirm) .dn-checkout-page ul.dn-form > li > label { display: block; float: none !important; width: auto !important; margin: 0 0 6px !important; padding: 0 !important;
  font: 600 13px/1.3 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; text-align: left !important; color: var(--co-ink) !important; }
body:is(.dn-page-address) .dn-checkout-page :is(input[type="text"]),
body:is(.dn-page-address) .dn-checkout-page :is(input[type="email"]),
body:is(.dn-page-address) .dn-checkout-page :is(input[type="tel"]),
body:is(.dn-page-address) .dn-checkout-page :is(input[type="number"]),
body:is(.dn-page-address) .dn-checkout-page :is(input[type="password"]),
body:is(.dn-page-address) .dn-checkout-page :is(select),
body:is(.dn-page-address) .dn-checkout-page :is(textarea),
body:is(.dn-page-shipping) .dn-checkout-page :is(input[type="text"]),
body:is(.dn-page-shipping) .dn-checkout-page :is(input[type="email"]),
body:is(.dn-page-shipping) .dn-checkout-page :is(input[type="tel"]),
body:is(.dn-page-shipping) .dn-checkout-page :is(input[type="number"]),
body:is(.dn-page-shipping) .dn-checkout-page :is(input[type="password"]),
body:is(.dn-page-shipping) .dn-checkout-page :is(select),
body:is(.dn-page-shipping) .dn-checkout-page :is(textarea),
body:is(.dn-page-billing) .dn-checkout-page :is(input[type="text"]),
body:is(.dn-page-billing) .dn-checkout-page :is(input[type="email"]),
body:is(.dn-page-billing) .dn-checkout-page :is(input[type="tel"]),
body:is(.dn-page-billing) .dn-checkout-page :is(input[type="number"]),
body:is(.dn-page-billing) .dn-checkout-page :is(input[type="password"]),
body:is(.dn-page-billing) .dn-checkout-page :is(select),
body:is(.dn-page-billing) .dn-checkout-page :is(textarea),
body:is(.dn-page-confirm) .dn-checkout-page :is(input[type="text"]),
body:is(.dn-page-confirm) .dn-checkout-page :is(input[type="email"]),
body:is(.dn-page-confirm) .dn-checkout-page :is(input[type="tel"]),
body:is(.dn-page-confirm) .dn-checkout-page :is(input[type="number"]),
body:is(.dn-page-confirm) .dn-checkout-page :is(input[type="password"]),
body:is(.dn-page-confirm) .dn-checkout-page :is(select),
body:is(.dn-page-confirm) .dn-checkout-page :is(textarea) {
  width: 100% !important; max-width: none !important; height: 46px !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid var(--co-field) !important; border-radius: var(--co-r) !important;
  background-color: #fff !important; box-shadow: none !important; font: 400 16px/1.3 var(--font-body) !important; letter-spacing: normal !important; color: var(--co-ink) !important; box-sizing: border-box !important; }
body:is(.dn-page-address) .dn-checkout-page select,
body:is(.dn-page-shipping) .dn-checkout-page select,
body:is(.dn-page-billing) .dn-checkout-page select,
body:is(.dn-page-confirm) .dn-checkout-page select { padding-right: 32px !important; }
body:is(.dn-page-address) .dn-checkout-page textarea,
body:is(.dn-page-shipping) .dn-checkout-page textarea,
body:is(.dn-page-billing) .dn-checkout-page textarea,
body:is(.dn-page-confirm) .dn-checkout-page textarea { height: auto !important; min-height: 76px; padding: 11px 12px !important; line-height: 1.45 !important; resize: vertical; }
body:is(.dn-page-address) .dn-checkout-page :is(input):focus,
body:is(.dn-page-address) .dn-checkout-page :is(select):focus,
body:is(.dn-page-address) .dn-checkout-page :is(textarea):focus,
body:is(.dn-page-shipping) .dn-checkout-page :is(input):focus,
body:is(.dn-page-shipping) .dn-checkout-page :is(select):focus,
body:is(.dn-page-shipping) .dn-checkout-page :is(textarea):focus,
body:is(.dn-page-billing) .dn-checkout-page :is(input):focus,
body:is(.dn-page-billing) .dn-checkout-page :is(select):focus,
body:is(.dn-page-billing) .dn-checkout-page :is(textarea):focus,
body:is(.dn-page-confirm) .dn-checkout-page :is(input):focus,
body:is(.dn-page-confirm) .dn-checkout-page :is(select):focus,
body:is(.dn-page-confirm) .dn-checkout-page :is(textarea):focus { border-color: var(--co-ink) !important; outline: 1px solid var(--co-ink) !important; outline-offset: 0 !important; }
body:is(.dn-page-address) .dn-checkout-page .dn-form-field,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-field,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-field,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-field,
body:is(.dn-page-address) .dn-checkout-page .dn-form-field-value,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-field-value,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-field-value,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-field-value { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
/* errors come back from DN under the field */
body:is(.dn-page-address) .dn-checkout-page .dn-with-error :is(input),
body:is(.dn-page-address) .dn-checkout-page .dn-with-error :is(select),
body:is(.dn-page-address) .dn-checkout-page .dn-with-error :is(textarea),
body:is(.dn-page-shipping) .dn-checkout-page .dn-with-error :is(input),
body:is(.dn-page-shipping) .dn-checkout-page .dn-with-error :is(select),
body:is(.dn-page-shipping) .dn-checkout-page .dn-with-error :is(textarea),
body:is(.dn-page-billing) .dn-checkout-page .dn-with-error :is(input),
body:is(.dn-page-billing) .dn-checkout-page .dn-with-error :is(select),
body:is(.dn-page-billing) .dn-checkout-page .dn-with-error :is(textarea),
body:is(.dn-page-confirm) .dn-checkout-page .dn-with-error :is(input),
body:is(.dn-page-confirm) .dn-checkout-page .dn-with-error :is(select),
body:is(.dn-page-confirm) .dn-checkout-page .dn-with-error :is(textarea) { border-color: var(--co-red) !important; }
body:is(.dn-page-address) .dn-checkout-page .dn-form-field-error,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-field-error,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-field-error,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-field-error { margin: 6px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
  font: 600 13px/1.35 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--co-red) !important; }
/* tick boxes (terms, returns, a separate billing address) */
body:is(.dn-page-address) .dn-checkout-page .dn-form-field-checkbox label.dn-form-field-label,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-field-checkbox label.dn-form-field-label,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-field-checkbox label.dn-form-field-label,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-field-checkbox label.dn-form-field-label { display: flex !important; align-items: center; gap: 10px; min-height: 32px; margin: 0 !important;
  font: 400 15px/1.4 var(--font-body) !important; cursor: pointer; }
/* DN's required star sits after the whole label, at the far right on phones: it moves to the end of the words */
body:is(.dn-page-address) .dn-checkout-page .dn-form-field-checkbox.dn-required label.dn-form-field-label::after,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-field-checkbox.dn-required label.dn-form-field-label::after,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-field-checkbox.dn-required label.dn-form-field-label::after,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-field-checkbox.dn-required label.dn-form-field-label::after { display: none !important; }
body:is(.dn-page-address) .dn-checkout-page .dn-form-field-checkbox.dn-required label.dn-form-field-label > span::after,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-field-checkbox.dn-required label.dn-form-field-label > span::after,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-field-checkbox.dn-required label.dn-form-field-label > span::after,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-field-checkbox.dn-required label.dn-form-field-label > span::after { content: " *"; }
body:is(.dn-page-address) .dn-checkout-page input[type="checkbox"],
body:is(.dn-page-shipping) .dn-checkout-page input[type="checkbox"],
body:is(.dn-page-billing) .dn-checkout-page input[type="checkbox"],
body:is(.dn-page-confirm) .dn-checkout-page input[type="checkbox"] { flex: none; width: 20px !important; height: 20px !important; margin: 0 !important; accent-color: var(--co-ink); }
body:is(.dn-page-address) .dn-checkout-page .dn-form-field-checkbox a,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-field-checkbox a,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-field-checkbox a,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-field-checkbox a { color: var(--co-ink) !important; font-weight: 600 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: underline !important; text-underline-offset: 3px; }
/* why we ask for a phone number */
body.dn-page-address .dn-checkout-page .tsw-hint { margin: 6px 0 0 !important; font: 400 12.5px/1.4 var(--font-body) !important; color: var(--co-muted) !important; }
/* the details form in two columns from 768px: names, email and phone, country and state, town and postcode side by side */
@media (min-width: 768px) {
  body.dn-page-address .dn-checkout-address-billing-form-container > ul.dn-form,
  body.dn-page-address #dn_checkout_shipping_address_container ul.dn-form { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 14px; }
  body.dn-page-address .dn-checkout-page ul.dn-form > li:is(:has(.dn-form-field-text-area)),
body.dn-page-address .dn-checkout-page ul.dn-form > li:is(:has(.dn-form-field-checkbox)),
body.dn-page-address .dn-checkout-page ul.dn-form > li:is(:has([id$="_company"])) { grid-column: 1 / -1; }
}
/* staff checkout notice (admins only) */
body.dn-page-address .dn-staff-account-notice-overlay .dn-notice { padding: 16px 18px !important; border: 1px solid var(--co-line) !important; border-radius: var(--co-r) !important; background: #fff !important; box-shadow: none !important; font: 400 14px/1.5 var(--font-body) !important; }

/* option cards: delivery, production speed, payment and "deliver to" */
body:is(.dn-page-address) .dn-checkout-page .dn-radio-collapse-container,
body:is(.dn-page-shipping) .dn-checkout-page .dn-radio-collapse-container,
body:is(.dn-page-billing) .dn-checkout-page .dn-radio-collapse-container { display: flex; flex-direction: column; gap: 8px; margin: 0 0 8px !important; padding: 0 !important; border: 0 !important; background: none !important; }
body:is(.dn-page-address) .dn-checkout-page .tsw-opt,
body:is(.dn-page-shipping) .dn-checkout-page .tsw-opt,
body:is(.dn-page-billing) .dn-checkout-page .tsw-opt { margin: 0 !important; padding: 14px 16px !important; border: 1px solid var(--co-line) !important; border-radius: var(--co-r) !important; background: #fff !important; box-shadow: none !important; cursor: pointer; }
body:is(.dn-page-address) .dn-checkout-page .tsw-opt:hover,
body:is(.dn-page-shipping) .dn-checkout-page .tsw-opt:hover,
body:is(.dn-page-billing) .dn-checkout-page .tsw-opt:hover { border-color: #9a9a9a !important; }
body:is(.dn-page-address) .dn-checkout-page .tsw-opt.is-on,
body:is(.dn-page-shipping) .dn-checkout-page .tsw-opt.is-on,
body:is(.dn-page-billing) .dn-checkout-page .tsw-opt.is-on { border-color: var(--co-ink) !important; box-shadow: inset 0 0 0 1px var(--co-ink) !important; }
body:is(.dn-page-address) .dn-checkout-page .tsw-opt :is(.dn-checkout-radio-btn-option),
body:is(.dn-page-address) .dn-checkout-page .tsw-opt :is(h4),
body:is(.dn-page-shipping) .dn-checkout-page .tsw-opt :is(.dn-checkout-radio-btn-option),
body:is(.dn-page-shipping) .dn-checkout-page .tsw-opt :is(h4),
body:is(.dn-page-billing) .dn-checkout-page .tsw-opt :is(.dn-checkout-radio-btn-option),
body:is(.dn-page-billing) .dn-checkout-page .tsw-opt :is(h4) { display: flex !important; align-items: center; gap: 12px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
  font: 400 15px/1.35 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; }
body:is(.dn-page-address) .dn-checkout-page .tsw-opt input[type="radio"],
body:is(.dn-page-shipping) .dn-checkout-page .tsw-opt input[type="radio"],
body:is(.dn-page-billing) .dn-checkout-page .tsw-opt input[type="radio"] { flex: none; width: 20px !important; height: 20px !important; margin: 0 !important; accent-color: var(--co-ink); outline: 0 !important; }
/* the keyboard focus ring goes round the whole card, not as a square round the radio after a click */
body:is(.dn-page-address) .dn-checkout-page .tsw-opt:has(input[type="radio"]:focus-visible),
body:is(.dn-page-shipping) .dn-checkout-page .tsw-opt:has(input[type="radio"]:focus-visible),
body:is(.dn-page-billing) .dn-checkout-page .tsw-opt:has(input[type="radio"]:focus-visible) { outline: 2px solid var(--co-ink); outline-offset: 2px; }
body:is(.dn-page-address) .dn-checkout-page .tsw-opt label,
body:is(.dn-page-shipping) .dn-checkout-page .tsw-opt label,
body:is(.dn-page-billing) .dn-checkout-page .tsw-opt label { flex: 1 1 auto; display: grid !important; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-items: baseline; float: none !important; width: auto !important;
  margin: 0 !important; padding: 0 !important; font: 400 15px/1.35 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--co-ink) !important; cursor: pointer; }
body:is(.dn-page-address) .dn-checkout-page .tsw-opt-name,
body:is(.dn-page-shipping) .dn-checkout-page .tsw-opt-name,
body:is(.dn-page-billing) .dn-checkout-page .tsw-opt-name { grid-column: 1; font-weight: 700; }
body:is(.dn-page-address) .dn-checkout-page .tsw-opt-detail,
body:is(.dn-page-shipping) .dn-checkout-page .tsw-opt-detail,
body:is(.dn-page-billing) .dn-checkout-page .tsw-opt-detail { grid-column: 1; font-size: 13px; color: var(--co-muted); }
body:is(.dn-page-address) .dn-checkout-page .tsw-opt-price,
body:is(.dn-page-shipping) .dn-checkout-page .tsw-opt-price,
body:is(.dn-page-billing) .dn-checkout-page .tsw-opt-price { grid-column: 2; grid-row: 1; font-weight: 700; font-variant-numeric: tabular-nums; text-align: right; }
/* what a chosen option opens: DN's description, the card box, the bank transfer note */
body:is(.dn-page-shipping) .dn-checkout-page .dn-radio-collapse-panel,
body:is(.dn-page-billing) .dn-checkout-page .dn-radio-collapse-panel { margin: -4px 0 4px !important; padding: 14px 16px !important; border: 1px solid var(--co-line) !important; border-radius: var(--co-r) !important; background: var(--co-surface) !important; }
body:is(.dn-page-shipping) .dn-checkout-page .dn-radio-collapse-panel :is(p),
body:is(.dn-page-shipping) .dn-checkout-page .dn-radio-collapse-panel :is(div),
body:is(.dn-page-billing) .dn-checkout-page .dn-radio-collapse-panel :is(p),
body:is(.dn-page-billing) .dn-checkout-page .dn-radio-collapse-panel :is(div) { font: 400 14px/1.5 var(--font-body); letter-spacing: normal; word-spacing: normal; color: var(--co-body); }
body.dn-page-billing .dn-checkout-page #elements-mount.dn-faux-input { min-height: 46px; padding: 13px 12px !important; margin: 0 0 10px !important; border: 1px solid var(--co-field) !important; border-radius: var(--co-r) !important; background: #fff !important; box-shadow: none !important; }
body.dn-page-shipping .dn-checkout-page .dn-checkout-shipping-description { margin: 4px 0 12px !important; padding: 10px 12px !important; border-radius: var(--co-r); background: var(--co-surface) !important; font: 400 13px/1.5 var(--font-body) !important; color: var(--co-body) !important; }
body.dn-page-shipping .dn-checkout-page .dn-checkout-shipping-delivery-time { display: flex; gap: 6px; margin: 4px 0 0 !important; font: 400 14px/1.4 var(--font-body); color: var(--co-body); }
body.dn-page-shipping .dn-checkout-page .dn-checkout-shipping-delivery-time label { margin: 0 !important; font: 600 14px/1.4 var(--font-body) !important; color: var(--co-ink) !important; }
body.dn-page-shipping .dn-checkout-page .dn-checkout-shipping-delivery-time label + label { font-weight: 400 !important; }
body.dn-page-billing .dn-checkout-billing-choose-method > p { margin: 0 0 14px !important; font-size: 13px !important; color: var(--co-muted) !important; }
body.dn-page-billing .dn-checkout-page .dn-payment-wallet-status { margin: 8px 0 0 !important; font: 400 13px/1.4 var(--font-body) !important; color: var(--co-muted) !important; }

/* the footer: the way back as a link on the left, the main button in pink on the right (on phones the button comes first) */
body:is(.dn-page-address) .dn-checkout-page .dn-form-footer-actions,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-footer-actions,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-footer-actions,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-footer-actions { display: flex !important; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px;
  margin: 28px 0 8px !important; padding: 0 !important; border: 0 !important; background: none !important; }
body:is(.dn-page-address) .dn-checkout-page .dn-form-footer-actions .dn-btn-major,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-footer-actions .dn-btn-major,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-footer-actions .dn-btn-major,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-footer-actions .dn-btn-major { display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; min-width: 280px; height: 54px !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 28px !important; border: 0 !important; border-radius: var(--co-r) !important; background: var(--co-pink) !important; box-shadow: none !important; transform: none !important; cursor: pointer; }
body:is(.dn-page-address) .dn-checkout-page .dn-form-footer-actions .dn-btn-major:hover,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-footer-actions .dn-btn-major:hover,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-footer-actions .dn-btn-major:hover,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-footer-actions .dn-btn-major:hover { background: var(--co-pink-d) !important; }
body:is(.dn-page-address) .dn-checkout-page .dn-form-footer-actions .dn-btn-major:focus-visible,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-footer-actions .dn-btn-major:focus-visible,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-footer-actions .dn-btn-major:focus-visible,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-footer-actions .dn-btn-major:focus-visible { outline: 2px solid var(--co-ink); outline-offset: 2px; }
body:is(.dn-page-address) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-valign),
body:is(.dn-page-address) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-icon),
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-valign),
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-icon),
body:is(.dn-page-billing) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-valign),
body:is(.dn-page-billing) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-icon),
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-valign),
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-icon) { display: none !important; }
body:is(.dn-page-address) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-label),
body:is(.dn-page-address) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-label span),
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-label),
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-label span),
body:is(.dn-page-billing) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-label),
body:is(.dn-page-billing) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-label span),
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-label),
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-footer-actions .dn-btn-major :is(.dn-btn-label span) { display: inline !important; padding: 0 !important;
  font: 800 16px/1 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: #fff !important; }
body:is(.dn-page-address) .dn-checkout-page .dn-form-footer-return-link,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-footer-return-link,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-footer-return-link,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-footer-return-link { float: none !important; margin: 0 !important; padding: 0 !important; }
body:is(.dn-page-address) .dn-checkout-page .dn-form-footer-return-link a,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-footer-return-link a,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-footer-return-link a,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-footer-return-link a { white-space: nowrap; font: 600 14px/1.3 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--co-ink) !important;
  text-decoration: underline !important; text-underline-offset: 3px; }
@media (max-width: 767px) {
  body:is(.dn-page-address) .dn-checkout-page .dn-form-footer-actions,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-footer-actions,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-footer-actions,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-footer-actions { flex-direction: column-reverse; align-items: stretch; gap: 14px; }
  body:is(.dn-page-address) .dn-checkout-page .dn-form-footer-actions .dn-btn-major,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-footer-actions .dn-btn-major,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-footer-actions .dn-btn-major,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-footer-actions .dn-btn-major { width: 100% !important; min-width: 0; }
  body:is(.dn-page-address) .dn-checkout-page .dn-form-footer-return-link,
body:is(.dn-page-shipping) .dn-checkout-page .dn-form-footer-return-link,
body:is(.dn-page-billing) .dn-checkout-page .dn-form-footer-return-link,
body:is(.dn-page-confirm) .dn-checkout-page .dn-form-footer-return-link { text-align: center; }
}

/* review page: each section a card, with Change beside its heading */
body.dn-page-confirm .dn-checkout-page :is(.dn-checkout-address-container),
body.dn-page-confirm .dn-checkout-page :is(.dn-checkout-shipping-container),
body.dn-page-confirm .dn-checkout-page :is(.dn-checkout-payment-container) { position: relative; margin: 0 0 12px !important; padding: 16px 18px !important;
  border: 1px solid var(--co-line) !important; border-radius: var(--co-r) !important; background: #fff !important; }
body.dn-page-confirm .dn-checkout-page .dn-checkout-address-container .dn-checkout-address-billing-form-container { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.dn-page-confirm .dn-checkout-page .dn-link-change { position: absolute; top: 16px; right: 18px; }
body.dn-page-confirm .dn-checkout-page .dn-link-change a { font: 600 14px/1.3 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--co-ink) !important; text-decoration: underline !important; text-underline-offset: 3px; }
body.dn-page-confirm .dn-checkout-page ul.dn-form > li { margin: 0 0 4px !important; }
body.dn-page-confirm .dn-checkout-page ul.dn-form > li > label { margin: 8px 0 2px !important; font-size: 12px !important; color: var(--co-muted) !important; }
body.dn-page-confirm .dn-checkout-page .dn-value { font: 400 15px/1.45 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--co-ink) !important; }
body.dn-page-confirm .dn-checkout-page .dn-value:empty { display: none; }
body.dn-page-confirm .dn-checkout-confirm-instructions-container { margin: 0 0 16px !important; }
/* the total beside Place Order */
body.dn-page-confirm .tsw-confirm-total { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; column-gap: 12px; margin: 20px 0 0 !important; padding: 14px 0 0 !important; border-top: 1px solid var(--co-line); font: 700 16px/1.3 var(--font-body) !important; letter-spacing: normal; color: var(--co-ink) !important; }
body.dn-page-confirm .tsw-confirm-total b { font: 800 24px/1.1 var(--font-body); font-variant-numeric: tabular-nums; }
body.dn-page-confirm .tsw-confirm-total small { flex: 1 0 100%; margin-top: 2px; font: 400 13px/1.4 var(--font-body); color: var(--co-muted); text-align: right; }
body.dn-page-confirm .tsw-confirm-total + .dn-form-footer-actions { margin-top: 16px !important; }

/* the order summary beside the checkout steps (DN's cart widget) */
/* one steady layout for every step. DN's settings differ from page to page (widget margins and padding, and a form box
   that shrinks to its content), so the form and the summary moved about from step to step */
body:is(.dn-page-address) .dn-widget-page_content,
body:is(.dn-page-shipping) .dn-widget-page_content,
body:is(.dn-page-billing) .dn-widget-page_content,
body:is(.dn-page-confirm) .dn-widget-page_content { margin: 0 !important; }
body:is(.dn-page-address) .dn-widget-page_content > .dn-widget-content-container,
body:is(.dn-page-shipping) .dn-widget-page_content > .dn-widget-content-container,
body:is(.dn-page-billing) .dn-widget-page_content > .dn-widget-content-container,
body:is(.dn-page-confirm) .dn-widget-page_content > .dn-widget-content-container { display: block !important; width: auto !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; }
body:is(.dn-page-address) :is(.dn-widget-shopping_cart),
body:is(.dn-page-address) :is(.tsw-cart-info),
body:is(.dn-page-shipping) :is(.dn-widget-shopping_cart),
body:is(.dn-page-shipping) :is(.tsw-cart-info),
body:is(.dn-page-billing) :is(.dn-widget-shopping_cart),
body:is(.dn-page-billing) :is(.tsw-cart-info),
body:is(.dn-page-confirm) :is(.dn-widget-shopping_cart),
body:is(.dn-page-confirm) :is(.tsw-cart-info) { margin-left: 0 !important; margin-right: 0 !important; }
@media (min-width: 900px) {
  body:is(.dn-page-address) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content),
body:is(.dn-page-shipping) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content),
body:is(.dn-page-billing) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content),
body:is(.dn-page-confirm) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content) { display: grid !important; grid-template-columns: minmax(0, 1fr) 340px; column-gap: 40px; align-items: start;
    max-width: 1240px; margin: 0 auto !important; padding: 0 24px !important; box-sizing: border-box; }
  body:is(.dn-page-address) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content)::before,
body:is(.dn-page-shipping) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content)::before,
body:is(.dn-page-billing) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content)::before,
body:is(.dn-page-confirm) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content)::before,
body:is(.dn-page-address) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content)::after,
body:is(.dn-page-shipping) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content)::after,
body:is(.dn-page-billing) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content)::after,
body:is(.dn-page-confirm) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content)::after { content: none !important; display: none !important; }
  body:is(.dn-page-address) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content) > .dn-page-column,
body:is(.dn-page-shipping) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content) > .dn-page-column,
body:is(.dn-page-billing) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content) > .dn-page-column,
body:is(.dn-page-confirm) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content) > .dn-page-column { float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
}
@media (min-width: 1200px) {
  body:is(.dn-page-address) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content),
body:is(.dn-page-shipping) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content),
body:is(.dn-page-billing) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content),
body:is(.dn-page-confirm) #dn_section_main_section .dn-page-columns-container:has(> .dn-page-column .dn-widget-page_content) { grid-template-columns: minmax(0, 1fr) 400px; column-gap: 72px; }
}
/* phones: the same 14px gutter for the form and the cards under it */
@media (max-width: 767px) {
  body:is(.dn-page-address) .dn-widget-page_content > .dn-widget-content-container,
body:is(.dn-page-shipping) .dn-widget-page_content > .dn-widget-content-container,
body:is(.dn-page-billing) .dn-widget-page_content > .dn-widget-content-container,
body:is(.dn-page-confirm) .dn-widget-page_content > .dn-widget-content-container { padding: 0 14px !important; }
  body:is(.dn-page-address) :is(.dn-widget-shopping_cart),
body:is(.dn-page-address) :is(.tsw-cart-info),
body:is(.dn-page-shipping) :is(.dn-widget-shopping_cart),
body:is(.dn-page-shipping) :is(.tsw-cart-info),
body:is(.dn-page-billing) :is(.dn-widget-shopping_cart),
body:is(.dn-page-billing) :is(.tsw-cart-info),
body:is(.dn-page-confirm) :is(.dn-widget-shopping_cart),
body:is(.dn-page-confirm) :is(.tsw-cart-info) { margin-left: 14px !important; margin-right: 14px !important; }
}
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-widget-content-container,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-widget-content-container,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-widget-content-container,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-widget-content-container { padding: 20px !important; border: 1px solid var(--co-line) !important; border-radius: var(--co-r) !important; background: #fff !important; box-shadow: none !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-background-container,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-background-container,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-background-container,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-background-container { display: none !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart :is(h1),
body:is(.dn-page-address) .dn-widget-shopping_cart :is(h2),
body:is(.dn-page-address) .dn-widget-shopping_cart :is(h3),
body:is(.dn-page-address) .dn-widget-shopping_cart :is(h4),
body:is(.dn-page-shipping) .dn-widget-shopping_cart :is(h1),
body:is(.dn-page-shipping) .dn-widget-shopping_cart :is(h2),
body:is(.dn-page-shipping) .dn-widget-shopping_cart :is(h3),
body:is(.dn-page-shipping) .dn-widget-shopping_cart :is(h4),
body:is(.dn-page-billing) .dn-widget-shopping_cart :is(h1),
body:is(.dn-page-billing) .dn-widget-shopping_cart :is(h2),
body:is(.dn-page-billing) .dn-widget-shopping_cart :is(h3),
body:is(.dn-page-billing) .dn-widget-shopping_cart :is(h4),
body:is(.dn-page-confirm) .dn-widget-shopping_cart :is(h1),
body:is(.dn-page-confirm) .dn-widget-shopping_cart :is(h2),
body:is(.dn-page-confirm) .dn-widget-shopping_cart :is(h3),
body:is(.dn-page-confirm) .dn-widget-shopping_cart :is(h4) { font: 800 18px/1.2 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--co-ink) !important; }
/* its item: the picture with DN's count badge, the name, colour and sizes, Edit, and the price; no Facebook share */
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-line-item-sharing,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-line-item-sharing,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-line-item-sharing,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-line-item-sharing { display: none !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-shopping-cart-line-item,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-shopping-cart-line-item,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-shopping-cart-line-item,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-shopping-cart-line-item { display: grid !important; grid-template-columns: 88px minmax(0, 1fr); gap: 14px; align-items: start; margin: 0 0 14px !important; padding: 0 !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-line-item-thumbnail,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-line-item-thumbnail,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-line-item-thumbnail,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-line-item-thumbnail { position: relative; display: block !important; width: 88px !important; height: 88px !important; margin: 0 !important; padding: 0 !important; border: 1px solid var(--co-line); border-radius: var(--co-r); background: #fff; box-sizing: border-box; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-line-item-thumbnail a,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-line-item-thumbnail a,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-line-item-thumbnail a,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-line-item-thumbnail a { display: block; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-line-item-thumbnail img,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-line-item-thumbnail img,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-line-item-thumbnail img,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-line-item-thumbnail img { display: block; width: 100% !important; height: 86px !important; border-radius: var(--co-r); object-fit: contain; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-line-item-details-container,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-line-item-details-container,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-line-item-details-container,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-line-item-details-container { display: flex !important; align-items: flex-start; gap: 12px; width: auto !important; margin: 0 !important; padding: 0 !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-line-item-details,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-line-item-details,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-line-item-details,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-line-item-details { flex: 1 1 auto; display: block !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-line-item-details-edit-link,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-line-item-details-edit-link,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-line-item-details-edit-link,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-line-item-details-edit-link { margin-top: 6px; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-line-item-details-name,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-line-item-details-name,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-line-item-details-name,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-line-item-details-name { font: 700 15px/1.3 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--co-ink) !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-line-item-details-options span,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-line-item-details-options span,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-line-item-details-options span,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-line-item-details-options span { white-space: nowrap; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-line-item-details-options,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-line-item-details-options,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-line-item-details-options,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-line-item-details-options { margin-top: 2px; font: 400 13px/1.4 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--co-muted) !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-line-item-details-edit-link a,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-line-item-details-edit-link a,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-line-item-details-edit-link a,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-line-item-details-edit-link a { font: 600 13px/1.3 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--co-ink) !important; text-decoration: underline !important; text-underline-offset: 3px; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-line-item-price,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-line-item-price,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-line-item-price,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-line-item-price { flex: none; width: auto !important; margin: 0 !important; padding: 0 !important; font: 700 15px/1.3 var(--font-body) !important; color: var(--co-ink) !important; font-variant-numeric: tabular-nums; text-align: right; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-line-item-thumbnail > span,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-line-item-thumbnail > span,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-line-item-thumbnail > span,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-line-item-thumbnail > span { top: -8px !important; right: -8px !important; left: auto !important; display: flex !important; align-items: center; justify-content: center; min-width: 24px; height: 24px !important; padding: 0 6px !important; border: 2px solid #fff !important; border-radius: 12px !important; background: var(--co-ink) !important; box-sizing: border-box; color: #fff !important; font: 700 12px/1 var(--font-body) !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-checkout-footer,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-checkout-footer,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-checkout-footer,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-checkout-footer { float: none !important; width: auto !important; margin: 0 !important; padding: 10px 0 0 !important; border: 0 !important; border-top: 1px solid var(--co-line) !important; background: none !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-checkout-footer-row,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-checkout-footer-row,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-checkout-footer-row,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-checkout-footer-row { display: flex !important; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 !important; padding: 6px 0 !important;
  border: 0 !important; background: none !important; font: 400 15px/1.4 var(--font-body) !important; color: var(--co-ink) !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-checkout-footer-row > *,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-checkout-footer-row > *,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-checkout-footer-row > *,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-checkout-footer-row > * { float: none !important; width: auto !important; padding: 0 !important; text-transform: none !important; letter-spacing: normal !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-checkout-c-equal,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-checkout-c-equal,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-checkout-c-equal,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-checkout-c-equal { display: none !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-checkout-footer-row.dn-total,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-checkout-footer-row.dn-total,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-checkout-footer-row.dn-total,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-checkout-footer-row.dn-total { margin-top: 8px !important; padding-top: 12px !important; border-top: 1px solid var(--co-line) !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-checkout-footer-row.dn-total .dn-checkout-c-total,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-checkout-footer-row.dn-total .dn-checkout-c-total,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-checkout-footer-row.dn-total .dn-checkout-c-total,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-checkout-footer-row.dn-total .dn-checkout-c-total { font: 800 24px/1.1 var(--font-body) !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-after-cart-note,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-after-cart-note,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-after-cart-note,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-after-cart-note { margin: 2px 0 0 !important; padding: 0 !important; font: 400 13px/1.4 var(--font-body) !important; letter-spacing: normal !important; color: var(--co-muted) !important; text-align: right !important; }
body:is(.dn-page-address) .dn-widget-shopping_cart .dn-after-cart-note.dn-rounding-error,
body:is(.dn-page-shipping) .dn-widget-shopping_cart .dn-after-cart-note.dn-rounding-error,
body:is(.dn-page-billing) .dn-widget-shopping_cart .dn-after-cart-note.dn-rounding-error,
body:is(.dn-page-confirm) .dn-widget-shopping_cart .dn-after-cart-note.dn-rounding-error { display: none !important; }

/* ============================================================================
   DESIGNER: DN's "Your Cart" popup after Add to cart
   ============================================================================ */
body.dn-page-designer #show_cart_popup .dn-popup { border: 1px solid #d6d6d6 !important; border-radius: 4px !important; box-shadow: none !important; background: #fff !important; font-family: var(--font-body); }
body.dn-page-designer #show_cart_popup .dn-popup > h3 { margin: 0 !important; padding: 16px 20px !important; border-bottom: 1px solid #e6e6e6 !important; background: #fff !important;
  font: 800 18px/1.2 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: #111 !important; }
body.dn-page-designer #show_cart_popup .dn-designer-cart-table { width: 100%; border-collapse: collapse; }
body.dn-page-designer #show_cart_popup .dn-designer-cart-table th { padding: 10px 8px !important; border-bottom: 1px solid #e6e6e6 !important; background: none !important;
  font: 600 11px/1.2 var(--font-body) !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #6b6b6b !important; }
body.dn-page-designer #show_cart_popup .dn-designer-cart-table td { padding: 10px 8px !important; border: 0 !important; background: #fff !important; font: 400 14px/1.4 var(--font-body) !important; color: #111 !important; vertical-align: top; }
body.dn-page-designer #show_cart_popup tr.dn-selected td { background: #fff !important; }
body.dn-page-designer #show_cart_popup .dn-d-cart-line-item-thumbnail img { width: 64px !important; height: 64px !important; object-fit: contain; border-radius: 4px; background: #f4f4f4; }
body.dn-page-designer #show_cart_popup .dn-d-cart-line-item-details > a { font: 700 15px/1.3 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; color: #111 !important; }
body.dn-page-designer #show_cart_popup .dn-d-cart-line-item-options { margin-top: 2px; font: 400 13px/1.4 var(--font-body) !important; color: #5f5f5f !important; }
body.dn-page-designer #show_cart_popup .dn-d-cart-line-item-options span { white-space: nowrap; }
body.dn-page-designer #show_cart_popup :is(.dn-d-cart-line-item-qty),
body.dn-page-designer #show_cart_popup :is(.dn-d-cart-line-item-price) { font-weight: 700 !important; font-variant-numeric: tabular-nums; }
body.dn-page-designer #show_cart_popup .dn-d-cart-line-item-actions ul { display: flex; justify-content: flex-end; gap: 16px; margin: 0; padding: 0 0 6px; list-style: none; }
body.dn-page-designer #show_cart_popup .dn-d-cart-line-item-actions li { margin: 0; padding: 0; list-style: none; }
body.dn-page-designer #show_cart_popup .dn-d-cart-line-item-actions a { font: 600 13px/1.3 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: #111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
body.dn-page-designer #show_cart_popup .dn-d-cart-line-item-actions .dn-d-cart-line-item-action-remove a { color: #5f5f5f !important; }
body.dn-page-designer #show_cart_popup #cart_total_container td { padding-top: 12px !important; border-top: 1px solid #e6e6e6 !important; font: 800 16px/1.3 var(--font-body) !important; }
/* Checkout across the top, then Back and Start New Design side by side */
body.dn-page-designer #show_cart_popup .dn-popup-footer { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; height: auto !important; padding: 14px 20px !important; border-top: 1px solid #e6e6e6 !important; background: #fff !important; }
body.dn-page-designer #show_cart_popup .dn-popup-footer #checkout_button { grid-column: 1 / -1; grid-row: 1; height: 50px !important; }
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn-std { order: 1; }
body.dn-page-designer #show_cart_popup .dn-popup-footer #add_new_button { order: 2; }
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn { flex: 1 1 0; display: flex !important; align-items: center; justify-content: center; height: 44px !important; min-height: 0 !important; margin: 0 !important; padding: 0 12px !important;
  border: 1px solid #111 !important; border-radius: 4px !important; background: #fff !important; box-shadow: none !important; transform: none !important; cursor: pointer; }
/* DN sizes these buttons to their text and floats Start New Design: on phones that left Checkout short and Start New
   Design 52px wide ("Start I"). Each now fills its grid cell, whatever width DN sets */
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn { width: auto !important; max-width: none !important; float: none !important; justify-self: stretch; }
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn :is(.dn-btn-label),
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn :is(.dn-btn-label span) { white-space: nowrap; }
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn :is(.dn-btn-valign),
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn :is(.dn-btn-icon) { display: none !important; }
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn :is(.dn-btn-label),
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn :is(.dn-btn-label span) { display: inline !important; padding: 0 !important; font: 700 14px/1 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: #111 !important; }
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn:hover { background: #111 !important; }
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn:hover :is(.dn-btn-label),
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn:hover :is(.dn-btn-label span) { color: #fff !important; }
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn-major { border-color: #d10074 !important; background: #d10074 !important; }
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn-major :is(.dn-btn-label),
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn-major :is(.dn-btn-label span) { color: #fff !important; font-weight: 800 !important; }
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn-major:hover { border-color: #a8005e !important; background: #a8005e !important; }
body.dn-page-designer #show_cart_popup .dn-popup-footer .dn-btn-std { border-color: #d6d6d6 !important; }


/* ============================================================================
   SEC111  DESIGNS — Design library v1: the themes page, a theme's designs, a design's page
   ============================================================================ */
/* Pairs with the "TSW DESIGNS v1" script, which titles the pages, adds the count line and the theme chips, gives the
   sort and show buttons plain words, and on a design's page picks the artwork's ground and loads bigger product
   pictures. Same look as the product grids: sentence-case titles, a side list on desktop, square pictures, small bold
   names, flat 4px corners. */
body:is(.dn-page-designs),
body:is(.dn-page-view_design) { --tsw-ink: #111; --tsw-body: #333; --tsw-muted: #6b6b6b; --tsw-line: #e6e6e6; --tsw-surface: #f5f5f5; --tsw-pink: #d10074; --tsw-r: 4px; }
html body:is(.dn-page-designs) .tsw-dl-hide,
html body:is(.dn-page-view_design) .tsw-dl-hide { display: none !important; }

/* ---- titles: DN's white-on-black letter-spaced banners become the site's page title ---- */
body.dn-page-designs .dn-widget-page_heading .dn-background-container { display: none !important; }
body.dn-page-designs .dn-widget-page_heading .dn-widget-content-container { display: block !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.dn-page-designs .dn-widget-page_heading .dn-widget-content { padding: 0 !important; text-align: left !important; }
body:is(.dn-page-designs) :is(.dn-widget-page_heading h2),
body:is(.dn-page-designs) :is(.dn-design-heading-container h1),
body:is(.dn-page-view_design) :is(.dn-widget-page_heading h2),
body:is(.dn-page-view_design) :is(.dn-design-heading-container h1) { margin: 4px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
  font: 800 26px/1.1 var(--font-body) !important; letter-spacing: -.02em !important; text-transform: none !important; font-variant: normal !important; text-align: left !important; color: var(--tsw-ink) !important; }
@media (min-width: 900px) {
  body:is(.dn-page-designs) :is(.dn-widget-page_heading h2),
body:is(.dn-page-designs) :is(.dn-design-heading-container h1),
body:is(.dn-page-view_design) :is(.dn-widget-page_heading h2),
body:is(.dn-page-view_design) :is(.dn-design-heading-container h1) { font-size: 34px !important; }
}
body.dn-page-designs .tsw-dl-count { margin: 6px 0 0; font: 400 14px/1.4 var(--font-body); letter-spacing: normal; word-spacing: normal; color: var(--tsw-muted); }

/* ---- themes: a side list on desktop (DN hides it on phones and tablets, where the chips below stand in) ---- */
/* (the script tags the side list: the header's DESIGNS menu is a design-categories widget too, and is left alone) */
body.dn-page-designs .tsw-dl-sidebar .dn-widget-content-container { padding: 0 0 0 20px !important; border: 0 !important; background: none !important; }
body.dn-page-designs .tsw-dl-sidebar .dn-background-container { display: none !important; }
body.dn-page-designs .tsw-dl-sidebar .dn-designs-hierarchy-container { margin: 0 !important; padding: 0 !important; }
body.dn-page-designs .tsw-dl-sidebar .dn-designs-hierarchy-container::before { content: "Themes"; display: block; margin: 0 0 10px; font: 600 11px/1.2 var(--font-body); letter-spacing: .12em; text-transform: uppercase; color: var(--tsw-muted); }
body.dn-page-designs .tsw-dl-sidebar .dn-designs-hierarchy-container :is(ul),
body.dn-page-designs .tsw-dl-sidebar .dn-designs-hierarchy-container :is(li) { margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.dn-page-designs .tsw-dl-sidebar .dn-designs-hierarchy-container li::before { display: none !important; }
body.dn-page-designs .tsw-dl-sidebar .dn-designs-hierarchy-container .dn-hierarchy-label { display: block !important; padding: 7px 0 7px 12px !important; border-left: 2px solid var(--tsw-line); font: 500 14px/1.3 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--tsw-body) !important; }
body.dn-page-designs .tsw-dl-sidebar .dn-designs-hierarchy-container .dn-hierarchy-label a { display: block; margin: -7px 0 -7px -12px; padding: 7px 0 7px 12px; font: inherit !important; letter-spacing: normal !important; text-transform: none !important; color: inherit !important; text-decoration: none !important; }
body.dn-page-designs .tsw-dl-sidebar .dn-designs-hierarchy-container .dn-hierarchy-label a:hover { color: var(--tsw-ink) !important; text-decoration: underline !important; text-underline-offset: 3px; }
body.dn-page-designs .tsw-dl-sidebar .dn-designs-hierarchy-container .dn-selected > .dn-hierarchy-label { border-left-color: var(--tsw-ink); font-weight: 700 !important; color: var(--tsw-ink) !important; }
/* the chips: one row that scrolls sideways, the theme you're in filled */
body.dn-page-designs .tsw-dl-themes { display: flex; gap: 8px; margin: 14px 0 18px; padding: 0 0 4px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
body.dn-page-designs .tsw-dl-themes::-webkit-scrollbar { display: none; }
body.dn-page-designs.tsw-dl-side .tsw-dl-themes { display: none; }
body.dn-page-designs .tsw-dl-chip { flex: none; display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border: 1px solid var(--tsw-line); border-radius: 18px; background: #fff;
  font: 600 13px/1 var(--font-body); letter-spacing: normal; text-transform: none; color: var(--tsw-ink) !important; text-decoration: none !important; white-space: nowrap; }
body.dn-page-designs a.tsw-dl-chip:hover { border-color: var(--tsw-ink); }
body.dn-page-designs .tsw-dl-chip.is-on { border-color: var(--tsw-ink); background: var(--tsw-ink); color: #fff !important; }

/* ---- sort and show: outlined buttons like the product grid's Sort; the page count moves under the title ---- */
body.dn-page-designs .dn-listing-sort-header { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; float: none !important; width: auto !important; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.dn-page-designs .dn-listing-sort-header-left { display: flex !important; flex-wrap: wrap; gap: 8px; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.dn-page-designs .dn-listing-sort-header :is(.dn-listing-sort-header-center),
body.dn-page-designs .dn-listing-sort-header :is(.dn-listing-sort-header-right) { display: none !important; }
body.dn-page-designs .dn-listing-sort-header :is(.dn-sort-selector),
body.dn-page-designs .dn-listing-sort-header :is(.dn-filter-selector) { position: relative; display: inline-flex !important; align-items: center; gap: 8px; height: 40px !important; margin: 0 !important; padding: 0 12px !important;
  border: 1px solid var(--tsw-ink) !important; border-radius: var(--tsw-r) !important; background: #fff !important; box-shadow: none !important; box-sizing: border-box; cursor: pointer; }
body.dn-page-designs .dn-listing-sort-header :is(.dn-sort-selector) > span,
body.dn-page-designs .dn-listing-sort-header :is(.dn-filter-selector) > span { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; font: 600 13px/1 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--tsw-ink) !important; white-space: nowrap; }
body.dn-page-designs .dn-listing-sort-header :is(.dn-sort-selector) > span::after,
body.dn-page-designs .dn-listing-sort-header :is(.dn-filter-selector) > span::after { display: none !important; } /* DN's icon-font caret; ours is drawn on the button below */
/* the chevron is drawn on the button: DN positions its menu from .dn-dropdown-anchor, so that stays as DN has it */
body.dn-page-designs .dn-listing-sort-header :is(.dn-sort-selector)::after,
body.dn-page-designs .dn-listing-sort-header :is(.dn-filter-selector)::after { content: ""; flex: none; width: 7px; height: 7px; margin: -4px 0 0 2px; border: solid var(--tsw-ink); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }
/* DN lines its menu's right edge up with .dn-dropdown-anchor (its top with the anchor's): the anchor sits 200px (the
   menu's width) in from the button's left and 4px below it, so the menu opens just under the button, flush left */
body.dn-page-designs .dn-listing-sort-header :is(.dn-sort-selector) .dn-dropdown-anchor,
body.dn-page-designs .dn-listing-sort-header :is(.dn-filter-selector) .dn-dropdown-anchor { left: 200px !important; bottom: -4px !important; transform: none !important; }
/* DN's menus: white, hairline, 14px options, the current one bold */
body.dn-page-designs :is(#decorated_product_sort_list_dropdown) .dn-sort-dropdown,
body.dn-page-designs :is(#design_filter_list_dropdown) .dn-sort-dropdown { padding: 4px 0 !important; border: 1px solid var(--tsw-line) !important; border-radius: var(--tsw-r) !important; background: #fff !important; box-shadow: none !important; }
body.dn-page-designs :is(#decorated_product_sort_list_dropdown) .dn-sort-node,
body.dn-page-designs :is(#design_filter_list_dropdown) .dn-sort-node { padding: 0 !important; background: none !important; }
body.dn-page-designs :is(#decorated_product_sort_list_dropdown) .dn-sort-node a,
body.dn-page-designs :is(#design_filter_list_dropdown) .dn-sort-node a { padding: 9px 14px !important; font: 500 14px/1.3 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--tsw-ink) !important; text-decoration: none !important; }
body.dn-page-designs :is(#decorated_product_sort_list_dropdown) .dn-sort-node:hover,
body.dn-page-designs :is(#design_filter_list_dropdown) .dn-sort-node:hover { background: var(--tsw-surface) !important; }
body.dn-page-designs :is(#decorated_product_sort_list_dropdown) .dn-sort-node.dn-selected a,
body.dn-page-designs :is(#design_filter_list_dropdown) .dn-sort-node.dn-selected a { font-weight: 700 !important; }

/* ---- phones: the same 14px gutter as the rest of the site, and the chips run to the screen's edges as they scroll ---- */
@media (max-width: 767px) {
  body.dn-page-designs .dn-page-column-content { padding-left: 14px !important; padding-right: 14px !important; box-sizing: border-box; }
  body.dn-page-designs .tsw-dl-themes { margin-left: -14px; margin-right: -14px; padding-left: 14px; padding-right: 14px; scroll-padding: 0 14px; }
  body.dn-page-view_design .dn-widget-page_content_view_design .dn-widget-content { padding-left: 14px !important; padding-right: 14px !important; box-sizing: border-box; }
}

/* ---- the grid: two across on phones, three from tablet, four on wide screens ---- */
body.dn-page-designs .dn-designs ul.dn-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 10px; width: auto !important; margin: 0 !important; padding: 0 !important; }
@media (min-width: 700px) { body.dn-page-designs .dn-designs ul.dn-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 16px; } }
@media (min-width: 1200px) { body.dn-page-designs .dn-designs ul.dn-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
body.dn-page-designs .dn-designs li.dn-grid-item { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; list-style: none !important; transform: none !important; transition: none !important; }
body.dn-page-designs .dn-designs li.dn-grid-item::before { display: none !important; }
body.dn-page-designs .dn-designs .dn-grid-item-container { max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; transform: none !important; }
body.dn-page-designs .dn-designs .dn-grid-image { position: relative !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--tsw-surface) !important; box-shadow: none !important; overflow: hidden; }
body.dn-page-designs .dn-designs :is(.dn-grid-image-content),
body.dn-page-designs .dn-designs :is(.dn-image-transform) { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
body.dn-page-designs .dn-designs .dn-grid-image img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; border: 0 !important; border-radius: 0 !important; transform: none !important; transition: transform .3s; }
body.dn-page-designs .dn-designs .dn-grid-item:hover .dn-grid-image img { transform: scale(1.03) !important; }
body.dn-page-designs .dn-designs .dn-image-overlay { background: none !important; opacity: 0 !important; }
body.dn-page-designs .dn-designs .dn-grid-text { margin: 10px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: left !important; }
body.dn-page-designs .dn-designs .dn-grid-text h4 { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; height: auto !important; text-align: left !important; }
body.dn-page-designs .dn-designs .dn-grid-text :is(h4 a),
body.dn-page-designs .dn-designs .dn-grid-text :is(.dn-name) { display: block; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important;
  font: 700 14px/1.3 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; text-align: left !important; white-space: normal !important; color: var(--tsw-ink) !important; text-decoration: none !important; }
body.dn-page-designs .dn-designs .dn-grid-item:hover .dn-grid-text .dn-name { text-decoration: underline !important; text-underline-offset: 3px; }
@media (min-width: 900px) { body.dn-page-designs .dn-designs .dn-grid-text :is(h4 a),
body.dn-page-designs .dn-designs .dn-grid-text :is(.dn-name) { font-size: 15px !important; } }
/* the pager: the one above the grid goes (its count is under the title), the one below stays */
body.dn-page-designs .dn-designs ~ .dn-paginator-container { margin-top: 28px !important; }
/* the site's pager script only readies the first pager on a page (SEC52 keeps the rest see-through until then) */
body.dn-page-designs .dn-designs ~ .dn-paginator-container .dn-paginator { opacity: 1 !important; }
/* the product grids' pager: 40px, hairline, ink for the current page, "Next" in words (SEC52's pink pills and arrows go) */
body.dn-page-designs .dn-paginator { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin: 0 !important; padding: 0 !important; list-style: none; }
body.dn-page-designs .dn-paginator li { margin: 0 !important; padding: 0 !important; }
body.dn-page-designs :is(.dn-paginator li a),
body.dn-page-designs :is(.dn-paginator li.dn-alt) { display: inline-flex !important; align-items: center; justify-content: center; min-width: 40px; height: 40px !important; padding: 0 12px !important; box-sizing: border-box;
  border: 1px solid var(--tsw-line) !important; border-radius: var(--tsw-r) !important; background: #fff !important; color: var(--tsw-ink) !important; font: 600 14px/1 var(--font-body) !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; box-shadow: none !important; transform: none !important; }
body.dn-page-designs .dn-paginator li a:hover { border-color: var(--tsw-ink) !important; }
body.dn-page-designs .dn-paginator li.dn-alt { background: var(--tsw-ink) !important; border-color: var(--tsw-ink) !important; color: #fff !important; }
body.dn-page-designs .dn-paginator .dn-paginator-nav a::before, body.dn-page-designs .dn-paginator .dn-paginator-nav a::after { display: none !important; content: none !important; }
body.dn-page-designs .dn-paginator .dn-paginator-nav a span { display: inline !important; font-size: inherit !important; }

/* ---- a design's page: the artwork beside the garments it goes on ---- */
body.dn-page-view_design .dn-design-display { box-sizing: border-box; max-width: 1240px; margin: 0 !important; padding: 0 !important; font-family: var(--font-body); color: var(--tsw-ink); letter-spacing: normal; word-spacing: normal; }
/* in line with the breadcrumb: 20px in from the page's edge (14px on phones, below) */
@media (min-width: 768px) {
  body.dn-page-view_design .dn-widget-page_content_view_design .dn-widget-content { padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; }
}
body.dn-page-view_design .dn-design-heading-container { margin: 0 0 18px !important; padding: 0 !important; }
body.dn-page-view_design .dn-design-heading-container .dn-inline-fit { display: none !important; }
body.dn-page-view_design .dn-design-panels { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 22px; }
@media (min-width: 900px) { body.dn-page-view_design .dn-design-panels { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; align-items: start; } }
body.dn-page-view_design :is(.dn-design-main-image-panel),
body.dn-page-view_design :is(.dn-design-products-container) { float: none !important; display: block !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
body.dn-page-view_design .dn-design-main-image-panel { aspect-ratio: 1 / 1; background: var(--tsw-surface); overflow: hidden; }
body.dn-page-view_design .dn-design-main-image-panel.tsw-dl-dark { background: #111; }
body.dn-page-view_design .dn-design-main-image { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain; }
body.dn-page-view_design .dn-design-products-container > h4 { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; font: 700 18px/1.3 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; text-align: left !important; color: var(--tsw-ink) !important; }
body.dn-page-view_design .tsw-dl-intro { margin: 4px 0 16px; font: 400 14px/1.5 var(--font-body); letter-spacing: normal; word-spacing: normal; color: var(--tsw-body); }
body.dn-page-view_design .dn-design-products ul.dn-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 10px; width: auto !important; margin: 0 !important; padding: 0 !important; }
@media (min-width: 600px) { body.dn-page-view_design .dn-design-products ul.dn-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 14px; } }
body.dn-page-view_design .dn-design-products li.dn-grid-item { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; list-style: none !important; }
body.dn-page-view_design .dn-design-products li.dn-grid-item::before { display: none !important; }
body.dn-page-view_design .dn-design-products .dn-grid-item-container { max-width: none !important; margin: 0 !important; padding: 0 !important; }
body.dn-page-view_design .dn-design-products .dn-grid-image { position: relative; width: auto !important; height: auto !important; margin: 0 !important; aspect-ratio: 1 / 1; border: 1px solid var(--tsw-line) !important; border-radius: 0 !important; background: #fff !important; overflow: hidden; }
body.dn-page-view_design .dn-design-products .dn-grid-image a { display: block; width: 100%; height: 100%; }
body.dn-page-view_design .dn-design-products .dn-grid-image img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain; transition: transform .3s; }
body.dn-page-view_design .dn-design-products .dn-grid-item:hover .dn-grid-image img { transform: scale(1.03); }
body.dn-page-view_design .dn-design-products .dn-grid-text { margin: 8px 0 0 !important; padding: 0 !important; text-align: left !important; }
body.dn-page-view_design .dn-design-products .dn-product-name { display: block; font: 700 14px/1.3 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; text-align: left !important; color: var(--tsw-ink) !important; text-decoration: none !important; }
body.dn-page-view_design .dn-design-products .dn-grid-item:hover .dn-product-name { text-decoration: underline !important; text-underline-offset: 3px; }
body.dn-page-view_design .dn-select-product-button-container { margin: 28px 0 48px !important; padding: 0 !important; text-align: left !important; }
body.dn-page-view_design .dn-select-product-button-container .dn-btn { display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; height: 44px !important; min-height: 0 !important; margin: 0 !important; padding: 0 20px !important;
  border: 1px solid var(--tsw-ink) !important; border-radius: var(--tsw-r) !important; background: #fff !important; box-shadow: none !important; transform: none !important; cursor: pointer; }
body.dn-page-view_design .dn-select-product-button-container .dn-btn:hover { background: var(--tsw-ink) !important; }
body.dn-page-view_design .dn-select-product-button-container .dn-btn :is(.dn-btn-valign),
body.dn-page-view_design .dn-select-product-button-container .dn-btn :is(.dn-btn-icon) { display: none !important; }
body.dn-page-view_design .dn-select-product-button-container .dn-btn :is(.dn-btn-label),
body.dn-page-view_design .dn-select-product-button-container .dn-btn :is(.dn-btn-label span) { display: inline !important; padding: 0 !important; font: 600 14px/1 var(--font-body) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--tsw-ink) !important; }
body.dn-page-view_design .dn-select-product-button-container .dn-btn:hover :is(.dn-btn-label),
body.dn-page-view_design .dn-select-product-button-container .dn-btn:hover :is(.dn-btn-label span) { color: #fff !important; }
/* (4 Oct 2026) See All Garments: full width and taller on phones, with room before the footer; "See all ↗" beside the
   heading opens the same panel */
@media (max-width: 767px) {
  body.dn-page-view_design .dn-select-product-button-container .dn-btn { display: flex !important; width: 100% !important; height: 52px !important; border-width: 1.5px !important; }
  body.dn-page-view_design .dn-select-product-button-container .dn-btn :is(.dn-btn-label),
body.dn-page-view_design .dn-select-product-button-container .dn-btn :is(.dn-btn-label span) { font-size: 16px !important; font-weight: 700 !important; }
}
body.dn-page-view_design h4.tsw-dp-head { display: flex !important; align-items: baseline; justify-content: space-between; gap: 12px; }
body.dn-page-view_design .tsw-dp-all { flex: none; display: inline-flex; align-items: center; gap: 4px; min-height: 44px; margin: -12px 0; padding: 0 2px; border: 0; background: none; font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; color: #111111; cursor: pointer; }
body.dn-page-view_design .tsw-dp-all svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
body.dn-page-view_design .tsw-dp-all:hover { text-decoration: underline; text-underline-offset: 3px; }


/* ============================================================================
   SEC112  PRODUCT PAGE — Design on a product (/designs/product/…): the product page v2 layout
   ============================================================================ */
/* DN's design-on-product page shows a library design on a garment and is a full product page. The
   "TSW PRODUCT PAGE v2" script gives its widget the blank page's class (blank_product_page) plus tsw-deco,
   so SEC12 lays it out. This section covers the parts only this page has:
   - DN's plain price block (#price), mirrored into SEC12's price row
   - two buttons: Add to Cart (the main one) and Customise
   - the picture: DN draws the design over the garment photo, in boxes sized as a share of the photo
   - an "Options" block, which is empty unless the design is an editable template
   House rules as SEC12: flat, 4px corners, no blurred shadows. */

/* The picture box is square at every width. SEC04 used to force it to 600px tall. On a phone that stretched
   DN's print area down the shirt (a 369px photo in a 600px box), and the design was drawn near the hem.
   This part holds whether or not the script has run. */
body.dn-page-design_on_product .dn-product-main-image-container > #d_pane { min-height: 0 !important; height: 100% !important; }

/* ---- page margin: DN pads the blank page's content box 10px each side below 1210px; this page's box has none ---- */
@media (max-width: 1209px) {
  .blank_product_page.tsw-deco .dn-product-display { box-sizing: border-box; padding-left: 10px !important; padding-right: 10px !important; }
}

/* ---- the picture: DN's view fills the square, and its print boxes follow it ----
   DN sizes the view in pixels once, when the page opens. Sizing it from the box instead keeps the design on
   the chest at any width, and leaves the transform free for the close-up. */
.blank_product_page.tsw-deco .dn-product-main-image-container { min-height: 0 !important; container-type: inline-size; }
.blank_product_page.tsw-deco .dn-product-main-image-container > #d_pane { position: absolute !important; inset: 0 !important; width: 100% !important; transform-origin: 0 0; transition: transform .3s cubic-bezier(.4, 0, .2, 1); }
.blank_product_page.tsw-deco #d_pane > .dn-product-view-container { width: 100cqw !important; height: 100cqw !important; top: 0 !important; left: 0 !important; }
.blank_product_page.tsw-deco #d_pane img.dn-product-main-image { width: 100cqw !important; height: 100cqw !important; max-width: none !important; max-height: none !important; object-fit: contain !important; }

/* ---- Print on: DN's sides as a choice under the picture. A click moves the design there (DN's own behaviour on
   this page), so they look like the size tiles, not a gallery ---- */
.blank_product_page.tsw-deco .tsw-place { margin: 12px 0 0; }
.blank_product_page.tsw-deco .tsw-place-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.blank_product_page.tsw-deco .tsw-place-item { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 0; border: 1.5px solid var(--tsw-line); border-radius: var(--tsw-r); overflow: hidden; background: #fff; font: inherit; color: var(--tsw-ink); cursor: pointer; transition: border-color .15s; }
.blank_product_page.tsw-deco .tsw-place-item:hover { border-color: var(--tsw-ink); }
.blank_product_page.tsw-deco .tsw-place-item:focus-visible { outline: 2px solid var(--tsw-ink); outline-offset: 2px; }
.blank_product_page.tsw-deco .tsw-place-pic { display: block; aspect-ratio: 1 / 1; background: #fff; }
.blank_product_page.tsw-deco .tsw-place-pic img { display: block; width: 100%; height: 100%; object-fit: contain; }
.blank_product_page.tsw-deco .tsw-place-name { display: flex; flex: 1; align-items: center; justify-content: center; padding: 6px 4px; font-size: 12px; font-weight: 700; line-height: 1.2; text-align: center; }
.blank_product_page.tsw-deco .tsw-place-item.is-on { border-color: var(--tsw-ink); }
.blank_product_page.tsw-deco .tsw-place-item.is-on .tsw-place-name { background: var(--tsw-ink); color: #fff; }

/* ---- close-up of the design (the script scales the whole picture): a white button, ink once on ---- */
.blank_product_page.tsw-deco .tsw-zoom { position: absolute; top: 10px; right: 10px; z-index: 9; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0; padding: 0; border: 1.5px solid var(--tsw-line); border-radius: var(--tsw-r); background: #fff; color: var(--tsw-ink); cursor: pointer; transition: border-color .15s, background-color .15s, color .15s; }
.blank_product_page.tsw-deco .tsw-zoom[hidden] { display: none; }
.blank_product_page.tsw-deco .tsw-zoom:hover { border-color: var(--tsw-ink); }
.blank_product_page.tsw-deco .tsw-zoom:focus-visible { outline: 2px solid var(--tsw-ink); outline-offset: 2px; }
.blank_product_page.tsw-deco .tsw-zoom svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.blank_product_page.tsw-deco .tsw-close .tsw-zoom { border-color: var(--tsw-ink); background: var(--tsw-ink); color: #fff; }
.blank_product_page.tsw-deco .tsw-close .tsw-zoom .tsw-zoom-v { display: none; }
/* it replaces DN's own zoom, whose zoom-out button stays hidden */
.blank_product_page.tsw-deco #zoom_out_button { display: none !important; }

/* ---- title: "Design · Dogs 046" over the garment's name ---- */
.blank_product_page.tsw-deco h1 .tsw-code { font-weight: 700; letter-spacing: .08em; color: var(--tsw-ink); }

/* ---- price: DN's #price block, shown as SEC12's price row ---- */
.blank_product_page.tsw-deco .dn-product-price-container { order: 4; display: block !important; width: 100% !important; margin: 0 0 16px !important; padding: 0 !important; text-align: left; }
.blank_product_page.tsw-deco .dn-product-price-container.tsw-price-done > :not(.tsw-price) { display: none !important; }

/* ---- DN's Options block: an editable template's text boxes. The script marks it tsw-empty while none show ---- */
.blank_product_page.tsw-deco .dn-product-personalize-container { order: 4; margin: 0 0 16px; }
.blank_product_page.tsw-deco .dn-product-personalize-container.tsw-empty { display: none !important; }

/* ---- Customise and Add to Cart: one bar, stuck to the bottom of the screen below 900px ---- */
.blank_product_page.tsw-deco .dn-product-add-to-cart-container { order: 9; position: sticky; bottom: 0; z-index: 20; display: flex !important; flex-wrap: wrap; gap: 8px; box-sizing: border-box; width: 100% !important; margin: 0 0 10px !important; padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px)) !important; border-top: 1px solid var(--tsw-line); background: rgba(255, 255, 255, .96); }
.blank_product_page.tsw-deco .dn-product-add-to-cart-container .dn-product-decorate-now-container { order: 1; flex: 2 1 0; min-width: 0; position: static; display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.blank_product_page.tsw-deco .dn-product-add-to-cart-container .dn-product-add-button-container { order: 2; flex: 3 1 0; min-width: 0; display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
.blank_product_page.tsw-deco :is(#add_to_cart_button),
.blank_product_page.tsw-deco :is(.dn-product-decorate-now-button) { display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; width: 100% !important; height: 52px !important; min-height: 0 !important; margin: 0 !important; padding: 0 10px !important; border-radius: var(--tsw-r) !important; box-shadow: none !important; transform: none !important; cursor: pointer; }
.blank_product_page.tsw-deco :is(#add_to_cart_button) :is(.dn-btn-valign),
.blank_product_page.tsw-deco :is(#add_to_cart_button) :is(.dn-btn-icon),
.blank_product_page.tsw-deco :is(.dn-product-decorate-now-button) :is(.dn-btn-valign),
.blank_product_page.tsw-deco :is(.dn-product-decorate-now-button) :is(.dn-btn-icon) { display: none !important; }
.blank_product_page.tsw-deco :is(#add_to_cart_button) :is(.dn-btn-label),
.blank_product_page.tsw-deco :is(#add_to_cart_button) :is(.dn-btn-label span),
.blank_product_page.tsw-deco :is(.dn-product-decorate-now-button) :is(.dn-btn-label),
.blank_product_page.tsw-deco :is(.dn-product-decorate-now-button) :is(.dn-btn-label span) { display: inline !important; margin: 0 !important; padding: 0 !important; font-family: var(--tsw-font) !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: .06em !important; text-transform: uppercase !important; white-space: nowrap; color: inherit !important; }
.blank_product_page.tsw-deco #add_to_cart_button { border: 0 !important; background: var(--tsw-pink) !important; color: #fff !important; }
.blank_product_page.tsw-deco #add_to_cart_button:hover { background: #a8005e !important; }
.blank_product_page.tsw-deco .dn-product-decorate-now-button { border: 1.5px solid var(--tsw-ink) !important; background: #fff !important; color: var(--tsw-ink) !important; }
.blank_product_page.tsw-deco .dn-product-decorate-now-button:hover { background: var(--tsw-ink) !important; color: #fff !important; }
.blank_product_page.tsw-deco :is(#add_to_cart_button):focus-visible,
.blank_product_page.tsw-deco :is(.dn-product-decorate-now-button):focus-visible { outline: 2px solid var(--tsw-ink); outline-offset: 2px; }
/* the line under the buttons is for desktop: on phones the bar stays one row */
.blank_product_page.tsw-deco .tsw-buy-note { order: 3; flex: 1 0 100%; display: none; margin: 2px 0 0; font-size: 13px; font-weight: 500; line-height: 1.4; color: var(--tsw-muted); text-align: left; }
@media (max-width: 359px) {
  .blank_product_page.tsw-deco :is(#add_to_cart_button) :is(.dn-btn-label),
.blank_product_page.tsw-deco :is(#add_to_cart_button) :is(.dn-btn-label span),
.blank_product_page.tsw-deco :is(.dn-product-decorate-now-button) :is(.dn-btn-label),
.blank_product_page.tsw-deco :is(.dn-product-decorate-now-button) :is(.dn-btn-label span) { font-size: 13px !important; letter-spacing: .03em !important; }
}

/* ---- Choose Sizes: a note under the tiles and a brief ink outline round them ---- */
.blank_product_page.tsw-deco .tsw-size-note.is-need { padding: 1px 0 1px 10px; border-left: 3px solid var(--tsw-pink); font-size: 13px; font-weight: 600; color: var(--tsw-ink); }
.blank_product_page.tsw-deco .tsw-size-grid.is-asking .tsw-size-pill:not(.is-unavailable) { animation: tswAskSizes .9s ease 1; }
@keyframes tswAskSizes { 0%, 100% { border-color: var(--tsw-line); } 25%, 65% { border-color: var(--tsw-ink); } }

/* ---- "Added to your cart": DN's box after Add to Cart (it opens outside the widget, so plain colours here, not
   SEC12's variables). The same look as the designer's cart box in SEC110: flat, a hairline, Checkout on top ---- */
body.dn-page-design_on_product #cart_notice_content { box-sizing: border-box; width: min(400px, calc(100vw - 32px)) !important; max-width: none !important; padding: 20px !important; border: 1px solid #e6e6e6 !important; border-radius: 4px !important; background: #fff !important; box-shadow: none !important; }
body.dn-page-design_on_product #cart_notice_content > h3 { margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: none !important; font: 800 18px/1.2 var(--font-body) !important; letter-spacing: -.01em !important; text-transform: none !important; text-align: left !important; color: #111 !important; }
body.dn-page-design_on_product #cart_notice_content :is(.dn-popup-content-container),
body.dn-page-design_on_product #cart_notice_content :is(.dn-popup-content) { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.dn-page-design_on_product #cart_notice_content .dn-popup-content-scroll { display: grid !important; grid-template-columns: 72px minmax(0, 1fr); gap: 14px; align-items: center; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; }
body.dn-page-design_on_product #cart_notice_content .dn-d-cart-notice-product-thumbnail { width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
body.dn-page-design_on_product #cart_notice_content .dn-d-cart-notice-product-thumbnail img { display: block; box-sizing: border-box; width: 72px !important; height: 72px !important; object-fit: contain; border: 1px solid #e6e6e6; border-radius: 4px; background: #fff; }
body.dn-page-design_on_product #cart_notice_content .dn-d-cart-notice-product-details { width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
body.dn-page-design_on_product #cart_notice_content .tsw-added { margin: 0 !important; text-align: left !important; }
body.dn-page-design_on_product #cart_notice_content .tsw-added b { display: block; font: 700 15px/1.3 var(--font-body); color: #111; }
body.dn-page-design_on_product #cart_notice_content .tsw-added span { display: block; margin-top: 3px; font: 500 13px/1.4 var(--font-body); color: #6b6b6b; }
body.dn-page-design_on_product #cart_notice_content .dn-popup-footer { display: flex !important; flex-direction: column-reverse; gap: 8px; height: auto !important; margin: 18px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.dn-page-design_on_product #cart_notice_content .dn-popup-footer .dn-btn { display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; width: 100% !important; height: 48px !important; min-height: 0 !important; margin: 0 !important; padding: 0 12px !important; border-radius: 4px !important; box-shadow: none !important; transform: none !important; cursor: pointer; }
body.dn-page-design_on_product #cart_notice_content .dn-popup-footer .dn-btn :is(.dn-btn-valign),
body.dn-page-design_on_product #cart_notice_content .dn-popup-footer .dn-btn :is(.dn-btn-icon) { display: none !important; }
body.dn-page-design_on_product #cart_notice_content .dn-popup-footer .dn-btn :is(.dn-btn-label),
body.dn-page-design_on_product #cart_notice_content .dn-popup-footer .dn-btn :is(.dn-btn-label span) { display: inline !important; margin: 0 !important; padding: 0 !important; font: 700 15px/1 var(--font-body) !important; letter-spacing: 0 !important; text-transform: none !important; color: inherit !important; }
body.dn-page-design_on_product #cart_notice_content .dn-popup-footer .dn-btn-major { border: 0 !important; background: #d10074 !important; color: #fff !important; }
body.dn-page-design_on_product #cart_notice_content .dn-popup-footer .dn-btn-major:hover { background: #a8005e !important; }
body.dn-page-design_on_product #cart_notice_content .dn-popup-footer .dn-btn-std { border: 1.5px solid #111 !important; background: #fff !important; color: #111 !important; }
body.dn-page-design_on_product #cart_notice_content .dn-popup-footer .dn-btn-std:hover { background: #111 !important; color: #fff !important; }
body.dn-page-design_on_product #cart_notice_content .dn-popup-footer .dn-btn:focus-visible { outline: 2px solid #111; outline-offset: 2px; }

/* ---- two columns (≥900, as SEC12): the buttons sit in the column, with the line under them ---- */
@media (min-width: 900px) {
  .blank_product_page.tsw-deco .dn-product-add-to-cart-container { position: static; gap: 10px; margin: 0 0 16px !important; padding: 0 !important; border: 0; background: none; }
  .blank_product_page.tsw-deco :is(#add_to_cart_button),
.blank_product_page.tsw-deco :is(.dn-product-decorate-now-button) { height: 54px !important; }
  .blank_product_page.tsw-deco .tsw-buy-note { display: block; }
}
/* the picture column is 650px wide from 1200: six sides across, as the blank page's rail */
@media (min-width: 1200px) {
  .blank_product_page.tsw-deco .tsw-place-row { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
}


/* ============================================================================
   SEC113  HEADER — Phone header and menu v1: the logo, Search, Cart and Menu; the full-screen menu
   ============================================================================ */
/* Pairs with the "TSW NAV v1" script in the jQuery snippet. At 768px and narrower (where DN shows its small
   header):
   - The header keeps its black bar and white logo. The logo comes first, bigger (44px), on the page's side margin
     (--tsw-gutter), so it lines up with the page below; Search, Cart and Menu are at the right, Menu an outlined
     button (as the desktop Cart) with its word kept for screen readers, on the right-hand margin. Favourites and
     the phone number move into the menu.
   - The menu is a <dialog> of its own (#tsw-nav): a black bar with the logo, Cart and Close, as the header (Close
     where Menu was), over a white, scrolling body.
   DN's own dropdown (#main_nav_dropdown) no longer opens on phones, so its old styling (SEC66, SEC69–75) is
   retired. The Round 2 look (Home v2): white, #111 ink, 1px #e4e4e4 hairlines under solid ink lines, big heavy
   type and arrows, 4px corners, pink only for Start Designing, no blurred shadows. */

@media (max-width: 768px) {
  /* the icon buttons join the header's own row: the logo first, on the side margin, then Search, Cart and Menu */
  html body .dn-small-header .tw-mobile-icons { display: contents !important; }
  html body .dn-small-header #site-logo-small { order: -1; margin-left: var(--tsw-gutter, 20px) !important; padding-left: 0 !important; }
  html body .dn-small-header #site-logo-small .dn-site-logo { width: auto !important; height: 44px !important; max-width: none !important; max-height: none !important; }
  html body .dn-small-header #tw-search-trigger { order: 1; margin-left: auto !important; }
  html body .dn-small-header .tsw-hdr-cart { order: 2; margin-right: 6px !important; }
  /* Menu: the three lines in an outlined square on the right-hand margin; its word stays for screen readers */
  html body .dn-small-header #tw-menu-trigger { order: 3; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; min-width: 44px; height: 44px !important; margin: 0 var(--tsw-gutter, 20px) 0 0 !important; padding: 0 !important; box-sizing: border-box !important; border: 1.5px solid rgba(255, 255, 255, .6) !important; border-radius: 4px !important; }
  html body .dn-small-header #tw-menu-trigger .tsw-hdr-word { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  html body .dn-small-header :is(.tw-favorites-btn),
html body .dn-small-header :is(.tw-phone-btn) { display: none !important; }
  /* square buttons with a quiet hover: no round disc, no scaling */
  html body .dn-small-header .tw-icon-btn { width: 44px !important; height: 44px !important; border-radius: 4px !important; transform: none !important; transition: background-color .15s !important; }
  html body .dn-small-header .tw-icon-btn:hover { background: rgba(255, 255, 255, .12) !important; transform: none !important; }
  html body .dn-small-header .tw-icon-btn:active { background: rgba(255, 255, 255, .2) !important; transform: none !important; }
  html body .dn-small-header .tw-icon-btn:focus-visible { outline: 2px solid #ffffff; outline-offset: -2px; }
  html body .dn-small-header .tsw-hdr-word { font: 600 15px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: 0; color: #ffffff; }
  /* the three lines stay three lines: Close lives in the menu's own bar */
  html body .dn-small-header #tw-menu-trigger .tw-menu-icon-wrapper { width: 22px !important; height: 22px !important; }
  /* the header's cart: a trolley with DN's count as a white pill (ink numerals) */
  html body .dn-small-header .tsw-hdr-cart svg { width: 22px; height: 22px; fill: none; stroke: #ffffff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  html body .dn-small-header .tsw-hdr-cart .tsw-count { position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; box-sizing: border-box; padding: 0 5px; border-radius: 9px; background: #ffffff; color: #111111; font: 700 11px/18px var(--font-body, Inter, system-ui, sans-serif); text-align: center; }
  html body .dn-small-header .tsw-hdr-cart .tsw-count:empty { display: none; }
  /* the floating cart button gives way to the header's cart */
  #mobile-floating-cart { display: none !important; }
  /* DN's own dropdowns never open here now: out of the page, so Tab and screen readers skip their links too (the
     menu script still reads them) */
  #main_nav_dropdown, .dn-nav-dropdown-container[id^="nav_dropdown_"] { display: none !important; }
}
/* the smallest phones (320px): a slightly smaller logo keeps a gap before Search */
@media (max-width: 350px) {
  html body .dn-small-header #site-logo-small .dn-site-logo { height: 38px !important; }
  dialog.tsw-nav .tsw-nav-logo img { height: 38px; }
}

/* ---- the menu (#tsw-nav): a full-screen dialog in the page's top layer ---- */
html.tsw-nav-open, html.tsw-nav-open body { overflow: hidden !important; }
dialog.tsw-nav { position: fixed; inset: 0; box-sizing: border-box; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: 0; border: 0; background: #ffffff; color: #111111; font-family: var(--font-body, Inter, system-ui, sans-serif); overflow: hidden; }
dialog.tsw-nav[open] { display: flex; flex-direction: column; }
dialog.tsw-nav::backdrop { background: transparent; }
dialog.tsw-nav *, dialog.tsw-nav *::before, dialog.tsw-nav *::after { box-sizing: border-box; }
dialog.tsw-nav svg { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
/* the site sets every link in capitals (a { text-transform: uppercase }): not in here. Colour goes on the link
   only, so its icons follow it (white in the bar) */
dialog.tsw-nav a { color: #111111; text-decoration: none; }
dialog.tsw-nav a, dialog.tsw-nav a * { text-transform: none !important; letter-spacing: normal; }
/* DN's theme turns every link pink on hover (a:not(.dn-overridden-hover-off):hover): rows stay ink */
dialog.tsw-nav a:is(:hover),
dialog.tsw-nav a:is(:focus),
dialog.tsw-nav a:is(:active) { color: #111111; }
dialog.tsw-nav .tsw-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
dialog.tsw-nav :is(a):focus-visible,
dialog.tsw-nav :is(button):focus-visible,
dialog.tsw-nav :is(input):focus-visible { outline: 2px solid #111111; outline-offset: 2px; }

/* bar: the header's black strip, with Close where Menu was */
.tsw-nav-bar { flex: 0 0 60px; display: flex; align-items: center; gap: 2px; padding: 0 var(--tsw-gutter, 20px); background: #000000; color: #ffffff; }
.tsw-nav-bar :is(.tsw-nav-close),
.tsw-nav-bar :is(.tsw-nav-cart) { height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 0; border-radius: 4px; background: none; color: #ffffff !important; font: 600 15px/1 var(--font-body, Inter, system-ui, sans-serif); cursor: pointer; }
/* Close where the header's Menu is: last, in the same outlined square; its word stays for screen readers */
.tsw-nav-bar .tsw-nav-close { order: 2; width: 44px; padding: 0; border: 1.5px solid rgba(255, 255, 255, .6); }
.tsw-nav-bar .tsw-nav-close span { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.tsw-nav-bar :is(.tsw-nav-close):hover,
.tsw-nav-bar :is(.tsw-nav-cart):hover { background: rgba(255, 255, 255, .12); }
.tsw-nav-bar :is(.tsw-nav-close):focus-visible,
.tsw-nav-bar :is(.tsw-nav-cart):focus-visible { outline: 2px solid #ffffff; outline-offset: -2px; }
.tsw-nav-bar svg { width: 22px; height: 22px; }
.tsw-nav-logo { order: -1; display: flex; align-items: center; color: #ffffff !important; }
.tsw-nav-logo img { display: block; width: auto; height: 44px; }
.tsw-nav-cart { position: relative; width: 44px; margin-left: auto; margin-right: 4px; }
.tsw-nav-cart .tsw-count { position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #ffffff; color: #111111; font: 700 11px/18px var(--font-body, Inter, system-ui, sans-serif); text-align: center; }
.tsw-nav-cart .tsw-count:empty { display: none; }

/* body: one panel at a time, scrolling inside the dialog. The Round 2 look (Home v2, SEC117): the sections as the
   home page's big-type garment list (a picture, a 26px heavy name, a heavy arrow), hairlines under a solid ink line,
   a section's name in the XL type, and Need a hand? as the home page's black band at the foot */
.tsw-nav-body { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.tsw-nav-panel { display: flex; flex-direction: column; padding: 20px var(--tsw-gutter, 20px) calc(28px + env(safe-area-inset-bottom, 0px)); }
/* the top panel ends with the black band, which carries the bottom inset itself */
.tsw-nav-panel[data-panel="root"] { padding-bottom: 0; }
.tsw-nav-panel[hidden] { display: none; }
.tsw-nav-panel.is-in { animation: tswNavIn .2s cubic-bezier(.2, .7, .3, 1); }
.tsw-nav-panel.is-back { animation: tswNavBack .2s cubic-bezier(.2, .7, .3, 1); }
@keyframes tswNavIn { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: none; } }
@keyframes tswNavBack { from { opacity: 0; transform: translateX(-28px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .tsw-nav-panel.is-in, .tsw-nav-panel.is-back { animation: none; } }

/* search: the site's smart search picks up .header-search-input and .header-search-submit */
.tsw-nav .tsw-nav-search { position: relative; display: block; margin: 0 0 12px; padding: 0; background: none; border: 0; }
.tsw-nav .tsw-nav-search .header-search-input { display: block; width: 100%; height: 52px; margin: 0; padding: 0 52px 0 14px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; box-shadow: none; font: 400 16px/1.2 var(--font-body, Inter, system-ui, sans-serif); color: #111111; -webkit-appearance: none; appearance: none; }
.tsw-nav .tsw-nav-search .header-search-input::placeholder { color: #6b6b6b; opacity: 1; }
/* Chrome's own blue clear cross would sit beside the search button */
.tsw-nav .tsw-nav-search .header-search-input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; }
.tsw-nav .tsw-nav-search .header-search-input:focus { border-color: #111111; outline: none; }
.tsw-nav .tsw-nav-search .header-search-submit { position: absolute; top: 4px; right: 4px; transform: none; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; border-radius: 4px; background: none; color: #111111; cursor: pointer; }

/* Start Designing (the one pink button here) and Get a Quote */
.tsw-nav-cta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 20px; }
.tsw-nav-go { height: 52px; display: flex; align-items: center; justify-content: center; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; font: 700 16px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111 !important; text-align: center; }
.tsw-nav-go.is-main { border-color: var(--tsw-cta, #d10074); background: var(--tsw-cta, #d10074); color: #ffffff !important; }
.tsw-nav-go:hover { background: #111111; color: #ffffff !important; }
.tsw-nav-go.is-main:hover { border-color: var(--tsw-cta-hover, #a8005e); background: var(--tsw-cta-hover, #a8005e); }
/* the account row (4 Oct 2026): Favourites, Sign in (or My account), Register (or Log out); white tiles outlined like
   the size boxes, icon over the word, under Start Designing */
.tsw-nav-acct { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: -8px 0 20px; }
.tsw-nav .tsw-nav-tile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 64px; padding: 8px 4px; border: 1px solid #d8d8d8; border-radius: 4px; background: #ffffff; font: 600 14px/1.2 var(--font-body, Inter, system-ui, sans-serif); color: #111111 !important; text-align: center; text-decoration: none !important; }
.tsw-nav .tsw-nav-tile svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tsw-nav .tsw-nav-tile:hover, .tsw-nav .tsw-nav-tile.is-here { border-color: #111111; }
.tsw-nav .tsw-nav-tile .tsw-nav-tile-ico { position: relative; display: block; line-height: 0; }
/* Contact Us and FAQs, at the foot of the list: the same tiles, two across */
.tsw-nav .tsw-nav-acct.tsw-nav-help-row { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 24px 0; }
.tsw-nav .tsw-nav-tile .tsw-nav-badge { position: absolute; top: -7px; left: calc(100% - 7px); min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 9px; background: #111111; font: 700 11px/18px var(--font-body, Inter, system-ui, sans-serif); font-style: normal; text-align: center; color: #ffffff; }

/* a row: one tap. Links underline their name on hover (no grey fill) */
.tsw-nav-row { display: flex; align-items: center; gap: 16px; width: 100%; min-height: 56px; margin: 0; padding: 8px 0; border: 0; border-bottom: 1px solid #e4e4e4; background: none; font: inherit; color: #111111; text-align: left; cursor: pointer; }
.tsw-nav-row .tsw-nav-txt { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; min-width: 0; }
.tsw-nav-row b { font-size: 17px; font-weight: 700; line-height: 1.25; }
.tsw-nav-row small { font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: 0; color: #6b6b6b; }
.tsw-nav-row:hover b { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
/* the arrows: the home page's heavy style, 30px; a section's → in ink, a page's ↗ in grey (Designs, Gallery,
   Pricing), so the sections lead */
dialog.tsw-nav svg.tsw-nav-arw { width: 30px; height: 30px; stroke-width: 4.4; stroke-linecap: square; stroke-linejoin: miter; color: #111111; }
.tsw-nav-row.is-page svg.tsw-nav-arw { color: #8a8a8a; }
/* where you are: an ink bar at the left edge */
.tsw-nav-row.is-here { box-shadow: inset 3px 0 0 #111111; padding-left: 12px; }

/* the sections and pages: the big-type list, under a solid ink line */
.tsw-nav-list { display: flex; flex-direction: column; margin: 0; border-top: 1px solid #111111; }
.tsw-nav-list .tsw-nav-row { min-height: 72px; padding: 10px 0; }
.tsw-nav-list .tsw-nav-row b { font-size: 26px; font-weight: 800; letter-spacing: -0.04em; line-height: 1.02; }
.tsw-nav-list .tsw-nav-row.has-sub { min-height: 84px; }
.tsw-nav-thumb { width: 64px; height: 64px; flex: 0 0 64px; overflow: hidden; background: #f2f2f2; }
.tsw-nav-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; transform: scale(1.35); transform-origin: 50% 12%; }

/* account and help links: two columns, after a gap */
.tsw-nav-small { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; margin: 20px 0 28px; }
.tsw-nav-small .tsw-nav-row { min-height: 44px; padding: 0; border-bottom: 0; }
.tsw-nav-small .tsw-nav-row b { font-size: 16px; font-weight: 600; }
.tsw-nav-n { display: inline-block; min-width: 20px; margin-left: 4px; padding: 0 6px; border-radius: 10px; background: #f0f0f0; font-size: 12px; font-weight: 700; line-height: 20px; text-align: center; color: #111111; }

/* Need a hand?: the home page's black band, edge to edge at the foot, white Call Us and outlined Chat With Us */
.tsw-nav-help { display: flex; flex-direction: column; gap: 14px; margin: 0 calc(var(--tsw-gutter, 20px) * -1); padding: 28px var(--tsw-gutter, 20px) calc(28px + env(safe-area-inset-bottom, 0px)); border-radius: 0; background: #111111; }
.tsw-nav-help h3 { margin: 0; font-size: 30px; font-weight: 800; line-height: 1; letter-spacing: -0.045em; color: #ffffff; text-transform: none; }
.tsw-nav-help-btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.tsw-nav-help-btns > * { height: 52px; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 0 8px; border: 1.5px solid #ffffff; border-radius: 4px; background: transparent; font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif); color: #ffffff !important; cursor: pointer; }
.tsw-nav-help-btns > *:first-child { background: #ffffff; color: #111111 !important; }
.tsw-nav-help-btns > *:hover { background: #ffffff; color: #111111 !important; }
.tsw-nav-help-btns > *:first-child:hover { border-color: #e6e6e6; background: #e6e6e6; }
.tsw-nav-help-btns svg { width: 16px; height: 16px; }
.tsw-nav-help p { order: 2; margin: 0; font-size: 14px; line-height: 1.45; color: #bdbdbd; }
dialog.tsw-nav .tsw-nav-help :is(a):focus-visible,
dialog.tsw-nav .tsw-nav-help :is(button):focus-visible { outline-color: #ffffff; }

/* a section panel: Back, its name in the XL type, Shop All, the first group, then "Shop by" */
.tsw-nav-head { display: flex; flex-direction: column; align-items: flex-start; margin: -6px 0 18px; }
.tsw-nav-head h2 { margin: 0; font-size: 44px; font-weight: 800; line-height: 0.95; letter-spacing: -0.045em; color: #111111; text-transform: none; }
.tsw-nav-head h2:focus { outline: none; }
.tsw-nav-back { height: 44px; display: inline-flex; align-items: center; gap: 8px; margin: 0 0 8px -4px; padding: 0 10px 0 4px; border: 0; border-radius: 4px; background: none; font: 600 15px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111; cursor: pointer; }
.tsw-nav-back:hover span { text-decoration: underline; text-underline-offset: 3px; }
.tsw-nav-row.is-all { min-height: 64px; border-top: 1px solid #111111; }
.tsw-nav-row.is-all b { font-size: 22px; font-weight: 800; letter-spacing: -0.03em; }
.tsw-nav-label { margin: 26px 0 6px; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-nav-links { display: flex; flex-direction: column; }
.tsw-nav-links[hidden] { display: none; }
.tsw-nav-links .tsw-nav-row { min-height: 52px; }
.tsw-nav-links .tsw-nav-row b { font-size: 18px; font-weight: 600; }
.tsw-nav-links .tsw-nav-row.is-strong b { font-weight: 800; }
.tsw-nav-links.is-acc { padding: 0 0 8px 14px; border-bottom: 1px solid #e4e4e4; }
.tsw-nav-links.is-acc .tsw-nav-row { min-height: 46px; border-bottom: 0; }
.tsw-nav-links.is-acc .tsw-nav-row b { font-size: 16px; }
/* "Shop by" groups: open and close as the home page's Questions, a plus turning to a minus */
.tsw-nav-acc { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 60px; margin: 0; padding: 0; border: 0; border-bottom: 1px solid #e4e4e4; background: none; font: 800 20px/1.2 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.02em; color: #111111; text-align: left; cursor: pointer; }
.tsw-nav-acc[aria-expanded="true"] { border-bottom-color: transparent; }
dialog.tsw-nav svg.tsw-nav-pm { width: 24px; height: 24px; stroke-width: 2.2; stroke-linecap: square; stroke-linejoin: miter; }
.tsw-nav-acc[aria-expanded="true"] .tsw-nav-pm-v { display: none; }
.tsw-nav-acc:first-of-type { border-top: 1px solid #111111; }


/* ============================================================================
   SEC114  CART — Header cart and cart drawer v1: Cart in the desktop header, the drawer
   ============================================================================ */
/* Pairs with the "TSW HEADER CART v1" script in the jQuery snippet. It replaces the floating cart button and DN's Cart
   Overview pop-up (their old styling, SEC76–SEC80 and SEC84, is retired).
   - Header (wider than 768px): Cart is the last button, outlined in white, with DN's count as a white pill (ink
     numerals). Between 769px and 1099px it's the icon and count only; the header's spacing tightens below 1600px.
   - Drawer (#tsw-cart): a 420px white panel on the right with a hairline edge, over a flat dim (no blur). Lines,
     then the free delivery bar, the subtotal, Checkout (the one pink button) and View Cart.
   House style: white, #111 ink, 1.5px #e6e6e6 lines, 4px corners, no blurred shadows. */

/* ---- the header button ---- */
.dn-slim-nav-icons .tsw-dcart { position: relative; display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; width: auto !important; height: 40px !important; margin-left: 6px !important; padding: 0 12px 0 10px !important; border: 1.5px solid rgba(255, 255, 255, .6) !important; border-radius: 4px !important; background: none; color: #ffffff !important; text-decoration: none !important; transform: none !important; }
.dn-slim-nav-icons .tsw-dcart:hover { border-color: #ffffff !important; background: rgba(255, 255, 255, .12) !important; transform: none !important; }
.dn-slim-nav-icons .tsw-dcart:focus-visible { outline: 2px solid #ffffff; outline-offset: 2px; }
.dn-slim-nav-icons .tsw-dcart svg { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: #ffffff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.dn-slim-nav-icons .tsw-dcart-word { font: 600 14px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: 0; text-transform: none; color: #ffffff; }
.dn-slim-nav-icons .tsw-dcart .tsw-count { min-width: 20px; height: 20px; box-sizing: border-box; padding: 0 6px; border-radius: 10px; background: #ffffff; color: #111111; font: 700 12px/20px var(--font-body, Inter, system-ui, sans-serif); text-align: center; }
.dn-slim-nav-icons .tsw-dcart .tsw-count:empty { display: none; }
.tsw-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ---- the drawer ---- */
html.tsw-cart-open, html.tsw-cart-open body { overflow: hidden !important; }
dialog.tsw-cdrawer { position: fixed; inset: 0 0 0 auto; box-sizing: border-box; width: min(420px, 100vw); max-width: none; height: 100%; max-height: none; margin: 0; padding: 0; border: 0; border-left: 1px solid #e6e6e6; border-radius: 0; background: #ffffff; color: #111111; font-family: var(--font-body, Inter, system-ui, sans-serif); overflow: hidden; }
dialog.tsw-cdrawer[open] { display: flex; flex-direction: column; animation: tswCdIn .22s cubic-bezier(.2, .7, .3, 1); }
dialog.tsw-cdrawer::backdrop { background: rgba(17, 17, 17, .4); }
@keyframes tswCdIn { from { transform: translateX(40px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { dialog.tsw-cdrawer[open] { animation: none; } }
dialog.tsw-cdrawer *, dialog.tsw-cdrawer *::before, dialog.tsw-cdrawer *::after { box-sizing: border-box; }
dialog.tsw-cdrawer a { color: #111111; text-decoration: none; }
dialog.tsw-cdrawer a, dialog.tsw-cdrawer a * { text-transform: none !important; letter-spacing: normal; }
/* DN's theme turns every link pink on hover: not in here */
dialog.tsw-cdrawer a:is(:hover),
dialog.tsw-cdrawer a:is(:focus),
dialog.tsw-cdrawer a:is(:active) { color: #111111; }
dialog.tsw-cdrawer :is(a):focus-visible,
dialog.tsw-cdrawer :is(button):focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
dialog.tsw-cdrawer svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.tsw-cd-head { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; padding: 8px 12px 8px 24px; border-bottom: 1px solid #e6e6e6; }
.tsw-cd-head h2 { margin: 0; font-size: 20px; font-weight: 800; line-height: 1.2; letter-spacing: 0; text-transform: none; color: #111111; }
.tsw-cd-head h2:focus { outline: none; }
.tsw-cd-n { font-weight: 500; color: #6b6b6b; }
.tsw-cd-close { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; border-radius: 4px; background: none; color: #111111; cursor: pointer; }
.tsw-cd-close:hover { background: #f5f5f5; }

.tsw-cd-body { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding: 8px 24px; }
.tsw-cd-state { padding: 24px 0; }
.tsw-cd-state p { margin: 0 0 16px; font-size: 15px; line-height: 1.5; color: #444444; }
.tsw-cd-state .tsw-cd-empty { margin-bottom: 6px; font-size: 18px; font-weight: 700; color: #111111; }
.tsw-cd-state .tsw-cd-go + .tsw-cd-go { margin-top: 8px; }

.tsw-cd-lines { margin: 0; padding: 0; list-style: none; }
.tsw-cd-line { display: grid; grid-template-columns: 80px minmax(0, 1fr) auto; gap: 14px; align-items: start; padding: 16px 0; border-bottom: 1px solid #f0f0f0; }
.tsw-cd-line:last-child { border-bottom: 0; }
.tsw-cd-img { display: block; width: 80px; height: 80px; overflow: hidden; border-radius: 4px; background: #f5f5f5; }
.tsw-cd-img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.tsw-cd-info { min-width: 0; }
.tsw-cd-name { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.3; color: #111111; }
.tsw-cd-meta { margin: 2px 0 0; font-size: 13px; line-height: 1.4; color: #6b6b6b; }
.tsw-cd-meta:empty { display: none; }
.tsw-cd-sizes { display: flex; flex-wrap: wrap; gap: 4px; margin: 8px 0 0; padding: 0; list-style: none; }
.tsw-cd-sizes[hidden] { display: none; }
.tsw-cd-sizes li { padding: 2px 7px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 12px; font-weight: 600; line-height: 18px; color: #111111; }
.tsw-cd-edit { display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; }
.tsw-cd-price { font-size: 15px; font-weight: 700; line-height: 1.3; white-space: nowrap; }

.tsw-cd-foot { flex: 0 0 auto; display: flex; flex-direction: column; gap: 8px; padding: 16px 24px 24px; border-top: 1px solid #e6e6e6; background: #ffffff; }
.tsw-cd-foot[hidden] { display: none; }
.tsw-cd-free { margin: 0 0 6px; }
.tsw-cd-free[hidden] { display: none; }
.tsw-cd-free p { margin: 0 0 8px; font-size: 13px; line-height: 1.4; color: #444444; }
.tsw-cd-free b { color: #111111; }
.tsw-cd-bar { display: block; height: 6px; overflow: hidden; border-radius: 3px; background: #f0f0f0; }
.tsw-cd-bar i { display: block; height: 100%; background: #111111; }
.tsw-cd-free.is-free .tsw-cd-bar i { background: #1a7f37; }
.tsw-cd-sub { display: flex; align-items: baseline; justify-content: space-between; font-size: 16px; font-weight: 700; }
.tsw-cd-sub b { font-size: 18px; font-weight: 800; }
.tsw-cd-note { margin: -4px 0 6px; font-size: 12px; line-height: 1.4; color: #6b6b6b; }
.tsw-cd-go { height: 48px; display: flex; align-items: center; justify-content: center; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111 !important; text-align: center; }
.tsw-cd-go:hover { background: #111111; color: #ffffff !important; }
.tsw-cd-go.is-main { border-color: var(--tsw-cta, #d10074); background: var(--tsw-cta, #d10074); color: #ffffff !important; }
.tsw-cd-go.is-main:hover { border-color: var(--tsw-cta-hover, #a8005e); background: var(--tsw-cta-hover, #a8005e); }

/* ---- the desktop header up to 1599px: tighter spacing, so the links, icons and Cart fit (they ran off the right
        edge below about 1000px even before Cart). The phone number stays in the footer and on Contact Us. If the
        links still don't fit, the script moves the last plain ones into MORE ---- */
/* MORE opens on hover only; keyboard users (Tab to it) and the header script's click (.active) open it too */
html body .dn-nav-more:focus-within .dn-more-dropdown, html body .dn-more-dropdown.active { display: block !important; }
/* a link never wraps onto two lines ("CUSTOMISE ✏️" did, once Cart took its room): it moves into MORE instead */
html body #slim-nav .dn-slim-nav-item > a { white-space: nowrap !important; }
@media (min-width: 769px) and (max-width: 1599px) {
  html body .dn-slim-header-container { padding-left: 16px !important; padding-right: 16px !important; gap: 12px !important; }
  html body #slim-nav .dn-slim-nav-item > a, html body #slim-nav .dn-more-trigger { padding-left: 12px !important; padding-right: 12px !important; }
  html body .dn-slim-nav-icons { margin-left: 4px !important; }
  html body .dn-slim-nav-icons > a[href^="tel:"] { display: none !important; }
}
@media (min-width: 769px) and (max-width: 1279px) {
  html body #slim-nav .dn-slim-nav-item > a, html body #slim-nav .dn-more-trigger { padding-left: 10px !important; padding-right: 10px !important; }
}
@media (min-width: 769px) and (max-width: 1099px) {
  html body .dn-slim-logo img { height: 44px !important; width: auto !important; }
  .dn-slim-nav-icons .tsw-dcart-word { display: none; }
  .dn-slim-nav-icons .tsw-dcart { padding: 0 8px !important; }
}


/* ============================================================================
   SEC115  FOOTER — Compact footer v1: the blocks above it, DN's footer columns, the feedback pop-ups
   ============================================================================ */
/* Pairs with the "TSW FOOTER v1" script in the jQuery snippet (title case for DN's capitals, and
   body.tsw-lean-footer on the cart, checkout, account pages and the designer).
   - Above the footer: the duplicate social row and DN's empty spacer rows go. The bulk discounts become one row of
     tiles in house style (they were a 700px table with pink small text). Reviews stay. On the cart, checkout and
     account pages all of it steps aside.
   - DN's footer (#dn_section_footer1) stays black, so the white logo and the dark Trustpilot widget keep working.
     It's compact: small grey labels, plain links, no sign-in form (the header's account button does that), the
     payment logos once in a row along the bottom, and the Acknowledgement of Country beside the logo.
   - The Report an Issue and Product Feedback pop-ups (the footer snippet) are flat: no blur behind, no soft
     shadows, 4px corners, an ink Send button.
   House style: #111 ink, 1px #e6e6e6 lines, 4px corners, no blurred shadows, pink only for main buttons. */

/* ---- above the footer ---- */
/* (not in DN's page editor, so the sections can still be found and deleted there) */
body:not(.dn-edit-mode) footer > .dn-page-section:not(#dn_section_footer1):has(.dn-widget-social_links),
body:not(.dn-edit-mode) footer > .dn-page-section:not(#dn_section_footer1):has(.dn-widget-spacer):not(:has(.dn-widget:not(.dn-widget-spacer))) { display: none !important; }
body.tsw-lean-footer footer > .dn-page-section:not(#dn_section_footer1):not(:has(.tsw-b-foot)) { display: none !important; }

/* the bulk discounts: one row of tiles (the widget brings its own styles, so these are more specific) */
html body #discount-section,
html body #discount-section * { font-family: var(--font-body, Inter, system-ui, sans-serif) !important; }
html body #discount-section .discount-section-container { max-width: 960px; padding: 8px 0 0; }
html body #discount-section .discount-title { margin: 0 0 4px; font-size: 22px; font-weight: 800; letter-spacing: 0; color: #111111; }
html body #discount-section .discount-subtitle { margin: 0 0 16px; font-size: 14px; font-style: normal; color: #6b6b6b; }
html body #discount-section .discount-table { display: block; margin: 0 0 16px; box-shadow: none; }
html body #discount-section .discount-table thead { display: none; }
html body #discount-section .discount-table tbody { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
html body #discount-section .discount-table tr { display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; gap: 2px; min-height: 72px; padding: 10px 6px; border: 1px solid #e6e6e6; border-radius: 4px; background: #ffffff !important; }
html body #discount-section .discount-table td { display: block; padding: 0; border: 0; font-size: 13px; line-height: 1.3; color: #6b6b6b; text-align: center; }
html body #discount-section .discount-table td.discount-highlight,
html body #discount-section .discount-table td:last-child { font-size: 18px; font-weight: 800; color: #111111; }
html body #discount-section .discount-list { display: none; }
html body #discount-section .tip-box { margin: 0 0 8px; padding: 10px 14px; border: 0; border-radius: 4px; background: #f5f5f5; font-size: 14px; color: #111111; text-align: center; }
html body #discount-section .tip-box *,
html body #discount-section .discount-highlight { color: #111111 !important; }
html body #discount-section .separator { display: none; }
html body #discount-section .discount-heading { margin: 20px 0 6px; font-size: 16px; font-weight: 700; color: #111111; }
html body #discount-section .how-it-works { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 20px; margin: 0; padding: 0; }
html body #discount-section .how-it-works li { padding: 2px 0 2px 20px; font-size: 14px; color: #444444; }
html body #discount-section .how-it-works li:before { color: #111111; font-weight: 700; }
html body #discount-section .contact-link { color: #111111 !important; text-decoration: underline; text-underline-offset: 3px; text-transform: none; }
@media (max-width: 767px) {
  html body #discount-section .discount-table { display: block; }
  html body #discount-section .discount-table tbody { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html body #discount-section .additional-info { display: none; }
  html body #discount-section .mobile-contact { font-size: 14px; }
}

/* ---- DN's footer: compact ---- */
#dn_section_footer1 { font-family: var(--font-body, Inter, system-ui, sans-serif); }
#dn_section_footer1 { padding-top: 0 !important; padding-bottom: 0 !important; }
#dn_section_footer1 .dn-page-section-content { padding-top: 48px !important; padding-bottom: 32px !important; }
/* everything lines up on the left (DN centres its widgets on phones) */
#dn_section_footer1 .dn-widget,
#dn_section_footer1 .dn-widget :is(h2),
#dn_section_footer1 .dn-widget :is(ul),
#dn_section_footer1 .dn-widget :is(p),
#dn_section_footer1 .dn-widget :is(div) { text-align: left !important; }
#dn_section_footer1 .dn-widget-social_links :is(ul),
#dn_section_footer1 .dn-widget-social_links :is(.dn-social-links),
#dn_section_footer1 .dn-widget-social_links :is(.dn-widget-content > div) { justify-content: flex-start !important; margin-left: 0 !important; }
#dn_section_footer1 .dn-page-columns-container { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.4fr); gap: 32px 40px; max-width: 1280px; margin: 0 auto; }
#dn_section_footer1 .dn-page-columns-container > .dn-page-column { width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; float: none !important; }
#dn_section_footer1 .dn-page-columns-container > .dn-page-column:nth-child(4) { grid-column: 1 / -1; grid-row: 2; padding-top: 20px !important; border-top: 1px solid #262626; }
#dn_section_footer1 .dn-page-columns-container > .dn-page-column:nth-child(5) { grid-column: 4; grid-row: 1; }
#dn_section_footer1 :is(.dn-widget-login),
#dn_section_footer1 :is(.dn-widget-divider) { display: none !important; }
#dn_section_footer1 .dn-widget { margin-top: 0 !important; margin-bottom: 0 !important; }
#dn_section_footer1 .dn-widget + .dn-widget { margin-top: 24px !important; }
#dn_section_footer1 .dn-widget-spacer { display: none !important; }
/* labels: small grey capitals, not 30px letter-spaced headings */
#dn_section_footer1 h2 { margin: 0 0 12px !important; font-family: inherit !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #a3a3a3 !important; }
/* links: plain words, one per line */
#dn_section_footer1 .dn-widget-links_list :is(ul),
#dn_section_footer1 .dn-widget-links_list :is(ol) { margin: 0; padding: 0; list-style: none; }
#dn_section_footer1 .dn-widget-links_list li { display: block !important; margin: 0; padding: 0; }
/* the page links in two short columns */
#dn_section_footer1 .dn-page-columns-container > .dn-page-column:nth-child(1) .dn-links-list { columns: 2; column-gap: 24px; }
#dn_section_footer1 .dn-widget-links_list a { display: inline-block; padding: 5px 0; font-family: inherit !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: none !important; color: #e6e6e6 !important; text-decoration: none; }
#dn_section_footer1 .dn-widget-links_list a:hover { color: #ffffff !important; text-decoration: underline; text-underline-offset: 3px; }
#dn_section_footer1 a:focus-visible { outline: 2px solid #ffffff; outline-offset: 2px; }
/* DN's two store links ("Create Your Own Store", "Create a Campaign Store") read as links too */
#dn_section_footer1 .dn-widget-button { margin-top: 4px !important; }
#dn_section_footer1 .dn-widget-button + .dn-widget-button { margin-top: 0 !important; }
#dn_section_footer1 .dn-widget-button a { display: inline-block; padding: 5px 0; font-family: inherit !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: none !important; color: #e6e6e6 !important; text-decoration: none; }
#dn_section_footer1 .dn-widget-button a em { font-style: normal !important; }
#dn_section_footer1 .dn-widget-button a:hover { color: #ffffff !important; text-decoration: underline; text-underline-offset: 3px; }
/* contact details and the Acknowledgement of Country */
#dn_section_footer1 .dn-widget-text, #dn_section_footer1 .dn-widget-text * { font-family: inherit !important; font-style: normal !important; letter-spacing: 0 !important; }
#dn_section_footer1 .dn-widget-text { font-size: 13px !important; line-height: 1.45 !important; color: #d4d4d4 !important; }
#dn_section_footer1 .dn-widget-text p { margin: 0 0 8px !important; }
/* Trustpilot's mini badge needs about 120px, not the 150px it's given */
#dn_section_footer1 .trustpilot-widget, #dn_section_footer1 .trustpilot-widget iframe { height: 120px !important; }
#dn_section_footer1 .dn-widget-text :is(p),
#dn_section_footer1 .dn-widget-text :is(div),
#dn_section_footer1 .dn-widget-text :is(span) { font-size: inherit !important; line-height: inherit !important; color: inherit !important; }
#dn_section_footer1 .dn-widget-text :is(strong),
#dn_section_footer1 .dn-widget-text :is(b) { color: #ffffff !important; font-weight: 700 !important; }
#dn_section_footer1 .dn-widget-text a { color: #ffffff !important; text-transform: none !important; }
#dn_section_footer1 .dn-page-column:nth-child(5) .dn-widget-text { font-size: 13px !important; color: #a3a3a3 !important; }
#dn_section_footer1 .dn-page-column:nth-child(5) img { max-width: 180px; height: auto; }
/* payment logos: once, in one row */
#dn_section_footer1 .dn-widget-logo img[src*="afterpay.png"] { display: none !important; }
#dn_section_footer1 .dn-page-column:nth-child(4) .dn-widget-logo .dn-widget-content { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
#dn_section_footer1 .dn-page-column:nth-child(4) .dn-widget-logo img { width: 46px; height: auto; margin: 0 !important; border-radius: 4px; }

/* the reviews above the footer already have Trustpilot's badge: the footer's shows only where they step aside */
body:not(.tsw-lean-footer) #dn_section_footer1 .dn-widget-html_cm:has(.trustpilot-widget) { display: none !important; }

@media (max-width: 1023px) {
  #dn_section_footer1 .dn-page-columns-container { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; }
  #dn_section_footer1 .dn-page-columns-container > .dn-page-column:nth-child(1) { grid-column: 1 / -1; }
  #dn_section_footer1 .dn-page-columns-container > .dn-page-column:nth-child(1) .dn-links-list { columns: 3; }
  #dn_section_footer1 .dn-page-columns-container > .dn-page-column:nth-child(4) { grid-row: auto; order: 1; }
  #dn_section_footer1 .dn-page-columns-container > .dn-page-column:nth-child(5) { grid-column: 1 / -1; grid-row: auto; }
}
@media (max-width: 767px) {
  #dn_section_footer1 { padding-left: 16px !important; padding-right: 16px !important; }
  #dn_section_footer1 :is(.dn-page-section-margin),
#dn_section_footer1 :is(.dn-padding-container) { margin-left: 0 !important; margin-right: 0 !important; }
  #dn_section_footer1 .dn-page-section-content { padding-top: 36px !important; padding-bottom: 24px !important; }
}
@media (max-width: 480px) {
  #dn_section_footer1 .dn-page-columns-container > .dn-page-column { grid-column: 1 / -1; }
  #dn_section_footer1 .dn-page-columns-container > .dn-page-column:nth-child(2) .dn-links-list { columns: 2; column-gap: 24px; }
}

/* ---- the feedback pop-ups (Report an Issue, Product Feedback): flat ---- */
html body :is(.fw-overlay),
html body :is(.pf-overlay) { background: rgba(17, 17, 17, .4) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html body :is(.fw-panel),
html body :is(.pf-panel) { border: 1px solid #e6e6e6 !important; border-radius: 4px !important; box-shadow: none !important; font-family: var(--font-body, Inter, system-ui, sans-serif) !important; }
html body :is(.fw-panel) :is(input),
html body :is(.fw-panel) :is(textarea),
html body :is(.fw-panel) :is(select),
html body :is(.pf-panel) :is(input),
html body :is(.pf-panel) :is(textarea),
html body :is(.pf-panel) :is(select) { border-radius: 4px !important; box-shadow: none !important; }
html body :is(.fw-panel) :is(input):focus,
html body :is(.fw-panel) :is(textarea):focus,
html body :is(.fw-panel) :is(select):focus,
html body :is(.pf-panel) :is(input):focus,
html body :is(.pf-panel) :is(textarea):focus,
html body :is(.pf-panel) :is(select):focus { border-color: #111111 !important; outline: none; }
html body :is(.fw-submit),
html body :is(.pf-submit) { border-radius: 4px !important; background: #111111 !important; box-shadow: none !important; transform: none !important; font-family: inherit !important; }
html body :is(.fw-submit):hover:not(:disabled),
html body :is(.pf-submit):hover:not(:disabled) { background: #333333 !important; box-shadow: none !important; transform: none !important; }


/* ============================================================================
   SEC116  PAGES — Small pages v1: DN's page forms (quotes, contact), Get a Quote and Contact in the Round 2 look, the 404 page, Terms and the Print Promise, the Privacy Policy and User Agreement accents
   ============================================================================ */
/* Pairs with the "TSW PAGES v1" script in the jQuery snippet (heading case, form button words, the 404 block).
   - DN's page forms get the checkout's form style: labels above, 48px fields with a 1.5px #e6e6e6 line and 4px
     corners, an ink line on focus, 16px text (no zoom on phones), file pickers as a dashed drop area with an
     outlined Choose File button, and the send button in pink (it's the page's one main action).
   - The 404 page: a lead line, search, the four sections as photo tiles, Start Designing and Browse Designs, and
     how to reach us.
   House style: #111 ink, 1.5px #e6e6e6 lines, 4px corners, no blurred shadows. */

/* ---- DN's page forms ---- */
/* DN's widget box around the form goes: the fields carry the lines */
.dn-widget-form > .dn-widget-content-container { border: 0 !important; padding: 0 !important; background: none !important; }
.dn-widget-form form { max-width: 720px; margin: 0 auto; font-family: var(--font-body, Inter, system-ui, sans-serif); text-align: left; }
.dn-widget-form .dn-form { margin: 0; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; list-style: none; }
.dn-widget-form .dn-field-container { margin: 0 0 16px !important; padding: 0 !important; }
.dn-widget-form .dn-form-field-label { display: block; margin: 0 0 6px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; color: #111111 !important; }
.dn-widget-form :is(input[type="text"]),
.dn-widget-form :is(input[type="email"]),
.dn-widget-form :is(input[type="tel"]),
.dn-widget-form :is(input[type="number"]),
.dn-widget-form :is(select) { box-sizing: border-box; width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 14px !important; border: 1.5px solid #e6e6e6 !important; border-radius: 4px !important; background: #ffffff !important; box-shadow: none !important; font: 400 16px/1.3 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; }
.dn-widget-form textarea { box-sizing: border-box; width: 100% !important; min-height: 140px !important; margin: 0 !important; padding: 12px 14px !important; border: 1.5px solid #e6e6e6 !important; border-radius: 4px !important; background: #ffffff !important; box-shadow: none !important; font: 400 16px/1.5 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; resize: vertical; }
.dn-widget-form select { -webkit-appearance: none !important; appearance: none !important; padding-right: 40px !important; background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center / 18px 18px !important; cursor: pointer; }
.dn-widget-form :is(input):focus,
.dn-widget-form :is(select):focus,
.dn-widget-form :is(textarea):focus { border-color: #111111 !important; outline: none !important; }
.dn-widget-form :is(input)::placeholder,
.dn-widget-form :is(textarea)::placeholder { color: #6b6b6b; opacity: 1; }
/* DN's hints under a field ("First name", "Last name") */
.dn-widget-form .dn-form-field-value + *, .dn-widget-form .dn-form-field-name label, .dn-widget-form .dn-form-field .dn-hint { font-size: 13px !important; color: #6b6b6b !important; text-transform: none !important; }
/* file pickers: a dashed drop area with an outlined button */
.dn-widget-form input[type="file"] { box-sizing: border-box; width: 100% !important; height: auto !important; margin: 0 !important; padding: 14px !important; border: 1.5px dashed #cfcfcf !important; border-radius: 4px !important; background: #fafafa !important; font: 400 14px/1.4 var(--font-body, Inter, system-ui, sans-serif) !important; color: #444444 !important; cursor: pointer; }
.dn-widget-form input[type="file"]:hover { border-color: #111111 !important; }
.dn-widget-form input[type="file"]::file-selector-button { height: 40px; margin: 0 12px 0 0; padding: 0 14px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; font: 600 14px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111; cursor: pointer; }
.dn-widget-form input[type="file"]::file-selector-button:hover { background: #111111; color: #ffffff; }
/* the send button */
.dn-widget-form .dn-form-footer-actions { margin: 8px 0 0 !important; padding: 0 !important; text-align: left !important; }
.dn-widget-form .dn-form-footer-actions .dn-btn { display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; min-width: 220px; height: 48px !important; margin: 0 !important; padding: 0 24px !important; border: 1.5px solid var(--tsw-cta, #d10074) !important; border-radius: 4px !important; background: var(--tsw-cta, #d10074) !important; box-shadow: none !important; cursor: pointer; }
.dn-widget-form .dn-form-footer-actions .dn-btn:hover { border-color: var(--tsw-cta-hover, #a8005e) !important; background: var(--tsw-cta-hover, #a8005e) !important; }
.dn-widget-form .dn-form-footer-actions .dn-btn :is(.dn-btn-valign),
.dn-widget-form .dn-form-footer-actions .dn-btn :is(.dn-btn-icon) { display: none !important; }
.dn-widget-form .dn-form-footer-actions .dn-btn-label, .dn-widget-form .dn-form-footer-actions .dn-btn-label span { font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: 0 !important; text-transform: none !important; color: #ffffff !important; }
@media (max-width: 480px) { .dn-widget-form .dn-form-footer-actions .dn-btn { width: 100% !important; } }

/* ---- Get a Quote (/page/quotes) in the Round 2 look (29 Sep 2026; script: TSW PAGES v1): a head like the Pricing
   page's (kicker, XL name, lead, ticks), then the form beside "What happens next" (big magenta numbers over hairlines,
   as How it works on the home page), plain rows with the heavy ↗, and how to call us. DN's Also Try graphics go ---- */
body.dn-page-quotes .tsw-q-hide { display: none !important; }
.tsw-q-head { box-sizing: border-box; max-width: 1240px; margin: 0 auto; padding: 32px 24px 8px; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; }
.tsw-q-head .tsw-q-kicker { margin: 0 0 10px; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-q-head h1 { margin: 0 0 16px; font: 800 clamp(40px, 4.6vw, 64px)/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.045em; text-transform: none; color: #111111; }
.tsw-q-head .tsw-q-lead { max-width: 640px; margin: 0 0 20px; font-size: 18px; line-height: 1.5; color: #333333; }
.tsw-q-ticks { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0 0 8px; padding: 0; list-style: none; }
.tsw-q-ticks li { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; font-weight: 600; color: #111111; }
.tsw-q-ticks svg { flex: none; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
/* the form's widget and the new column side by side */
body.tsw-q .tsw-q-grid { box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: start; gap: 64px; max-width: 1240px; margin: 0 auto; padding: 24px 24px 64px; }
body.tsw-q .tsw-q-grid .dn-widget-form form { max-width: 720px; margin: 0; }
/* placed by hand: DN keeps other bits in this container, which would take the first cell */
body.tsw-q .tsw-q-grid > .dn-widget-form { grid-column: 1; grid-row: 1; min-width: 0; }
body.tsw-q .tsw-q-grid > .tsw-q-aside { grid-column: 2; grid-row: 1; }
.tsw-q-aside { position: sticky; top: 96px; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; }
.tsw-q-aside h2 { margin: 0 0 12px; font: 800 26px/1.1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.03em; text-transform: none; color: #111111; }
.tsw-q-steps { margin: 0 0 28px; padding: 0; list-style: none; }
.tsw-q-steps li { display: flex; gap: 16px; margin: 0; padding: 14px 0; border-top: 1px solid #e4e4e4; }
.tsw-q-steps li:first-child { border-top-color: #111111; }
.tsw-q-steps b { flex: none; width: 34px; font-size: 40px; font-weight: 800; line-height: .95; letter-spacing: -0.04em; color: var(--tsw-magenta, #ec008c); }
.tsw-q-steps p { margin: 0; font-size: 15px; line-height: 1.45; color: #444444; }
.tsw-q-steps strong { display: block; margin: 0 0 2px; font-size: 17px; font-weight: 700; color: #111111; }
.tsw-q-aside .tsw-q-also { margin: 0 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-q-rows { margin: 0 0 20px; padding: 0; list-style: none; border-top: 1px solid #111111; }
.tsw-q-rows li { margin: 0; border-bottom: 1px solid #e4e4e4; }
.tsw-q-rows a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; font-size: 20px; font-weight: 800; letter-spacing: -0.02em; text-transform: none; color: #111111 !important; text-decoration: none !important; }
.tsw-q-rows a:hover { color: var(--tsw-magenta, #ec008c) !important; }
.tsw-q-rows svg.tsw-q-arw { flex: none; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: square; stroke-linejoin: miter; }
.tsw-q-aside .tsw-q-call { margin: 0; font-size: 14px; line-height: 1.5; color: #444444; }
.tsw-q-aside .tsw-q-call a { font-weight: 700; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
@media (max-width: 960px) {
  body.tsw-q .tsw-q-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; padding: 16px 20px 48px; }
  body.tsw-q .tsw-q-grid > .tsw-q-aside { grid-column: 1; grid-row: 2; }
  .tsw-q-aside { position: static; }
  .tsw-q-head { padding: 20px 20px 4px; }
  .tsw-q-head .tsw-q-lead { font-size: 16px; }
}

/* ---- Contact (/page/contact2) in the Round 2 look (29 Sep 2026; script: TSW PAGES v1): the head as Get a Quote's;
   DN's message form beside "Reach us directly" (call, email, chat, visit: plain rows with the heavy ↗) and quicker
   answers; then the workshop's photo (black and white, as the home page's) with the address, hours and Get
   directions; the "Something not right?" box (DN's own HTML widget, with its own styles) in the house style: an ink
   line, the words on the left, outlined buttons. The old heading, email and phone line, map and About us go ---- */
body.tsw-c .tsw-c-hide { display: none !important; }
body.tsw-c .tsw-c-col { float: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
body.tsw-c .tsw-c-sec { padding-left: 0 !important; padding-right: 0 !important; }
body.tsw-c .tsw-c-sec :is(.dn-page-section-margin),
body.tsw-c .tsw-c-sec :is(.dn-page-section-content),
body.tsw-c .tsw-c-sec :is(.dn-padding-container),
body.tsw-c .tsw-c-sec :is(.dn-page-columns-container),
body.tsw-c .tsw-c-sec :is(.dn-page-column-content) { margin: 0 !important; padding: 0 !important; max-width: none !important; }
body.tsw-c .tsw-c-sec .dn-page-columns-container { display: block !important; width: 100% !important; }
body.tsw-c .tsw-c-grid .dn-widget-form > .dn-widget-content-container { display: block !important; width: 100% !important; }
body.tsw-c .tsw-c-grid { box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) 380px; grid-template-areas: "title direct" "form direct" "form quick"; align-items: start; gap: 0 64px; max-width: 1240px; margin: 0 auto; padding: 24px 24px 56px; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; }
body.tsw-c .tsw-c-grid > .tsw-c-title, .tsw-c-direct h2 { margin: 0 0 18px; padding: 18px 0 0; border-top: 1px solid #111111; font: 800 26px/1.1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.03em; text-transform: none; color: #111111; }
body.tsw-c .tsw-c-grid > .tsw-c-title { grid-area: title; }
body.tsw-c .tsw-c-grid > .dn-widget-form { grid-area: form; min-width: 0; margin: 0 !important; }
body.tsw-c .tsw-c-grid .dn-widget-form form { max-width: none; margin: 0; }
.tsw-c-direct { grid-area: direct; }
.tsw-c-direct h2 { margin-bottom: 4px; }
.tsw-c-direct .tsw-q-rows { margin: 0; border-top: 0; }
.tsw-c-ways a { min-height: 72px; padding: 12px 0; }
.tsw-c-ways a > span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.tsw-c-ways b { font-size: 20px; font-weight: 800; letter-spacing: -0.02em; }
.tsw-c-ways small { font-size: 14px; font-weight: 500; line-height: 1.4; letter-spacing: 0; color: #6b6b6b; overflow-wrap: anywhere; }
.tsw-c-quick { grid-area: quick; margin: 32px 0 0; }
.tsw-c-quick .tsw-q-also { margin: 0 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-c-quick .tsw-q-rows { margin: 0; }
.tsw-c-visit { box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: center; gap: 48px; max-width: 1240px; margin: 0 auto; padding: 8px 24px 64px; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; }
.tsw-c-visit img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; filter: grayscale(1); background: #f2f2f2; }
.tsw-c-visit .tsw-q-also { margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-c-visit h2 { margin: 0 0 16px; font: 800 clamp(34px, 3.6vw, 52px)/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.045em; text-transform: none; color: #111111; }
.tsw-c-visit p { max-width: 480px; margin: 0 0 14px; font-size: 17px; line-height: 1.5; color: #333333; }
.tsw-c-visit .tsw-c-hours { font-size: 15px; color: #444444; }
.tsw-c-go { display: inline-flex; align-items: center; gap: 12px; height: 48px; margin: 6px 0 0; padding: 0 18px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111 !important; text-decoration: none !important; }
.tsw-c-go:hover { background: #111111; color: #ffffff !important; }
.tsw-c-go svg { flex: none; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: square; stroke-linejoin: miter; }
body.tsw-c .fb-block { box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 32px; width: auto !important; max-width: min(1192px, calc(100% - 48px)) !important; margin: 0 auto 56px !important; padding: 20px 0 0 !important; border: 0 !important; border-top: 1px solid #111111 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; text-align: left !important; font-family: var(--font-body, Inter, system-ui, sans-serif) !important; }
body.tsw-c .fb-block h3 { grid-column: 1; margin: 0 !important; font: 800 22px/1.15 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.02em; color: #111111 !important; }
body.tsw-c .fb-block p { grid-column: 1; margin: 0 !important; font: 400 15px/1.5 var(--font-body, Inter, system-ui, sans-serif) !important; color: #444444 !important; }
body.tsw-c .fb-btns { grid-column: 2; grid-row: 1 / span 2; display: flex; gap: 8px; }
body.tsw-c .fb-btn { flex: none !important; height: 44px; padding: 0 16px !important; border: 1.5px solid #111111 !important; border-radius: 4px !important; background: #ffffff !important; box-shadow: none !important; transform: none !important; font: 700 14px/1 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; }
body.tsw-c .fb-btn:hover { background: #111111 !important; color: #ffffff !important; }
body.tsw-c .fb-btn svg { display: none; }
@media (max-width: 960px) {
  body.tsw-c .tsw-c-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "direct" "title" "form" "quick"; gap: 0; padding: 16px 20px 40px; }
  .tsw-c-direct { margin: 0 0 32px; }
  body.tsw-c .tsw-c-grid > .tsw-c-title, .tsw-c-direct h2 { font-size: 24px; }
  .tsw-c-visit { padding: 8px 20px 56px; }
  body.tsw-c .fb-block { max-width: calc(100% - 40px) !important; }
}
@media (max-width: 760px) {
  .tsw-c-visit { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 0 20px 48px; }
  body.tsw-c .fb-block { grid-template-columns: minmax(0, 1fr); max-width: calc(100% - 40px) !important; margin: 0 auto 48px !important; }
  body.tsw-c .fb-btns { grid-column: 1; grid-row: auto; flex-wrap: wrap; margin-top: 10px; }
}

/* ---- the 404 page ---- */
.tsw-404 { max-width: 720px; margin: 8px 0 48px; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; }
.tsw-404 .tsw-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.tsw-404-lead { margin: 0 0 16px; font-size: 16px; line-height: 1.5; color: #444444; }
.tsw-404 .tsw-404-search { position: relative; display: block; max-width: 480px; margin: 0 0 24px; padding: 0; border: 0; background: none; }
.tsw-404 .tsw-404-search .header-search-input { box-sizing: border-box; display: block; width: 100%; height: 48px; margin: 0; padding: 0 52px 0 14px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; box-shadow: none; font: 400 16px/1.2 var(--font-body, Inter, system-ui, sans-serif); color: #111111; -webkit-appearance: none; appearance: none; }
.tsw-404 .tsw-404-search .header-search-input:focus { border-color: #111111; outline: none; }
.tsw-404 .tsw-404-search .header-search-input::placeholder { color: #6b6b6b; opacity: 1; }
.tsw-404 .tsw-404-search .header-search-input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; }
.tsw-404 .tsw-404-search .header-search-submit { position: absolute; top: 2px; right: 2px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; border-radius: 4px; background: none; color: #111111; transform: none; cursor: pointer; }
.tsw-404 svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tsw-404-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 24px; padding: 0; list-style: none; }
.tsw-404-tiles a { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e6e6e6; border-radius: 4px; background: #ffffff; color: #111111 !important; text-decoration: none !important; text-transform: none !important; }
.tsw-404-tiles a:hover { border-color: #111111; }
.tsw-404-tiles img { display: block; width: 100%; aspect-ratio: 160 / 206; object-fit: cover; object-position: 50% 18%; background: #f5f5f5; }
.tsw-404-tiles span { padding: 10px 12px; font-size: 15px; font-weight: 700; letter-spacing: 0; }
.tsw-404-cta { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
.tsw-404-go { height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0 22px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111 !important; text-decoration: none !important; text-transform: none !important; letter-spacing: 0 !important; }
.tsw-404-go:hover { background: #111111; color: #ffffff !important; }
.tsw-404-go.is-main { border-color: var(--tsw-cta, #d10074); background: var(--tsw-cta, #d10074); color: #ffffff !important; }
.tsw-404-go.is-main:hover { border-color: var(--tsw-cta-hover, #a8005e); background: var(--tsw-cta-hover, #a8005e); }
.tsw-404-help { margin: 0; font-size: 14px; line-height: 1.5; color: #444444; }
.tsw-404-help a { color: #111111 !important; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; text-transform: none !important; }
@media (max-width: 600px) {
  .tsw-404-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tsw-404-go { flex: 1 1 100%; }
}
/* ---- the old Care & Returns widget (/returns, a DN HTML widget with its own styles): the house look over them.
   Flat, 4px corners, 1.5px lines, ink headings; no shadows, no pink lines or small pink text. The open tab is
   ink like our chips (white on pink was 3.6:1); the do and don't lists keep their green and red marks ---- */
#tshirt-widget-container { padding: 32px 0 0; color: #333333; font-weight: 400; }
#tshirt-widget-container #tshirt-widget-header { margin: 0 0 20px; padding: 0; background: none; color: #111111; text-align: left; border-radius: 0; }
#tshirt-widget-container #tshirt-widget-header h1 { margin: 0; color: #111111; font-size: 36px; font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; white-space: normal; }
#tshirt-widget-container .tshirt-widget-tabs { gap: 8px; margin: 0 0 16px; border-radius: 0; overflow: visible; box-shadow: none; }
#tshirt-widget-container .tshirt-widget-tab-btn { flex: 1 1 0; padding: 12px 14px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; color: #111111; font-size: 15px; font-weight: 700; line-height: 1.25; transition: none; }
#tshirt-widget-container .tshirt-widget-tab-btn:hover { border-color: #111111; background: #ffffff; }
#tshirt-widget-container .tshirt-widget-tab-btn.active { border-color: #111111; background: #111111 !important; color: #ffffff !important; }
#tshirt-widget-container .tshirt-widget-tab-content { margin-bottom: 24px; padding: 24px; border: 1.5px solid #e6e6e6; border-radius: 4px; box-shadow: none; animation: none; }
#tshirt-widget-container .tshirt-widget-tab-content h2 { margin: 0 0 12px; padding: 0; border: 0; color: #111111; font-size: 24px; font-weight: 800; line-height: 1.2; }
#tshirt-widget-container .tshirt-widget-tab-content h3 { color: #111111; font-size: 18px; font-weight: 700; }
#tshirt-widget-container .tshirt-widget-card { margin: 12px 0; padding: 0; border-radius: 0; box-shadow: none; }
#tshirt-widget-container .tshirt-widget-highlight { background: #f5f5f5; border-left: 3px solid #111111; border-radius: 0 4px 4px 0; }
#tshirt-widget-container :is(.tshirt-widget-dos),
#tshirt-widget-container :is(.tshirt-widget-donts) { background: #ffffff; border: 1.5px solid #e6e6e6; border-radius: 4px; }
#tshirt-widget-container .tshirt-widget-dos h3, #tshirt-widget-container .tshirt-widget-dos ul li::before { color: #15803d; }
#tshirt-widget-container .tshirt-widget-donts h3, #tshirt-widget-container .tshirt-widget-donts ul li::before { color: #b91c1c; }
#tshirt-widget-container .tshirt-widget-accordion-item { margin-bottom: 8px; border: 1.5px solid #e6e6e6; border-radius: 4px; box-shadow: none; }
#tshirt-widget-container .tshirt-widget-accordion-header { background: #ffffff; color: #111111; font-weight: 700; }
#tshirt-widget-container .tshirt-widget-accordion-header:hover { background: #f5f5f5; }
#tshirt-widget-container #tshirt-widget-footer { margin-top: 32px; padding: 28px 20px; background: #f5f5f5; color: #111111; border-radius: 4px; }
#tshirt-widget-container #tshirt-widget-footer :is(h3),
#tshirt-widget-container #tshirt-widget-footer :is(p) { color: #111111; }
#tshirt-widget-container .tshirt-widget-contact-btn { padding: 12px 22px; border-radius: 4px; background: var(--tsw-cta, #d10074); color: #ffffff; font-weight: 700; text-decoration: none; }
#tshirt-widget-container .tshirt-widget-contact-btn:hover { background: var(--tsw-cta-hover, #a8005e); }
@media (max-width: 768px) {
  #tshirt-widget-container { padding-top: 20px; }
  #tshirt-widget-container #tshirt-widget-header h1 { font-size: 28px; }
  /* the four tabs two by two, not a tall stack */
  #tshirt-widget-container .tshirt-widget-tabs { flex-direction: row; flex-wrap: wrap; }
  #tshirt-widget-container .tshirt-widget-tab-btn { flex: 1 1 calc(50% - 4px); padding: 10px 8px; font-size: 14px; }
  #tshirt-widget-container .tshirt-widget-tab-content { padding: 16px; }
}

/* ---- Terms and Conditions, the Print Promise and the Privacy Policy (29–30 Sep 2026): the blocks for DN's Commercial
   Terms, User Agreement, Guarantee and Privacy Policy fields (blocks/terms.html, print-promise.html, privacy.html), in the Round 2 look. A head like the other
   pages; on a computer the contents list sits beside the text and stays in view; readable text (760px at most);
   hairlines between sections, an ink line over the contents and the business details; the promise itself in an ink
   box, and its three steps with big magenta numbers. DN's wrappers go, so the head lines up with the other pages ---- */
body:is(.dn-page-user_agreement) .dn-page-section:has(.tsw-legal),
body:is(.dn-page-guarantee) .dn-page-section:has(.tsw-legal),
body:is(.dn-page-privacy) .dn-page-section:has(.tsw-legal),
body:is(.dn-page-user_agreement) .dn-page-section:has(.tsw-legal) :is(.dn-page-section-margin),
body:is(.dn-page-user_agreement) .dn-page-section:has(.tsw-legal) :is(.dn-page-section-content),
body:is(.dn-page-user_agreement) .dn-page-section:has(.tsw-legal) :is(.dn-padding-container),
body:is(.dn-page-user_agreement) .dn-page-section:has(.tsw-legal) :is(.dn-page-columns-container),
body:is(.dn-page-user_agreement) .dn-page-section:has(.tsw-legal) :is(.dn-page-column),
body:is(.dn-page-user_agreement) .dn-page-section:has(.tsw-legal) :is(.dn-page-column-content),
body:is(.dn-page-user_agreement) .dn-page-section:has(.tsw-legal) :is(.dn-widget-content-container),
body:is(.dn-page-guarantee) .dn-page-section:has(.tsw-legal) :is(.dn-page-section-margin),
body:is(.dn-page-guarantee) .dn-page-section:has(.tsw-legal) :is(.dn-page-section-content),
body:is(.dn-page-guarantee) .dn-page-section:has(.tsw-legal) :is(.dn-padding-container),
body:is(.dn-page-guarantee) .dn-page-section:has(.tsw-legal) :is(.dn-page-columns-container),
body:is(.dn-page-guarantee) .dn-page-section:has(.tsw-legal) :is(.dn-page-column),
body:is(.dn-page-guarantee) .dn-page-section:has(.tsw-legal) :is(.dn-page-column-content),
body:is(.dn-page-guarantee) .dn-page-section:has(.tsw-legal) :is(.dn-widget-content-container),
body:is(.dn-page-privacy) .dn-page-section:has(.tsw-legal) :is(.dn-page-section-margin),
body:is(.dn-page-privacy) .dn-page-section:has(.tsw-legal) :is(.dn-page-section-content),
body:is(.dn-page-privacy) .dn-page-section:has(.tsw-legal) :is(.dn-padding-container),
body:is(.dn-page-privacy) .dn-page-section:has(.tsw-legal) :is(.dn-page-columns-container),
body:is(.dn-page-privacy) .dn-page-section:has(.tsw-legal) :is(.dn-page-column),
body:is(.dn-page-privacy) .dn-page-section:has(.tsw-legal) :is(.dn-page-column-content),
body:is(.dn-page-privacy) .dn-page-section:has(.tsw-legal) :is(.dn-widget-content-container) { max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body:is(.dn-page-user_agreement) .dn-page-section:has(.tsw-legal) .dn-page-columns-container,
body:is(.dn-page-guarantee) .dn-page-section:has(.tsw-legal) .dn-page-columns-container,
body:is(.dn-page-privacy) .dn-page-section:has(.tsw-legal) .dn-page-columns-container { display: block !important; width: 100% !important; }
body:is(.dn-page-user_agreement) .dn-page-section:has(.tsw-legal) .dn-page-column,
body:is(.dn-page-guarantee) .dn-page-section:has(.tsw-legal) .dn-page-column,
body:is(.dn-page-privacy) .dn-page-section:has(.tsw-legal) .dn-page-column { float: none !important; width: 100% !important; }
.tsw-legal { box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 760px) 300px; justify-content: space-between; column-gap: 64px; max-width: 1240px; margin: 0 auto; padding: 32px 24px 72px; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #333333; text-align: left; }
.tsw-legal.tsw-legal-promise { grid-template-columns: minmax(0, 760px); justify-content: start; }
.tsw-legal > * { grid-column: 1; min-width: 0; }
.tsw-legal .tsw-legal-head { grid-column: 1 / -1; margin: 0 0 32px; }
.tsw-legal .tsw-legal-kicker { margin: 0 0 10px; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-legal h1 { margin: 0 0 16px; font: 800 clamp(40px, 4.6vw, 64px)/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.045em; text-transform: none; color: #111111; }
.tsw-legal .tsw-legal-lead { max-width: 660px; margin: 0 0 12px; font-size: 18px; line-height: 1.5; color: #333333; }
.tsw-legal .tsw-legal-meta { margin: 0; font-size: 14px; color: #6b6b6b; }
.tsw-legal section { padding: 22px 0 6px; border-top: 1px solid #e4e4e4; scroll-margin-top: 96px; }
.tsw-legal h2 { margin: 0 0 12px; font: 800 22px/1.2 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.02em; text-transform: none; color: #111111; }
.tsw-legal h3 { margin: 0 0 10px; font: 800 18px/1.25 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.01em; text-transform: none; color: #111111; }
.tsw-legal p, .tsw-legal li { font-size: 16px; line-height: 1.6; color: #333333; }
.tsw-legal p { margin: 0 0 14px; }
.tsw-legal ul { margin: 0 0 14px; padding: 0 0 0 20px; list-style: disc; }
.tsw-legal li { margin: 0 0 8px; }
.tsw-legal a { font-weight: 600; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
.tsw-legal a:hover { color: var(--tsw-magenta, #ec008c) !important; }
.tsw-legal .tsw-legal-toc { grid-column: 2; grid-row: 2 / span 30; align-self: start; position: sticky; top: 96px; padding: 18px 0 0; border-top: 1px solid #111111; text-align: left !important; }
.tsw-legal .tsw-legal-toc *, .tsw-legal .tsw-legal-biz * { text-align: left !important; }
.tsw-legal .tsw-legal-toc::before { content: "Contents"; display: block; margin: 0 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-legal .tsw-legal-toc ol { margin: 0; padding: 0; list-style: none; counter-reset: tsw-toc; }
.tsw-legal .tsw-legal-toc li { margin: 0; border-bottom: 1px solid #e4e4e4; font-size: 15px; line-height: 1.35; }
.tsw-legal .tsw-legal-toc a { display: block; padding: 9px 0; text-decoration: none !important; }
.tsw-legal .tsw-legal-toc a::before { counter-increment: tsw-toc; content: counter(tsw-toc) ". "; font-weight: 500; color: #6b6b6b; }
.tsw-legal section.tsw-legal-box { margin: 0 0 24px; padding: 22px 24px 10px; border: 1.5px solid #111111; border-radius: 4px; }
.tsw-legal section.tsw-legal-box p { font-size: 17px; }
.tsw-legal ol.tsw-legal-steps { margin: 0 0 14px; padding: 0; list-style: none; counter-reset: tsw-step; }
.tsw-legal ol.tsw-legal-steps li { position: relative; min-height: 40px; margin: 0 0 16px; padding: 0 0 0 52px; }
.tsw-legal ol.tsw-legal-steps li::before { counter-increment: tsw-step; content: counter(tsw-step); position: absolute; left: 0; top: -4px; font: 800 36px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.04em; color: var(--tsw-magenta, #ec008c); }
.tsw-legal ol.tsw-legal-steps b { display: block; font-size: 17px; font-weight: 700; color: #111111; }
.tsw-legal .tsw-legal-biz { margin: 12px 0 0; padding: 18px 0 0; border-top: 1px solid #111111; }
.tsw-legal .tsw-legal-biz p { margin: 0 0 4px; font-size: 14px; line-height: 1.5; color: #444444; }
.tsw-legal .tsw-legal-biz b { color: #111111; }
@media (max-width: 960px) {
  .tsw-legal { grid-template-columns: minmax(0, 1fr); padding: 20px 20px 56px; }
  .tsw-legal .tsw-legal-head { margin-bottom: 20px; }
  .tsw-legal .tsw-legal-lead { font-size: 16px; }
  .tsw-legal .tsw-legal-toc { grid-column: 1; grid-row: auto; position: static; margin: 0 0 24px; }
}

/* ---- Printing methods v1 (draft, 2 Oct 2026): /page/custom-printing-methods (blocks/printing-methods.html) in the
   Round 2 look: the head like the other pages, the two methods as outlined cards side by side, a plain comparison
   table, four facts under an ink line, care, and a band to start. DN's wrappers go, as on the Terms pages. No blurred
   shadows, 4px corners, no pink small text ---- */
body.dn-page-custom-printing-methods .dn-page-section:has(.tsw-pm),
body.dn-page-custom-printing-methods .dn-page-section:has(.tsw-pm) :is(.dn-page-section-margin),
body.dn-page-custom-printing-methods .dn-page-section:has(.tsw-pm) :is(.dn-page-section-content),
body.dn-page-custom-printing-methods .dn-page-section:has(.tsw-pm) :is(.dn-padding-container),
body.dn-page-custom-printing-methods .dn-page-section:has(.tsw-pm) :is(.dn-page-columns-container),
body.dn-page-custom-printing-methods .dn-page-section:has(.tsw-pm) :is(.dn-page-column),
body.dn-page-custom-printing-methods .dn-page-section:has(.tsw-pm) :is(.dn-page-column-content),
body.dn-page-custom-printing-methods .dn-page-section:has(.tsw-pm) :is(.dn-widgets),
body.dn-page-custom-printing-methods .dn-page-section:has(.tsw-pm) :is(.dn-widget),
body.dn-page-custom-printing-methods .dn-page-section:has(.tsw-pm) :is(.dn-widget-content-container),
body.dn-page-custom-printing-methods .dn-page-section:has(.tsw-pm) :is(.dn-widget-content) { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border: 0 !important; background: none !important; }
body.dn-page-custom-printing-methods .dn-page-section:has(.tsw-pm) .dn-page-columns-container { display: block !important; width: 100% !important; }
body.dn-page-custom-printing-methods .dn-page-section:has(.tsw-pm) .dn-page-column { float: none !important; width: 100% !important; }
.tsw-pm { box-sizing: border-box; max-width: 1240px; margin: 0 auto; padding: 32px 24px 72px; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; text-align: left; letter-spacing: normal; text-transform: none; word-spacing: normal; }
.tsw-pm *, .tsw-pm *::before, .tsw-pm *::after { box-sizing: border-box; }
.tsw-pm p, .tsw-pm li, .tsw-pm td, .tsw-pm th { font-size: 16px; line-height: 1.55; color: #333333; letter-spacing: normal; word-spacing: normal; text-align: left; }
.tsw-pm p { margin: 0 0 14px; }
.tsw-pm h1, .tsw-pm h2 { padding: 0 !important; border: 0 !important; text-transform: none !important; text-align: left !important; color: #111111 !important; }
.tsw-pm .tsw-pm-head { margin: 0 0 32px; }
.tsw-pm .tsw-pm-kicker { margin: 0 0 10px; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-pm h1 { margin: 0 0 16px !important; font: 800 clamp(40px, 4.6vw, 64px)/1 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.045em !important; }
.tsw-pm .tsw-pm-lead { max-width: 660px; font-size: 18px; line-height: 1.5; }
.tsw-pm h2 { margin: 0 0 12px !important; font: 800 24px/1.2 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.02em !important; }
.tsw-pm a { font-weight: 600; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
/* the two methods */
.tsw-pm .tsw-pm-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 0 0 40px; }
.tsw-pm .tsw-pm-card { padding: 24px 24px 12px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; }
.tsw-pm .tsw-pm-tag { display: inline-block; margin: 0 0 12px; padding: 4px 9px; border-radius: 3px; background: #111111; font-size: 13px; font-weight: 800; line-height: 1.2; letter-spacing: .06em; color: #ffffff; }
.tsw-pm .tsw-pm-card ul { margin: 0 0 12px; padding: 0; list-style: none; }
.tsw-pm .tsw-pm-card li { position: relative; margin: 0 0 8px; padding-left: 26px; font-weight: 600; color: #111111; }
.tsw-pm .tsw-pm-card li::before { content: ""; position: absolute; left: 2px; top: 5px; width: 12px; height: 7px; border-left: 2.5px solid #111111; border-bottom: 2.5px solid #111111; transform: rotate(-45deg); }
/* which one */
.tsw-pm .tsw-pm-which { max-width: 860px; margin: 0 0 40px; padding-top: 24px; border-top: 1px solid #e4e4e4; }
.tsw-pm .tsw-pm-table { width: 100%; margin: 4px 0 16px; border-collapse: collapse; }
.tsw-pm .tsw-pm-table th, .tsw-pm .tsw-pm-table td { padding: 12px 14px; border-bottom: 1px solid #e4e4e4; vertical-align: top; }
.tsw-pm .tsw-pm-table thead th { border-bottom: 1.5px solid #111111; font-size: 14px; font-weight: 800; letter-spacing: .04em; color: #111111; }
.tsw-pm .tsw-pm-table tbody th { width: 28%; font-weight: 700; color: #111111; }
/* four facts under an ink line */
.tsw-pm .tsw-pm-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 28px; margin: 0 0 40px; padding: 24px 0 0; border-top: 1.5px solid #111111; list-style: none; }
.tsw-pm .tsw-pm-facts li { margin: 0; font-size: 15px; line-height: 1.5; color: #444444; }
.tsw-pm .tsw-pm-facts b { display: block; margin: 0 0 4px; font-size: 18px; font-weight: 800; letter-spacing: -0.01em; color: #111111; }
.tsw-pm .tsw-pm-care { max-width: 860px; margin: 0 0 40px; }
/* have something to print? */
.tsw-pm .tsw-pm-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; padding-top: 32px; border-top: 1.5px solid #111111; }
.tsw-pm .tsw-pm-cta h2 { margin: 0 0 6px !important; font-size: 28px !important; }
.tsw-pm .tsw-pm-cta p { max-width: 560px; margin: 0; color: #444444; }
.tsw-pm .tsw-pm-go { display: flex; flex-wrap: wrap; gap: 10px; }
.tsw-pm a.tsw-pm-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; font: 700 16px/1.1 var(--font-body, Inter, system-ui, sans-serif); color: #111111 !important; text-decoration: none !important; }
.tsw-pm a.tsw-pm-btn.is-main { border-color: #d10074; background: #d10074; color: #ffffff !important; }
@media (hover: hover) {
  .tsw-pm a.tsw-pm-btn:hover { background: #111111; color: #ffffff !important; }
  .tsw-pm a.tsw-pm-btn.is-main:hover { border-color: #a8005e; background: #a8005e; }
}
.tsw-pm a:focus-visible { outline: 2px solid #111111; outline-offset: 3px; }
@media (max-width: 960px) {
  .tsw-pm .tsw-pm-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .tsw-pm { padding: 20px 20px 56px; }
  .tsw-pm .tsw-pm-head { margin-bottom: 24px; }
  .tsw-pm .tsw-pm-lead { font-size: 16px; }
  .tsw-pm .tsw-pm-methods { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .tsw-pm .tsw-pm-card { padding: 20px 20px 8px; }
  .tsw-pm .tsw-pm-table th, .tsw-pm .tsw-pm-table td { padding: 10px 8px; font-size: 15px; }
  .tsw-pm .tsw-pm-cta h2 { font-size: 24px !important; }
  .tsw-pm .tsw-pm-go { width: 100%; flex-direction: column; }
  .tsw-pm a.tsw-pm-btn { width: 100%; }
}

/* ---- Privacy Policy and User Agreement: their accents in the brand pink (Foundations v1) ----
   Both pages are HTML blocks in DN's editor (not in this repo) with their own style blocks, which paint the header
   rule, heading lines, side lines, links and strong words DN's old hot pink #ff1493. The same accents here in
   #d10074; "html body" lifts these over the blocks' own rules, which come later in the page. Colours only, plus the
   User Agreement's title: SEC107 makes content headings ink, and its black header had hidden it. */
html body #tshirt-workshop-privacy-policy .tw-header::after, html body #tshirt-agreement-header::after { background-color: var(--tsw-pink); }
html body #tshirt-workshop-privacy-policy h2, html body #tshirt-workshop-privacy-policy .tw-cookie-table th,
html body #tshirt-agreement-container h2 { border-bottom-color: var(--tsw-pink); }
html body #tshirt-workshop-privacy-policy h3, html body #tshirt-workshop-privacy-policy .tw-intro,
html body #tshirt-workshop-privacy-policy .tw-table-of-contents, html body #tshirt-workshop-privacy-policy .tw-highlight-box,
html body #tshirt-agreement-toc, html body #tshirt-agreement-container h3, html body #tshirt-agreement-container .intro,
html body #tshirt-agreement-container .highlight-box { border-left-color: var(--tsw-pink); }
html body #tshirt-agreement-container .warning-box { border-color: var(--tsw-pink); }
html body #tshirt-workshop-privacy-policy a, html body #tshirt-workshop-privacy-policy .tw-table-of-contents a:hover,
html body #tshirt-agreement-toc a:hover, html body #tshirt-agreement-container strong { color: var(--tsw-pink); }
html body #tshirt-agreement-header h1, html body #tshirt-agreement-header p { color: #ffffff !important; }

/* ============================================================================
   SEC117  HOME — Home page v1: the blocks in the home page's HTML widgets; Home v2 (the Round 2 look), block by block
   ============================================================================ */
/* The markup lives in blocks/home-1-top.html … home-5-people.html, each pasted into a DN HTML widget on the home
   page. Between them sit DN's own widgets: the two product lists (Best Sellers, New In) and the Google reviews slider.
   Every rule is scoped to .tsw-b-home, so a block can go on any page.
   House style: #111 ink, 1.5px #e6e6e6 lines, 4px corners, no blurred shadows, pink only on the main button. */

/* ---- the bulk discounts table above the footer steps aside on the home page (block 3 has the tiers) ---- */
body.dn-page-home:not(.dn-edit-mode) footer > .dn-page-section:has(#discount-section) { display: none !important; }

/* ---- in DN's page editor only (body.dn-edit-mode), each block wears its name so the page is easy to find your way
   around; customers and Preview never see it ---- */
body.dn-edit-mode :is(.tsw-b-home)[data-block],
body.dn-edit-mode :is(.tsw-b-foot)[data-block],
body.dn-edit-mode :is(.tsw-legal)[data-block],
body.dn-edit-mode [data-tsw-block] { outline: 1.5px dashed #6b6b6b; outline-offset: 4px; }
/* one-line hooks pasted into DN HTML widgets: an empty box in the editor otherwise (owner, 3 Oct) */
body.dn-edit-mode [data-tsw-block] { display: block; min-height: 48px; }
body.dn-edit-mode :is(.tsw-b-home)[data-block]::before,
body.dn-edit-mode :is(.tsw-b-foot)[data-block]::before,
body.dn-edit-mode :is(.tsw-legal)[data-block]::before,
body.dn-edit-mode [data-tsw-block]::before { content: attr(data-block); display: block; margin: 0 0 8px; padding: 6px 10px; border-radius: 4px; background: #111111; font: 600 13px/1.3 var(--font-body, Inter, system-ui, sans-serif); color: #ffffff; }
body.dn-edit-mode [data-tsw-block="gallery"]::before { content: "Gallery · the control centre’s photos draw here"; }
body.dn-edit-mode [data-tsw-block="promos"]::before { content: "Promo spots · the control centre’s slider or New in row draws here"; }
body.dn-edit-mode [data-tsw-block]:not([data-tsw-block="gallery"]):not([data-tsw-block="promos"])::before { content: "Control centre block: " attr(data-tsw-block); }

/* ---- DN's widget boxes around our blocks carry no padding or border of their own ---- */
.dn-widget:has(> .dn-widget-content-container .tsw-b-home) > .dn-widget-content-container { padding: 0 !important; border: 0 !important; background: none !important; }

/* ---- the frame, type and buttons every block shares ---- */
.tsw-b-home { box-sizing: border-box; max-width: 1240px; margin: 0 auto; padding: 0 24px; font-family: var(--font-body, Inter, system-ui, sans-serif); font-size: 16px; line-height: 1.55; color: #333333; text-align: left; }
.tsw-b-home *, .tsw-b-home *::before, .tsw-b-home *::after { box-sizing: border-box; }
.tsw-b-home :is(h1),
.tsw-b-home :is(h2),
.tsw-b-home :is(h3),
.tsw-b-home :is(p),
.tsw-b-home :is(ul),
.tsw-b-home :is(ol),
.tsw-b-home :is(figure) { margin: 0; padding: 0; }
.tsw-b-home :is(ul),
.tsw-b-home :is(ol) { list-style: none; }
.tsw-b-home :is(h1),
.tsw-b-home :is(h2),
.tsw-b-home :is(h3) { font-family: var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; text-transform: none !important; letter-spacing: -0.01em !important; text-align: left !important; }
.tsw-b-home h1 { font-size: 44px !important; font-weight: 800 !important; line-height: 1.08 !important; }
.tsw-b-home h2 { font-size: 28px !important; font-weight: 800 !important; line-height: 1.15 !important; }
.tsw-b-home a { color: #111111; text-transform: none !important; letter-spacing: 0; }
.tsw-b-home :is(b),
.tsw-b-home :is(strong) { font-weight: 700; }
.tsw-b-home img { display: block; max-width: 100%; height: auto; }
.tsw-b-home svg { width: 24px; height: 24px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tsw-b-kicker { font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #6b6b6b; }
.tsw-b-small { margin-top: 12px !important; font-size: 13px; color: #6b6b6b; }
.tsw-b-home .tsw-b-btns { display: flex; flex-wrap: wrap; gap: 10px; }
.tsw-b-home .tsw-b-btn { display: inline-flex; align-items: center; justify-content: center; height: 48px; margin: 0; padding: 0 24px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; box-shadow: none; font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111 !important; text-decoration: none !important; cursor: pointer; }
.tsw-b-home .tsw-b-btn:hover { background: #111111; color: #ffffff !important; }
.tsw-b-home .tsw-b-btn.is-main { border-color: var(--tsw-cta, #d10074); background: var(--tsw-cta, #d10074); color: #ffffff !important; }
.tsw-b-home .tsw-b-btn.is-main:hover { border-color: var(--tsw-cta-hover, #a8005e); background: var(--tsw-cta-hover, #a8005e); }
.tsw-b-home :is(.tsw-b-btn):focus-visible,
.tsw-b-home :is(.tsw-b-tabs button):focus-visible,
.tsw-b-home :is(a):focus-visible,
.tsw-b-home :is(summary):focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
.tsw-b-home .tsw-b-more, .tsw-b-home .tsw-b-link { font-size: 15px; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; white-space: nowrap; }

/* ---- sections and their heading row ---- */
.tsw-b-sec { margin: 64px 0 0; }
.tsw-b-sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 0 20px; }
.tsw-b-sec-head p { max-width: 640px; margin-top: 6px; color: #444444; }
.tsw-b-sec > .tsw-b-btns { margin-top: 24px; }

/* ---- hero ---- */
.tsw-b-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 48px; align-items: center; padding: 40px 0 0; }
.tsw-b-hero-text { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.tsw-b-hero-lead { max-width: 560px; font-size: 18px; color: #444444; }
.tsw-b-hero-alt { margin-top: -4px !important; font-size: 15px; }
.tsw-b-hero-alt a { text-decoration: underline !important; text-underline-offset: 3px; }
.tsw-b-rating-line { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 4px !important; font-size: 15px; }
.tsw-b-rating-line a { text-decoration: none !important; color: #444444; }
.tsw-b-rating-line a:hover { text-decoration: underline !important; }
.tsw-b-rating-line b { margin-right: 4px; font-size: 17px; color: #111111; }
.tsw-b-rating-line b::before { content: "★ "; color: var(--tsw-cta, #d10074); }
.tsw-b-hero-photo img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; object-position: 50% 45%; border-radius: 4px; background: #f5f5f5; }
.tsw-b-hero-photo figcaption { margin-top: 8px; font-size: 13px; color: #6b6b6b; }

/* ---- the four promises ---- */
.tsw-b-promises { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 40px 0 0 !important; border: 1.5px solid #e6e6e6; border-radius: 4px; }
.tsw-b-promises li { display: flex; gap: 12px; padding: 20px; color: #111111; }
.tsw-b-promises li + li { border-left: 1.5px solid #e6e6e6; }
.tsw-b-promises p { font-size: 14px; line-height: 1.45; color: #444444; }
.tsw-b-promises b { display: block; margin-bottom: 2px; font-size: 15px; color: #111111; }

/* ---- photo tiles: garments and design themes ---- */
.tsw-b-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.tsw-b-tiles.is-designs { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.tsw-b-tiles a { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; text-decoration: none !important; }
.tsw-b-tiles a:hover { border-color: #111111; }
.tsw-b-tiles img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: 50% 22%; background: #f5f5f5; }
.tsw-b-tiles.is-designs img { object-position: 50% 50%; background: #efefef; }
.tsw-b-tiles span { padding: 12px 14px; font-size: 15px; font-weight: 700; color: #111111; }
/* shop by garment has two rows: who it's for, then what it is */
.tsw-b-home .tsw-b-tiles + .tsw-b-tiles { margin-top: 12px; }

/* ---- the small links under the garment tiles ---- */
.tsw-b-extra { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 20px; }
.tsw-b-extra p { font-size: 14px; font-weight: 600; color: #6b6b6b; }
.tsw-b-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.tsw-b-chips a { display: inline-flex; align-items: center; height: 40px; padding: 0 14px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; font-size: 14px; font-weight: 600; color: #111111; text-decoration: none !important; white-space: nowrap; }
.tsw-b-chips a:hover { border-color: #111111; }

/* ---- Best Sellers / New In tabs (the lists under them are DN's own widgets) ---- */
/* the list that isn't chosen stays hidden (DN's widget rules would otherwise show it) */
.dn-widget-blank_product_listing[hidden] { display: none !important; }
/* DN's two lists after the tabs line up with the blocks' edges (DN puts each widget in its own page section, so on the
   home page this goes by the page) */
body.dn-page-home .dn-widget-blank_product_listing, .dn-widget:has(.tsw-b-prow) ~ .dn-widget-blank_product_listing { box-sizing: border-box; max-width: 1240px; margin-left: auto !important; margin-right: auto !important; padding-left: 24px !important; padding-right: 24px !important; }
.tsw-b-prow .tsw-b-sec-head { margin-bottom: 0; }
.tsw-b-tabs { display: inline-flex; border: 1.5px solid #e6e6e6; border-radius: 4px; }
.tsw-b-home .tsw-b-tabs button { height: 44px; margin: 0; padding: 0 20px; border: 0; border-radius: 0; background: #ffffff; box-shadow: none; font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111; text-transform: none; cursor: pointer; }
.tsw-b-home .tsw-b-tabs button + button { border-left: 1.5px solid #e6e6e6; }
.tsw-b-home .tsw-b-tabs button:hover { background: #f5f5f5; }
.tsw-b-home .tsw-b-tabs button[aria-selected="true"] { background: #111111; color: #ffffff; }

/* ---- how it works ---- */
.tsw-b-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; counter-reset: none; }
.tsw-b-steps li { padding: 20px; border: 1.5px solid #e6e6e6; border-radius: 4px; font-size: 15px; color: #444444; }
.tsw-b-steps b { display: block; margin: 6px 0 4px; font-size: 18px; line-height: 1.3; color: #111111; }
.tsw-b-step-n { font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #6b6b6b; }

/* ---- recently printed ---- */
.tsw-b-photos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.tsw-b-photos img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; background: #f5f5f5; }
.tsw-b-photos figcaption { margin-top: 8px; font-size: 14px; color: #444444; }

/* ---- bulk savings ---- */
.tsw-b-tiers { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.tsw-b-tiers li { display: flex; flex-direction: column; gap: 2px; padding: 18px 20px; border: 1.5px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #444444; }
.tsw-b-tiers b { font-size: 24px; font-weight: 800; line-height: 1.2; color: #111111; }
.tsw-b-tiers li:has(a) { padding: 0; border-color: #111111; }
.tsw-b-tiers a { display: flex; flex-direction: column; gap: 2px; height: 100%; padding: 18px 20px; color: #444444; text-decoration: none !important; }
.tsw-b-tiers a:hover { background: #111111; color: #ffffff; }
.tsw-b-tiers a:hover b { color: #ffffff; }

/* ---- real people, a real workshop ---- */
.tsw-b-people { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; align-items: center; }
.tsw-b-people-photo img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; background: #f5f5f5; }
.tsw-b-people-text { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.tsw-b-contact { display: flex; flex-direction: column; gap: 6px; font-size: 15px; }
.tsw-b-contact b { color: #111111; }
.tsw-b-contact a { text-decoration: underline !important; text-underline-offset: 3px; }

/* ---- questions ---- */
.tsw-b-faq { max-width: 860px; margin-bottom: 64px; }
.tsw-b-faq details { border-top: 1.5px solid #e6e6e6; }
.tsw-b-faq details:last-of-type { border-bottom: 1.5px solid #e6e6e6; }
.tsw-b-faq summary { position: relative; display: block; padding: 18px 40px 18px 0; font-size: 17px; font-weight: 700; color: #111111; cursor: pointer; list-style: none; }
.tsw-b-faq summary::-webkit-details-marker { display: none; }
.tsw-b-faq summary::after { content: ""; position: absolute; top: 50%; right: 6px; width: 10px; height: 10px; margin-top: -7px; border-right: 2px solid #111111; border-bottom: 2px solid #111111; transform: rotate(45deg); }
.tsw-b-faq details[open] summary::after { margin-top: -2px; transform: rotate(-135deg); }
.tsw-b-faq details p { max-width: 720px; padding: 0 0 18px; color: #444444; }

/* ---- tablets ---- */
@media (max-width: 1000px) {
  .tsw-b-hero { gap: 32px; }
  .tsw-b-home h1 { font-size: 36px !important; }
  .tsw-b-promises { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tsw-b-promises li:nth-child(3) { border-left: 0; }
  .tsw-b-promises li:nth-child(n+3) { border-top: 1.5px solid #e6e6e6; }
  .tsw-b-tiers { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---- phones: the photo leads, the buttons come straight after the heading, rows of tiles scroll sideways ---- */
@media (max-width: 700px) {
  .tsw-b-home { padding: 0 16px; }
  body.dn-page-home .dn-widget-blank_product_listing, .dn-widget:has(.tsw-b-prow) ~ .dn-widget-blank_product_listing { padding-left: 16px !important; padding-right: 16px !important; }
  .tsw-b-home h1 { font-size: 30px !important; }
  .tsw-b-home h2 { font-size: 24px !important; }
  .tsw-b-sec { margin-top: 48px; }
  .tsw-b-sec-head { flex-wrap: wrap; align-items: flex-start; }
  .tsw-b-hero { display: flex; flex-direction: column; align-items: stretch; gap: 20px; padding-top: 12px; }
  .tsw-b-hero-photo { order: -1; }
  .tsw-b-hero-photo img { aspect-ratio: 16 / 10; }
  .tsw-b-hero-photo figcaption { display: none; }
  .tsw-b-hero-text { gap: 14px; }
  .tsw-b-hero-text .tsw-b-btns { order: 3; width: 100%; }
  .tsw-b-hero-text .tsw-b-btn { flex: 1 1 0; padding: 0 12px; }
  .tsw-b-hero-lead { order: 4; font-size: 16px; }
  .tsw-b-hero-alt { order: 5; }
  .tsw-b-rating-line { order: 6; }
  .tsw-b-promises { grid-template-columns: minmax(0, 1fr); }
  .tsw-b-promises li, .tsw-b-promises li:nth-child(3) { border-left: 0; padding: 16px; }
  .tsw-b-promises li + li { border-top: 1.5px solid #e6e6e6; }
  /* .tsw-b-home in front, so the block's list reset (margin and padding 0) doesn't cancel the edge-to-edge scroll */
  .tsw-b-home :is(.tsw-b-tiles),
.tsw-b-home :is(.tsw-b-photos) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 44%; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -16px; padding: 0 16px 6px; scroll-padding: 0 16px; -webkit-overflow-scrolling: touch; }
  .tsw-b-home .tsw-b-photos { grid-auto-columns: 72%; }
  .tsw-b-tiles > li, .tsw-b-photos > li { scroll-snap-align: start; }
  .tsw-b-steps, .tsw-b-people { grid-template-columns: minmax(0, 1fr); }
  .tsw-b-people { gap: 20px; }
  .tsw-b-tiers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tsw-b-tiers li:last-child { grid-column: 1 / -1; }
  .tsw-b-home .tsw-b-tabs { display: flex; width: 100%; }
  .tsw-b-home .tsw-b-tabs button { flex: 1 1 0; }
}

/* ---- Home v2: the look from the design canvas (Round 2), block by block ----
   A block that has moved over carries "is-r2" (blocks 1 and 2 so far; 3 and 4 follow). The frame is the whole home
   page's: full width, with a 48px margin on a desktop easing to 20px on a phone (--tsw-gutter), like AS Colour. DN's
   own 12px section padding goes on the home page, so the margin is ours alone and a photo can run to the window's
   edge. Type: XL Inter 800 titles, one magenta word at most. The heavy ↗ is the graphic element; a light → sits only
   beside "all" links; no arrows on buttons. The logo mark runs over the corner of black-and-white photos. */
body.dn-page-home .dn-page-section:has(.tsw-b-home),
body.dn-page-home .dn-page-section:has(.dn-widget-blank_product_listing) { padding-left: 0 !important; padding-right: 0 !important; }
body.dn-page-home .tsw-b-home { max-width: none; padding-left: var(--tsw-gutter); padding-right: var(--tsw-gutter); }
body.dn-page-home .dn-widget-blank_product_listing, .dn-widget:has(.tsw-b-prow) ~ .dn-widget-blank_product_listing { max-width: none; padding-left: var(--tsw-gutter) !important; padding-right: var(--tsw-gutter) !important; }
.tsw-b-home.is-r2 .tsw-b-sec, body.dn-page-home .tsw-b-reviews .tsw-b-sec { margin-top: clamp(72px, 9.4vw, 136px); }
.tsw-b-home.is-r2 .tsw-b-sec-head, body.dn-page-home .tsw-b-reviews .tsw-b-sec-head { align-items: flex-end; gap: 16px 40px; margin-bottom: 40px; }
/* XL titles: 96px at 1440, scaling with the window (44px on a phone, below) */
.tsw-b-home .tsw-b-xl, body.dn-page-home .tsw-b-reviews .tsw-b-sec-head h2 { font-size: clamp(40px, 6.67vw, 96px) !important; font-weight: 800 !important; letter-spacing: -0.045em !important; line-height: 0.9 !important; }
.tsw-b-home .tsw-b-accent { color: var(--tsw-magenta, #ec008c); }
/* DN's base CSS resets letter-spacing on every span; words inside a heading keep the heading's tight tracking */
.tsw-b-home :is(h1) span,
.tsw-b-home :is(h2) span,
.tsw-b-home :is(h3) span { letter-spacing: inherit; }
/* the heavy 45° arrow: square ends and a sharp corner, heavier than the words beside it; --tsw-a is its size */
.tsw-b-home svg.tsw-b-arrow { width: var(--tsw-a, 32px); height: var(--tsw-a, 32px); fill: none; stroke: currentColor; stroke-width: 5.2; stroke-linecap: square; stroke-linejoin: miter; }
/* "all" links: text weight with a light → (round ends), so it never reads as one of the heavy arrows */
.tsw-b-home .tsw-b-all { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 17px; font-weight: 700; color: #111111; text-decoration: none !important; white-space: nowrap; }
.tsw-b-home .tsw-b-all:hover { color: var(--tsw-pink, #d10074); }
.tsw-b-home .tsw-b-all svg { width: 20px; height: 20px; stroke-width: 1.8; }
/* the logo mark over the corner of a black-and-white photo: --tsw-m is its size, and the photo's box crops it */
.tsw-b-home svg.tsw-b-mark { position: absolute; right: calc(var(--tsw-m, 440px) * var(--tsw-ms, 1) * -0.227 * var(--tsw-mk, 1)); bottom: calc(var(--tsw-m, 440px) * var(--tsw-ms, 1) * -0.295 * var(--tsw-mk, 1)); width: calc(var(--tsw-m, 440px) * var(--tsw-ms, 1)); height: calc(var(--tsw-m, 440px) * var(--tsw-ms, 1)); fill: var(--tsw-magenta, #ec008c); stroke: none; pointer-events: none; }

/* ---- Home v2 · hero: split. Text on white; the black-and-white workshop photo to the window's edge with the logo
   over its corner. All in the first screen. On phones: the text, then the photo, edge to edge. ---- */
.tsw-b-home.is-r2 .tsw-b-hero { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; align-items: stretch; min-height: clamp(560px, calc(100svh - 110px), 720px); margin-right: calc(var(--tsw-gutter) * -1); padding: 0; }
.tsw-b-home.is-r2 .tsw-b-hero-text { justify-content: center; gap: 24px; padding: 56px 24px 56px 0; }
.tsw-b-home.is-r2 .tsw-b-hero h1 { font-size: clamp(48px, 7.36vw, 106px) !important; letter-spacing: -0.05em !important; line-height: 0.88 !important; }
.tsw-b-home.is-r2 .tsw-b-hero h1 > span { display: block; }
.tsw-b-home.is-r2 .tsw-b-hero-lead { max-width: 580px; font-size: clamp(17px, 1.46vw, 21px); line-height: 1.5; color: #333333; }
.tsw-b-home.is-r2 .tsw-b-btn { height: 56px; padding: 0 26px; border-width: 2px; font-size: 17px; }
.tsw-b-home.is-r2 .tsw-b-hero-alt { margin-top: 0 !important; font-weight: 700; }
.tsw-b-home.is-r2 .tsw-b-hero-alt a { text-underline-offset: 4px; text-decoration-thickness: 1.5px; }
.tsw-b-home.is-r2 .tsw-b-rating-line { gap: 8px 24px; margin-top: 0 !important; }
.tsw-b-home.is-r2 .tsw-b-rating-line a { color: #333333; }
.tsw-b-home.is-r2 .tsw-b-hero-photo { --tsw-m: clamp(260px, 30.5vw, 440px); position: relative; overflow: hidden; background: #1a1a1a; }
.tsw-b-home.is-r2 .tsw-b-hero-photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: 50% 56%; border-radius: 0; background: none; filter: grayscale(1) contrast(1.06); }

/* ---- Home v2 · the four promises: a strip under an ink line, no box ---- */
.tsw-b-home.is-r2 .tsw-b-promises { margin-top: 56px !important; border: 0; border-top: 1px solid #111111; border-bottom: 1px solid #e4e4e4; border-radius: 0; }
.tsw-b-home.is-r2 .tsw-b-promises li { gap: 14px; padding: 26px 24px 28px; }
.tsw-b-home.is-r2 .tsw-b-promises li:first-child { padding-left: 0; }
.tsw-b-home.is-r2 .tsw-b-promises li + li { border-left: 1px solid #e4e4e4; }
.tsw-b-home.is-r2 .tsw-b-promises p { font-size: 15px; }
.tsw-b-home.is-r2 .tsw-b-promises b { margin-bottom: 4px; font-size: 17px; }

/* ---- Home v2 · shop by garment: big photo tiles with the name and the heavy ↗ under each. The photos sit on light
   grey (multiply turns their white backdrop grey), and grow a little on hover while the name turns magenta. ---- */
.tsw-b-home.is-r2 .tsw-b-tiles { gap: 32px 16px; }
.tsw-b-home.is-r2 .tsw-b-tiles + .tsw-b-tiles { margin-top: 32px; }
.tsw-b-home.is-r2 .tsw-b-tiles a { --tsw-a: clamp(22px, 2.22vw, 32px); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 14px 10px; height: auto; overflow: visible; border: 0; border-radius: 0; background: none; color: #111111; }
.tsw-b-home.is-r2 .tsw-b-tiles a:hover { border: 0; color: var(--tsw-magenta, #ec008c); }
.tsw-b-home.is-r2 .tsw-b-tiles .tsw-b-tile-img { grid-column: 1 / -1; display: block; height: clamp(240px, 27.8vw, 400px); padding: 0; overflow: hidden; background: #f2f2f2; }
.tsw-b-home.is-r2 .tsw-b-tiles .tsw-b-tile-img img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: 50% 20%; background: none; mix-blend-mode: multiply; transition: transform .3s ease; }
.tsw-b-home.is-r2 .tsw-b-tiles a:hover .tsw-b-tile-img img { transform: scale(1.04); }
.tsw-b-home.is-r2 .tsw-b-tiles .tsw-b-tile-name { padding: 0; font-size: clamp(22px, 2.22vw, 32px); font-weight: 800; letter-spacing: -0.035em; line-height: 1.05; color: inherit; }
.tsw-b-home.is-r2 .tsw-b-extra { margin-top: 32px; }

/* ---- Home v2 · Most printed / New in: the two big titles are the switch, and the line under them changes with
   it. The cards are DN's two product lists under block 2: larger here than in the category grid, with Customise
   and the sizes on hover (the block's script names the link and splits the sizes) ---- */
.tsw-b-home.is-r2 .tsw-b-tabs { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px clamp(16px, 2.5vw, 36px); border: 0; border-radius: 0; }
.tsw-b-home.is-r2 .tsw-b-tabs button { flex: none; height: auto; padding: 0; border: 0; background: none; font: 800 clamp(40px, 6.67vw, 96px)/0.9 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.045em; color: #8a8a8a; white-space: nowrap; }
.tsw-b-home.is-r2 .tsw-b-tabs button + button { border-left: 0; }
.tsw-b-home.is-r2 .tsw-b-tabs button:hover, .tsw-b-home.is-r2 .tsw-b-tabs button[aria-selected="true"] { background: none; color: #111111; }
.tsw-b-home.is-r2 .tsw-b-tab-sub { margin-top: 16px; font-size: 19px; color: #444444; }
.tsw-b-home.is-r2 .tsw-b-prow .tsw-b-sec-head { margin-bottom: 36px; }
body.dn-page-home .dn-widget-blank_product_listing ul.dn-grid { gap: 36px 16px !important; }
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-image { border-radius: 4px; }
body.dn-page-home .dn-widget-blank_product_listing .dn-product-name h4 a { display: grid !important; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "name name" "brand code"; align-items: baseline; column-gap: 6px; }
body.dn-page-home .dn-widget-blank_product_listing .dn-name { grid-area: name; margin-bottom: 3px; font-size: 19px !important; font-weight: 800 !important; letter-spacing: -0.015em; }
body.dn-page-home .dn-widget-blank_product_listing .dn-brand { grid-area: brand; }
body.dn-page-home .dn-widget-blank_product_listing .tsw-g-code { grid-area: code; }
body.dn-page-home .dn-widget-blank_product_listing :is(.dn-brand),
body.dn-page-home .dn-widget-blank_product_listing :is(.tsw-g-code) { font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--tsw-muted, #6b6b6b) !important; }
/* the lists' own titles ("Bestsellers") give way to the tabs, which name the lists */
body.dn-page-home .dn-widget-blank_product_listing .dn-listing-heading-container { display: none !important; }
/* only "New" is tagged here; "Popular" says what the tab already says */
body.dn-page-home .dn-widget-blank_product_listing .product-badge.popular { display: none !important; }
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-image + .dn-grid-text.dn-product-name { margin-top: 14px !important; }
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-text.dn-product-prices { margin-top: 6px !important; gap: 0 8px; }
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-text.dn-product-prices :is(span[id^="pwc_s_"]),
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-text.dn-product-prices :is(.dn-price-container) { font-size: 21px !important; letter-spacing: -0.02em; }
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-text.dn-product-prices::after { font-size: 14px !important; font-weight: 500 !important; }
body.dn-page-home .dn-widget-blank_product_listing .tsw-g-info { margin-top: 4px; font-size: 14px; }
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-item .dn-product-colors.dn-color-panel { margin-top: 6px !important; gap: 12px !important; }
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-item .dn-product-colors .dn-color-panel-cell { width: 24px !important; height: 24px !important; }
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-item .compact-more-btn { font-size: 13px !important; font-weight: 700 !important; }
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-item .compact-more-btn::after { content: " colours"; }
/* Customise: the block's script adds two links to the product's page. .tsw-cz sits over the foot of the photo and
   shows on hover or keyboard focus; .tsw-cz-m sits under the card, for phones and touch screens. */
body.dn-page-home .dn-widget-blank_product_listing .tsw-cz { position: absolute; z-index: 6; left: 12px; right: 12px; bottom: 12px; display: flex; align-items: center; justify-content: center; height: 48px; border: 2px solid #111111; border-radius: 4px; background: #ffffff; font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; text-decoration: none !important; opacity: 0; pointer-events: none; transition: opacity .15s ease; }
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-item-container:is(:hover) .tsw-cz,
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-item-container:is(:focus-within) .tsw-cz { opacity: 1; pointer-events: auto; }
body.dn-page-home .dn-widget-blank_product_listing .tsw-cz:hover { background: #111111; color: #ffffff !important; }
body.dn-page-home .dn-widget-blank_product_listing .tsw-cz-m { display: none; align-items: center; justify-content: center; height: 40px; margin-top: 10px; border: 2px solid #111111; border-radius: 4px; background: #ffffff; font: 700 14px/1 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; text-decoration: none !important; }
@media (hover: none), (max-width: 700px) {
  body.dn-page-home .dn-widget-blank_product_listing .tsw-cz { display: none; }
  body.dn-page-home .dn-widget-blank_product_listing .tsw-cz-m { display: flex; }
}
/* the sizes, as small quiet pills on hover (the script turns DN's size list into them) */
body.dn-page-home .dn-widget-blank_product_listing .tsw-sz { display: none; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
@media (hover: hover) and (min-width: 701px) { body.dn-page-home .dn-widget-blank_product_listing .dn-grid-item-container:is(:hover) .tsw-sz,
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-item-container:is(:focus-within) .tsw-sz { display: flex; } }
body.dn-page-home .dn-widget-blank_product_listing .tsw-sz span { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 4px; box-shadow: inset 0 0 0 1px #e4e4e4; font-size: 11px; font-weight: 600; color: var(--tsw-muted, #6b6b6b); }

/* ---- Home block 2 v3 (3 Oct 2026, the owner: "clunky and messy"): each card is photo, name, price and one quiet
   line, "AS Colour · 13 colours" (.tsw-b-meta, from TSW HOME TABS v3 in the block); the whole card opens the garment.
   The brand and code over the name, sizes and days, colour dots, Customise and size pills step aside here. ---- */
body.dn-page-home .tsw-b-plist :is(.dn-brand),
body.dn-page-home .tsw-b-plist :is(.tsw-g-code),
body.dn-page-home .tsw-b-plist :is(.tsw-g-info),
body.dn-page-home .tsw-b-plist :is(.tsw-cz),
body.dn-page-home .tsw-b-plist :is(.tsw-cz-m),
body.dn-page-home .tsw-b-plist :is(.tsw-sz),
body.dn-page-home .tsw-b-plist .dn-grid-item .dn-product-colors.dn-color-panel { display: none !important; }
/* DN pads the list 15px more than the page on phones: the cards line up with the heading and the bulk line */
body.dn-page-home .tsw-b-plist .dn-widget-content-container { padding-left: 0 !important; padding-right: 0 !important; }
body.dn-page-home .tsw-b-plist .dn-product-name h4 a { display: block !important; }
body.dn-page-home .tsw-b-plist .dn-name { display: block; margin: 0 !important; font-size: 18px !important; line-height: 1.25 !important; }
body.dn-page-home .tsw-b-plist .dn-grid-image + .dn-grid-text.dn-product-name { margin-top: 14px !important; }
body.dn-page-home .tsw-b-plist .dn-grid-text.dn-product-prices { margin-top: 4px !important; }
body.dn-page-home .tsw-b-plist .dn-grid-text.dn-product-prices :is(span[id^="pwc_s_"]),
body.dn-page-home .tsw-b-plist .dn-grid-text.dn-product-prices :is(.dn-price-container) { font-size: 18px !important; }
body.dn-page-home .tsw-b-plist .tsw-b-meta { margin-top: 4px; font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--tsw-muted, #6b6b6b); }
body.dn-page-home .tsw-b-plist .dn-grid-item-container:hover .dn-name { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1.5px; }
body.dn-page-home .tsw-b-plist .favorite-btn { transform: scale(0.85); transform-origin: top right; }
/* in the New in tab every card is new: the tab says it, as Most printed's says "Popular" */
body.dn-page-home .tsw-b-plist.is-new .product-badge.new { display: none !important; }
@media (max-width: 700px) {
  body.dn-page-home .tsw-b-plist .dn-name { font-size: 15px !important; }
  body.dn-page-home .tsw-b-plist .dn-grid-text.dn-product-prices :is(span[id^="pwc_s_"]),
body.dn-page-home .tsw-b-plist .dn-grid-text.dn-product-prices :is(.dn-price-container) { font-size: 16px !important; }
  body.dn-page-home .tsw-b-plist .tsw-b-meta { font-size: 13px; }
}

/* ---- Home buttons, one family (4 Oct 2026, the owner: the phone home page had several button styles at once; "I like
   the Quote style with the chunky arrow"): each section's way on is a bar at its base in the Get a Quote card's style:
   full width, a 2px ink outline, the words bold with a grey line under, the chunky ↗ on the right; ink on hover ---- */
.tsw-b-home .tsw-b-go { display: flex; align-items: center; justify-content: space-between; gap: 16px; box-sizing: border-box; width: 100%; min-height: 76px; margin-top: 28px; padding: 16px 22px; border: 2px solid #111111; border-radius: 4px; background: #ffffff; color: #111111 !important; text-decoration: none !important; }
.tsw-b-home .tsw-b-go-t { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.tsw-b-home .tsw-b-go-t b { font-size: clamp(20px, 2.2vw, 28px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.05; color: inherit; }
.tsw-b-home .tsw-b-go-t span { font-size: 15px; font-weight: 600; line-height: 1.3; color: #555555; }
.tsw-b-home .tsw-b-go .tsw-b-arrow { --tsw-a: 28px; flex: none; }
.tsw-b-home .tsw-b-go:hover { background: #111111; color: #ffffff !important; }
.tsw-b-home .tsw-b-go:hover .tsw-b-go-t span { color: #dddddd; }
.tsw-b-home.tsw-b-go-wrap { margin-top: 8px; }
/* the hero's two buttons in the same family (4 Oct 2026, the owner): each a bar, bold words, a line under, the chunky ↗
   (Start Designing pink, Shop Garments outlined); side by side on computers, stacked full width on phones */
.tsw-b-home.is-r2 .tsw-b-hero .tsw-b-btns { display: grid; grid-template-columns: repeat(2, minmax(0, 300px)); gap: 12px; }
@media (max-width: 700px) { .tsw-b-home.is-r2 .tsw-b-hero .tsw-b-btns { grid-template-columns: minmax(0, 1fr); gap: 10px; } }
@media all {
  .tsw-b-home.is-r2 .tsw-b-hero .tsw-b-btn.is-go { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: auto; height: auto; min-height: 72px; padding: 13px 18px 13px 20px; text-align: left; }
  .tsw-b-home.is-r2 .tsw-b-btn.is-go .tsw-b-go-t { display: flex; flex-direction: column; gap: 3px; }
  .tsw-b-home.is-r2 .tsw-b-btn.is-go .tsw-b-go-t b { font-size: 21px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.05; }
  .tsw-b-home.is-r2 .tsw-b-btn.is-go .tsw-b-go-t span { display: block; font-size: 14px; font-weight: 600; line-height: 1.3; color: #555555; }
  .tsw-b-home.is-r2 .tsw-b-btn.is-main.is-go .tsw-b-go-t span { color: rgba(255, 255, 255, .85); }
  .tsw-b-home.is-r2 .tsw-b-btn.is-go .tsw-b-arrow { display: block; --tsw-a: 22px; flex: none; }
  .tsw-b-home.is-r2 .tsw-b-btn.is-go:not(.is-main):hover .tsw-b-go-t span { color: #dddddd; }
}
/* bulk savings: Instant Price as a small "or" link under Get a Quote (4 Oct 2026, the owner's notes) */
.tsw-b-home .tsw-b-or { margin: 16px 0 0; }
/* design themes: six on computers, four on phones (.is-wide-only) */
@media (max-width: 700px) { .tsw-b-home.is-r2 .tsw-b-tiles.is-designs > li.is-wide-only { display: none; } }
/* Shop by garment's own "All garments →" link: the Shop All Garments bar follows a moment later (under Most printed),
   so the section head stays clean */
.tsw-b-home.is-r2 #tsw-garments .tsw-b-sec-head .tsw-b-all { display: none; }
/* computers: the bar is sized to its words, left under the section, about as tall as the other buttons (4 Oct 2026,
   the owner: full width was too much on a wide screen) */
@media (min-width: 701px) {
  .tsw-b-home .tsw-b-go { display: inline-flex; width: auto; min-width: 340px; max-width: 100%; min-height: 64px; gap: 48px; padding: 11px 18px 11px 22px; }
  .tsw-b-home .tsw-b-go-t { gap: 2px; }
  .tsw-b-home .tsw-b-go-t b { font-size: 21px; }
  .tsw-b-home .tsw-b-go-t span { font-size: 14px; }
  .tsw-b-home .tsw-b-go .tsw-b-arrow { --tsw-a: 22px; }
}
/* Recently printed: four equal photos, each opening the Gallery (2 x 2 on phones, 4 across on computers) */
.tsw-b-home.is-r2 .tsw-b-recent-four { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.tsw-b-home.is-r2 .tsw-b-recent-four > li { margin: 0; }
.tsw-b-home.is-r2 .tsw-b-recent-four a { display: block; color: #111111 !important; text-decoration: none !important; }
.tsw-b-home.is-r2 .tsw-b-recent-four .tsw-b-shot-img { aspect-ratio: 1 / 1; }
.tsw-b-home.is-r2 .tsw-b-recent-four a:hover figcaption { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 700px) {
  .tsw-b-home .tsw-b-go { min-height: 68px; margin-top: 22px; padding: 14px 18px; }
  .tsw-b-home .tsw-b-go-t b { font-size: 22px; }
  .tsw-b-home .tsw-b-go-t span { font-size: 14px; }
  .tsw-b-home .tsw-b-go .tsw-b-arrow { --tsw-a: 26px; }
  .tsw-b-home.is-r2 .tsw-b-recent-four { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 10px; }
  /* How it works' Start Designing: full width, as the hero's */
  .tsw-b-home.is-r2 .tsw-b-how .tsw-b-btn { display: flex; width: 100%; height: 52px; justify-content: center; }
}

/* ---- Home v2 · the slim bulk line after the lists (the block's script puts it there): ↘ down to Bulk savings ---- */
.tsw-b-home.tsw-b-bulkline-wrap { margin-top: 36px; }
.tsw-b-home .tsw-b-bulkline { display: flex; align-items: center; gap: 10px; min-height: 44px; padding-top: 22px; border-top: 1px solid #e4e4e4; font-size: 17px; color: #333333; text-decoration: none !important; }
.tsw-b-home .tsw-b-bulkline b { font-weight: 800; color: #111111; }
.tsw-b-home .tsw-b-bulkline .tsw-b-arrow { --tsw-a: 20px; color: #111111; }
.tsw-b-home .tsw-b-bulkline:hover :is(b),
.tsw-b-home .tsw-b-bulkline:hover :is(.tsw-b-arrow) { color: var(--tsw-magenta, #ec008c); }
.tsw-b-bulkline .tsw-b-short { display: none; }

/* ---- Home v2 · sentence headings ("Ordering for a team? …", "No design? …"): 64px at 1440, 40px on a phone ---- */
.tsw-b-home .tsw-b-xl.is-sentence { font-size: clamp(34px, 4.44vw, 64px) !important; line-height: 0.95 !important; }
.tsw-b-home.is-r2 .tsw-b-sec-head p { margin-top: 16px; font-size: 18px; line-height: 1.5; color: #444444; }

/* ---- Home v2 · how it works: big magenta numbers beside each step, an ink line above each, no boxes ---- */
.tsw-b-home.is-r2 .tsw-b-how .tsw-b-sec-head { margin-bottom: 48px; }
.tsw-b-home.is-r2 .tsw-b-steps { gap: clamp(24px, 3.3vw, 48px); }
.tsw-b-home.is-r2 .tsw-b-steps li { display: flex; align-items: flex-start; gap: 22px; padding: 28px 0 0; border: 0; border-top: 1px solid #111111; border-radius: 0; font-size: 17px; line-height: 1.5; color: #444444; }
.tsw-b-home.is-r2 .tsw-b-step-n { flex: none; width: 0.67em; font-size: clamp(96px, 11.7vw, 168px); font-weight: 800; letter-spacing: -0.07em; line-height: 0.78; text-transform: none; color: var(--tsw-magenta, #ec008c); }
.tsw-b-home.is-r2 .tsw-b-steps p { padding-top: 4px; }
.tsw-b-home.is-r2 .tsw-b-steps b { display: block; margin: 0 0 10px; font-size: clamp(20px, 1.8vw, 26px); font-weight: 800; letter-spacing: -0.025em; line-height: 1.12; color: #111111; }

/* ---- Home v2 · recently printed: one big photo beside four smaller, the kind of order as a tag inside each photo
   (pink only on the big one), the caption underneath. The big photo stretches to the four's height. ---- */
.tsw-b-home.is-r2 .tsw-b-recent-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.tsw-b-home.is-r2 .tsw-b-recent-more { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
.tsw-b-home.is-r2 .tsw-b-shot { display: flex; flex-direction: column; gap: 12px; height: 100%; }
.tsw-b-home.is-r2 .tsw-b-shot-img { position: relative; display: block; overflow: hidden; aspect-ratio: 1.08 / 1; border-radius: 4px; background: #f5f5f5; }
.tsw-b-home.is-r2 .tsw-b-shot.is-feature { gap: 14px; }
.tsw-b-home.is-r2 .tsw-b-shot.is-feature .tsw-b-shot-img { flex: 1 1 auto; min-height: 320px; aspect-ratio: auto; }
.tsw-b-home.is-r2 .tsw-b-shot-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; border-radius: 0; background: none; }
.tsw-b-home.is-r2 .tsw-b-shot.is-feature img { object-position: 40% 50%; }
.tsw-b-home.is-r2 .tsw-b-tag { position: absolute; left: 14px; bottom: 14px; padding: 6px 10px; border-radius: 4px; background: #111111; font-size: 12px; font-weight: 800; letter-spacing: 0.06em; line-height: 1.2; text-transform: uppercase; color: #ffffff; }
/* the big photo's tag: larger, in black like the others (4 Oct 2026, the owner: all the tags on the photos black) */
.tsw-b-home.is-r2 .tsw-b-tag.is-pink { left: 18px; bottom: 18px; padding: 7px 12px; background: #111111; font-size: 13px; }
.tsw-b-home.is-r2 .tsw-b-shot figcaption { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.35; color: #111111; }
.tsw-b-home.is-r2 .tsw-b-shot.is-feature figcaption { font-size: 18px; }

/* ---- Home v2 · bulk savings: five bold tiers. 30% is pink with a Best value band, a little taller than the rest;
   Get a Quote is outlined with the heavy ↗. Each tile sizes its number to its own width (container units), so the
   five stay on one row down to tablets. On phones they're compact rows. ---- */
.tsw-b-home.is-r2 .tsw-b-tiers { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; align-items: end; }
.tsw-b-home.is-r2 .tsw-b-tiers li { container-type: inline-size; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; height: 151px; padding: 26px 24px 24px; border: 1px solid #141413; border-radius: 4px; background: #ffffff; color: #111111; }
.tsw-b-home.is-r2 .tsw-b-tier-n { display: flex; align-items: baseline; gap: 8px; font-size: clamp(16px, 8.5cqi, 22px); font-weight: 800; letter-spacing: -0.02em; line-height: 1; color: inherit; }
.tsw-b-home.is-r2 .tsw-b-tier-n b { font-size: clamp(28px, calc((100cqi - 44px) / 1.9), 76px); font-weight: 800; letter-spacing: -0.055em; line-height: 0.85; color: inherit; }
.tsw-b-home.is-r2 .tsw-b-tier-q { font-size: 17px; font-weight: 600; line-height: 1.2; color: #444444; }
.tsw-b-home.is-r2 .tsw-b-tiers li.is-best { height: 177px; padding-top: 0; border-color: var(--tsw-pink, #d10074); background: var(--tsw-pink, #d10074); color: #ffffff; }
.tsw-b-home.is-r2 .tsw-b-tiers li.is-best .tsw-b-tier-q { color: #ffffff; }
.tsw-b-home.is-r2 .tsw-b-tier-band { display: flex; align-items: center; justify-content: center; gap: 7px; height: 32px; margin: 0 -24px; border-radius: 3px 3px 0 0; background: var(--tsw-pink-dark, #a8005e); font-size: 12px; font-weight: 800; letter-spacing: 0.1em; line-height: 1; text-transform: uppercase; color: #ffffff; }
.tsw-b-home.is-r2 .tsw-b-tier-band svg { width: 14px; height: 14px; fill: #ffffff; stroke: none; }
.tsw-b-home.is-r2 .tsw-b-tiers li.is-quote { padding: 0; border: 2px solid #111111; }
.tsw-b-home.is-r2 .tsw-b-tiers li.is-quote a { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; height: 100%; padding: 24px 22px 22px; color: #111111; text-decoration: none !important; }
.tsw-b-home.is-r2 .tsw-b-tiers li.is-quote .tsw-b-tier-n b { max-width: 70%; font-size: clamp(22px, 13cqi, 32px); letter-spacing: -0.03em; line-height: 1.05; }
.tsw-b-home.is-r2 .tsw-b-tiers li.is-quote .tsw-b-arrow { --tsw-a: 28px; position: absolute; top: 22px; right: 20px; }
.tsw-b-home.is-r2 .tsw-b-tiers li.is-quote a:hover { background: #111111; color: #ffffff; }
.tsw-b-home.is-r2 .tsw-b-tiers li.is-quote a:hover .tsw-b-tier-q { color: #ffffff; }

/* ---- Home v2 · ready-made designs: the same tiles as Shop by garment, five across, each design whole on its grey
   square (DN's images carry #efefef). Below 1000px, three across with See All Designs as an outlined sixth tile; on
   phones two across. ---- */
.tsw-b-home.is-r2 .tsw-b-tiles.is-designs { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 32px 16px; }
.tsw-b-home.is-r2 .tsw-b-tiles.is-designs a { --tsw-a: clamp(18px, 1.67vw, 24px); }
.tsw-b-home.is-r2 .tsw-b-tiles.is-designs .tsw-b-tile-img { height: auto; aspect-ratio: 1 / 1; background: #efefef; }
.tsw-b-home.is-r2 .tsw-b-tiles.is-designs .tsw-b-tile-img img { object-fit: contain; object-position: 50% 50%; mix-blend-mode: normal; }
.tsw-b-home.is-r2 .tsw-b-tiles.is-designs .tsw-b-tile-name { font-size: clamp(18px, 1.67vw, 24px); }
.tsw-b-home.is-r2 .tsw-b-tiles.is-designs .tsw-b-tile-all { display: none; }
.tsw-b-home.is-r2 .tsw-b-tiles.is-designs .tsw-b-tile-all a { display: flex; flex-direction: column; justify-content: space-between; height: 100%; min-height: 160px; padding: 16px; border: 2px solid #111111; border-radius: 4px; }
.tsw-b-home.is-r2 .tsw-b-tiles.is-designs .tsw-b-tile-all a:hover { border-color: var(--tsw-magenta, #ec008c); }
.tsw-b-home.is-r2 .tsw-b-tiles.is-designs .tsw-b-tile-all .tsw-b-tile-name { font-size: 22px; letter-spacing: -0.03em; }

/* ---- Home v2 · the workshop band: split on black, edge to edge. The workshop photo, darkened, fills the right 62%
   and fades into the black behind the text, with the logo mark over its corner. On phones the text comes first and the
   photo fades up out of the black. ---- */
.tsw-b-home.is-r2 .tsw-b-people { position: relative; display: block; min-height: 720px; margin-left: calc(var(--tsw-gutter) * -1); margin-right: calc(var(--tsw-gutter) * -1); overflow: hidden; background: #111111; }
.tsw-b-home.is-r2 .tsw-b-people-photo { --tsw-m: clamp(260px, 30.5vw, 440px); position: absolute; top: 0; right: 0; bottom: 0; width: 62%; overflow: hidden; }
.tsw-b-home.is-r2 .tsw-b-people-photo img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: 50% 100%; border-radius: 0; background: none; filter: grayscale(1) brightness(0.6) contrast(1.08); }
.tsw-b-home.is-r2 .tsw-b-people-photo::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, #111111 0%, #111111 10%, rgba(17, 17, 17, 0.9) 17%, rgba(17, 17, 17, 0.72) 25%, rgba(17, 17, 17, 0.5) 34%, rgba(17, 17, 17, 0.28) 43%, rgba(17, 17, 17, 0.1) 52%, rgba(17, 17, 17, 0) 60%); pointer-events: none; }
.tsw-b-home.is-r2 .tsw-b-people-photo svg.tsw-b-mark { z-index: 1; }
.tsw-b-home.is-r2 .tsw-b-people-text { position: relative; z-index: 2; width: 50%; min-height: 720px; justify-content: center; gap: 24px; padding: 64px 24px 64px var(--tsw-gutter); color: #e6e6e6; }
.tsw-b-home.is-r2 .tsw-b-people .tsw-b-kicker { color: #bdbdbd; }
.tsw-b-home.is-r2 .tsw-b-people h2 { font-size: clamp(48px, 6.39vw, 92px) !important; letter-spacing: -0.045em !important; line-height: 0.9 !important; color: #ffffff !important; white-space: nowrap; }
.tsw-b-home.is-r2 .tsw-b-people h2 > span { display: block; }
.tsw-b-home.is-r2 .tsw-b-people-text > p:not(.tsw-b-kicker) { max-width: 580px; font-size: 18px; line-height: 1.5; color: #e6e6e6; }
.tsw-b-home.is-r2 .tsw-b-people .tsw-b-contact { gap: 8px; font-size: 16px; color: #d9d9d9; }
.tsw-b-home.is-r2 .tsw-b-people .tsw-b-contact :is(b),
.tsw-b-home.is-r2 .tsw-b-people .tsw-b-contact :is(a) { color: #ffffff; }
.tsw-b-home.is-r2 .tsw-b-people .tsw-b-btns { margin-top: 4px; }
.tsw-b-home.is-r2 .tsw-b-people .tsw-b-btn { border-color: #ffffff; background: transparent; color: #ffffff !important; }
.tsw-b-home.is-r2 .tsw-b-people .tsw-b-btn.is-light { background: #ffffff; color: #111111 !important; }
.tsw-b-home.is-r2 .tsw-b-people .tsw-b-btn:hover { background: #ffffff; color: #111111 !important; }
.tsw-b-home.is-r2 .tsw-b-people .tsw-b-btn.is-light:hover { border-color: #e6e6e6; background: #e6e6e6; }
.tsw-b-home.is-r2 .tsw-b-people :focus-visible { outline-color: #ffffff; }

/* ---- Home v2 · questions: the title and All FAQs above one wide list; the plus turns to a minus when open ---- */
.tsw-b-home.is-r2 .tsw-b-faq { max-width: none; margin-bottom: clamp(72px, 9.4vw, 136px); }
.tsw-b-home.is-r2 .tsw-b-faq details { border-top: 1px solid #e4e4e4; }
.tsw-b-home.is-r2 .tsw-b-faq details:first-of-type { border-top-color: #111111; }
.tsw-b-home.is-r2 .tsw-b-faq details:last-of-type { border-bottom: 1px solid #e4e4e4; }
.tsw-b-home.is-r2 .tsw-b-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 0; font-size: clamp(18px, 1.8vw, 26px); font-weight: 800; letter-spacing: -0.025em; line-height: 1.15; }
.tsw-b-home.is-r2 .tsw-b-faq summary::after { content: none; }
@media (hover: hover) { .tsw-b-home.is-r2 .tsw-b-faq summary:hover { color: var(--tsw-pink, #d10074); } }
.tsw-b-home svg.tsw-b-pm { width: 28px; height: 28px; stroke-width: 2.4; stroke-linecap: square; stroke-linejoin: miter; }
.tsw-b-home details[open] .tsw-b-pm-v { display: none; }
.tsw-b-home.is-r2 .tsw-b-faq details p { max-width: 820px; margin-top: -4px; padding: 0 0 28px; font-size: 18px; line-height: 1.55; color: #444444; }

/* ---- Home v2 · tablets ---- */
@media (max-width: 1000px) {
  .tsw-b-home.is-r2 .tsw-b-promises li:nth-child(3) { padding-left: 0; border-left: 0; }
  .tsw-b-home.is-r2 .tsw-b-promises li:nth-child(n+3) { border-top: 1px solid #e4e4e4; }
}

/* ---- Home v2 · phones: the hero's text then its photo; the promises as a list; garments as the big-type list;
   the tabs smaller; Customise always under each card ---- */
@media (max-width: 700px) {
  .tsw-b-home.is-r2 .tsw-b-sec-head { flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 20px; }
  .tsw-b-home .tsw-b-xl, body.dn-page-home .tsw-b-reviews .tsw-b-sec-head h2 { font-size: clamp(34px, 11.3vw, 44px) !important; }
  .tsw-b-home .tsw-b-all { font-size: 16px; }
  .tsw-b-home.is-r2 .tsw-b-hero { display: flex; flex-direction: column; min-height: 0; margin-right: 0; padding: 0; }
  .tsw-b-home.is-r2 .tsw-b-hero-text { gap: 18px; padding: 28px 0 0; }
  .tsw-b-home.is-r2 .tsw-b-hero h1 { font-size: clamp(44px, 18.5vw, 72px) !important; }
  .tsw-b-home.is-r2 .tsw-b-hero-text > * { order: 0; }
  .tsw-b-home.is-r2 .tsw-b-hero-text .tsw-b-btns { flex-direction: column; gap: 10px; width: 100%; }
  .tsw-b-home.is-r2 .tsw-b-hero-text .tsw-b-btn { flex: none; width: 100%; height: 52px; }
  .tsw-b-home.is-r2 .tsw-b-hero-lead { font-size: 17px; }
  .tsw-b-home.is-r2 .tsw-b-rating-line { flex-direction: column; gap: 6px; font-size: 14px; }
  .tsw-b-home.is-r2 .tsw-b-hero-photo { --tsw-m: 260px; order: 0; aspect-ratio: 390 / 420; margin: 32px calc(var(--tsw-gutter) * -1) 0; }
  .tsw-b-home.is-r2 .tsw-b-promises { margin-top: 40px !important; border-bottom: 0; }
  .tsw-b-home.is-r2 .tsw-b-promises li, .tsw-b-home.is-r2 .tsw-b-promises li:nth-child(n) { gap: 12px; padding: 14px 0; border: 0; border-bottom: 1px solid #e4e4e4; }
  .tsw-b-home.is-r2 .tsw-b-promises svg { width: 22px; height: 22px; }
  .tsw-b-home.is-r2 .tsw-b-promises p { font-size: 14px; line-height: 1.4; }
  .tsw-b-home.is-r2 .tsw-b-promises b { margin-bottom: 0; font-size: 16px; }
  .tsw-b-home.is-r2 .tsw-b-tiles:not(.is-designs) { display: block; margin: 0; padding: 0; overflow: visible; scroll-snap-type: none; }
  .tsw-b-home.is-r2 .tsw-b-tiles + .tsw-b-tiles { margin-top: 0; }
  .tsw-b-home.is-r2 .tsw-b-tiles:not(.is-designs):last-of-type { border-bottom: 1px solid #e4e4e4; }
  .tsw-b-home.is-r2 .tsw-b-tiles:not(.is-designs) a { --tsw-a: 26px; display: flex; flex-direction: row; align-items: center; gap: 16px; height: 96px; border-top: 1px solid #e4e4e4; }
  .tsw-b-home.is-r2 .tsw-b-tiles:not(.is-designs) .tsw-b-tile-img { flex: none; width: 80px; height: 80px; }
  /* model shots zoomed to head and shoulders, so they read at thumbnail size */
  .tsw-b-home.is-r2 .tsw-b-tiles:not(.is-designs) .tsw-b-tile-img img, .tsw-b-home.is-r2 .tsw-b-tiles:not(.is-designs) a:hover .tsw-b-tile-img img { transform: scale(1.6); transform-origin: 50% 16%; }
  .tsw-b-home.is-r2 .tsw-b-tiles:not(.is-designs) .tsw-b-tile-name { flex: 1 1 auto; font-size: 26px; letter-spacing: -0.04em; line-height: 1.02; }
  .tsw-b-home.is-r2 .tsw-b-extra { margin-top: 20px; }
  /* (4 Oct 2026, the owner) Most printed and New in stacked, at Recently printed's size */
  .tsw-b-home.is-r2 .tsw-b-tabs { flex-direction: column; align-items: flex-start; width: auto; gap: 6px; }
  .tsw-b-home.is-r2 .tsw-b-tabs button { font-size: clamp(34px, 11.3vw, 44px); line-height: 0.95; text-align: left; }
  .tsw-b-home.is-r2 .tsw-b-tab-sub { margin-top: 12px; font-size: 15px; line-height: 1.4; }
  body.dn-page-home .dn-widget-blank_product_listing ul.dn-grid { gap: 26px 10px !important; }
  body.dn-page-home .dn-widget-blank_product_listing .dn-name { font-size: 15px !important; }
  body.dn-page-home .dn-widget-blank_product_listing .dn-grid-text.dn-product-prices :is(span[id^="pwc_s_"]),
body.dn-page-home .dn-widget-blank_product_listing .dn-grid-text.dn-product-prices :is(.dn-price-container) { font-size: 17px !important; }
  body.dn-page-home .dn-widget-blank_product_listing .dn-grid-text.dn-product-prices::after { font-size: 11px !important; }
  body.dn-page-home .dn-widget-blank_product_listing .dn-grid-item .dn-product-colors .dn-color-panel-cell { width: 20px !important; height: 20px !important; }
  body.dn-page-home .dn-widget-blank_product_listing .dn-grid-item .dn-product-colors.dn-color-panel { flex-wrap: wrap !important; gap: 6px 8px !important; }
  body.dn-page-home .dn-widget-blank_product_listing .dn-grid-item .compact-more-btn { flex: 1 0 100%; padding: 0 !important; }
  .tsw-b-home .tsw-b-bulkline { justify-content: space-between; font-size: 15px; }
  .tsw-b-bulkline .tsw-b-long { display: none; }
  .tsw-b-bulkline .tsw-b-short { display: inline; }
}

/* ---- Home v2 · block 3 on tablets and phones ---- */
@media (max-width: 1000px) {
  .tsw-b-home.is-r2 .tsw-b-tiles.is-designs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tsw-b-home.is-r2 .tsw-b-tiles.is-designs .tsw-b-tile-all { display: block; }
  .tsw-b-home.is-r2 .tsw-b-designs .tsw-b-sec-head .tsw-b-all { display: none; }
}
@media (max-width: 900px) {
  .tsw-b-home.is-r2 .tsw-b-steps { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .tsw-b-home.is-r2 .tsw-b-recent-grid { grid-template-columns: minmax(0, 1fr); }
  .tsw-b-home.is-r2 .tsw-b-shot.is-feature .tsw-b-shot-img { flex: none; aspect-ratio: 350 / 300; min-height: 0; }
}
@media (max-width: 700px) {
  .tsw-b-home .tsw-b-xl.is-sentence { font-size: clamp(30px, 10.3vw, 40px) !important; }
  .tsw-b-home.is-r2 .tsw-b-sec-head p { margin-top: 12px; font-size: 16px; }
  .tsw-b-home.is-r2 .tsw-b-how .tsw-b-sec-head { margin-bottom: 22px; }
  .tsw-b-home.is-r2 .tsw-b-steps { gap: 22px; }
  .tsw-b-home.is-r2 .tsw-b-steps li { gap: 14px; padding-top: 18px; font-size: 15px; line-height: 1.45; }
  .tsw-b-home.is-r2 .tsw-b-step-n { font-size: 96px; }
  .tsw-b-home.is-r2 .tsw-b-steps b { margin-bottom: 6px; font-size: 20px; }
  .tsw-b-home.is-r2 .tsw-b-recent-grid { gap: 18px; }
  .tsw-b-home.is-r2 .tsw-b-recent-more { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 10px; margin: 0; padding: 0; overflow: visible; grid-auto-flow: row; }
  .tsw-b-home.is-r2 .tsw-b-shot, .tsw-b-home.is-r2 .tsw-b-shot.is-feature { gap: 8px; }
  .tsw-b-home.is-r2 .tsw-b-shot-img { aspect-ratio: 1 / 1; }
  .tsw-b-home.is-r2 .tsw-b-tag { left: 8px; bottom: 8px; padding: 4px 7px; font-size: 10px; }
  .tsw-b-home.is-r2 .tsw-b-tag.is-pink { left: 12px; bottom: 12px; padding: 5px 9px; font-size: 11px; }
  .tsw-b-home.is-r2 .tsw-b-shot figcaption { font-size: 13px; }
  .tsw-b-home.is-r2 .tsw-b-shot.is-feature figcaption { font-size: 16px; }
  /* bulk: compact rows, the items on the left and the saving on the right */
  .tsw-b-home.is-r2 .tsw-b-tiers { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
  .tsw-b-home.is-r2 .tsw-b-tiers li { container-type: normal; flex-direction: row; align-items: center; justify-content: space-between; height: 64px; padding: 0 18px; }
  .tsw-b-home.is-r2 .tsw-b-tier-q { order: -1; font-size: 16px; font-weight: 700; color: #111111; }
  .tsw-b-home.is-r2 .tsw-b-tier-n { gap: 6px; font-size: 15px; }
  .tsw-b-home.is-r2 .tsw-b-tier-n b { font-size: 40px; letter-spacing: -0.05em; }
  .tsw-b-home.is-r2 .tsw-b-tiers li.is-best { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "band band" "q n"; align-items: center; height: auto; padding: 0 18px; overflow: hidden; }
  .tsw-b-home.is-r2 .tsw-b-tiers li.is-best .tsw-b-tier-band { grid-area: band; height: 28px; margin: 0 -18px; font-size: 11px; }
  .tsw-b-home.is-r2 .tsw-b-tiers li.is-best .tsw-b-tier-q { grid-area: q; }
  .tsw-b-home.is-r2 .tsw-b-tiers li.is-best .tsw-b-tier-n { grid-area: n; height: 72px; }
  .tsw-b-home.is-r2 .tsw-b-tiers li.is-best .tsw-b-tier-n b { font-size: 52px; }
  .tsw-b-home.is-r2 .tsw-b-tiers li.is-quote { height: 68px; padding: 0; }
  .tsw-b-home.is-r2 .tsw-b-tiers li.is-quote a { flex: 1 1 auto; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; padding: 0 56px 0 18px; }
  .tsw-b-home.is-r2 .tsw-b-tiers li.is-quote .tsw-b-tier-n b { max-width: none; font-size: 22px; }
  .tsw-b-home.is-r2 .tsw-b-tiers li.is-quote .tsw-b-tier-q { order: 0; font-size: 14px; font-weight: 600; color: #444444; }
  .tsw-b-home.is-r2 .tsw-b-tiers li.is-quote .tsw-b-arrow { --tsw-a: 24px; top: 50%; right: 18px; transform: translateY(-50%); }
  /* designs: two across, See All Designs the sixth tile */
  .tsw-b-home.is-r2 .tsw-b-tiles.is-designs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; gap: 22px 10px; margin: 0; padding: 0; overflow: visible; }
  .tsw-b-home.is-r2 .tsw-b-tiles.is-designs a { --tsw-a: 18px; gap: 10px 8px; }
  .tsw-b-home.is-r2 .tsw-b-tiles.is-designs .tsw-b-tile-name { font-size: 18px; }
  .tsw-b-home.is-r2 .tsw-b-tiles.is-designs .tsw-b-tile-all .tsw-b-tile-name { font-size: 22px; }
  .tsw-b-home.is-r2 .tsw-b-tiles.is-designs .tsw-b-tile-all a { --tsw-a: 26px; min-height: 0; padding: 14px; }
}

/* ---- Home v2 · block 4 on phones: the band's text first, then its photo fading up out of the black ---- */
@media (max-width: 700px) {
  .tsw-b-home.is-r2 .tsw-b-people { display: flex; flex-direction: column; align-items: stretch; min-height: 0; }
  .tsw-b-home.is-r2 .tsw-b-people-text { width: auto; min-height: 0; gap: 18px; padding: 56px var(--tsw-gutter) 8px; }
  .tsw-b-home.is-r2 .tsw-b-people h2 { font-size: clamp(36px, 12.3vw, 48px) !important; }
  .tsw-b-home.is-r2 .tsw-b-people-text > p:not(.tsw-b-kicker) { font-size: 16px; }
  .tsw-b-home.is-r2 .tsw-b-people .tsw-b-contact { font-size: 15px; }
  .tsw-b-home.is-r2 .tsw-b-people .tsw-b-btns { flex-direction: column; gap: 10px; width: 100%; }
  .tsw-b-home.is-r2 .tsw-b-people .tsw-b-btn { width: 100%; height: 52px; }
  .tsw-b-home.is-r2 .tsw-b-people-photo { --tsw-m: 320px; position: relative; top: auto; right: auto; bottom: auto; width: auto; height: 380px; }
  .tsw-b-home.is-r2 .tsw-b-people-photo::after { background: linear-gradient(180deg, #111111 0%, #111111 10%, rgba(17, 17, 17, 0.9) 17%, rgba(17, 17, 17, 0.72) 25%, rgba(17, 17, 17, 0.5) 34%, rgba(17, 17, 17, 0.28) 43%, rgba(17, 17, 17, 0.1) 52%, rgba(17, 17, 17, 0) 60%); }
  .tsw-b-home.is-r2 .tsw-b-faq summary { gap: 16px; padding: 18px 0; font-size: 18px; }
  .tsw-b-home svg.tsw-b-pm { width: 22px; height: 22px; }
  .tsw-b-home.is-r2 .tsw-b-faq details p { margin-top: -2px; padding-bottom: 22px; font-size: 15px; }
}

/* ============================================================================
   SEC118  FOOTER — Footer v2: one block in DN's footer section; the Round 2 frame
   ============================================================================ */
/* The markup is blocks/footer.html, in a DN HTML widget in a section of the footer area (DN's old footer section or
   a new one); every other footer widget, DN's payment logos included, is gone (the block has its own payments row).
   The block brings its own black, edge to edge, so it doesn't depend on DN's footer settings: the logo is the white one.
   The block's column takes the full width, and any other columns in its section (emptied in DN) fold away. */
footer .dn-page-section:has(.tsw-b-foot) { margin: 0 !important; padding: 0 !important; background: #000000 !important; }
footer .dn-page-section:has(.tsw-b-foot) :is(.dn-page-section-margin),
footer .dn-page-section:has(.tsw-b-foot) :is(.dn-page-section-content),
footer .dn-page-section:has(.tsw-b-foot) :is(.dn-padding-container),
footer .dn-page-section:has(.tsw-b-foot) :is(.dn-page-column),
footer .dn-page-section:has(.tsw-b-foot) :is(.dn-page-column-content),
footer .dn-page-section:has(.tsw-b-foot) :is(.dn-widgets) { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; background: none !important; }
footer .dn-page-column:has(.tsw-b-foot) { grid-column: 1 / -1 !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
footer .dn-page-columns-container:has(.tsw-b-foot) { max-width: none !important; }
footer .dn-page-section:has(.tsw-b-foot) .dn-page-column:not(:has(.dn-widget)) { display: none !important; }
.dn-widget:has(> .dn-widget-content-container .tsw-b-foot) > .dn-widget-content-container { padding: 0 !important; border: 0 !important; background: none !important; }

.tsw-b-foot { box-sizing: border-box; max-width: 1240px; margin: 0 auto; padding: 48px 24px 24px; font-family: var(--font-body, Inter, system-ui, sans-serif); font-size: 14px; line-height: 1.55; color: #cfcfcf; text-align: left; }
.tsw-b-foot *, .tsw-b-foot *::before, .tsw-b-foot *::after { box-sizing: border-box; }
.tsw-b-foot :is(h2),
.tsw-b-foot :is(p),
.tsw-b-foot :is(ul) { margin: 0; padding: 0; }
.tsw-b-foot ul { list-style: none; }
.tsw-b-foot :is(nav),
.tsw-b-foot :is(div),
.tsw-b-foot :is(ul),
.tsw-b-foot :is(li),
.tsw-b-foot :is(p) { text-align: left !important; }
.tsw-b-foot :is(p),
.tsw-b-foot :is(li) { font-size: 14px !important; line-height: 1.55 !important; }
.tsw-b-foot a { color: #ffffff !important; font-size: inherit !important; font-weight: 500 !important; line-height: inherit !important; text-decoration: none !important; text-transform: none !important; letter-spacing: 0 !important; }
.tsw-b-foot a:hover { text-decoration: underline !important; text-underline-offset: 3px; }
.tsw-b-foot a:focus-visible { outline: 2px solid #ffffff; outline-offset: 2px; }
.tsw-b-foot h2 { margin: 0 0 12px !important; font-family: var(--font-body, Inter, system-ui, sans-serif) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: #9a9a9a !important; text-align: left !important; }

.tsw-b-foot-top { display: flex; align-items: center; gap: 24px; padding-bottom: 32px; border-bottom: 1px solid #333333; }
.tsw-b-foot-logo img { display: block; width: 160px; height: auto; }
.tsw-b-foot-top p { max-width: 420px; color: #cfcfcf; }

.tsw-b-foot-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.4fr); gap: 32px; padding: 32px 0; border-bottom: 1px solid #333333; }
.tsw-b-foot-cols li + li { margin-top: 8px; }
.tsw-b-foot-contact li { color: #cfcfcf; }
.tsw-b-foot-social { display: flex; gap: 8px; margin-top: 16px !important; }
.tsw-b-foot-social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #444444; border-radius: 4px; }
.tsw-b-foot-social a:hover { border-color: #ffffff; }
.tsw-b-foot-social svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.tsw-b-foot-ratings { padding-top: 24px; color: #cfcfcf; }
.tsw-b-foot-ratings a { text-decoration: underline !important; text-underline-offset: 3px; }
.tsw-b-foot-ack { max-width: 820px; margin-top: 12px !important; font-size: 13px !important; color: #9a9a9a; }

/* DN's "Show Cookie Settings" link (it has to stay: it's how people change their cookie choice) sits on the black
   under the block, lined up with it */
footer:has(.tsw-b-foot) .dn-cookieconsent-container { margin: 0 !important; padding: 0 0 24px !important; background: #000000 !important; }
footer:has(.tsw-b-foot) .dn-cookieconsent-container > div { box-sizing: border-box; max-width: 1240px; margin: 0 auto; padding: 0 24px; text-align: left; }
footer:has(.tsw-b-foot) .dn-cookieconsent-container a { font: 500 13px/1.5 var(--font-body, Inter, system-ui, sans-serif) !important; color: #9a9a9a !important; text-decoration: underline !important; text-underline-offset: 3px; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; }
footer:has(.tsw-b-foot) .dn-cookieconsent-container a:hover { color: #ffffff !important; }
@media (max-width: 600px) { footer:has(.tsw-b-foot) .dn-cookieconsent-container > div { padding: 0 16px; } }

/* secure checkout and the ways to pay: DN's own card icons on small white cards */
.tsw-b-foot-pay { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #333333; }
.tsw-b-foot-pay p { display: flex; align-items: center; gap: 8px; color: #ffffff; font-weight: 600; }
.tsw-b-foot-pay svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tsw-b-foot-pay ul { display: flex; flex-wrap: wrap; gap: 8px; }
.tsw-b-foot-pay li { display: flex; align-items: center; justify-content: center; width: 50px; height: 30px; overflow: hidden; border-radius: 4px; background: #ffffff; }
.tsw-b-foot-pay li.is-wide { padding: 0 6px; }
.tsw-b-foot-pay img { display: block; width: 100%; height: 100%; object-fit: contain; }

@media (max-width: 900px) {
  .tsw-b-foot-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .tsw-b-foot { padding: 32px 16px 16px; }
  .tsw-b-foot-top { flex-direction: column; align-items: flex-start; gap: 12px; padding-bottom: 24px; }
  .tsw-b-foot-cols { gap: 24px 16px; padding: 24px 0; }
  .tsw-b-foot-contact { grid-column: 1 / -1; }
  .tsw-b-foot-cols li + li { margin-top: 0; }
  .tsw-b-foot-cols a { display: inline-block; padding: 6px 0; }
}

/* ---- Footer v2 · the Round 2 frame (Home v2): full width with the home page's side margin (--tsw-gutter), on every
   page; the block and the cookie settings link under it line up ---- */
footer .dn-page-section:has(.tsw-b-foot) :is(.dn-page-section-margin),
footer .dn-page-section:has(.tsw-b-foot) :is(.dn-page-section-content) { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.tsw-b-foot { max-width: none; padding-left: var(--tsw-gutter); padding-right: var(--tsw-gutter); }
footer:has(.tsw-b-foot) .dn-cookieconsent-container > div { max-width: none; padding-left: var(--tsw-gutter); padding-right: var(--tsw-gutter); }
/* the logo leads the footer, at the header's size (220 × 70; 190 wide on phones). Its image's blank edges (23px left
   and 17px right of 377) are trimmed with negative margins, as in the header, so the pink mark starts on the line */
.tsw-b-foot-logo img { width: 220px; margin: 0 -9.9px 0 -13.4px; }
@media (max-width: 600px) { .tsw-b-foot-logo img { width: 190px; margin: 0 -8.6px 0 -11.6px; } }

/* ============================================================================
   SEC119  REVIEWS — Reviews v1: both ratings and up to three live Google reviews; Reviews v2 (the Round 2 look)
   ============================================================================ */
/* The markup and script are blocks/reviews.html (a DN HTML widget; the Google key lives only there). It sits inside
   .tsw-b-home, so it shares the home blocks' frame, headings and links (SEC117). Stars are brand pink (the user's
   call, 26 Sep 2026: decorative shapes, 3.5:1 on white, above the 3:1 needed for graphics); the text stays ink. */
.tsw-b-rev-scores { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.tsw-b-rev-scores li { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 20px; border: 1.5px solid #e6e6e6; border-radius: 4px; color: #444444; }
.tsw-b-rev-score { color: #111111; }
.tsw-b-rev-score b { margin-right: 4px; font-size: 36px; font-weight: 800; line-height: 1; }
.tsw-b-rev-stars { font-size: 22px; letter-spacing: 3px; line-height: 1.2; color: var(--tsw-cta, #d10074); }
.tsw-b-rev-scores .tsw-b-link { margin-top: 6px; }

.tsw-b-rev-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px !important; }
.tsw-b-rev-list[hidden] { display: none; }
.tsw-b-rev-list li { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 20px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; }
/* a big pink opening quote mark in the corner */
.tsw-b-rev-list li::before { content: "\201C"; position: absolute; top: 4px; right: 16px; font: 800 64px/1 Georgia, "Times New Roman", serif; color: var(--tsw-cta, #d10074); pointer-events: none; }
.tsw-b-rev-list .tsw-b-rev-stars { font-size: 17px; }
.tsw-b-rev-list blockquote { flex: 1; margin: 0; padding: 0; border: 0; font: inherit; quotes: none; }
.tsw-b-rev-list blockquote p { font-size: 15px; line-height: 1.55; color: #333333; }
.tsw-b-rev-who { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #6b6b6b; }
.tsw-b-rev-who b { color: #111111; }
/* the reviewer's initial on a soft pink badge */
.tsw-b-rev-initial { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #ffe3f1; font-size: 15px; font-weight: 800; color: #111111; }
.tsw-b-rev-list .tsw-b-link { font-size: 14px; }
.tsw-b-rev-credit { margin-top: 12px !important; font-size: 13px; color: #6b6b6b; }
.tsw-b-rev-credit[hidden] { display: none; }

@media (max-width: 900px) {
  .tsw-b-rev-list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .tsw-b-rev-scores { grid-template-columns: minmax(0, 1fr); }
}

/* ---- Reviews v2 (the Round 2 look), on the home page: the 96px title (with SEC117's .tsw-b-xl), the two scores as
   huge 4.9s beside solid pink stars, then the Google reviews in columns under a hairline each; no boxes, no quote mark.
   CSS only, so the block's widget (which holds the Google key) needn't be pasted again. ---- */
body.dn-page-home .tsw-b-reviews .tsw-b-rev-scores { gap: clamp(24px, 3.3vw, 48px); }
body.dn-page-home .tsw-b-reviews .tsw-b-rev-scores li { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 8px 28px; padding: 28px 0 0; border: 0; border-top: 1px solid #111111; border-radius: 0; font-size: 18px; line-height: 1.4; color: #333333; }
body.dn-page-home .tsw-b-reviews .tsw-b-rev-score { grid-row: 1 / 4; display: flex; flex-direction: column; gap: 8px; font-size: 15px; font-weight: 600; color: #6b6b6b; }
body.dn-page-home .tsw-b-reviews .tsw-b-rev-score b { margin: 0; font-size: clamp(80px, 10vw, 144px); font-weight: 800; letter-spacing: -0.06em; line-height: 0.8; color: #111111; }
body.dn-page-home .tsw-b-reviews .tsw-b-rev-scores .tsw-b-rev-stars { font-size: 26px; letter-spacing: 2px; }
body.dn-page-home .tsw-b-reviews .tsw-b-rev-scores .tsw-b-link { margin: 0; justify-self: start; font-size: 15px; font-weight: 700; white-space: normal; }
body.dn-page-home .tsw-b-reviews .tsw-b-rev-scores li > p:not(.tsw-b-rev-score):not(.tsw-b-rev-stars) { font-size: 17px; line-height: 1.4; color: #333333; }
body.dn-page-home .tsw-b-reviews .tsw-b-rev-list { gap: clamp(24px, 3.3vw, 48px); margin-top: 40px !important; }
body.dn-page-home .tsw-b-reviews .tsw-b-rev-list li { gap: 16px; padding: 24px 0 0; border: 0; border-top: 1px solid #e4e4e4; border-radius: 0; background: none; }
body.dn-page-home .tsw-b-reviews .tsw-b-rev-list li::before { content: none; }
body.dn-page-home .tsw-b-reviews .tsw-b-rev-list .tsw-b-rev-stars { font-size: 18px; }
body.dn-page-home .tsw-b-reviews .tsw-b-rev-list blockquote p { font-size: clamp(16px, 1.32vw, 19px); line-height: 1.5; color: #333333; }
body.dn-page-home .tsw-b-reviews .tsw-b-rev-initial { background: #f5f5f5; }
body.dn-page-home .tsw-b-reviews .tsw-b-rev-credit { margin-top: 24px !important; }
@media (max-width: 700px) {
  body.dn-page-home .tsw-b-reviews .tsw-b-rev-scores { gap: 0; }
  body.dn-page-home .tsw-b-reviews .tsw-b-rev-scores li { gap: 6px 16px; padding: 20px 0; font-size: 15px; }
  body.dn-page-home .tsw-b-reviews .tsw-b-rev-scores li + li { padding-bottom: 0; }
  body.dn-page-home .tsw-b-reviews .tsw-b-rev-score b { font-size: 80px; }
  body.dn-page-home .tsw-b-reviews .tsw-b-rev-scores .tsw-b-rev-stars { font-size: 18px; }
  body.dn-page-home .tsw-b-reviews .tsw-b-rev-list { gap: 22px; margin-top: 24px !important; }
  body.dn-page-home .tsw-b-reviews .tsw-b-rev-list li { gap: 12px; padding-top: 18px; }
  body.dn-page-home .tsw-b-reviews .tsw-b-rev-list blockquote p { font-size: 17px; }
}

/* ============================================================================
   SEC120  FAQ — FAQ page v1: questions by topic, with a search box
   ============================================================================ */
/* The markup and search script are blocks/faq.html (a DN HTML widget on /page/faqs). Inside .tsw-b-home, so the
   frame, headings and the question style (.tsw-b-faq, SEC117) are shared with the home page. */
.tsw-b-faqpage .tsw-b-sec { max-width: 860px; margin-top: 32px; margin-bottom: 64px; }
.tsw-b-faqpage h1 { margin-bottom: 8px !important; }
.tsw-b-faqp-lead { max-width: 640px; margin-bottom: 20px !important; color: #444444; }
.tsw-b-faqp-lead a, .tsw-b-faqp-none a, .tsw-b-faqpage details a { text-decoration: underline !important; text-underline-offset: 3px; font-weight: 600; }
.tsw-b-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.tsw-b-faqp-search { display: block; max-width: 520px; }
.tsw-b-faqp-search input { box-sizing: border-box; display: block; width: 100%; height: 48px; margin: 0; padding: 0 14px 0 44px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px center / 20px 20px; box-shadow: none; font: 400 16px/1.2 var(--font-body, Inter, system-ui, sans-serif); color: #111111; -webkit-appearance: none; appearance: none; }
.tsw-b-faqp-search input:focus { border-color: #111111; outline: none; }
.tsw-b-faqp-search input::placeholder { color: #6b6b6b; opacity: 1; }
.tsw-b-faqp-none { margin-top: 20px !important; color: #444444; }
.tsw-b-faqp-none[hidden], .tsw-b-faqp-topic[hidden], .tsw-b-faqpage details[hidden] { display: none; }
.tsw-b-faqpage .tsw-b-faqp-topic { max-width: none; margin: 40px 0 0; }
.tsw-b-faqp-topic h2 { margin-bottom: 8px !important; font-size: 22px !important; }
.tsw-b-faqpage details ul { margin: 0 0 18px !important; padding-left: 22px !important; list-style: disc; color: #444444; }
.tsw-b-faqpage details li { margin-bottom: 4px; }
.tsw-b-faqpage details p + p { margin-top: -6px !important; }

/* ============================================================================
   SEC121  NAV — Desktop menu v1: the header's links in Title Case and the white dropdown panels; the Round 2 frame
   ============================================================================ */
/* The panels are built by TSW DESKTOP MENU v1 (jQuery snippet) from DN's own lists; the header's links by the Body
   snippet. DN's old dropdowns (the black ones, SEC63) no longer open. Flat: no shadows, 4px corners. */
@media (min-width: 769px) {
  /* ---- the header's links: white, Title Case, underlined on hover (no pink, no growing text) ---- */
  html body #slim-nav .dn-slim-nav-item > a, html body #slim-nav .dn-more-trigger { font-size: 14px !important; letter-spacing: 0 !important; text-transform: none !important; color: #ffffff !important; transform: none !important; transition: none !important; will-change: auto !important; }
  html body #slim-nav .dn-slim-nav-item > a:hover, html body #slim-nav .dn-slim-nav-item.active > a { color: #ffffff !important; transform: none !important; }
  html body #slim-nav .dn-slim-nav-item > a:hover > span, html body #slim-nav .dn-more-trigger:hover > span:first-child { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; }
  html body #slim-nav .dn-slim-nav-item > a::after { display: none !important; }
  html body #slim-nav .dn-slim-nav-item > a:focus-visible, html body #slim-nav .dn-more-trigger:focus-visible { outline: 2px solid #ffffff; outline-offset: -8px; }
  /* ---- a section with a panel: its link, then a chevron button (click, Enter or Space opens the panel) ---- */
  html body #slim-nav .tsw-mm-item { position: relative; }
  html body #slim-nav .tsw-mm-item::before { display: none !important; }
  html body #slim-nav .tsw-mm-item > a { padding-right: 2px !important; }
  html body #slim-nav .tsw-mm-btn { display: flex; align-items: center; justify-content: center; width: 24px; height: 32px; margin: 0 8px 0 0; padding: 0; border: 0; border-radius: 4px; background: none; cursor: pointer; }
  html body #slim-nav .tsw-mm-btn svg { width: 14px; height: 14px; fill: none; stroke: #ffffff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; transition: transform .15s ease; }
  html body #slim-nav .tsw-mm-item.is-open .tsw-mm-btn svg { transform: rotate(180deg); }
  html body #slim-nav .tsw-mm-btn:focus-visible { outline: 2px solid #ffffff; outline-offset: 0; }
  /* the open section: its name stays underlined in white, as on hover, and its chevron flips (no pink bar) */
  html body #slim-nav .tsw-mm-item.is-open > a > span { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; }

  /* ---- the panel and the dimmed page ---- */
  .tsw-mm { position: fixed; top: var(--tsw-mm-top, 70px); left: 0; right: 0; z-index: 9998; max-height: calc(100vh - var(--tsw-mm-top, 70px)); overflow-y: auto; overscroll-behavior: contain; background: #ffffff; border-bottom: 1px solid #e6e6e6; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #333333; text-align: left; word-spacing: normal; }
  .tsw-mm-dim { position: fixed; top: var(--tsw-mm-top, 70px); left: 0; right: 0; bottom: 0; z-index: 9997; background: rgba(17, 17, 17, .4); }
  .tsw-mm-in { box-sizing: border-box; max-width: 1288px; margin: 0 auto; padding: 0 24px; display: flex; gap: 48px; }
  .tsw-mm-sec > .tsw-mm-in { padding-top: 32px; padding-bottom: 28px; }
  .tsw-mm-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 28px; }
  .tsw-mm ul, .tsw-mm li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
  .tsw-mm a { text-decoration: none !important; letter-spacing: 0 !important; text-transform: none !important; }
  .tsw-mm a:focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
  .tsw-mm a[aria-current="page"] { font-weight: 700 !important; color: #111111 !important; }
  /* the groups: one column each, the title linking to the whole group */
  .tsw-mm-cols { display: grid; grid-template-columns: repeat(var(--tsw-mm-cols, 5), minmax(0, 1fr)); gap: 32px; }
  html body .tsw-mm .tsw-mm-h { margin: 0 0 8px !important; padding: 0 0 10px !important; border-bottom: 1px solid #e6e6e6; font: 700 14px/1.3 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: 0 !important; text-transform: none !important; color: #111111 !important; text-align: left !important; }
  html body .tsw-mm .tsw-mm-h a { font: inherit !important; color: #111111 !important; }
  html body .tsw-mm .tsw-mm-h a:hover { text-decoration: underline !important; text-underline-offset: 3px; }
  html body .tsw-mm .tsw-mm-col li a { display: block; padding: 6px 0; font: 400 15px/1.4 var(--font-body, Inter, system-ui, sans-serif) !important; color: #333333 !important; }
  html body .tsw-mm .tsw-mm-col li a:hover { color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
  /* the card, in the Round 2 look (29 Sep 2026): the section's photo and name are one tile, as the home page's Shop by
     garment (the heavy ↗; it is Shop All), then a line and Start Designing. No grey box */
  .tsw-mm-card { flex: 0 0 300px; align-self: flex-start; box-sizing: border-box; display: flex; flex-direction: column; gap: 14px; }
  .tsw-mm-card-tile { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 12px 10px; color: #111111 !important; }
  .tsw-mm-card-img { display: block; overflow: hidden; background: #f2f2f2; }
  .tsw-mm-card-tile .tsw-mm-card-img { grid-column: 1 / -1; }
  .tsw-mm-card-img img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: 50% 20%; mix-blend-mode: multiply; transition: transform .3s ease; }
  html body .tsw-mm .tsw-mm-card-name { font: 800 26px/1.05 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.035em !important; color: inherit; }
  .tsw-mm svg.tsw-mm-arw { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 5.2; stroke-linecap: square; stroke-linejoin: miter; }
  .tsw-mm-card-tile:hover { color: var(--tsw-magenta, #ec008c) !important; }
  .tsw-mm-card-tile:hover .tsw-mm-card-img img { transform: scale(1.04); }
  html body .tsw-mm .tsw-mm-card-h { margin: 0 !important; font: 800 26px/1.05 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.035em !important; text-transform: none !important; color: #111111 !important; }
  html body .tsw-mm .tsw-mm-card-p { margin: 0 !important; font: 400 14px/1.45 var(--font-body, Inter, system-ui, sans-serif) !important; color: #6b6b6b !important; }
  html body .tsw-mm .tsw-mm-go { display: flex; align-items: center; justify-content: center; height: 44px; box-sizing: border-box; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; }
  html body .tsw-mm .tsw-mm-go:hover { background: #111111; color: #ffffff !important; }
  html body .tsw-mm .tsw-mm-go.is-main { border-color: var(--tsw-cta, #d10074); background: var(--tsw-cta, #d10074); color: #ffffff !important; }
  html body .tsw-mm .tsw-mm-go.is-main:hover { border-color: var(--tsw-cta-hover, #a8005e); background: var(--tsw-cta-hover, #a8005e); }
  /* picture tiles: a section's garments as Shop by garment tiles (the photo on grey, the name and a small heavy ↗
     under it), and the design themes */
  .tsw-mm-tiles { display: flex; gap: 16px; }
  .tsw-mm-tiles > li { width: 150px; }
  .tsw-mm-tile { display: flex; flex-direction: column; gap: 8px; color: #111111; }
  .tsw-mm-tiles .tsw-mm-tile { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px 8px; }
  .tsw-mm-tile-img { display: block; overflow: hidden; background: #f2f2f2; }
  .tsw-mm-tiles .tsw-mm-tile-img { grid-column: 1 / -1; }
  .tsw-mm-tiles .tsw-mm-tile-img img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: 50% 20%; mix-blend-mode: multiply; transition: transform .3s ease; }
  html body .tsw-mm .tsw-mm-tile-name { font: 800 15px/1.2 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.01em; color: inherit; }
  .tsw-mm-tiles svg.tsw-mm-arw { width: 16px; height: 16px; stroke-width: 5; }
  .tsw-mm-tiles .tsw-mm-tile:hover { color: var(--tsw-magenta, #ec008c); }
  .tsw-mm-tiles .tsw-mm-tile:hover .tsw-mm-tile-img img { transform: scale(1.04); }
  .tsw-mm-themes .tsw-mm-tile:hover .tsw-mm-tile-name { text-decoration: underline; text-underline-offset: 3px; }
  .tsw-mm-dhead { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
  html body .tsw-mm .tsw-mm-dhead .tsw-mm-h { margin: 0 !important; padding: 0 !important; border: 0; }
  html body .tsw-mm .tsw-mm-more { font: 600 14px/1.3 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
  .tsw-mm-themes { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 16px; }
  .tsw-mm-themes .tsw-mm-tile-img { aspect-ratio: 1 / 1; background: #a8a8a8; }
  .tsw-mm-themes .tsw-mm-tile-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
  /* the foot: brands, and three plain facts, on white under a hairline */
  .tsw-mm-foot { background: #ffffff; border-top: 1px solid #e6e6e6; }
  .tsw-mm-foot > .tsw-mm-in { min-height: 48px; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; padding-top: 8px; padding-bottom: 8px; }
  html body .tsw-mm .tsw-mm-brands, html body .tsw-mm .tsw-mm-facts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; margin: 0 !important; font: 400 14px/1.4 var(--font-body, Inter, system-ui, sans-serif) !important; color: #333333 !important; }
  html body .tsw-mm .tsw-mm-brands a { color: #333333 !important; font: inherit !important; }
  html body .tsw-mm .tsw-mm-brands a:hover { color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
  html body .tsw-mm .tsw-mm-brands .tsw-mm-brands-h { font-weight: 700 !important; color: #111111 !important; }
  html body .tsw-mm .tsw-mm-facts { margin-left: auto !important; }
}
@media (min-width: 769px) {
  /* ---- Start Designing: DN's Customise link as a solid white button beside the icons ---- */
  html body .dn-slim-nav-icons .tsw-hdr-design { display: inline-flex; align-items: center; height: 40px; box-sizing: border-box; margin-right: 6px; padding: 0 16px; border: 1.5px solid #ffffff; border-radius: 4px; background: #ffffff; font: 700 14px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: 0; text-transform: none; white-space: nowrap; color: #111111 !important; text-decoration: none !important; }
  html body .dn-slim-nav-icons .tsw-hdr-design:hover { background: #111111; color: #ffffff !important; }
  html body .dn-slim-nav-icons .tsw-hdr-design:focus-visible { outline: 2px solid #ffffff; outline-offset: 2px; }
  /* More waits, hidden, until the header's links need it */
  html body #slim-nav .dn-nav-more.is-empty { display: none !important; }
  /* More: white, like the Help list (it was DN's black box with centred capitals and a pink hover) */
  html body #slim-nav .dn-more-dropdown { top: 100% !important; width: 260px !important; min-width: 0 !important; padding: 8px 0 !important; background: #ffffff !important; border: 1px solid #e6e6e6 !important; border-top: 0 !important; border-radius: 0 0 4px 4px !important; }
  html body #slim-nav .dn-more-dropdown a { padding: 10px 20px !important; border: 0 !important; font: 400 15px/1.4 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: 0 !important; text-transform: none !important; text-align: left !important; color: #333333 !important; transition: none !important; }
  html body #slim-nav .dn-more-dropdown a:hover { background: #f5f5f5 !important; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
  /* the More list sits inside a top-menu item, so the bar's hover (zoom to 120% and the pink underline) reached its links: they grew out of the box (5 Oct 2026) */
  html body #slim-nav .dn-more-dropdown a, html body #slim-nav .dn-more-dropdown a:hover { transform: none !important; }
  html body #slim-nav .dn-more-dropdown a::after { display: none !important; }
  html body #slim-nav .dn-more-dropdown a:focus-visible { outline: 2px solid #111111; outline-offset: -2px; }
  /* ---- Help: a small list under its name, not a full-width panel ---- */
  .tsw-mm.is-small { left: var(--tsw-mm-left, auto); right: auto; width: 300px; border: 1px solid #e6e6e6; border-top: 0; border-radius: 0 0 4px 4px; }
  html body .tsw-mm .tsw-mm-help { padding: 8px 0 !important; }
  html body .tsw-mm .tsw-mm-help a { display: block; padding: 10px 20px; font: 400 15px/1.4 var(--font-body, Inter, system-ui, sans-serif) !important; color: #333333 !important; }
  html body .tsw-mm .tsw-mm-help a:hover { background: #f5f5f5; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
  html body .tsw-mm .tsw-mm-call { display: flex; flex-wrap: wrap; gap: 2px 6px; margin: 0 !important; padding: 14px 20px 16px; border-top: 1px solid #e6e6e6; background: #f5f5f5; font: 400 14px/1.45 var(--font-body, Inter, system-ui, sans-serif) !important; color: #333333 !important; }
  html body .tsw-mm .tsw-mm-call a { font-weight: 700 !important; color: #111111 !important; }
  html body .tsw-mm .tsw-mm-call span { flex-basis: 100%; }
}
/* laptops up to 1279px: slightly smaller header links and no "Cart" word, so Start Designing leaves room for them */
@media (min-width: 769px) and (max-width: 1279px) {
  html body #slim-nav .dn-slim-nav-item > a, html body #slim-nav .dn-more-trigger { font-size: 13px !important; padding-left: 9px !important; padding-right: 9px !important; }
  html body #slim-nav .tsw-mm-item > a { padding-right: 2px !important; }
  html body #slim-nav .tsw-mm-btn { width: 20px; margin-right: 4px; }
  .dn-slim-nav-icons .tsw-dcart-word { display: none; }
  .dn-slim-nav-icons .tsw-dcart { padding: 0 8px !important; }
}
/* narrower screens: a slimmer card, then none; fewer theme columns */
@media (min-width: 769px) and (max-width: 1099px) {
  html body #slim-nav .dn-slim-nav-item > a, html body #slim-nav .dn-more-trigger { font-size: 13px !important; }
  html body #slim-nav .tsw-mm-btn { width: 20px; margin-right: 4px; }
  .tsw-mm-in { gap: 28px; }
  .tsw-mm-cols { gap: 20px; }
  .tsw-mm-card { flex-basis: 220px; }
  html body .tsw-mm :is(.tsw-mm-card-name),
html body .tsw-mm :is(.tsw-mm-card-h) { font-size: 22px !important; }
  .tsw-mm-card-tile svg.tsw-mm-arw { width: 22px; height: 22px; }
  .tsw-mm-themes { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  html body .tsw-mm .tsw-mm-facts { display: none; }
}
@media (min-width: 769px) and (max-width: 959px) {
  .tsw-mm-card { display: none; }
}
/* phones: the phone menu (SEC113) does this job */
@media (max-width: 768px) {
  .tsw-mm, .tsw-mm-dim { display: none !important; }
}
.tsw-mm[hidden], .tsw-mm-dim[hidden], .tsw-mm-sec[hidden] { display: none !important; }

/* ---- the Round 2 frame: the desktop header takes the page's side margin (--tsw-gutter: 48px on wide screens, as on
        the home page and in the footer), so Cart ends on the right-hand line. The logo image has blank edges (23px
        left and 17px right of its 377 × 120): negative margins trim them at each of its heights, so the pink mark
        itself starts on the left-hand line and the links get that room back. Where the links are tightest they give
        up a little of their padding too (the side next to a chevron stays), so the same ones fit as before. If they
        still don't fit, the header script moves the last ones into MORE ---- */
@media (min-width: 769px) {
  html body .dn-slim-header-container { padding-left: var(--tsw-gutter, 16px) !important; padding-right: var(--tsw-gutter, 16px) !important; }
  .dn-slim-logo img { margin: 0 -9.9px 0 -13.4px; }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .dn-slim-logo img { margin: 0 -9.2px 0 -12.5px; }
  html body #slim-nav .dn-slim-nav-item > a, html body #slim-nav .dn-more-trigger { padding-left: 10px !important; }
  html body #slim-nav .dn-slim-nav-item:not(.tsw-mm-item) > a, html body #slim-nav .dn-more-trigger { padding-right: 10px !important; }
}
@media (min-width: 1100px) and (max-width: 1279px) { .dn-slim-logo img { margin: 0 -8.5px 0 -11.5px; } }
@media (min-width: 769px) and (max-width: 1099px) {
  .dn-slim-logo img { margin: 0 -6.2px 0 -8.4px; }
  html body #slim-nav .dn-slim-nav-item > a, html body #slim-nav .dn-more-trigger { padding-left: 8px !important; }
  html body #slim-nav .dn-slim-nav-item:not(.tsw-mm-item) > a, html body #slim-nav .dn-more-trigger { padding-right: 8px !important; }
}

/* ============================================================================
   SEC122  PRICING — Quick price v1: the Pricing page as one screen over DN's Quick Quote
   ============================================================================ */
/* The markup is TSW QUICK PRICE v1 (jQuery snippet), which adds body.tsw-qp once DN's Quick Quote is on the page
   (and body.tsw-qp-has once a garment is chosen); blocks/pricing-top.html is the heading above it. DN's own panels
   (colours, sizes, the product view) are shown together and restyled; its steps, buttons and price stay hidden.
   Without the script none of this applies and DN's wizard shows as before. */

/* ---- the top block: heading, promise and four facts ---- */
.tsw-b-pricetop-in { padding: 32px 0 0; }
.tsw-b-pricetop-in h1 { margin-top: 6px !important; }
.tsw-b-pricetop-in .tsw-b-hero-lead { margin-top: 12px; }
.tsw-b-pricetop-facts { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 18px !important; font-size: 15px; font-weight: 600; color: #111111; }
.tsw-b-pricetop-facts li { display: flex; align-items: center; gap: 8px; }
.tsw-b-pricetop-facts svg { width: 18px !important; height: 18px !important; stroke-width: 2.5 !important; }

/* ---- the old page leftovers: the "Also try…" tiles always; the "Quick price" heading, intro text and "Buy more" box
   once the new top block is on the page. Delete them in DN's editor when convenient ---- */
body.dn-page-quick_quote:not(.dn-edit-mode) :is(.dn-page-section-0c92d50c-8466-4742-a9f5-95d47693023b),
body.dn-page-quick_quote:not(.dn-edit-mode) :is(.dn-page-section-b5344413-bd54-4139-a1b3-d6beb202c0d7),
body.dn-page-quick_quote:not(.dn-edit-mode) :is(.dn-page-section-57f08e5f-6890-4633-b64c-961614f8d647),
body.dn-page-quick_quote:not(.dn-edit-mode) :is(.dn-page-section-d9dec246-5961-4ec8-88b5-c91d309ab240),
body.dn-page-quick_quote:not(.dn-edit-mode) :is(.dn-page-section-0ae48b63-6716-4eaf-bc04-5e9000ff9e3a) { display: none !important; }
body.dn-page-quick_quote:not(.dn-edit-mode):has(.tsw-b-pricetop) :is(.dn-page-section-4143d445-8737-4df5-8f04-a14054de0d89),
body.dn-page-quick_quote:not(.dn-edit-mode):has(.tsw-b-pricetop) :is(.dn-page-section-feb5452b-26d8-406a-a528-3ebcd590fa58) { display: none !important; }
body.dn-page-quick_quote:not(.dn-edit-mode):has(.tsw-b-pricetop) .dn-page-section-d8dff764-0244-46c5-a40f-760cf1390a04 .dn-widget-heading { display: none !important; }

/* ---- the frame ---- */
body.tsw-qp .dn-widget:has(.dn-quick-quote-container) > .dn-widget-content-container { padding: 0 !important; border: 0 !important; background: none !important; }
body.tsw-qp .dn-quick-quote-container { box-sizing: border-box; max-width: 1240px; margin: 0 auto 72px; padding: 0 24px; font-family: var(--font-body, Inter, system-ui, sans-serif); font-size: 16px; line-height: 1.5; color: #333333; text-align: left; word-spacing: normal; }
body.tsw-qp .dn-quick-quote-container *, body.tsw-qp .dn-quick-quote-container *::before, body.tsw-qp .dn-quick-quote-container *::after { box-sizing: border-box; }
/* DN spaces its list items with a negative letter spacing (about -5px), which squashes our text */
body.tsw-qp .dn-quick-quote-container :is(ul),
body.tsw-qp .dn-quick-quote-container :is(ol),
body.tsw-qp .dn-quick-quote-container :is(li),
body.tsw-qp .dn-quick-quote-container :is(p) { letter-spacing: normal; }
body.tsw-qp :is(.dn-quick-quote-steps),
body.tsw-qp :is(.dn-quick-quote-actions),
body.tsw-qp :is(#quick_quote_content_0),
body.tsw-qp :is(#quick_quote_content_2),
body.tsw-qp :is(#quick_quote_content_4),
body.tsw-qp :is(#quick_quote_product_name),
body.tsw-qp :is(#quick_quote_product_details_panel .dn-product-description) { display: none !important; }
/* the script's hidden parts stay hidden (the rules below set display, which would otherwise win over [hidden]) */
body.tsw-qp .dn-quick-quote-container [hidden] { display: none !important; }
/* until the script takes over, DN's wizard keeps its space but doesn't flash up (it shows at once if the script gives
   up, .tsw-qp-off, or after 6 s if the script never arrives); the space is kept so the footer doesn't jump when the
   garments load */
body.dn-page-quick_quote:not(.dn-edit-mode) .dn-quick-quote-container { min-height: 1100px; }
/* the box doesn't move as the script takes over (Polish v2): while it waits it already has the script's width and
   padding, and the first step's top margin stays inside it (flow-root) rather than moving it down 31px */
body.dn-page-quick_quote:not(.dn-edit-mode) .dn-quick-quote-container { display: flow-root; }
body.dn-page-quick_quote:not(.dn-edit-mode):not(.tsw-qp):not(.tsw-qp-off) .dn-quick-quote-container { box-sizing: border-box; max-width: 1240px; margin: 0 auto 72px; padding: 0 24px; }
@media (max-width: 768px) {
  body.dn-page-quick_quote:not(.dn-edit-mode):not(.tsw-qp):not(.tsw-qp-off) .dn-quick-quote-container { padding: 0 16px; }
}
body.dn-page-quick_quote:not(.dn-edit-mode):not(.tsw-qp):not(.tsw-qp-off) .dn-quick-quote-container > * { visibility: hidden; animation: tsw-qp-reveal 0s linear 6s forwards; }
@keyframes tsw-qp-reveal { to { visibility: visible; } }
body.tsw-qp:not(.tsw-qp-has) .dn-quick-quote-content { display: none !important; }
body.tsw-qp .tsw-qp :is(h2),
body.tsw-qp .tsw-qp :is(h4),
body.tsw-qp .dn-quick-quote-container :is(h2),
body.tsw-qp .dn-quick-quote-container :is(h4) { margin: 0; font-family: var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; text-transform: none !important; letter-spacing: 0 !important; text-align: left !important; }
body.tsw-qp .dn-quick-quote-container h2 { display: flex; align-items: center; gap: 10px; font-size: 22px !important; font-weight: 800 !important; line-height: 1.2 !important; }
body.tsw-qp .dn-quick-quote-container h4 { margin: 0 0 10px !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.3 !important; }
body.tsw-qp .tsw-qp-n { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #111111; font-size: 14px; font-weight: 800; color: #ffffff; }
body.tsw-qp .dn-quick-quote-container svg { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; }
body.tsw-qp .dn-quick-quote-container a { color: #111111; text-decoration: underline; text-underline-offset: 3px; text-transform: none; letter-spacing: 0; }
body.tsw-qp .dn-quick-quote-container :is(button):focus-visible,
body.tsw-qp .dn-quick-quote-container :is(a):focus-visible,
body.tsw-qp .dn-quick-quote-container :is(input):focus-visible,
body.tsw-qp .dn-quick-quote-container :is(select):focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
body.tsw-qp .tsw-qp-small { margin: 8px 0 0; font-size: 13px; color: #6b6b6b; }
body.tsw-qp .tsw-qp-link { padding: 0; border: 0; background: none; font: 600 14px/1.3 var(--font-body, Inter, system-ui, sans-serif); color: #111111; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
body.tsw-qp .tsw-qp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; margin: 0; padding: 0 20px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: 0; text-transform: none; color: #111111; cursor: pointer; }
body.tsw-qp .tsw-qp-btn:hover:not(:disabled) { background: #111111; color: #ffffff; }
body.tsw-qp .tsw-qp-btn:disabled { border-color: #e6e6e6; color: #9a9a9a; cursor: default; }
body.tsw-qp .tsw-qp-btn.is-main { border-color: var(--tsw-cta, #d10074); background: var(--tsw-cta, #d10074); color: #ffffff; }
body.tsw-qp .tsw-qp-btn.is-main:hover { border-color: var(--tsw-cta-hover, #a8005e); background: var(--tsw-cta-hover, #a8005e); }

/* ---- 1. choose a garment ---- */
/* Pricing v2 (30 Sep 2026): the step numbers as Get a Quote's (big pink figures) and the heading at its size; step 1 is
   the garment panel's opener (TSW GARMENT PANEL v1, #tsw-cp) with "or Get a full quote" beside it, above the fold */
.tsw-b-pricetop-in h1 { font-size: clamp(40px, 4.6vw, 64px) !important; line-height: 1 !important; letter-spacing: -0.045em !important; }
body.tsw-qp .dn-quick-quote-container h2 { align-items: baseline; gap: 14px; font-size: 30px !important; line-height: 1.05 !important; letter-spacing: -0.035em !important; }
body.tsw-qp .tsw-qp-n { display: inline-block; width: auto; height: auto; border-radius: 0; background: none; font: 800 44px/.9 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.04em; color: var(--tsw-magenta, #ec008c); }
body.tsw-qp .tsw-qp-start { display: flex; align-items: stretch; gap: 20px; margin-top: 20px; }
body.tsw-qp .tsw-qp-open { flex: 1 1 auto; display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 68px; margin: 0; padding: 0 10px 0 18px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff;
  font: 400 16px/1.2 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; text-align: left; color: #6b6b6b; cursor: pointer; }
body.tsw-qp .tsw-qp-open:hover { border-color: #111111; }
body.tsw-qp .tsw-qp-open svg { width: 20px; height: 20px; stroke: #6b6b6b; }
body.tsw-qp .tsw-qp-open span { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body.tsw-qp .tsw-qp-open b { flex: none; display: inline-flex; align-items: center; height: 48px; padding: 0 22px; border-radius: 4px; background: #111111; font-size: 15px; font-weight: 700; color: #ffffff; }
body.tsw-qp .tsw-qp-or { flex: none; display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0 !important; font: 700 12px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
body.tsw-qp .tsw-qp-or::before, body.tsw-qp .tsw-qp-or::after { content: ''; flex: 1 1 auto; width: 1px; min-height: 12px; background: #e6e6e6; }
body.tsw-qp a.tsw-qp-quote { flex: 0 1 380px; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 68px; padding: 10px 16px 10px 20px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; color: #111111; text-decoration: none; }
body.tsw-qp a.tsw-qp-quote > span { display: flex; flex-direction: column; gap: 3px; }
body.tsw-qp a.tsw-qp-quote b { font: 800 18px/1.15 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.015em; }
body.tsw-qp a.tsw-qp-quote small { font: 400 13px/1.35 var(--font-body, Inter, system-ui, sans-serif); color: #5f5f5f; }
body.tsw-qp a.tsw-qp-quote .tsw-qp-ne { width: 22px; height: 22px; stroke-width: 2.5; }
/* Popular: six one-tap garments under step 1 (DN's Best Sellers) */
body.tsw-qp .tsw-qp-pop { margin-top: 28px; }
body.tsw-qp .tsw-qp-pop-h { margin: 0 0 10px; font: 700 12px/1.3 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
body.tsw-qp .tsw-qp-pop ul { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
body.tsw-qp .tsw-qp-pop li { margin: 0; padding: 0; list-style: none; }
body.tsw-qp .tsw-qp-pop-card { display: flex; flex-direction: column; gap: 8px; width: 100%; margin: 0; padding: 0 0 10px; overflow: hidden; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff;
  font: 700 14px/1.25 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; text-align: left; color: #111111; cursor: pointer; }
body.tsw-qp .tsw-qp-pop-img { display: block; aspect-ratio: 1 / 1; background: #f2f2f2; }
body.tsw-qp .tsw-qp-pop-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; mix-blend-mode: multiply; }
body.tsw-qp .tsw-qp-pop-name { padding: 0 10px; }
body.tsw-qp.tsw-qp-has .tsw-qp-pop { display: none; }
@media (hover: hover) {
  body.tsw-qp a.tsw-qp-quote:hover { background: #111111; color: #ffffff; }
  body.tsw-qp a.tsw-qp-quote:hover small { color: #d6d6d6; }
}
@media (max-width: 767px) {
  body.tsw-qp .dn-quick-quote-container h2 { font-size: 24px !important; gap: 12px; }
  body.tsw-qp .tsw-qp-n { font-size: 38px; }
  body.tsw-qp .tsw-qp-start { flex-direction: column; gap: 12px; margin-top: 16px; }
  body.tsw-qp .tsw-qp-open { min-height: 60px; }
  body.tsw-qp .tsw-qp-or { flex-direction: row; gap: 12px; }
  body.tsw-qp .tsw-qp-or::before, body.tsw-qp .tsw-qp-or::after { width: auto; height: 1px; min-height: 0; }
  body.tsw-qp a.tsw-qp-quote { flex: none; min-height: 64px; }
  body.tsw-qp .tsw-qp-pop ul { display: flex; gap: 10px; margin: 0 -20px; padding: 0 20px 4px; overflow-x: auto; scrollbar-width: none; }
  body.tsw-qp .tsw-qp-pop ul::-webkit-scrollbar { display: none; }
  body.tsw-qp .tsw-qp-pop li { flex: 0 0 132px; }
}
@media (hover: hover) { body.tsw-qp .tsw-qp-pop-card:hover { border-color: #111111; } }
body.tsw-qp .tsw-qp-pick { margin-top: 36px; }
body.tsw-qp .tsw-qp-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }

/* ---- 2. colour, where to print, how many ---- */
body.tsw-qp .tsw-qp-order-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin: 48px 0 20px; padding-top: 32px; border-top: 1.5px solid #e6e6e6; }
body.tsw-qp .tsw-qp-order-head h2:focus { outline: none; }
body.tsw-qp .tsw-qp-chosen { display: flex; align-items: center; gap: 12px; }
body.tsw-qp .tsw-qp-chosen img { width: 56px; height: 56px; object-fit: cover; border-radius: 4px; background: #f5f5f5; }
body.tsw-qp .tsw-qp-chosen p { display: flex; flex-direction: column; margin: 0; font-size: 13px; color: #6b6b6b; }
body.tsw-qp .tsw-qp-chosen b { font-size: 16px; color: #111111; }
body.tsw-qp .tsw-qp-chosen .tsw-qp-link { margin-left: 8px; }
body.tsw-qp.tsw-qp-has .dn-quick-quote-content { display: grid !important; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) minmax(300px, 4fr); gap: 32px; align-items: start; }
body.tsw-qp.tsw-qp-has :is(#quick_quote_main_image_panel),
body.tsw-qp.tsw-qp-has :is(#quick_quote_product_details_panel) { display: block !important; float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
body.tsw-qp #quick_quote_main_image_panel { position: sticky; top: 90px; }
body.tsw-qp #quick_quote_main_image_panel .dn-product-main-image-container { border: 1.5px solid #e6e6e6; border-radius: 4px; background: #f5f5f5; overflow: hidden; }
body.tsw-qp.tsw-qp-has :is(#quick_quote_content_1),
body.tsw-qp.tsw-qp-has :is(#quick_quote_content_3) { display: block !important; margin: 0 0 28px !important; padding: 0 !important; }
/* colour: round swatches, as on the product page */
body.tsw-qp #type_colors_container h4 .tsw-qp-colour { margin-left: 6px; font-weight: 400; color: #444444; }
body.tsw-qp #type_colors_container .dn-color-panel { display: flex; flex-wrap: wrap; gap: 8px; }
body.tsw-qp #type_colors_container .dn-color-panel[style*="none"] { display: none !important; }
body.tsw-qp #type_colors_container .dn-color-panel-cell { position: relative; flex: none; width: 32px !important; height: 32px !important; max-width: 32px !important; margin: 0 !important; padding: 0 !important; overflow: hidden; border: 2px solid #ffffff !important; border-radius: 50% !important; box-shadow: 0 0 0 1.5px #e6e6e6; cursor: pointer; float: none !important; }
body.tsw-qp #type_colors_container .dn-color-panel-cell span { display: block; width: 100%; border-radius: 0 !important; }
body.tsw-qp #type_colors_container .dn-color-panel-cell b { display: none !important; }
body.tsw-qp #type_colors_container .dn-color-panel-cell::after { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); pointer-events: none; }
body.tsw-qp #type_colors_container .dn-color-panel-cell:hover { box-shadow: 0 0 0 1.5px #6b6b6b; }
body.tsw-qp #type_colors_container .dn-color-panel-cell.dn-selected { box-shadow: 0 0 0 2px #111111; }
body.tsw-qp #type_colors_container .dn-color-panel-cell:focus-visible { outline: 2px solid #111111; outline-offset: 3px; }
/* where to print: a chip per area */
body.tsw-qp .tsw-qp-areas-sec { margin: 0 0 28px; }
body.tsw-qp .tsw-qp-areas { display: flex; flex-wrap: wrap; gap: 8px; }
body.tsw-qp .tsw-qp-chip { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px 0 12px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; font: 600 15px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111; cursor: pointer; }
body.tsw-qp .tsw-qp-chip:hover { border-color: #111111; }
body.tsw-qp .tsw-qp-chip.is-on { border-color: #111111; background: #111111; color: #ffffff; }
body.tsw-qp .tsw-qp-how { height: 44px; padding: 0 12px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; font: 600 14px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111; }
/* how many: a box per size, with − and + */
body.tsw-qp #quick_quote_content_3 .dn-d-size-field-container > label, body.tsw-qp #quick_quote_content_3 #qty_label { display: none !important; }
body.tsw-qp #quick_quote_content_3 :is(ul),
body.tsw-qp #quick_quote_content_3 :is(li) { margin: 0; padding: 0; list-style: none; }
body.tsw-qp #quick_quote_content_3 .dn-d-size-chart-link { float: right; margin-top: -32px; font-size: 14px; font-weight: 600; }
body.tsw-qp #quick_quote_content_3 .dn-d-size-multi-container ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
body.tsw-qp #quick_quote_content_3 .dn-d-size-multi-container li { display: flex; flex-direction: column; overflow: hidden; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; float: none !important; width: auto !important; }
body.tsw-qp #quick_quote_content_3 .dn-d-size-multi-container li > label:not([for]) { display: block !important; padding: 7px 0 6px; font: 700 13px/1.2 var(--font-body, Inter, system-ui, sans-serif); text-align: center; color: #111111; }
body.tsw-qp #quick_quote_content_3 .dn-d-size-multi-container li.is-on { border-color: #111111; }
body.tsw-qp #quick_quote_content_3 .dn-d-size-multi-container li.is-on > label:not([for]) { background: #111111; color: #ffffff; }
body.tsw-qp .tsw-qp-step-row { display: flex; align-items: center; background: #f5f5f5; }
body.tsw-qp .tsw-qp-step { flex: none; width: 30px; height: 36px; padding: 0; border: 0; background: none; font: 700 18px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111; cursor: pointer; }
body.tsw-qp .tsw-qp-step:disabled { color: #c4c4c4; cursor: default; }
body.tsw-qp #quick_quote_content_3 input.dn-d-size-multi, body.tsw-qp #quick_quote_content_3 #qty { flex: 1 1 auto; width: 100% !important; min-width: 0; height: 36px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif) !important; text-align: center; color: #111111 !important; }
body.tsw-qp #quick_quote_content_3 #qty_container { display: inline-flex; width: 150px; overflow: hidden; border: 1.5px solid #111111; border-radius: 4px; background: #f5f5f5; }
body.tsw-qp #quick_quote_content_3 #qty_container[style*="none"] { display: none !important; }
body.tsw-qp .tsw-qp-count { margin: 10px 0 0; font-size: 14px; font-weight: 600; color: #111111; }
body.tsw-qp #quick_quote_content_3 #c_bun_info { margin: 8px 0 0; font-size: 13px; color: #6b6b6b; }
body.tsw-qp #quick_quote_content_3.tsw-qp-min1 #c_bun_info { display: none !important; }
/* a size drop-down with one box (caps, bags), or one plain box */
body.tsw-qp #quick_quote_content_3 .dn-select-size-qty-container { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body.tsw-qp #quick_quote_content_3 .dn-select-size-qty-container select { height: 44px; margin: 0; padding: 0 36px 0 12px; border: 1.5px solid #e6e6e6; border-radius: 4px; background-color: #ffffff; font: 600 15px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111; }
body.tsw-qp #quick_quote_content_3 :is(#dn_single_size_qty_container) > .tsw-qp-step-row,
body.tsw-qp #quick_quote_content_3 :is(#qty_container) > .tsw-qp-step-row,
body.tsw-qp #quick_quote_content_3 .dn-size-qty-container > .tsw-qp-step-row { width: 150px; overflow: hidden; border: 1.5px solid #111111; border-radius: 4px; }
body.tsw-qp #quick_quote_content_3 :is(#dn_single_size_qty_container) label,
body.tsw-qp #quick_quote_content_3 :is(.dn-size-qty-container) label { display: none !important; }
body.tsw-qp #quick_quote_content_3 input[id^="sizes_"] { flex: 1 1 auto; width: 100% !important; min-width: 0; height: 40px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font: 700 16px/1 var(--font-body, Inter, system-ui, sans-serif) !important; text-align: center; color: #111111 !important; }
body.tsw-qp #quick_quote_content_3 #qty_container { border: 0; background: none; }

/* ---- 3. your price ---- */
body.tsw-qp .tsw-qp-price { position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px; padding: 24px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; }
body.tsw-qp .tsw-qp-price p, body.tsw-qp .tsw-qp-price ol, body.tsw-qp .tsw-qp-price ul { margin: 0; padding: 0; list-style: none; }
body.tsw-qp .tsw-qp-price.is-loading .tsw-qp-sum { opacity: .45; }
body.tsw-qp .tsw-qp-hint { font-size: 15px; color: #444444; }
body.tsw-qp .tsw-qp-sum { display: flex; flex-direction: column; gap: 6px; }
body.tsw-qp .tsw-qp-sum[hidden] { display: none; }
body.tsw-qp .tsw-qp-total b { font-size: 38px; font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; color: #111111; }
body.tsw-qp .tsw-qp-total span { font-size: 15px; color: #444444; }
body.tsw-qp .tsw-qp-each { font-size: 16px; font-weight: 600; color: #111111; }
body.tsw-qp .tsw-qp-save:empty { display: none; }
body.tsw-qp .tsw-qp-save { align-self: flex-start; padding: 6px 10px; border-radius: 4px; background: #e9f6ee; font-size: 14px; color: #14532d; }
body.tsw-qp .tsw-qp-save s { margin-right: 6px; color: #3f6b50; }
body.tsw-qp .tsw-qp-tiers-h { margin: 4px 0 -6px !important; font-size: 13px; font-weight: 600; color: #444444; }
body.tsw-qp .tsw-qp-tiers { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
body.tsw-qp .tsw-qp-tiers li { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 8px 2px; border: 1.5px solid #e6e6e6; border-radius: 4px; text-align: center; }
body.tsw-qp .tsw-qp-tiers b { font-size: 15px; font-weight: 800; color: #111111; white-space: nowrap; }
body.tsw-qp .tsw-qp-tiers span { font-size: 12px; color: #6b6b6b; }
body.tsw-qp .tsw-qp-tiers li.is-past { border-color: #c4c4c4; }
body.tsw-qp .tsw-qp-tiers li.is-on { border-color: #111111; background: #111111; }
body.tsw-qp .tsw-qp-tiers li.is-on :is(b),
body.tsw-qp .tsw-qp-tiers li.is-on :is(span) { color: #ffffff; }
body.tsw-qp .tsw-qp-next { font-size: 15px; color: #111111; }
body.tsw-qp .tsw-qp-next:empty { display: none; }
body.tsw-qp .tsw-qp-acts { display: flex; flex-direction: column; gap: 10px; }
body.tsw-qp .tsw-qp-go { height: 52px; font-size: 16px; }
body.tsw-qp .tsw-qp-go-note { margin-top: -2px !important; font-size: 13px; color: #6b6b6b; }
body.tsw-qp .tsw-qp-inc { display: flex; flex-direction: column; gap: 6px; padding-top: 14px !important; border-top: 1.5px solid #e6e6e6; font-size: 14px; color: #444444; }
body.tsw-qp .tsw-qp-inc li { display: flex; gap: 8px; }
body.tsw-qp .tsw-qp-inc svg { width: 16px; height: 16px; margin-top: 2px; color: #111111; }
body.tsw-qp .tsw-qp-quote { font-size: 14px; color: #444444; }
body.tsw-qp .tsw-qp-tax { display: none; }

/* ---- your prices ---- */
body.tsw-qp .tsw-qp-saved { margin-top: 56px; padding-top: 32px; border-top: 1.5px solid #e6e6e6; }
body.tsw-qp .tsw-qp-saved[hidden] { display: none; }
body.tsw-qp .tsw-qp-rows { margin: 16px 0 0; padding: 0; list-style: none; border-top: 1.5px solid #e6e6e6; }
body.tsw-qp .tsw-qp-row { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto auto; align-items: center; gap: 16px; margin: 0; padding: 14px 8px; border-bottom: 1.5px solid #e6e6e6; list-style: none; }
body.tsw-qp .tsw-qp-row.is-new { background: #f5f5f5; }
body.tsw-qp .tsw-qp-row img { width: 64px; height: 64px; object-fit: cover; border-radius: 4px; background: #f5f5f5; }
body.tsw-qp .tsw-qp-row p { margin: 0; }
body.tsw-qp .tsw-qp-row-what { display: flex; flex-direction: column; gap: 2px; font-size: 13px; color: #6b6b6b; }
body.tsw-qp .tsw-qp-row-what b { font-size: 16px; color: #111111; }
body.tsw-qp .tsw-qp-row-num { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-size: 13px; color: #444444; text-align: right; }
body.tsw-qp .tsw-qp-row-num b { font-size: 20px; font-weight: 800; color: #111111; }
body.tsw-qp .tsw-qp-row-num em { margin-top: 4px; padding: 2px 8px; border-radius: 4px; background: #111111; font-size: 12px; font-style: normal; font-weight: 700; color: #ffffff; }
body.tsw-qp .tsw-qp-row-acts { display: flex; align-items: center; gap: 4px; }
body.tsw-qp .tsw-qp-row-acts .tsw-qp-btn { height: 40px; padding: 0 16px; font-size: 14px; }
body.tsw-qp .tsw-qp-x { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 4px; background: none; color: #6b6b6b; cursor: pointer; }
body.tsw-qp .tsw-qp-x:hover { background: #f5f5f5; color: #111111; }

/* ---- narrower screens ---- */
@media (max-width: 1099px) {
  body.tsw-qp.tsw-qp-has .dn-quick-quote-content { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); }
  body.tsw-qp #quick_quote_main_image_panel { grid-row: 1 / span 2; }
  body.tsw-qp .tsw-qp-price { grid-column: 2; position: static; }
}
@media (max-width: 860px) {
}
@media (max-width: 768px) {
  body.tsw-qp .dn-quick-quote-container { padding: 0 16px; }
  body.tsw-qp.tsw-qp-has .dn-quick-quote-content { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  body.tsw-qp #quick_quote_main_image_panel { position: static; grid-row: auto; width: 100% !important; max-width: 240px !important; margin: 0 auto !important; }
  body.tsw-qp .tsw-qp-price { grid-column: auto; padding: 20px; }
  body.tsw-qp .tsw-qp-total b { font-size: 34px; }
  body.tsw-qp .tsw-qp-order-head { margin-top: 36px; padding-top: 24px; }
  body.tsw-qp .dn-quick-quote-container h2 { font-size: 20px !important; }
  body.tsw-qp .tsw-qp-row { grid-template-columns: 56px minmax(0, 1fr); gap: 10px 12px; }
  body.tsw-qp .tsw-qp-row img { width: 56px; height: 56px; }
  body.tsw-qp .tsw-qp-row-num { grid-column: 2; align-items: flex-start; text-align: left; }
  body.tsw-qp .tsw-qp-row-acts { grid-column: 2; }
  body.tsw-qp #quick_quote_content_3 input.dn-d-size-multi, body.tsw-qp #quick_quote_content_3 #qty, body.tsw-qp #quick_quote_content_3 input[id^="sizes_"] { font-size: 16px !important; }
  body.tsw-qp #quick_quote_content_3 .dn-select-size-qty-container select, body.tsw-qp .tsw-qp-how { font-size: 16px; }
  body.dn-page-quick_quote:not(.dn-edit-mode) .dn-quick-quote-container { min-height: 1400px; }
}


/* ============================================================================
   SEC123  SEARCH — Live search v1: results as you type, under every search box
   ============================================================================ */
/* Pairs with the "TSW LIVE SEARCH v1" script in the jQuery snippet. From two letters, under the header's search bar
   (desktop and phone), the phone menu's search box and the 404 page's: the matching categories as buttons (where each
   lives in grey), six products (picture, brand and code, the name with the typed words in bold), and "See all
   results". The Round 2 look: white, #111 ink, a solid ink line over hairlines, the kicker labels, no shadows.
   - Under the header's bar (.is-sheet): a white panel across the page under the black bar, its column lined up with
     the box (--ls-x, --ls-w from the script); two columns of products on a computer. On a phone it fills the screen.
   - After the box (.is-inline): in the flow; in the phone menu the menu's own links step aside while it shows. */
.tsw-ls { background: #ffffff; color: #111111; font-family: var(--font-body, Inter, system-ui, sans-serif); text-align: left; letter-spacing: normal; text-transform: none; }
.tsw-ls[hidden] { display: none !important; }
.tsw-ls *, .tsw-ls *::before, .tsw-ls *::after { box-sizing: border-box; letter-spacing: normal; text-transform: none; }
.tsw-ls p { margin: 0; word-spacing: normal; }
.tsw-ls a { text-decoration: none !important; }
.tsw-ls a:focus-visible { outline: 2px solid #111111; outline-offset: -2px; }
.tsw-ls.is-sheet { position: fixed; z-index: 10002; top: var(--ls-top, 70px); left: 0; right: 0; max-height: calc(100vh - var(--ls-top, 70px)); overflow-y: auto; overscroll-behavior: contain; border-bottom: 1px solid #e4e4e4; }
/* with the header's search closed, its results go too */
body:not(.search-overlay-open) .tsw-ls.is-sheet { display: none !important; }
.tsw-ls-in { width: var(--ls-w, 700px); max-width: calc(100% - 32px); margin: 0 0 0 var(--ls-x, 16px); padding: 20px 0 24px; }
.tsw-ls.is-inline .tsw-ls-in { width: auto; max-width: none; margin: 0; padding: 16px 0 8px; }
.tsw-ls-label { margin: 0 0 10px !important; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .08em !important; text-transform: uppercase !important; color: #6b6b6b; }
.tsw-ls-wait, .tsw-ls-none { font-size: 16px; line-height: 1.5; color: #444444; }
.tsw-ls-none a { font-weight: 700; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
/* categories: buttons, where each lives in grey */
.tsw-ls-cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.tsw-ls-cats a { display: inline-flex; align-items: center; min-height: 40px; padding: 4px 14px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; font-size: 15px; font-weight: 700; line-height: 1.2; color: #111111 !important; }
.tsw-ls-cats a:hover { border-color: #111111; }
.tsw-ls-cats a span { margin-left: 8px; font-size: 13px; font-weight: 500; color: #6b6b6b; }
/* products: a picture, brand and code, the name */
.tsw-ls-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 24px; margin: 0; padding: 0; list-style: none; border-top: 1px solid #111111; }
.tsw-ls-list li { margin: 0; padding: 0; border-bottom: 1px solid #e4e4e4; list-style: none; }
.tsw-ls-list a { display: flex; align-items: center; gap: 14px; min-height: 76px; padding: 8px 6px 8px 0; color: #111111 !important; }
.tsw-ls-list a:hover { background: #f5f5f5; }
.tsw-ls-img { flex: 0 0 60px; width: 60px; height: 60px; overflow: hidden; background: #f2f2f2; }
.tsw-ls-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; transform: scale(1.3); transform-origin: 50% 12%; }
.tsw-ls-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
/* (as .tsw-ls .tsw-ls-txt: the phone menu keeps its links in their own case, and this is inside one) */
.tsw-ls .tsw-ls-txt small { overflow: hidden; font-size: 12px; font-weight: 600; line-height: 1.3; letter-spacing: .04em !important; text-transform: uppercase !important; white-space: nowrap; text-overflow: ellipsis; color: #6b6b6b; }
.tsw-ls-txt b { font-size: 17px; font-weight: 600; line-height: 1.25; }
.tsw-ls-txt b strong { font-weight: 800; }
/* See all: DN's results page, through the smart search */
.tsw-ls-all { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-top: 14px; font-size: 16px; font-weight: 700; color: #111111 !important; }
.tsw-ls-all:hover { text-decoration: underline !important; text-underline-offset: 4px; }
.tsw-ls-all svg { flex: none; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tsw-ls .tsw-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
/* computers: two columns of products under the header's bar */
@media (min-width: 769px) {
  .tsw-ls.is-sheet .tsw-ls-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* phones: the header's results fill the screen under its bar, on the page's side margin */
@media (max-width: 768px) {
  .tsw-ls.is-sheet { bottom: 0; border-bottom: 0; }
  .tsw-ls.is-sheet .tsw-ls-in { width: auto; max-width: none; margin: 0; padding: 18px var(--tsw-gutter, 20px) calc(28px + env(safe-area-inset-bottom, 0px)); }
}
/* the phone menu: while it shows results, its own links step aside */
.tsw-nav-panel.is-searching > :not(.tsw-nav-search):not(.tsw-ls):not(.tsw-sr) { display: none !important; }
.tsw-nav-panel .tsw-ls.is-inline .tsw-ls-in { padding-top: 6px; }


/* ============================================================================
   SEC124  QUOTES — Request a Quote v1: DN's /request_quote page as one page in three steps (script: TSW QUOTE BUILDER v1)
   ============================================================================ */
/* Everything here waits for the script's body.tsw-rq, so if DN's parts aren't found the page stays as DN has it.
   The Round 2 look: a head like Pricing's; numbered steps under an ink line (big magenta numbers); outlined chips
   with ink for chosen; garment photos on grey; 52px fields with a 1.5px #e6e6e6 line; the one pink button is Send;
   the summary beside it on desktop, a bar on phones. No blurred shadows. */
body.tsw-rq .tsw-rq-quiet { display: none !important; }
/* until the script takes over, DN's own form keeps its space but doesn't flash up and then jump down under the head
   (Polish v2); as on Pricing, it shows at once if the script gives up (.tsw-rq-off), or after 6 s if it never arrives.
   Once the script is running (.tsw-rq-hold) it decides: it waits up to 10 s for DN, then gives up */
body.dn-page-request:not(.dn-edit-mode):not(.tsw-rq):not(.tsw-rq-off) .dn-widget-page_content_request_quote { visibility: hidden; animation: tsw-rq-reveal 0s linear 6s forwards; }
body.dn-page-request.tsw-rq-hold:not(.dn-edit-mode):not(.tsw-rq):not(.tsw-rq-off) .dn-widget-page_content_request_quote { animation: none; }
@keyframes tsw-rq-reveal { to { visibility: visible; } }
body.tsw-rq .tsw-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
body.tsw-rq .dn-widget:has(#quote_request_form) > .dn-widget-content-container { padding: 0 !important; border: 0 !important; background: none !important; }
body.tsw-rq #quote_request_form { font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; text-align: left; }
body.tsw-rq #quote_request_form *, body.tsw-rq #quote_request_form *::before, body.tsw-rq #quote_request_form *::after { box-sizing: border-box; }
body.tsw-rq #quote_request_form :is(ul),
body.tsw-rq #quote_request_form :is(li) { margin: 0; padding: 0; list-style: none; }
/* the head */
.tsw-rq-head { box-sizing: border-box; max-width: 1240px; margin: 0 auto; padding: 32px 24px 8px; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; }
.tsw-rq-head .tsw-rq-kicker { margin: 0 0 10px; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-rq-head h1 { margin: 0 0 16px; font: 800 clamp(40px, 4.6vw, 64px)/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.045em; text-transform: none; color: #111111; }
.tsw-rq-head .tsw-rq-lead { max-width: 660px; margin: 0 0 20px; font-size: 18px; line-height: 1.5; color: #333333; }
.tsw-rq-ticks { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; padding: 0; list-style: none; }
.tsw-rq-ticks li { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; font-weight: 600; color: #111111; }
.tsw-rq-ticks svg { flex: none; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
/* Skip the form: our designer, as a card beside the intro ("or" above it), as Pricing offers Get a full quote beside
   its garments. Outlined, the heavy ↗ arrow, ink when hovered; under the ticks on phones and tablets */
/* (the card takes the summary column's width and gap below, so the two line up; the ticks stay under the intro, two
   by two, and the card sits beside them, level with their foot) */
.tsw-rq-head.has-diy { display: grid; grid-template-columns: minmax(0, 1fr) 360px; grid-template-areas: "main diy" "ticks diy"; column-gap: 64px; }
.tsw-rq-head.has-diy > .tsw-rq-head-main { grid-area: main; min-width: 0; }
.tsw-rq-head.has-diy > .tsw-rq-diy-box { grid-area: diy; align-self: end; padding: 0 0 2px; }
.tsw-rq-head.has-diy > .tsw-rq-ticks { grid-area: ticks; }
@media (min-width: 900px) { .tsw-rq-head.has-diy > .tsw-rq-ticks { display: grid; grid-template-columns: repeat(2, max-content); gap: 10px 36px; } }
.tsw-rq-head .tsw-rq-or { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; font: 700 12px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-rq-head .tsw-rq-or::before, .tsw-rq-head .tsw-rq-or::after { content: ''; flex: 1 1 auto; height: 1px; background: #e6e6e6; }
a.tsw-rq-diy { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 76px; padding: 14px 18px 14px 20px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; color: #111111 !important; text-decoration: none !important; }
a.tsw-rq-diy > span { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
a.tsw-rq-diy b { font: 800 22px/1.1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.02em; }
a.tsw-rq-diy small { font: 400 14px/1.4 var(--font-body, Inter, system-ui, sans-serif); color: #5f5f5f; }
a.tsw-rq-diy svg { flex: none; width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 3.2; stroke-linecap: square; stroke-linejoin: miter; }
a.tsw-rq-diy:focus-visible { outline: 2px solid #111111; outline-offset: 3px; }
@media (hover: hover) {
  a.tsw-rq-diy:hover { background: #111111; color: #ffffff !important; }
  a.tsw-rq-diy:hover small { color: #d6d6d6; }
}
/* the summary: one line under Send for anyone who'd rather not fill it in after all */
.tsw-rq-diy-line { margin: 14px 0 0 !important; padding-top: 12px; border-top: 1px solid #e6e6e6; font-size: 14px; line-height: 1.45; color: #444444; }
.tsw-rq-diy-line a { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
.tsw-rq-diy-line svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: square; }
@media (max-width: 899px) {
  /* phones and tablets: the intro, the ticks, then the card */
  .tsw-rq-head.has-diy { display: flex; flex-direction: column; }
  .tsw-rq-head.has-diy > .tsw-rq-ticks { order: 2; }
  .tsw-rq-head.has-diy > .tsw-rq-diy-box { order: 3; margin: 18px 0 6px; padding: 0; }
  a.tsw-rq-diy b { font-size: 20px; }
}
/* the steps and the summary */
body.tsw-rq .tsw-rq-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: start; gap: 64px; max-width: 1240px; margin: 0 auto; padding: 24px 24px 72px; }
body.tsw-rq .tsw-rq-step { padding: 22px 0 30px; border-top: 1px solid #111111; }
body.tsw-rq .tsw-rq-step + .tsw-rq-step { margin-top: 12px; }
body.tsw-rq .tsw-rq-step-h { display: flex; align-items: baseline; gap: 16px; margin: 0 0 18px; }
body.tsw-rq .tsw-rq-step-h b { font: 800 48px/.9 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.04em; color: var(--tsw-magenta, #ec008c); }
body.tsw-rq .tsw-rq-step-h h2 { margin: 0; font: 800 32px/1.05 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.035em; text-transform: none; color: #111111; }
body.tsw-rq .tsw-rq-step-h span { margin-left: auto; font-size: 14px; font-weight: 600; color: #6b6b6b; }
body.tsw-rq .tsw-rq-label, body.tsw-rq #quote_request_form .dn-request-quote-decoration-container > ul > li > label { display: block; margin: 22px 0 10px; font: 700 12px/1.3 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
/* chips: outlined; the chosen one ink (a position: outlined ink, as several can be chosen) */
body.tsw-rq .tsw-rq-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 18px; }
body.tsw-rq .tsw-rq-chip, body.tsw-rq .dn-request-quote-decoration-processes .dn-form-field-value > label { display: inline-flex; align-items: center; height: 40px; margin: 0; padding: 0 16px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; font: 600 14px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: 0; text-transform: none; color: #111111; cursor: pointer; }
body.tsw-rq .tsw-rq-chip:hover, body.tsw-rq .dn-request-quote-decoration-processes .dn-form-field-value > label:hover { border-color: #111111; }
body.tsw-rq .tsw-rq-chip[aria-pressed="true"] { border-color: #111111; background: #111111; color: #ffffff; }
body.tsw-rq .tsw-rq-chip.is-pos[aria-pressed="true"], body.tsw-rq .dn-request-quote-decoration-processes .dn-form-field-value > label:has(input:checked) { border-color: #111111; background: #ffffff; color: #111111; box-shadow: inset 0 0 0 1px #111111; }
body.tsw-rq .dn-request-quote-decoration-processes .dn-form-field-value { display: flex; flex-wrap: wrap; gap: 8px; }
body.tsw-rq .dn-request-quote-decoration-processes input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
body.tsw-rq .dn-request-quote-decoration-processes .dn-form-field-value > label:has(input:focus-visible) { outline: 2px solid #111111; outline-offset: 2px; }
body.tsw-rq .dn-request-quote-decoration-processes .dn-form-field-value > label { flex: none; width: auto !important; }
/* 1: the picker */
/* the way into the garment picker: looks like a search box, opens the designer's picker (#tsw-cp) */
body.tsw-rq .tsw-rq-open { display: flex; align-items: center; gap: 10px; width: 100%; height: 56px; margin: 0; padding: 0 8px 0 14px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; font: 400 16px/1.2 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; text-align: left; color: #6b6b6b; cursor: pointer; }
body.tsw-rq .tsw-rq-open:hover { border-color: #111111; }
body.tsw-rq .tsw-rq-open:focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
body.tsw-rq .tsw-rq-open[hidden] { display: none; }
body.tsw-rq .tsw-rq-open svg { flex: none; width: 20px; height: 20px; fill: none; stroke: #6b6b6b; stroke-width: 2; stroke-linecap: round; }
body.tsw-rq .tsw-rq-open span { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body.tsw-rq .tsw-rq-open b { flex: none; display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 4px; background: #111111; font-size: 14px; font-weight: 700; color: #ffffff; }
body.tsw-rq .tsw-rq-more, body.tsw-rq .tsw-rq-chosen .tsw-rq-link { display: inline-flex; align-items: center; height: 44px; margin: 18px 0 0; padding: 0 16px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; font: 700 14px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111; cursor: pointer; }
body.tsw-rq .tsw-rq-more:hover, body.tsw-rq .tsw-rq-chosen .tsw-rq-link:hover { background: #111111; color: #ffffff; }
body.tsw-rq .tsw-rq-chosen { display: flex; align-items: center; gap: 16px; padding: 0 0 18px; border-bottom: 1px solid #e4e4e4; }
body.tsw-rq .tsw-rq-chosen[hidden] { display: none; }
body.tsw-rq .tsw-rq-chosen-img { flex: none; width: 96px; height: 96px; overflow: hidden; background: #f2f2f2; }
body.tsw-rq .tsw-rq-chosen-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; mix-blend-mode: multiply; }
body.tsw-rq .tsw-rq-chosen p { flex: 1 1 auto; margin: 0; }
body.tsw-rq .tsw-rq-chosen small { display: block; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
body.tsw-rq .tsw-rq-chosen b { display: block; margin-top: 2px; font-size: 20px; font-weight: 800; letter-spacing: -0.02em; }
body.tsw-rq .tsw-rq-chosen .tsw-rq-link { margin: 0; }
/* DN's product part: its own selector button and its name and picture rows give way to ours (its picture stays
   in the page, out of sight, for its engine). DN's two ways in (pick a garment, or just send artwork and a note) as
   two choices at the top of step 1; with the second, its note box is the only note (DN's Extra Information steps
   aside) */
body.tsw-rq:not(.tsw-rq-dnpick) #product_known_options li:has(#open_product_selector) { display: none !important; }
body.tsw-rq #product_options > li:has(#product_name) { display: none !important; }
body.tsw-rq #product_options > li:has(#d_pane) { position: absolute !important; left: -9999px !important; top: 0; }
body.tsw-rq .tsw-rq-known { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px !important; font: 600 14px/1 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: 0 !important; text-transform: none !important; }
body.tsw-rq .tsw-rq-known label { display: inline-flex; align-items: center; gap: 8px; height: 40px; margin: 0; padding: 0 14px; border: 1.5px solid #e6e6e6; border-radius: 4px; cursor: pointer; }
body.tsw-rq .tsw-rq-known label:has(input:checked) { border-color: #111111; box-shadow: inset 0 0 0 1px #111111; }
body.tsw-rq .tsw-rq-known input { accent-color: #111111; margin: 0; }
body.tsw-rq.tsw-rq-unsure .dn-request-quote-extra-container li:has(textarea[name="job_description"]) { display: none !important; }
body.tsw-rq #unknown_product_details { width: 100% !important; min-height: 140px; padding: 12px 14px !important; border: 1.5px solid #e6e6e6 !important; border-radius: 4px !important; font: 400 16px/1.45 var(--font-body, Inter, system-ui, sans-serif) !important; }
/* DN's colours and sizes, as on the product page */
body.tsw-rq #product_options > li { margin: 0 0 18px !important; }
body.tsw-rq #product_options > li > label, body.tsw-rq #product_not_known_options > li > label, body.tsw-rq #type_colors_container > label, body.tsw-rq #rq_size_container .dn-d-size-field-container > label { display: block; margin: 0 0 10px; font: 700 12px/1.3 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #6b6b6b !important; }
body.tsw-rq #type_colors_container .dn-color-panel-cell { position: relative; width: 32px !important; height: 32px !important; margin: 0 8px 8px 0 !important; border: 0 !important; border-radius: 50% !important; overflow: hidden; }
body.tsw-rq #type_colors_container .dn-color-panel-cell span { display: block; width: 100%; border-radius: 0 !important; }
body.tsw-rq #type_colors_container .dn-color-panel-cell::after { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); pointer-events: none; z-index: 1; }
body.tsw-rq #type_colors_container .dn-color-panel-cell.dn-selected { outline: 2px solid #111111; outline-offset: 3px; }
body.tsw-rq #dn_selected_color_label { display: block; margin: 0 0 10px; font: 600 15px/1.3 var(--font-body, Inter, system-ui, sans-serif); text-align: left; color: #111111; }
body.tsw-rq #product_known_options ul:has(> li[id^="m_"]) { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
body.tsw-rq #product_known_options li[id^="m_"] { display: flex; flex-direction: column; float: none !important; width: auto !important; margin: 0 !important; border: 1.5px solid #e6e6e6; border-radius: 4px; overflow: hidden; background: #ffffff; text-align: center; }
body.tsw-rq #product_known_options li[id^="m_"].is-on { border-color: #111111; }
body.tsw-rq #product_known_options li[id^="m_"] > label:not([for]) { display: block; padding: 10px 0 8px; text-align: center !important; font: 700 14px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111; }
body.tsw-rq #product_known_options li[id^="m_"].is-on > label:not([for]) { background: #111111; color: #ffffff; }
body.tsw-rq #product_known_options li[id^="m_"] > label[for] { display: none; }
body.tsw-rq .tsw-rq-step-row { display: flex !important; align-items: center; justify-content: space-between; background: #f7f7f7; }
body.tsw-rq li.is-on .tsw-rq-step-row { background: #ffffff; }
body.tsw-rq .tsw-rq-stepbtn { flex: none; width: 30px; height: 36px; margin: 0; padding: 0; border: 0; background: none; font: 700 18px/1 var(--font-body, Inter, system-ui, sans-serif); color: #111111; cursor: pointer; }
body.tsw-rq .tsw-rq-stepbtn:disabled { color: #c4c4c4; cursor: default; }
body.tsw-rq .tsw-rq-step-row input { flex: 1 1 auto; min-width: 0; width: 36px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; font: 600 15px/1 var(--font-body, Inter, system-ui, sans-serif) !important; text-align: center; color: #111111 !important; }
body.tsw-rq #product_option_list .dn-d-custom-field { margin: 0 0 14px; }
body.tsw-rq #product_option_list .dn-d-custom-field > label { display: block; margin: 0 0 4px; font: 600 14px/1.3 var(--font-body, Inter, system-ui, sans-serif); color: #111111; }
body.tsw-rq #product_option_list .dn-d-custom-field > p { margin: 0 0 8px; font-size: 14px; line-height: 1.45; color: #6b6b6b; }
body.tsw-rq #product_option_list .dn-d-custom-field :is(input[type="text"]),
body.tsw-rq #product_option_list .dn-d-custom-field :is(select),
body.tsw-rq #product_option_list .dn-d-custom-field :is(textarea) { width: 100% !important; max-width: 480px; min-height: 52px; margin: 0 !important; padding: 0 14px !important; border: 1.5px solid #e6e6e6 !important; border-radius: 4px !important; background: #ffffff !important; box-shadow: none !important; font: 400 16px/1.2 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; }
/* 2: the artwork drop zone (DN's upload rows stay in the form, out of sight) */
body.tsw-rq .dn-request-quote-artwork-container { display: none !important; }
body.tsw-rq .tsw-rq-drop { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 150px; padding: 20px; border: 1.5px dashed #cfcfcf; border-radius: 4px; background: #fafafa; text-align: center; cursor: pointer; }
body.tsw-rq .tsw-rq-drop:hover, body.tsw-rq .tsw-rq-drop.is-over { border-color: #111111; background: #ffffff; }
body.tsw-rq .tsw-rq-drop:focus-within { outline: 2px solid #111111; outline-offset: 2px; }
body.tsw-rq .tsw-rq-drop svg { width: 30px; height: 30px; fill: none; stroke: #111111; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.tsw-rq .tsw-rq-drop b { font-size: 16px; font-weight: 700; }
body.tsw-rq .tsw-rq-drop u { text-underline-offset: 3px; }
body.tsw-rq .tsw-rq-drop span { max-width: 520px; font-size: 13px; line-height: 1.45; color: #6b6b6b; }
body.tsw-rq .tsw-rq-files { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0 !important; }
body.tsw-rq .tsw-rq-files li { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 4px 0 14px !important; border: 1.5px solid #e6e6e6; border-radius: 4px; font-size: 14px; font-weight: 600; }
body.tsw-rq .tsw-rq-file-size { font-weight: 500; color: #6b6b6b; }
body.tsw-rq .tsw-rq-files button { width: 36px; height: 36px; border: 0; background: none; font-size: 20px; line-height: 1; color: #6b6b6b; cursor: pointer; }
body.tsw-rq .tsw-rq-files button:hover { color: #111111; }
body.tsw-rq .tsw-rq-hint { margin: 10px 0 0; font-size: 14px; color: #6b6b6b; }
body.tsw-rq .tsw-rq-hint .tsw-rq-link { margin: 0; padding: 0; border: 0; background: none; font: inherit; color: #111111; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
/* 3: DN's fields in the house form style, two across on desktop */
body.tsw-rq .dn-request-quote-customer-container > ul.dn-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
body.tsw-rq .dn-request-quote-customer-container > ul.dn-form > li:has(textarea), body.tsw-rq .dn-request-quote-customer-container > ul.dn-form > li:has(input[type="checkbox"]) { grid-column: 1 / -1; }
body.tsw-rq #quote_request_form :is(.dn-request-quote-customer-container) .dn-form-field-label,
body.tsw-rq #quote_request_form :is(.dn-request-quote-extra-container) .dn-form-field-label,
body.tsw-rq #quote_request_form .dn-request-quote-extra-container li > label { display: block; margin: 0 0 6px !important; font: 600 14px/1.3 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: 0 !important; text-transform: none !important; color: #111111 !important; }
body.tsw-rq #quote_request_form :is(.dn-request-quote-customer-container) :is(input[type="text"]),
body.tsw-rq #quote_request_form :is(.dn-request-quote-customer-container) :is(input[type="email"]),
body.tsw-rq #quote_request_form :is(.dn-request-quote-customer-container) :is(input[type="tel"]),
body.tsw-rq #quote_request_form :is(.dn-request-quote-customer-container) :is(input[type="date"]),
body.tsw-rq #quote_request_form :is(.dn-request-quote-customer-container) :is(select),
body.tsw-rq #quote_request_form :is(.dn-request-quote-extra-container) :is(input[type="text"]),
body.tsw-rq #quote_request_form :is(.dn-request-quote-extra-container) :is(input[type="email"]),
body.tsw-rq #quote_request_form :is(.dn-request-quote-extra-container) :is(input[type="tel"]),
body.tsw-rq #quote_request_form :is(.dn-request-quote-extra-container) :is(input[type="date"]),
body.tsw-rq #quote_request_form :is(.dn-request-quote-extra-container) :is(select) { width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 14px !important; border: 1.5px solid #e6e6e6 !important; border-radius: 4px !important; background: #ffffff !important; box-shadow: none !important; font: 400 16px/1.2 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; }
body.tsw-rq #quote_request_form :is(.dn-request-quote-customer-container) textarea,
body.tsw-rq #quote_request_form :is(.dn-request-quote-extra-container) textarea { width: 100% !important; min-height: 120px !important; margin: 0 !important; padding: 12px 14px !important; border: 1.5px solid #e6e6e6 !important; border-radius: 4px !important; background: #ffffff !important; box-shadow: none !important; font: 400 16px/1.45 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; }
body.tsw-rq #quote_request_form :is(input):focus,
body.tsw-rq #quote_request_form :is(select):focus,
body.tsw-rq #quote_request_form :is(textarea):focus { border-color: #111111 !important; outline: none !important; }
body.tsw-rq #quote_request_form input[type="checkbox"] { width: 18px; height: 18px; margin: 0 8px 0 0; accent-color: #111111; vertical-align: -3px; }
body.tsw-rq .dn-request-quote-extra-container > ul > li { margin: 16px 0 0 !important; }
body.tsw-rq #quote_request_form label.dn-form-field-label:empty, body.tsw-rq .dn-request-quote-extra-container li:has(.tsw-rq-send) > label { display: none !important; }
body.tsw-rq #need_job_by, body.tsw-rq .tsw-rq-date { max-width: 260px; cursor: pointer; }
body.tsw-rq .tsw-rq-date { display: block; -webkit-appearance: none; appearance: none; }
body.tsw-rq .tsw-rq-date::-webkit-date-and-time-value { text-align: left; }
body.tsw-rq .dn-request-quote-extra-container a.dn-date-link { display: inline-flex; align-items: center; height: 40px; margin: 8px 0 0; font-size: 14px; font-weight: 600; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
/* step 3's log-in line; DN's own notes at a field (from its server) in the house style; a page DN sent back */
body.tsw-rq .tsw-rq-login { margin: -4px 0 18px; font-size: 15px; line-height: 1.5; color: #444444; }
body.tsw-rq .tsw-rq-login a, body.tsw-rq #quote_request_form .dn-form-field-error a { font-weight: 700; color: #111111; text-decoration: underline; text-underline-offset: 3px; }
body.tsw-rq #quote_request_form .dn-form-field-error { display: block; margin: 8px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; font: 600 14px/1.4 var(--font-body, Inter, system-ui, sans-serif) !important; color: #b3261e !important; }
body.tsw-rq #quote_request_form .dn-with-error :is(input[type="text"]),
body.tsw-rq #quote_request_form .dn-with-error :is(input[type="email"]),
body.tsw-rq #quote_request_form .dn-with-error :is(input[type="tel"]),
body.tsw-rq #quote_request_form .dn-with-error :is(select),
body.tsw-rq #quote_request_form .dn-with-error :is(textarea) { border-color: #b3261e !important; }
body.tsw-rq .tsw-rq-back { margin: 0 0 20px; padding: 14px 16px; border: 1.5px solid #b3261e; border-radius: 4px; background: #ffffff; }
body.tsw-rq .tsw-rq-back p { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.5; color: #111111; }
/* what's missing, when Send is pressed too soon */
body.tsw-rq .tsw-rq-err { margin: 8px 0 0 !important; font: 600 14px/1.4 var(--font-body, Inter, system-ui, sans-serif); color: #b3261e; }
body.tsw-rq .tsw-rq-pick > .tsw-rq-err { margin: 0 0 12px !important; }
body.tsw-rq #quote_request_form .tsw-rq-bad :is(input[type="text"]),
body.tsw-rq #quote_request_form .tsw-rq-bad :is(input[type="email"]),
body.tsw-rq #quote_request_form .tsw-rq-bad :is(input[type="tel"]),
body.tsw-rq #quote_request_form .tsw-rq-bad :is(select),
body.tsw-rq #quote_request_form .tsw-rq-bad :is(textarea) { border-color: #b3261e !important; }
body.tsw-rq #quote_request_form .tsw-rq-bad input[type="checkbox"] { outline: 2px solid #b3261e; outline-offset: 2px; }
/* Send: the page's one pink button */
body.tsw-rq .tsw-rq-send, body.tsw-rq .tsw-rq-go { display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; min-width: 240px; height: 52px !important; margin: 24px 0 0 !important; padding: 0 26px !important; border: 0 !important; border-radius: 4px !important; background: var(--tsw-cta, #d10074) !important; box-shadow: none !important; font: 700 16px/1 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: 0 !important; text-transform: none !important; color: #ffffff !important; cursor: pointer; }
body.tsw-rq .tsw-rq-send:hover, body.tsw-rq .tsw-rq-go:hover { background: var(--tsw-cta-hover, #a8005e) !important; }
body.tsw-rq .tsw-rq-send :is(.dn-btn-valign),
body.tsw-rq .tsw-rq-send :is(.dn-btn-icon) { display: none !important; }
body.tsw-rq .tsw-rq-send :is(.dn-btn-label),
body.tsw-rq .tsw-rq-send :is(.dn-btn-label span) { font: inherit !important; color: inherit !important; letter-spacing: 0 !important; text-transform: none !important; }
/* the summary */
body.tsw-rq .tsw-rq-sum { position: sticky; top: 96px; padding-top: 18px; border-top: 1px solid #111111; }
body.tsw-rq .tsw-rq-sum h2 { margin: 0 0 16px; font: 800 26px/1.1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.03em; text-transform: none; color: #111111; }
body.tsw-rq .tsw-rq-sum-g { display: flex; align-items: center; gap: 14px; padding: 0 0 16px; border-bottom: 1px solid #e4e4e4; }
body.tsw-rq .tsw-rq-sum-img { flex: none; width: 72px; height: 72px; overflow: hidden; background: #f2f2f2; }
body.tsw-rq .tsw-rq-sum-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; mix-blend-mode: multiply; }
body.tsw-rq .tsw-rq-sum-g p { margin: 0; }
body.tsw-rq .tsw-rq-sum-g small { display: block; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
body.tsw-rq .tsw-rq-sum-g b { display: block; margin: 2px 0; font-size: 18px; font-weight: 800; }
body.tsw-rq .tsw-rq-sum-g span { font-size: 14px; color: #6b6b6b; }
body.tsw-rq .tsw-rq-sum-none { margin: 0; font-size: 15px; color: #6b6b6b; }
body.tsw-rq .tsw-rq-sum dl { margin: 0; }
body.tsw-rq .tsw-rq-sum dl div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid #e4e4e4; font-size: 15px; }
body.tsw-rq .tsw-rq-sum dt { color: #6b6b6b; }
body.tsw-rq .tsw-rq-sum dd { margin: 0; font-weight: 700; text-align: right; }
body.tsw-rq .tsw-rq-sum .tsw-rq-go { width: 100% !important; margin-top: 20px !important; }
body.tsw-rq .tsw-rq-note { margin: 12px 0 0; font-size: 13px; line-height: 1.5; color: #6b6b6b; }
body.tsw-rq .tsw-rq-bar { display: none; }
/* the thank-you page (/send_quote_request): the head, what happens next beside the request, then two ways on */
body.tsw-rq-sent .tsw-rq-acct { max-width: 660px; margin: -8px 0 8px; font-size: 15px; line-height: 1.5; color: #444444; }
body.tsw-rq-sent .tsw-rq-done { display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: start; gap: 64px; box-sizing: border-box; max-width: 1240px; margin: 0 auto; padding: 24px 24px 72px; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; }
body.tsw-rq-sent .tsw-rq-next h2 { margin: 0 0 12px; font: 800 26px/1.1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.03em; text-transform: none; color: #111111; }
body.tsw-rq-sent .tsw-rq-next .tsw-q-steps li.is-done b svg { display: block; width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 3.2; stroke-linecap: square; stroke-linejoin: miter; }
body.tsw-rq-sent .tsw-rq-done-go { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
body.tsw-rq-sent .tsw-rq-done-go .tsw-rq-more { margin: 0; text-decoration: none; }
body.tsw-rq-sent .tsw-rq-sum { position: static; }
body.tsw-rq-sent .tsw-rq-done-note { margin: 16px 0 0; font-size: 15px; line-height: 1.5; color: #333333; overflow-wrap: anywhere; }
body.tsw-rq-sent .tsw-rq-done-note b { display: block; margin: 0 0 4px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
body.tsw-rq-sent .tsw-rq-sum dd { overflow-wrap: anywhere; }
@media (max-width: 960px) {
  body.tsw-rq .tsw-rq-grid { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 16px 20px 120px; }
  body.tsw-rq .tsw-rq-sum { display: none; }
  .tsw-rq-head { padding: 20px 20px 4px; }
  .tsw-rq-head .tsw-rq-lead { font-size: 16px; }
  .tsw-rq-ticks { display: grid; gap: 8px; }
  body.tsw-rq .tsw-rq-step-h b { font-size: 40px; }
  body.tsw-rq .tsw-rq-step-h h2 { font-size: 26px; }
  body.tsw-rq .tsw-rq-step-h span { display: none; }
  body.tsw-rq .tsw-rq-chip { flex: none; }
  body.tsw-rq .tsw-rq-chosen { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 4px 14px; align-items: start; }
  body.tsw-rq .tsw-rq-chosen-img { grid-row: span 2; width: 80px; height: 80px; }
  body.tsw-rq .tsw-rq-chosen b { font-size: 18px; }
  body.tsw-rq .tsw-rq-chosen .tsw-rq-link { grid-column: 2; justify-self: start; height: 36px; margin-top: 6px; padding: 0 12px; font-size: 13px; }
  body.tsw-rq #product_known_options ul:has(> li[id^="m_"]) { grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); }
  body.tsw-rq .tsw-rq-step-row input { font-size: 16px !important; }
  body.tsw-rq .dn-request-quote-customer-container > ul.dn-form { grid-template-columns: minmax(0, 1fr); }
  body.tsw-rq .tsw-rq-send { width: 100% !important; }
  body.tsw-rq .tsw-rq-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid #e4e4e4; background: #ffffff; }
  body.tsw-rq .tsw-rq-bar div { min-width: 0; }
  body.tsw-rq .tsw-rq-bar b { display: block; overflow: hidden; font-size: 16px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
  body.tsw-rq .tsw-rq-bar span { display: block; overflow: hidden; font-size: 13px; color: #6b6b6b; text-overflow: ellipsis; white-space: nowrap; }
  body.tsw-rq .tsw-rq-bar .tsw-rq-go { flex: none; min-width: 0; height: 48px !important; margin: 0 !important; padding: 0 22px !important; }
  body.tsw-rq-sent .tsw-rq-done { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 16px 20px 56px; }
  body.tsw-rq-sent .tsw-rq-sum { display: block; }
}


/* ============================================================================
   SEC125  CHAT — Live chat v1: Chat With Us links, shown once the chat is there (script: TSW CHAT v1 in the Head snippet)
   ============================================================================ */
/* The chat's bubble stays hidden until someone asks for it (the script). Links to it: the phone menu, the desktop
   Help menu, the footer, the contact page (its Chat with us row, SEC116), the home page, the cart and the designer.
   Anything marked .tsw-chat-only shows only once the chat has loaded (html.tsw-chat-on); the rest go to the contact
   page without it. */
html:not(.tsw-chat-on) .tsw-chat-only { display: none !important; }


/* ============================================================================
   SEC110b  CHECKOUT — Order complete (/shop/order_complete), made to feel like a win. TSW ORDER COMPLETE v1 marks
   DN's parts by their words (body.tsw-oc-page, .tsw-oc-box, -kicker, -tick, -title, -line, -sub, -num, -btn,
   -main, -actions); our insert is .tsw-oc-note (the steps, the account, help). The headline in the home page's big
   type, the steps numbered in pink like the quote page's, View Order the one pink action. Flat, 4px corners, no
   shadows. The motion, calm and quick: the tick draws its ring, fills and ticks; each headline line slides up out of
   its mask; the rest follows in order. None for people who've asked for less motion.
   ============================================================================ */
body.tsw-oc-page .tsw-oc-box { box-sizing: border-box; max-width: 1080px; margin: 0 auto; padding: 8px 0 72px; text-align: left !important; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #333; }
body.tsw-oc-page .tsw-oc-box * { text-align: left !important; }
body.tsw-oc-page .tsw-oc-kicker { display: flex; align-items: center; gap: 12px; margin: 32px 0 18px !important; font: 700 13px/1.3 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #111 !important; }
body.tsw-oc-page .tsw-oc-kicker span { animation: tsw-oc-fade .4s .3s both; }
body.tsw-oc-page .tsw-oc-tick { flex: none; width: 36px; height: 36px; }
body.tsw-oc-page .tsw-oc-tick circle { fill: #d10074; fill-opacity: 0; stroke: #d10074; stroke-width: 2; stroke-dasharray: 95; stroke-dashoffset: 95; transform: rotate(-90deg); transform-origin: 16px 16px;
  animation: tsw-oc-draw .5s .1s cubic-bezier(.6, 0, .3, 1) forwards, tsw-oc-fill .25s .55s ease-out forwards; }
body.tsw-oc-page .tsw-oc-tick path { fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 20; stroke-dashoffset: 20; animation: tsw-oc-draw .3s .75s ease-out forwards; }
body.tsw-oc-page .tsw-oc-title { margin: 0 0 24px !important; font: 800 clamp(44px, 6.67vw, 96px)/.92 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.045em !important; text-transform: none !important; color: #111 !important; }
/* each line slides up out of its own mask (the padding keeps the letters' feet inside it) */
body.tsw-oc-page .tsw-oc-line { display: block; overflow: hidden; padding-bottom: .08em; margin-bottom: -.08em; }
body.tsw-oc-page .tsw-oc-line > span { display: block; animation: tsw-oc-up .8s .15s cubic-bezier(.2, .75, .2, 1) both; }
body.tsw-oc-page .tsw-oc-line + .tsw-oc-line > span { animation-delay: .27s; }
body.tsw-oc-page .tsw-oc-sub { max-width: 640px; margin: 0 0 20px !important; font: 400 20px/1.5 var(--font-body, Inter, system-ui, sans-serif) !important; color: #333 !important; animation: tsw-oc-rise .6s .5s both; }
body.tsw-oc-page .tsw-oc-num { display: inline-block; margin: 0 !important; padding: 9px 14px; border: 1px solid #e6e6e6; border-radius: 4px; background: #f6f6f6; font: 400 15px/1.3 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111 !important; animation: tsw-oc-rise .6s .6s both; }
@keyframes tsw-oc-up { from { transform: translateY(105%); } to { transform: none; } }
@keyframes tsw-oc-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes tsw-oc-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes tsw-oc-draw { to { stroke-dashoffset: 0; } }
@keyframes tsw-oc-fill { to { fill-opacity: 1; } }

/* our insert: What happens next, three steps, the account, help */
body.tsw-oc-page .tsw-oc-note { margin: 56px 0 0; font-family: var(--font-body, Inter, system-ui, sans-serif); }
/* the next steps follow the headline in: the heading, then 1, 2, 3, then the account */
body.tsw-oc-page .tsw-oc-note :is(.tsw-oc-next),
body.tsw-oc-page .tsw-oc-note :is(.tsw-oc-steps > li),
body.tsw-oc-page .tsw-oc-note :is(.tsw-oc-account) { animation: tsw-oc-rise .6s .7s both; }
body.tsw-oc-page .tsw-oc-steps > li:nth-child(1) { animation-delay: .8s; }
body.tsw-oc-page .tsw-oc-steps > li:nth-child(2) { animation-delay: .9s; }
body.tsw-oc-page .tsw-oc-steps > li:nth-child(3) { animation-delay: 1s; }
body.tsw-oc-page .tsw-oc-note .tsw-oc-account { animation-delay: 1.1s; }
body.tsw-oc-page .tsw-oc-note .tsw-oc-next { margin: 0 0 22px !important; font: 800 32px/1.05 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.035em !important; text-transform: none !important; color: #111 !important; }
body.tsw-oc-page .tsw-oc-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: 0 !important; padding: 0 !important; list-style: none !important; counter-reset: tsw-oc; }
body.tsw-oc-page .tsw-oc-steps > li { margin: 0 !important; padding: 20px 0 0 !important; border-top: 1px solid #111; list-style: none !important; counter-increment: tsw-oc; }
body.tsw-oc-page .tsw-oc-steps > li::before { content: counter(tsw-oc); display: block; margin: 0 0 14px; font: 800 48px/.9 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: -0.04em; color: var(--tsw-magenta, #ec008c); }
body.tsw-oc-page .tsw-oc-note h3 { margin: 0 0 8px !important; font: 800 20px/1.25 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.015em !important; text-transform: none !important; color: #111 !important; }
body.tsw-oc-page .tsw-oc-note p { margin: 0 0 10px !important; font: 400 16px/1.6 var(--font-body, Inter, system-ui, sans-serif) !important; color: #333 !important; }
body.tsw-oc-page .tsw-oc-note a { font-weight: 600 !important; color: #111 !important; text-decoration: underline !important; text-underline-offset: 3px; overflow-wrap: anywhere; }
body.tsw-oc-page .tsw-oc-account { margin: 40px 0 0; padding: 24px 28px; border: 1px solid #e6e6e6; border-radius: 4px; background: #f6f6f6; }
body.tsw-oc-page .tsw-oc-account h3 { font-size: 22px !important; }
body.tsw-oc-page .tsw-oc-account p:last-child { margin: 0 !important; }
body.tsw-oc-page .tsw-oc-note a.tsw-oc-go { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding-bottom: 2px; border-bottom: 2px solid #111; font-size: 17px; font-weight: 800 !important; text-decoration: none !important; }
body.tsw-oc-page .tsw-oc-note a.tsw-oc-go::after { content: '\2197'; font-weight: 400; }
body.tsw-oc-page .tsw-oc-note a.tsw-oc-go:hover { border-bottom-color: #d10074; }
body.tsw-oc-page .tsw-oc-note .tsw-oc-help { margin: 24px 0 0 !important; font-size: 15px !important; color: #5f5f5f !important; }

/* DN's buttons: View Order pink first, Continue Shopping outlined */
body.tsw-oc-page .tsw-oc-actions { display: flex !important; flex-wrap: wrap; gap: 12px; margin-top: 40px !important; }
body.tsw-oc-page .tsw-oc-btn { box-sizing: border-box; display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; min-width: 220px; height: 54px !important; min-height: 0 !important; margin: 12px 12px 0 0 !important; padding: 0 28px !important;
  border: 1.5px solid #111 !important; border-radius: 4px !important; background: #fff !important; box-shadow: none !important; transform: none !important; text-decoration: none !important; cursor: pointer; }
body.tsw-oc-page .tsw-oc-actions .tsw-oc-btn { margin: 0 !important; }
body.tsw-oc-page .tsw-oc-btn,
body.tsw-oc-page .tsw-oc-btn :is(span),
body.tsw-oc-page .tsw-oc-btn :is(.dn-btn-label) { font: 700 16px/1 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: normal !important; text-transform: none !important; color: #111 !important; }
body.tsw-oc-page .tsw-oc-btn :is(.dn-btn-icon),
body.tsw-oc-page .tsw-oc-btn :is(.dn-btn-valign) { display: none !important; }
body.tsw-oc-page .tsw-oc-btn:hover { background: #111 !important; }
body.tsw-oc-page .tsw-oc-btn:hover,
body.tsw-oc-page .tsw-oc-btn:hover :is(span),
body.tsw-oc-page .tsw-oc-btn:hover :is(.dn-btn-label) { color: #fff !important; }
body.tsw-oc-page .tsw-oc-main { order: -1; border-color: #d10074 !important; background: #d10074 !important; }
body.tsw-oc-page .tsw-oc-main,
body.tsw-oc-page .tsw-oc-main :is(span),
body.tsw-oc-page .tsw-oc-main :is(.dn-btn-label) { color: #fff !important; }
body.tsw-oc-page .tsw-oc-main:hover { border-color: #a8005e !important; background: #a8005e !important; }
body.tsw-oc-page .tsw-oc-btn:focus-visible, body.tsw-oc-page .tsw-oc-note a:focus-visible { outline: 2px solid #111; outline-offset: 2px; }
@media (max-width: 899px) {
  body.tsw-oc-page .tsw-oc-steps { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 599px) {
  body.tsw-oc-page .tsw-oc-box { padding: 0 0 40px; }
  body.tsw-oc-page .tsw-oc-kicker { margin-top: 16px !important; }
  body.tsw-oc-page .tsw-oc-sub { font-size: 18px !important; }
  body.tsw-oc-page .tsw-oc-note { margin-top: 40px; }
  body.tsw-oc-page .tsw-oc-note .tsw-oc-next { font-size: 28px !important; }
  body.tsw-oc-page .tsw-oc-steps > li::before { font-size: 40px; }
  body.tsw-oc-page .tsw-oc-account { padding: 20px; }
  body.tsw-oc-page .tsw-oc-btn { display: flex !important; width: 100% !important; min-width: 0; margin-right: 0 !important; }
  body.tsw-oc-page .tsw-oc-actions { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  body.tsw-oc-page :is(.tsw-oc-kicker span),
body.tsw-oc-page :is(.tsw-oc-line > span),
body.tsw-oc-page :is(.tsw-oc-sub),
body.tsw-oc-page :is(.tsw-oc-num),
body.tsw-oc-page :is(.tsw-oc-next),
body.tsw-oc-page :is(.tsw-oc-steps > li),
body.tsw-oc-page :is(.tsw-oc-account) { animation: none; }
  body.tsw-oc-page .tsw-oc-tick circle { animation: none; stroke-dashoffset: 0; fill-opacity: 1; }
  body.tsw-oc-page .tsw-oc-tick path { animation: none; stroke-dashoffset: 0; }
}


/* ============================================================================
   SEC126  POLISH — Polish v1: small fixes from the launch audit (30 Sep 2026)
   - The designer's "Add your design" heading lines up with the designer: DN's heading widget holds its words to a
     1200px centred column, the designer below takes DN's 2.5% widget margins.
   - The cart: room between the Production and delivery box and the footer (it touched it when the cart was empty).
   - Reset password is a centred card like Sign In.
   - The product page's details sheet: out of Tab and screen readers while it's closed (it slid below the screen but
     stayed reachable). It stays visible until it has slid away.
   ============================================================================ */
body.dn-page-designer .dn-widget-heading .dn-widget-content-container { display: block !important; width: auto !important; max-width: none !important; margin-left: 2.5% !important; margin-right: 2.5% !important; }
body.dn-page-view_cart .tsw-cart-info { margin-bottom: 56px !important; }
body.dn-page-forgot_password .dn-forgot-password-container { box-sizing: border-box; max-width: 400px; margin: 32px auto 72px !important; padding: 0 20px; }
body.dn-page-forgot_password .dn-forgot-password-container h2 { margin: 0 0 20px !important; font: 800 30px/1.1 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.02em !important; text-align: center !important; text-transform: none !important; color: #111 !important; }
.tsw-sheet:not(.is-open) { visibility: hidden; transition: transform .3s cubic-bezier(.4,0,.2,1), visibility 0s linear .3s; }
.tsw-sheet.is-open { visibility: visible; }
body.dn-page-forgot_password .tsw-fp-lead { margin: -8px 0 20px; font: 400 15px/1.5 var(--font-body, Inter, system-ui, sans-serif); text-align: center; color: #5f5f5f; }


/* ============================================================================
   SEC127  SEARCH — Results page v2: the search results page in the Round 2 look (script: TSW SEARCH PAGE v1)
   ============================================================================ */
/* Everything here waits for the script's body.tsw-srp (the head, the suggestions and the help are the script's own
   parts; DN's heading, search box and Show boxes go quiet). The Round 2 look: the kicker and a big Inter heading, the
   search box at 68px (60px on phones) with a black Search button in it like Pricing's Browse, outlined chips (1.5px
   #e6e6e6, ink on hover), the garment cards as the category pages have them (SEC88), designs on light grey as the
   design library shows them (SEC111), a pager of 44px boxes with arrows, a help band under an ink line, and on an
   empty search the garments to browse as the home page's tiles. No blurred shadows, 4px corners. */
body.tsw-srp .tsw-sr-quiet { display: none !important; }
:is(.tsw-sr-head),
:is(.tsw-sr-none),
:is(.tsw-sr-help),
:is(.tsw-sr-dsec) { font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; text-align: left; letter-spacing: normal; text-transform: none; word-spacing: normal; }
:is(.tsw-sr-head) *,
:is(.tsw-sr-none) *,
:is(.tsw-sr-help) *,
:is(.tsw-sr-dsec) *,
:is(.tsw-sr-head) *::before,
:is(.tsw-sr-none) *::before,
:is(.tsw-sr-help) *::before,
:is(.tsw-sr-dsec) *::before,
:is(.tsw-sr-head) *::after,
:is(.tsw-sr-none) *::after,
:is(.tsw-sr-help) *::after,
:is(.tsw-sr-dsec) *::after { box-sizing: border-box; }
:is(.tsw-sr-head) p,
:is(.tsw-sr-none) p,
:is(.tsw-sr-help) p { margin: 0; }
.tsw-sr-hide { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.tsw-sr-ne { flex: none; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: square; stroke-linejoin: miter; }

/* ---- the head: kicker, heading, count, the box, a note, the suggestions ---- */
.tsw-sr-head { padding: 24px 20px 36px; }
.tsw-sr-head .tsw-sr-kicker { margin: 0 0 10px; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-sr-head h1 { margin: 0 !important; padding: 0 !important; border: 0 !important; font: 800 clamp(40px, 4.6vw, 64px)/1.02 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.045em !important; text-transform: none !important; text-align: left !important; color: #111111 !important; overflow-wrap: anywhere; }
.tsw-sr-head .tsw-sr-count { margin-top: 12px; font-size: 16px; line-height: 1.5; color: #444444; }
.tsw-sr-find { position: relative; max-width: 760px; margin-top: 24px; }
.tsw-sr-head .tsw-sr-box { position: relative; display: block; flex: none; max-width: none; margin: 0; padding: 0; }
.tsw-sr-box > svg { position: absolute; top: 50%; left: 20px; width: 20px; height: 20px; margin-top: -10px; fill: none; stroke: #6b6b6b; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.tsw-sr-box .header-search-input { display: block; width: 100%; height: 68px; margin: 0; padding: 0 124px 0 52px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; box-shadow: none;
  font: 500 18px/1.2 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; color: #111111; outline: none; -webkit-appearance: none; appearance: none; transition: none; }
.tsw-sr-box .header-search-input::placeholder { color: #6b6b6b; opacity: 1; }
.tsw-sr-box .header-search-input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; }
.tsw-sr-box .header-search-input:hover, .tsw-sr-box .header-search-input:focus { border-color: #111111; outline: none; background: #ffffff; }
.tsw-sr-box .header-search-submit { position: absolute; top: 9px; right: 9px; bottom: 9px; width: auto; height: auto; display: inline-flex; align-items: center; margin: 0; padding: 0 22px; border: 0; border-radius: 4px; background: #111111; transform: none;
  font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; color: #ffffff; cursor: pointer; transition: none; }
.tsw-sr-box .header-search-submit:hover { background: #333333; transform: none; }
.tsw-sr-box .header-search-submit:focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
/* the live results as you type (TSW LIVE SEARCH v1): a panel over the page under the box, not in its flow */
.tsw-sr-find .tsw-ls { position: absolute; z-index: 40; top: calc(100% + 6px); left: 0; right: 0; max-height: min(70vh, 560px); overflow-y: auto; overscroll-behavior: contain; padding: 0 18px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; }
.tsw-sr-find .tsw-ls.is-inline .tsw-ls-in { padding: 16px 0 12px; }
.tsw-sr-head .tsw-sr-note { margin-top: 14px; font-size: 16px; line-height: 1.5; color: #444444; }
.tsw-sr-head .tsw-sr-note[hidden] { display: none; }
.tsw-sr-head .tsw-sr-note.is-dym { font-size: 20px; font-weight: 600; color: #111111; }
.tsw-sr-head .tsw-sr-note a { font: inherit !important; font-weight: 800 !important; letter-spacing: inherit !important; text-transform: none !important; color: #111111 !important; text-decoration: underline !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px; }
.tsw-sr-more { display: flex; flex-wrap: wrap; gap: 20px 40px; margin-top: 24px; }
.tsw-sr-more[hidden] { display: none; }
.tsw-sr-row { min-width: 0; }
.tsw-sr-label { margin: 0 0 10px !important; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-sr-chips { display: flex; flex-wrap: wrap; gap: 8px; }
a.tsw-sr-chip { display: inline-flex; align-items: center; min-height: 40px; padding: 4px 14px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff;
  font: 700 15px/1.2 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; color: #111111 !important; text-decoration: none !important; }
a.tsw-sr-chip:hover { border-color: #111111; }
a.tsw-sr-chip span { margin-left: 8px; font-size: 13px; font-weight: 500; color: #6b6b6b; }

/* ---- the results: headings when a page has both kinds, designs as the design library shows them ---- */
body.tsw-srp .dn-widget-page_content_search_results { margin-top: 0 !important; }
body.tsw-srp .dn-search-results-content, body.tsw-srp .dn-search-results-panel { margin-top: 0 !important; padding-top: 0 !important; }
body.tsw-srp .tsw-sr-sub { margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; font: 800 28px/1.15 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.02em !important; text-transform: none !important; text-align: left !important; color: #111111 !important; }
body.tsw-srp .tsw-sr-sublead { margin: -8px 0 18px !important; font: 400 16px/1.5 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-align: left; color: #444444; }
body.tsw-srp .tsw-sr-sublead.is-top { margin: 0 0 18px !important; }
body.tsw-srp .tsw-sr-dsec { margin-top: 48px; padding-top: 32px; border-top: 1.5px solid #e6e6e6; }
body.tsw-srp .tsw-sr-design .dn-grid-image { position: relative !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #efefef !important; box-shadow: none !important; overflow: hidden; }
body.tsw-srp .tsw-sr-design.is-dark .dn-grid-image { background: #111111 !important; }
body.tsw-srp .tsw-sr-design :is(.dn-grid-image-content),
body.tsw-srp .tsw-sr-design :is(.dn-image-transform) { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
body.tsw-srp .tsw-sr-design .dn-grid-image img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; border: 0 !important; border-radius: 0 !important; transform: none !important; transition: transform .3s; }
body.tsw-srp .tsw-sr-design:hover .dn-grid-image img { transform: scale(1.03) !important; }
body.tsw-srp .tsw-sr-design .dn-image-overlay { background: none !important; opacity: 0 !important; }
body.tsw-srp .tsw-sr-design .dn-grid-text { margin: 10px 0 0 !important; }
body.tsw-srp .tsw-sr-design .dn-name { font-size: 15px !important; }
body.tsw-srp .tsw-sr-design:hover .dn-name { text-decoration: underline; text-underline-offset: 3px; }

/* ---- the pager: 44px boxes, the page you're on in ink, Previous and Next with arrows (none where there's no page) ---- */
/* (through the results panel: SEC88's product-grid pager rule is body:is(...) :is(.dn-paginator li.dn-alt, ...), 0,3,2) */
body.tsw-srp .dn-paginator-container { margin: 44px 0 0 !important; }
body.tsw-srp .dn-search-results-panel div.pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; }
body.tsw-srp .dn-search-results-panel div.pagination > :is(a),
body.tsw-srp .dn-search-results-panel div.pagination > :is(span),
body.tsw-srp .dn-search-results-panel div.pagination > :is(em) { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-width: 44px; height: 44px; padding: 0 14px !important; border: 1.5px solid #e6e6e6 !important; border-radius: 4px !important; background: #ffffff !important;
  font: 700 15px/1 var(--font-body, Inter, system-ui, sans-serif) !important; font-style: normal !important; letter-spacing: normal !important; color: #111111 !important; text-decoration: none !important; }
body.tsw-srp .dn-search-results-panel div.pagination > a:hover { border-color: #111111 !important; }
body.tsw-srp .dn-search-results-panel div.pagination > .current { background: #111111 !important; border-color: #111111 !important; color: #ffffff !important; }
body.tsw-srp .dn-search-results-panel div.pagination > .disabled { display: none !important; }
body.tsw-srp .dn-search-results-panel div.pagination > .gap { min-width: 24px; padding: 0 !important; border-color: transparent !important; }
body.tsw-srp .dn-search-results-panel div.pagination svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ---- can't find it: a band under an ink line after the results ---- */
.tsw-sr-help { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; margin: 56px 20px 72px; padding-top: 32px; border-top: 1.5px solid #111111; }
.tsw-sr-help h2 { margin: 0 0 6px !important; padding: 0 !important; border: 0 !important; font: 800 28px/1.15 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.02em !important; text-transform: none !important; text-align: left !important; color: #111111 !important; }
.tsw-sr-help p { max-width: 560px; font-size: 16px; line-height: 1.5; color: #444444; }
.tsw-sr-help-go { display: flex; flex-wrap: wrap; gap: 10px; }
a.tsw-sr-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 22px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff;
  font: 700 16px/1.1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; color: #111111 !important; text-decoration: none !important; }
@media (hover: hover) { a.tsw-sr-btn:hover { background: #111111; color: #ffffff !important; } }
a.tsw-sr-btn .tsw-sr-ne { width: 18px; height: 18px; }

/* ---- nothing found: garments that might match, the kinds of garment as the home page's tiles, the rest as chips ---- */
.tsw-sr-none { margin: 0; }
.tsw-sr-none .tsw-sr-maybe { margin: 0 0 48px; }
.tsw-sr-none .tsw-sr-maybe[hidden] { display: none; }
.tsw-sr-cards, .tsw-sr-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 16px; margin: 0; padding: 0; list-style: none; }
.tsw-sr-cards li, .tsw-sr-tiles li { margin: 0; padding: 0; list-style: none; }
.tsw-sr-cards li::before, .tsw-sr-tiles li::before { display: none !important; }
a.tsw-sr-card { display: flex; flex-direction: column; gap: 3px; color: #111111 !important; text-decoration: none !important; }
.tsw-sr-card-img, .tsw-sr-tile-img { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: #f2f2f2; }
.tsw-sr-card-img { margin-bottom: 8px; }
:is(.tsw-sr-card-img) img,
:is(.tsw-sr-tile-img) img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; mix-blend-mode: multiply; transition: transform .3s ease; }
a.tsw-sr-card small { font-size: 11px; font-weight: 600; line-height: 1.4; letter-spacing: .1em; text-transform: uppercase; color: #6b6b6b; }
a.tsw-sr-card b { font-size: 15px; font-weight: 700; line-height: 1.25; }
.tsw-sr-tiles { margin-bottom: 20px; }
.tsw-sr-tiles a { display: flex; flex-direction: column; gap: 12px; color: #111111 !important; text-decoration: none !important; }
.tsw-sr-tile-name { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: clamp(20px, 1.9vw, 28px); font-weight: 800; line-height: 1.05; letter-spacing: -0.035em; }
.tsw-sr-tile-name .tsw-sr-ne { width: clamp(20px, 1.9vw, 28px); height: clamp(20px, 1.9vw, 28px); stroke-width: 3.2; }
@media (hover: hover) {
  :is(a.tsw-sr-card):hover img,
:is(.tsw-sr-tiles a):hover img { transform: scale(1.04); }
  a.tsw-sr-card:hover b { text-decoration: underline; text-underline-offset: 3px; }
  .tsw-sr-tiles a:hover { color: var(--tsw-magenta, #ec008c) !important; }
}
a:is(.tsw-sr-chip):focus-visible,
a:is(.tsw-sr-btn):focus-visible,
a:is(.tsw-sr-card):focus-visible,
.tsw-sr-tiles a:focus-visible,
.tsw-sr-head .tsw-sr-note a:focus-visible { outline: 2px solid #111111; outline-offset: 2px; }

/* ---- phones and tablets ---- */
@media (max-width: 899px) {
  .tsw-sr-cards, .tsw-sr-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
}
@media (max-width: 599px) {
  .tsw-sr-head { padding: 16px 20px 28px; }
  .tsw-sr-find { margin-top: 20px; }
  .tsw-sr-box .header-search-input { height: 60px; padding-right: 108px; font-size: 17px; }
  .tsw-sr-box .header-search-submit { top: 7px; right: 7px; bottom: 7px; padding: 0 18px; }
  .tsw-sr-find .tsw-ls { max-height: 60vh; padding: 0 14px; }
  .tsw-sr-more { display: block; }
  .tsw-sr-more .tsw-sr-row + .tsw-sr-row { margin-top: 16px; }
  /* the suggestions as one row that scrolls sideways, to the screen's edges, so the results start sooner */
  .tsw-sr-more .tsw-sr-chips { flex-wrap: nowrap; margin: 0 -20px; padding: 0 20px 4px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .tsw-sr-more .tsw-sr-chips::-webkit-scrollbar { display: none; }
  .tsw-sr-more a.tsw-sr-chip { flex: none; white-space: nowrap; }
  /* four garments that might match, so the kinds of garment aren't far below */
  .tsw-sr-cards li:nth-child(n+5) { display: none; }
  body.tsw-srp .tsw-sr-sub, .tsw-sr-help h2 { font-size: 24px !important; }
  .tsw-sr-help { margin: 44px 20px 56px; }
  .tsw-sr-help-go { width: 100%; flex-direction: column; }
  a.tsw-sr-btn { width: 100%; }
}


/* ============================================================================
   SEC128  DELIVERY — Delivery estimate v2: delivery cost and arrival for the whole order (script: TSW DELIVERY ESTIMATE v2)
   ============================================================================ */
/* On the Pricing page under How many, on product pages under the main button and on the cart page under the order
   summary: a light card (1.5px #e6e6e6, 4px corners). "Delivery" with the postcode box beside it, then the method and
   its price for the whole order (the garments on screen and the cart's), a line saying what it covers, the free-over
   line, when it arrives, and free pick-up under a hairline; "Planning a bigger order?" opens two outlined steppers
   (light and bulky items). In the header cart's drawer, one line under the subtotal. No blurred shadows; no pink small
   text. */
.tsw-ship { box-sizing: border-box; margin: 28px 0 0; padding: 18px 20px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff;
  font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; text-align: left; letter-spacing: normal; text-transform: none; word-spacing: normal; }
.tsw-ship[hidden] { display: none !important; }
.tsw-ship *, .tsw-ship *::before, .tsw-ship *::after { box-sizing: border-box; }
.tsw-ship p { margin: 0; }
.tsw-ship-top { display: flex; align-items: center; gap: 10px 12px; }
.tsw-ship .tsw-ship-h { flex: 1 1 auto; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
  font: 800 18px/1.2 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.01em !important; text-transform: none !important; text-align: left !important; color: #111111 !important; }
.tsw-ship .tsw-ship-pc { flex: none; margin: 0 !important; padding: 0 !important; font: 600 14px/1.2 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: normal !important; text-transform: none !important; color: #444444 !important; }
.tsw-ship .tsw-ship-in { flex: none; width: 96px !important; height: 44px !important; margin: 0 !important; padding: 0 12px !important; border: 1.5px solid #e6e6e6 !important; border-radius: 4px !important; background: #ffffff !important; box-shadow: none !important;
  font: 700 17px/1 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: .08em !important; color: #111111 !important; text-align: center; -webkit-appearance: none; appearance: none; }
.tsw-ship .tsw-ship-in::placeholder { color: #9a9a9a; opacity: 1; font-weight: 500; }
.tsw-ship .tsw-ship-in:hover, .tsw-ship .tsw-ship-in:focus { border-color: #111111 !important; outline: none !important; }
.tsw-ship-out { margin-top: 14px; }
.tsw-ship-out:empty { display: none; }
.tsw-ship-hint, .tsw-ship-note, .tsw-ship-pick { font-size: 14px; line-height: 1.5; color: #444444; }
.tsw-ship-line { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 4px !important; }
.tsw-ship-line span { font-size: 16px; font-weight: 700; }
.tsw-ship-line b { font-size: 20px; font-weight: 800; letter-spacing: -0.01em; white-space: nowrap; }
.tsw-ship-note + .tsw-ship-note { margin-top: 2px !important; }
.tsw-ship-pick { margin-top: 12px !important; padding-top: 12px; border-top: 1.5px solid #e6e6e6; }
.tsw-ship-fine { margin-top: 10px !important; font-size: 13px; line-height: 1.45; color: #6b6b6b; }
.tsw-ship-out a { font-weight: 700; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
.tsw-ship-out .tsw-ship-fine a { font-weight: 600; color: #444444 !important; }
/* the Pricing page: under the sizes, the width of the column's other steps */
body.tsw-qp .tsw-ship { margin-top: 32px; }
/* product pages: the column is ordered by CSS (SEC12: the main button is order 9, Product details 10), so the card
   takes the button's order and comes straight after it */
.blank_product_page .tsw-ship { order: 9; margin: 0 0 16px; }
/* the whole order: "For these 9 and the 12 already in your cart." under the price */
.tsw-ship-what { margin: 0 0 4px !important; font-size: 14px; line-height: 1.45; font-weight: 600; color: #111111; }
/* Planning a bigger order?: two steppers, light and bulky items */
.tsw-ship .tsw-ship-plan-go, .tsw-ship .tsw-ship-plan-x { display: inline-flex; align-items: center; min-height: 36px; margin: 10px 0 0; padding: 0; border: 0; background: none;
  font: 700 14px/1.3 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; color: #111111; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.tsw-ship .tsw-ship-plan-go[hidden] { display: none; }
.tsw-ship-plan { margin-top: 12px; padding-top: 12px; border-top: 1.5px solid #e6e6e6; }
.tsw-ship-plan[hidden] { display: none; }
.tsw-ship-plan-h { margin: 0 0 4px !important; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-ship-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; }
.tsw-ship-row + .tsw-ship-row { border-top: 1px solid #f0f0f0; }
.tsw-ship-row-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tsw-ship-row-t b { font-size: 15px; font-weight: 700; color: #111111; }
.tsw-ship-row-t small { font-size: 13px; line-height: 1.35; color: #6b6b6b; }
.tsw-ship-step { flex: none; display: inline-flex; align-items: stretch; height: 40px; border: 1.5px solid #e6e6e6; border-radius: 4px; overflow: hidden; background: #ffffff; }
.tsw-ship .tsw-ship-step button { display: flex; align-items: center; justify-content: center; width: 40px; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: #ffffff; color: #111111; cursor: pointer; }
.tsw-ship .tsw-ship-step button:hover { background: #f5f5f5; }
.tsw-ship .tsw-ship-step svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.tsw-ship .tsw-ship-step input { width: 52px !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-left: 1.5px solid #e6e6e6 !important; border-right: 1.5px solid #e6e6e6 !important; border-radius: 0 !important;
  background: #ffffff !important; box-shadow: none !important; font: 700 16px/1 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; text-align: center; -webkit-appearance: none; appearance: none; }
.tsw-ship .tsw-ship-step input:focus { outline: 2px solid #111111; outline-offset: -2px; }
.tsw-ship .tsw-ship-step button:focus-visible, .tsw-ship .tsw-ship-plan-go:focus-visible, .tsw-ship .tsw-ship-plan-x:focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
/* the cart page: a card under the order summary */
body.tsw-cart .tsw-ship { margin: 16px 0 0; }
/* the header cart's drawer: one line under the subtotal, with the postcode box when asked */
.tsw-cd-ship:empty { display: none; }
.tsw-ship-mini { margin: 10px 0 2px; padding: 10px 0 0; border-top: 1px solid #e6e6e6; font: 400 14px/1.5 var(--font-body, Inter, system-ui, sans-serif); color: #444444; text-align: left; }
.tsw-ship-mini[hidden] { display: none; }
.tsw-ship-mini p { margin: 0; }
.tsw-ship-mini b { font-weight: 700; color: #111111; }
.tsw-ship-mini button { display: inline; margin: 0; padding: 0; border: 0; background: none; font: inherit; font-weight: 700; color: #111111; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.tsw-ship-mini-edit { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.tsw-ship-mini-edit[hidden] { display: none; }
.tsw-ship-mini-edit label { font-weight: 600; color: #444444; }
.tsw-ship-mini-edit input { width: 88px; height: 40px; margin: 0; padding: 0 10px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; box-shadow: none; font: 700 16px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: .06em; color: #111111; text-align: center; }
.tsw-ship-mini-edit input:focus { border-color: #111111; outline: none; }
.tsw-ship-mini .tsw-ship-mini-done { display: inline-flex; align-items: center; height: 40px; padding: 0 14px; border: 1.5px solid #111111; border-radius: 4px; text-decoration: none; }
@media (max-width: 599px) {
  .tsw-ship { padding: 16px; }
  .tsw-ship .tsw-ship-h { font-size: 17px !important; }
}


/* ============================================================================
   SEC129  GALLERY — Gallery v1: the Gallery page in the Round 2 look (script: TSW GALLERY v1)
   ============================================================================ */
/* The head (kicker, the big heading, a line), Common Ninja's gallery in a frame that shows the first rows with an
   outlined "Show more photos" under it, and a "Have something to print?" band under an ink line. The duplicate
   gallery widget goes quiet. No blurred shadows, 4px corners. */
body.tsw-gal .tsw-gal-quiet { display: none !important; }
:is(.tsw-gal-head),
:is(.tsw-gal-cta) { box-sizing: border-box; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; text-align: left; letter-spacing: normal; text-transform: none; word-spacing: normal; }
:is(.tsw-gal-head) p,
:is(.tsw-gal-cta) p { margin: 0; }
.tsw-gal-head { padding: 28px 20px 28px; } /* 20px in, where Common Ninja starts its photos (and the breadcrumb lines up) */
.tsw-gal-head .tsw-gal-kicker { margin: 0 0 10px; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-gal-head h1 { margin: 0 !important; padding: 0 !important; border: 0 !important; font: 800 clamp(40px, 4.6vw, 64px)/1.02 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.045em !important; text-transform: none !important; text-align: left !important; color: #111111 !important; }
.tsw-gal-head .tsw-gal-lead { max-width: 660px; margin-top: 14px; font-size: 18px; line-height: 1.5; color: #333333; }
/* the frame: its height is set by the script (the first rows), and grows as more are shown */
.tsw-gal-clip { position: relative; overflow: hidden; transition: height .35s ease; }
.tsw-gal-clip.is-all { overflow: visible; }
button.tsw-gal-more { display: flex; align-items: center; justify-content: center; min-height: 52px; margin: 28px auto 0; padding: 0 28px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff;
  font: 700 16px/1.1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; color: #111111; cursor: pointer; }
button.tsw-gal-more[hidden] { display: none; }
button.tsw-gal-more:focus-visible { outline: 2px solid #111111; outline-offset: 3px; }
@media (hover: hover) { button.tsw-gal-more:hover { background: #111111; color: #ffffff; } }
/* have something to print? */
.tsw-gal-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; margin: 56px 20px 72px; padding-top: 32px; border-top: 1.5px solid #111111; }
.tsw-gal-cta h2 { margin: 0 0 6px !important; padding: 0 !important; border: 0 !important; font: 800 28px/1.15 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.02em !important; text-transform: none !important; text-align: left !important; color: #111111 !important; }
.tsw-gal-cta p { max-width: 560px; font-size: 16px; line-height: 1.5; color: #444444; }
.tsw-gal-cta-go { display: flex; flex-wrap: wrap; gap: 10px; }
a.tsw-gal-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 24px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff;
  font: 700 16px/1.1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; color: #111111 !important; text-decoration: none !important; }
a.tsw-gal-btn.is-main { border-color: #d10074; background: #d10074; color: #ffffff !important; }
a.tsw-gal-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: square; stroke-linejoin: miter; }
@media (hover: hover) {
  a.tsw-gal-btn:hover { background: #111111; color: #ffffff !important; }
  a.tsw-gal-btn.is-main:hover { border-color: #a8005e; background: #a8005e; }
}
a.tsw-gal-btn:focus-visible { outline: 2px solid #111111; outline-offset: 3px; }
@media (max-width: 599px) {
  .tsw-gal-head { padding: 16px 20px 20px; }
  .tsw-gal-head .tsw-gal-lead { font-size: 16px; }
  .tsw-gal-cta { margin: 44px 20px 56px; }
  .tsw-gal-cta h2 { font-size: 24px !important; }
  .tsw-gal-cta-go { width: 100%; flex-direction: column; }
  a.tsw-gal-btn { width: 100%; }
}

/* ---- Gallery v2: the control centre's photos in our own grid, and a photo opened large (TSW GALLERY v1's v2 part) ---- */
/* while the photos are read, Common Ninja's frame waits unseen, keeping a screen's room so the band below stays put */
body.tsw-gal-wait .commonninja_component { display: block; min-height: 100vh; visibility: hidden; }
.tsw-gal2 { box-sizing: border-box; padding: 0 20px; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; text-align: left; letter-spacing: normal; text-transform: none; word-spacing: normal; }
.tsw-gal2-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.tsw-gal2-chip { height: 40px; margin: 0; padding: 0 16px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; color: #111111;
  font: 600 15px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; cursor: pointer; }
.tsw-gal2-chip[aria-pressed="true"] { border-color: #111111; background: #111111; color: #ffffff; }
@media (hover: hover) { .tsw-gal2-chip:hover { border-color: #111111; } }
.tsw-gal2-chip:focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
.tsw-gal2-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.tsw-gal2-grid li { margin: 0; padding: 0; list-style: none; }
.tsw-gal2-tile { display: block; width: 100%; aspect-ratio: 4 / 5; margin: 0; padding: 0; border: 0; border-radius: 0; background: #f5f5f5; overflow: hidden; cursor: zoom-in; }
.tsw-gal2-tile img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform .3s ease; }
@media (hover: hover) { .tsw-gal2-tile:hover img { transform: scale(1.03); } }
.tsw-gal2-tile:focus-visible { outline: 2px solid #111111; outline-offset: 3px; }
/* videos (Gallery v3): a play badge on the tile, the first frame when there's no cover photo, and the clip in the viewer */
.tsw-gal2-tile.is-video { position: relative; }
.tsw-gal2-tile video { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; pointer-events: none; }
.tsw-gal2-play { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin: -28px 0 0 -28px; border-radius: 50%; background: rgba(17, 17, 17, .78); color: #ffffff; pointer-events: none; }
.tsw-gal2-play svg { width: 24px; height: 24px; margin-left: 3px; fill: currentColor; }
.tsw-lb-pic video { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; background: #111111; }
@media (max-width: 1023px) { .tsw-gal2-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 599px) {
  .tsw-gal2-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .tsw-gal2-tile { aspect-ratio: 1 / 1; }
  .tsw-gal2-chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -20px 14px; padding: 0 20px 2px; scrollbar-width: none; }
  .tsw-gal2-chip { flex: none; }
}
/* the photo large, on white: the count and Close along the top, the caption under it, arrows either side */
html.tsw-lb-open { overflow: hidden; }
.tsw-lb { position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column; background: #ffffff; color: #111111; font-family: var(--font-body, Inter, system-ui, sans-serif); text-align: left; letter-spacing: normal; text-transform: none; }
.tsw-lb [hidden] { display: none !important; }
.tsw-lb-bar { flex: none; display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 8px 0 20px; }
.tsw-lb .tsw-lb-n { margin: 0; font-size: 14px; font-weight: 600; color: #6b6b6b; }
.tsw-lb-x { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 4px; background: none; color: #111111; cursor: pointer; }
.tsw-lb-x svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; }
.tsw-lb-fig { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; margin: 0; padding: 0 84px 24px; touch-action: pan-y; }
.tsw-lb-pic { flex: 1 1 auto; min-height: 0; display: flex; align-items: center; justify-content: center; }
.tsw-lb-pic img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.tsw-lb figcaption { flex: none; max-width: 760px; margin: 16px auto 0; text-align: center; }
.tsw-lb .tsw-lb-t { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.4; color: #111111; }
.tsw-lb .tsw-lb-m { margin: 4px 0 0; font-size: 14px; line-height: 1.4; color: #6b6b6b; }
.tsw-lb-go { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-top: -26px; padding: 0; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; color: #111111; cursor: pointer; }
.tsw-lb-go.is-prev { left: 16px; }
.tsw-lb-go.is-next { right: 16px; }
.tsw-lb-go svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: square; }
@media (hover: hover) { .tsw-lb-go:hover { background: #111111; color: #ffffff; } }
.tsw-lb :focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
@media (max-width: 599px) {
  .tsw-lb-fig { padding: 0 0 84px; }
  .tsw-lb figcaption { padding: 0 20px; }
  .tsw-lb-go { top: auto; bottom: 16px; margin: 0; width: 48px; height: 48px; }
}


/* ============================================================================
   SEC130  ACCOUNT — Account pages v1: Sign in, Sign in by email, Create an account and Reset password as one family (script: TSW ACCOUNT PAGES v1)
   ============================================================================ */
/* SEC104 and SEC105 keep the Sign in and email forms' order, divider and Remember me; SEC126 made Reset password a
   card. This makes the four one family: a centred card (400px; Create an account 600px, with its details two across
   where they pair), the heading as Reset password has it with a grey line under it, fields as the quote form has
   them (1.5px #e6e6e6, ink while typing), labels in plain case and buttons in Title Case as elsewhere in Round 2.
   Create an account loses DN's notes column (the script marks it quiet) and its stray "*" line, and shows DN's
   reCAPTCHA note when there is one (DN hid it). On phones the words sit on the page line with the breadcrumb (23px
   in). Then the 404 page: onto that line too (it sat on DN's 12px margin), with the Round 2 heading. No blurred
   shadows, 4px corners. */
/* the cards */
body.dn-page-login .dn-login-container,
body.dn-page-login_email_token .dn-login-email-token-container,
body.dn-page-signup .dn-register-container { box-sizing: border-box; float: none !important; width: auto !important; max-width: 400px; margin: 32px auto 72px !important; padding: 0 20px !important; }
body.dn-page-signup .dn-register-container { max-width: 600px; }
/* Sign in's widget wraps the card in an inline-block that shrinks to it (the fields were 267px on a phone) */
body.dn-page-login .dn-widget-content-container:has(> .dn-widget-content > .dn-login-container) { display: block !important; width: auto !important; max-width: none !important; }
body.dn-page-login form[id^="login_form_"], body.dn-page-login_email_token form:has(> ul.dn-form) { max-width: none; margin: 0; padding: 0; }
/* Create an account: DN's notes beside the form go quiet, and the form's column takes the row */
body.dn-page-signup .tsw-acct-quiet { display: none !important; }
body.dn-page-signup .tsw-acct-main { flex: 1 1 100% !important; width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
/* the heading and the line under it */
body:is(.dn-page-login) :is(.dn-login-container) > h2,
body:is(.dn-page-login) :is(.dn-login-email-token-container) > h2,
body:is(.dn-page-login) :is(.dn-register-container) > h2,
body:is(.dn-page-login_email_token) :is(.dn-login-container) > h2,
body:is(.dn-page-login_email_token) :is(.dn-login-email-token-container) > h2,
body:is(.dn-page-login_email_token) :is(.dn-register-container) > h2,
body:is(.dn-page-signup) :is(.dn-login-container) > h2,
body:is(.dn-page-signup) :is(.dn-login-email-token-container) > h2,
body:is(.dn-page-signup) :is(.dn-register-container) > h2 { margin: 0 0 20px !important; padding: 0 !important; border: 0 !important; font: 800 30px/1.1 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.02em !important; text-align: center !important; text-transform: none !important; color: #111111 !important; }
.tsw-acct-lead { margin: -8px 0 20px !important; font: 400 15px/1.5 var(--font-body, Inter, system-ui, sans-serif); text-align: center; text-transform: none; letter-spacing: normal; color: #5f5f5f; }
/* labels and fields, as the quote form has them */
body:is(.dn-page-login) :is(.dn-login-container) li > label.dn-form-field-label,
body:is(.dn-page-login) :is(.dn-login-email-token-container) li > label.dn-form-field-label,
body:is(.dn-page-login) :is(.dn-register-container) li > label.dn-form-field-label,
body:is(.dn-page-login) :is(.dn-forgot-password-container) li > label.dn-form-field-label,
body:is(.dn-page-login_email_token) :is(.dn-login-container) li > label.dn-form-field-label,
body:is(.dn-page-login_email_token) :is(.dn-login-email-token-container) li > label.dn-form-field-label,
body:is(.dn-page-login_email_token) :is(.dn-register-container) li > label.dn-form-field-label,
body:is(.dn-page-login_email_token) :is(.dn-forgot-password-container) li > label.dn-form-field-label,
body:is(.dn-page-signup) :is(.dn-login-container) li > label.dn-form-field-label,
body:is(.dn-page-signup) :is(.dn-login-email-token-container) li > label.dn-form-field-label,
body:is(.dn-page-signup) :is(.dn-register-container) li > label.dn-form-field-label,
body:is(.dn-page-signup) :is(.dn-forgot-password-container) li > label.dn-form-field-label,
body:is(.dn-page-forgot_password) :is(.dn-login-container) li > label.dn-form-field-label,
body:is(.dn-page-forgot_password) :is(.dn-login-email-token-container) li > label.dn-form-field-label,
body:is(.dn-page-forgot_password) :is(.dn-register-container) li > label.dn-form-field-label,
body:is(.dn-page-forgot_password) :is(.dn-forgot-password-container) li > label.dn-form-field-label { display: block; margin: 0 0 6px !important; font: 600 14px/1.3 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: 0 !important; text-transform: none !important; color: #111111 !important; }
body:is(.dn-page-login) :is(.dn-login-container) :is(input[type="text"]),
body:is(.dn-page-login) :is(.dn-login-container) :is(input[type="email"]),
body:is(.dn-page-login) :is(.dn-login-container) :is(input[type="password"]),
body:is(.dn-page-login) :is(.dn-login-container) :is(select),
body:is(.dn-page-login) :is(.dn-login-email-token-container) :is(input[type="text"]),
body:is(.dn-page-login) :is(.dn-login-email-token-container) :is(input[type="email"]),
body:is(.dn-page-login) :is(.dn-login-email-token-container) :is(input[type="password"]),
body:is(.dn-page-login) :is(.dn-login-email-token-container) :is(select),
body:is(.dn-page-login) :is(.dn-register-container) :is(input[type="text"]),
body:is(.dn-page-login) :is(.dn-register-container) :is(input[type="email"]),
body:is(.dn-page-login) :is(.dn-register-container) :is(input[type="password"]),
body:is(.dn-page-login) :is(.dn-register-container) :is(select),
body:is(.dn-page-login) :is(.dn-forgot-password-container) :is(input[type="text"]),
body:is(.dn-page-login) :is(.dn-forgot-password-container) :is(input[type="email"]),
body:is(.dn-page-login) :is(.dn-forgot-password-container) :is(input[type="password"]),
body:is(.dn-page-login) :is(.dn-forgot-password-container) :is(select),
body:is(.dn-page-login_email_token) :is(.dn-login-container) :is(input[type="text"]),
body:is(.dn-page-login_email_token) :is(.dn-login-container) :is(input[type="email"]),
body:is(.dn-page-login_email_token) :is(.dn-login-container) :is(input[type="password"]),
body:is(.dn-page-login_email_token) :is(.dn-login-container) :is(select),
body:is(.dn-page-login_email_token) :is(.dn-login-email-token-container) :is(input[type="text"]),
body:is(.dn-page-login_email_token) :is(.dn-login-email-token-container) :is(input[type="email"]),
body:is(.dn-page-login_email_token) :is(.dn-login-email-token-container) :is(input[type="password"]),
body:is(.dn-page-login_email_token) :is(.dn-login-email-token-container) :is(select),
body:is(.dn-page-login_email_token) :is(.dn-register-container) :is(input[type="text"]),
body:is(.dn-page-login_email_token) :is(.dn-register-container) :is(input[type="email"]),
body:is(.dn-page-login_email_token) :is(.dn-register-container) :is(input[type="password"]),
body:is(.dn-page-login_email_token) :is(.dn-register-container) :is(select),
body:is(.dn-page-login_email_token) :is(.dn-forgot-password-container) :is(input[type="text"]),
body:is(.dn-page-login_email_token) :is(.dn-forgot-password-container) :is(input[type="email"]),
body:is(.dn-page-login_email_token) :is(.dn-forgot-password-container) :is(input[type="password"]),
body:is(.dn-page-login_email_token) :is(.dn-forgot-password-container) :is(select),
body:is(.dn-page-signup) :is(.dn-login-container) :is(input[type="text"]),
body:is(.dn-page-signup) :is(.dn-login-container) :is(input[type="email"]),
body:is(.dn-page-signup) :is(.dn-login-container) :is(input[type="password"]),
body:is(.dn-page-signup) :is(.dn-login-container) :is(select),
body:is(.dn-page-signup) :is(.dn-login-email-token-container) :is(input[type="text"]),
body:is(.dn-page-signup) :is(.dn-login-email-token-container) :is(input[type="email"]),
body:is(.dn-page-signup) :is(.dn-login-email-token-container) :is(input[type="password"]),
body:is(.dn-page-signup) :is(.dn-login-email-token-container) :is(select),
body:is(.dn-page-signup) :is(.dn-register-container) :is(input[type="text"]),
body:is(.dn-page-signup) :is(.dn-register-container) :is(input[type="email"]),
body:is(.dn-page-signup) :is(.dn-register-container) :is(input[type="password"]),
body:is(.dn-page-signup) :is(.dn-register-container) :is(select),
body:is(.dn-page-signup) :is(.dn-forgot-password-container) :is(input[type="text"]),
body:is(.dn-page-signup) :is(.dn-forgot-password-container) :is(input[type="email"]),
body:is(.dn-page-signup) :is(.dn-forgot-password-container) :is(input[type="password"]),
body:is(.dn-page-signup) :is(.dn-forgot-password-container) :is(select),
body:is(.dn-page-forgot_password) :is(.dn-login-container) :is(input[type="text"]),
body:is(.dn-page-forgot_password) :is(.dn-login-container) :is(input[type="email"]),
body:is(.dn-page-forgot_password) :is(.dn-login-container) :is(input[type="password"]),
body:is(.dn-page-forgot_password) :is(.dn-login-container) :is(select),
body:is(.dn-page-forgot_password) :is(.dn-login-email-token-container) :is(input[type="text"]),
body:is(.dn-page-forgot_password) :is(.dn-login-email-token-container) :is(input[type="email"]),
body:is(.dn-page-forgot_password) :is(.dn-login-email-token-container) :is(input[type="password"]),
body:is(.dn-page-forgot_password) :is(.dn-login-email-token-container) :is(select),
body:is(.dn-page-forgot_password) :is(.dn-register-container) :is(input[type="text"]),
body:is(.dn-page-forgot_password) :is(.dn-register-container) :is(input[type="email"]),
body:is(.dn-page-forgot_password) :is(.dn-register-container) :is(input[type="password"]),
body:is(.dn-page-forgot_password) :is(.dn-register-container) :is(select),
body:is(.dn-page-forgot_password) :is(.dn-forgot-password-container) :is(input[type="text"]),
body:is(.dn-page-forgot_password) :is(.dn-forgot-password-container) :is(input[type="email"]),
body:is(.dn-page-forgot_password) :is(.dn-forgot-password-container) :is(input[type="password"]),
body:is(.dn-page-forgot_password) :is(.dn-forgot-password-container) :is(select) { box-sizing: border-box; width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 14px !important; border: 1.5px solid #e6e6e6 !important; border-radius: 4px !important; background-color: #ffffff !important; box-shadow: none !important; font: 400 16px/1.2 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; }
body:is(.dn-page-login) :is(.dn-login-container) textarea,
body:is(.dn-page-login) :is(.dn-login-email-token-container) textarea,
body:is(.dn-page-login) :is(.dn-register-container) textarea,
body:is(.dn-page-login) :is(.dn-forgot-password-container) textarea,
body:is(.dn-page-login_email_token) :is(.dn-login-container) textarea,
body:is(.dn-page-login_email_token) :is(.dn-login-email-token-container) textarea,
body:is(.dn-page-login_email_token) :is(.dn-register-container) textarea,
body:is(.dn-page-login_email_token) :is(.dn-forgot-password-container) textarea,
body:is(.dn-page-signup) :is(.dn-login-container) textarea,
body:is(.dn-page-signup) :is(.dn-login-email-token-container) textarea,
body:is(.dn-page-signup) :is(.dn-register-container) textarea,
body:is(.dn-page-signup) :is(.dn-forgot-password-container) textarea,
body:is(.dn-page-forgot_password) :is(.dn-login-container) textarea,
body:is(.dn-page-forgot_password) :is(.dn-login-email-token-container) textarea,
body:is(.dn-page-forgot_password) :is(.dn-register-container) textarea,
body:is(.dn-page-forgot_password) :is(.dn-forgot-password-container) textarea { box-sizing: border-box; width: 100% !important; min-height: 96px; margin: 0 !important; padding: 12px 14px !important; border: 1.5px solid #e6e6e6 !important; border-radius: 4px !important; background: #ffffff !important; box-shadow: none !important; font: 400 16px/1.45 var(--font-body, Inter, system-ui, sans-serif) !important; color: #111111 !important; resize: vertical; }
body:is(.dn-page-login) :is(.dn-login-container) :is(input):focus,
body:is(.dn-page-login) :is(.dn-login-container) :is(select):focus,
body:is(.dn-page-login) :is(.dn-login-container) :is(textarea):focus,
body:is(.dn-page-login) :is(.dn-login-email-token-container) :is(input):focus,
body:is(.dn-page-login) :is(.dn-login-email-token-container) :is(select):focus,
body:is(.dn-page-login) :is(.dn-login-email-token-container) :is(textarea):focus,
body:is(.dn-page-login) :is(.dn-register-container) :is(input):focus,
body:is(.dn-page-login) :is(.dn-register-container) :is(select):focus,
body:is(.dn-page-login) :is(.dn-register-container) :is(textarea):focus,
body:is(.dn-page-login) :is(.dn-forgot-password-container) :is(input):focus,
body:is(.dn-page-login) :is(.dn-forgot-password-container) :is(select):focus,
body:is(.dn-page-login) :is(.dn-forgot-password-container) :is(textarea):focus,
body:is(.dn-page-login_email_token) :is(.dn-login-container) :is(input):focus,
body:is(.dn-page-login_email_token) :is(.dn-login-container) :is(select):focus,
body:is(.dn-page-login_email_token) :is(.dn-login-container) :is(textarea):focus,
body:is(.dn-page-login_email_token) :is(.dn-login-email-token-container) :is(input):focus,
body:is(.dn-page-login_email_token) :is(.dn-login-email-token-container) :is(select):focus,
body:is(.dn-page-login_email_token) :is(.dn-login-email-token-container) :is(textarea):focus,
body:is(.dn-page-login_email_token) :is(.dn-register-container) :is(input):focus,
body:is(.dn-page-login_email_token) :is(.dn-register-container) :is(select):focus,
body:is(.dn-page-login_email_token) :is(.dn-register-container) :is(textarea):focus,
body:is(.dn-page-login_email_token) :is(.dn-forgot-password-container) :is(input):focus,
body:is(.dn-page-login_email_token) :is(.dn-forgot-password-container) :is(select):focus,
body:is(.dn-page-login_email_token) :is(.dn-forgot-password-container) :is(textarea):focus,
body:is(.dn-page-signup) :is(.dn-login-container) :is(input):focus,
body:is(.dn-page-signup) :is(.dn-login-container) :is(select):focus,
body:is(.dn-page-signup) :is(.dn-login-container) :is(textarea):focus,
body:is(.dn-page-signup) :is(.dn-login-email-token-container) :is(input):focus,
body:is(.dn-page-signup) :is(.dn-login-email-token-container) :is(select):focus,
body:is(.dn-page-signup) :is(.dn-login-email-token-container) :is(textarea):focus,
body:is(.dn-page-signup) :is(.dn-register-container) :is(input):focus,
body:is(.dn-page-signup) :is(.dn-register-container) :is(select):focus,
body:is(.dn-page-signup) :is(.dn-register-container) :is(textarea):focus,
body:is(.dn-page-signup) :is(.dn-forgot-password-container) :is(input):focus,
body:is(.dn-page-signup) :is(.dn-forgot-password-container) :is(select):focus,
body:is(.dn-page-signup) :is(.dn-forgot-password-container) :is(textarea):focus,
body:is(.dn-page-forgot_password) :is(.dn-login-container) :is(input):focus,
body:is(.dn-page-forgot_password) :is(.dn-login-container) :is(select):focus,
body:is(.dn-page-forgot_password) :is(.dn-login-container) :is(textarea):focus,
body:is(.dn-page-forgot_password) :is(.dn-login-email-token-container) :is(input):focus,
body:is(.dn-page-forgot_password) :is(.dn-login-email-token-container) :is(select):focus,
body:is(.dn-page-forgot_password) :is(.dn-login-email-token-container) :is(textarea):focus,
body:is(.dn-page-forgot_password) :is(.dn-register-container) :is(input):focus,
body:is(.dn-page-forgot_password) :is(.dn-register-container) :is(select):focus,
body:is(.dn-page-forgot_password) :is(.dn-register-container) :is(textarea):focus,
body:is(.dn-page-forgot_password) :is(.dn-forgot-password-container) :is(input):focus,
body:is(.dn-page-forgot_password) :is(.dn-forgot-password-container) :is(select):focus,
body:is(.dn-page-forgot_password) :is(.dn-forgot-password-container) :is(textarea):focus { border-color: #111111 !important; outline: none !important; box-shadow: none !important; }
body:is(.dn-page-login) :is(.dn-login-container) select,
body:is(.dn-page-login) :is(.dn-login-email-token-container) select,
body:is(.dn-page-login) :is(.dn-register-container) select,
body:is(.dn-page-login) :is(.dn-forgot-password-container) select,
body:is(.dn-page-login_email_token) :is(.dn-login-container) select,
body:is(.dn-page-login_email_token) :is(.dn-login-email-token-container) select,
body:is(.dn-page-login_email_token) :is(.dn-register-container) select,
body:is(.dn-page-login_email_token) :is(.dn-forgot-password-container) select,
body:is(.dn-page-signup) :is(.dn-login-container) select,
body:is(.dn-page-signup) :is(.dn-login-email-token-container) select,
body:is(.dn-page-signup) :is(.dn-register-container) select,
body:is(.dn-page-signup) :is(.dn-forgot-password-container) select,
body:is(.dn-page-forgot_password) :is(.dn-login-container) select,
body:is(.dn-page-forgot_password) :is(.dn-login-email-token-container) select,
body:is(.dn-page-forgot_password) :is(.dn-register-container) select,
body:is(.dn-page-forgot_password) :is(.dn-forgot-password-container) select { padding-right: 40px !important; }
body:is(.dn-page-login) :is(.dn-login-container) .dn-password-wrapper,
body:is(.dn-page-login) :is(.dn-register-container) .dn-password-wrapper,
body:is(.dn-page-signup) :is(.dn-login-container) .dn-password-wrapper,
body:is(.dn-page-signup) :is(.dn-register-container) .dn-password-wrapper { position: relative; display: block; }
body:is(.dn-page-login) :is(.dn-login-container) .dn-password-wrapper :is(input[type="password"]),
body:is(.dn-page-login) :is(.dn-login-container) .dn-password-wrapper :is(input[type="text"]),
body:is(.dn-page-login) :is(.dn-register-container) .dn-password-wrapper :is(input[type="password"]),
body:is(.dn-page-login) :is(.dn-register-container) .dn-password-wrapper :is(input[type="text"]),
body:is(.dn-page-signup) :is(.dn-login-container) .dn-password-wrapper :is(input[type="password"]),
body:is(.dn-page-signup) :is(.dn-login-container) .dn-password-wrapper :is(input[type="text"]),
body:is(.dn-page-signup) :is(.dn-register-container) .dn-password-wrapper :is(input[type="password"]),
body:is(.dn-page-signup) :is(.dn-register-container) .dn-password-wrapper :is(input[type="text"]) { padding-right: 52px !important; }
body.dn-page-signup .dn-register-container .dn-password-toggle { position: absolute; top: 50%; right: 8px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: none; color: #6b6b6b; transform: translateY(-50%); cursor: pointer; }
/* Sign in and the email link: buttons in Title Case, outlines at 1.5px */
body.dn-page-login ul.dn-form .dn-btn .dn-btn-label span,
body.dn-page-login_email_token ul.dn-form .dn-btn .dn-btn-label span { font-size: 16px !important; letter-spacing: 0 !important; text-transform: none !important; }
body.dn-page-login ul.dn-form li.dn-form-field-inline .dn-btn, body.dn-page-login ul.dn-form .dn-btn.dn-submit-login, body.dn-page-login_email_token ul.dn-form .dn-btn { border-width: 1.5px !important; }
body.dn-page-login .dn-login-extra-links .tsw-acct-new { font-size: 14px; font-weight: 400; color: #5f5f5f; }
/* the email link page: DN's "Remembered your password?" line under the card (a text widget in its own section) */
body.dn-page-login_email_token .dn-login-email-token-container { margin-bottom: 20px !important; }
body.dn-page-login_email_token .dn-widget-text:has(a[href="/user/login"]) { margin-bottom: 72px !important; }
body.dn-page-login_email_token .dn-widget-text:has(a[href="/user/login"]) p { margin: 0; font-size: 15px; line-height: 1.5; text-align: center; color: #5f5f5f; }
body.dn-page-login_email_token .dn-widget-text a[href="/user/login"] { font-weight: 600; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; text-transform: none !important; }
/* Create an account: DN's list as a column, the details two across where they pair */
body.dn-page-signup .dn-register-container ul.dn-form { display: flex; flex-direction: column; gap: 18px; margin: 0 !important; padding: 0 !important; list-style: none; }
body.dn-page-signup .dn-register-container ul.dn-form > li { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; list-style: none; }
body.dn-page-signup .dn-register-container ul.dn-form > li::before { display: none !important; }
body.dn-page-signup .dn-register-container li > div > ul.dn-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
body.dn-page-signup .dn-register-container li > div > ul.dn-form > li { grid-column: 1 / -1; }
body.dn-page-signup .dn-register-container li > div > ul.dn-form > li:is(:has(#user_firstname)),
body.dn-page-signup .dn-register-container li > div > ul.dn-form > li:is(:has(#user_lastname)),
body.dn-page-signup .dn-register-container li > div > ul.dn-form > li:is(:has(#user_company)),
body.dn-page-signup .dn-register-container li > div > ul.dn-form > li:is(:has(#user_country_id)),
body.dn-page-signup .dn-register-container li > div > ul.dn-form > li:is(:has(#user_state)),
body.dn-page-signup .dn-register-container li > div > ul.dn-form > li:is(:has(#user_city)),
body.dn-page-signup .dn-register-container li > div > ul.dn-form > li:is(:has(#user_post_code)),
body.dn-page-signup .dn-register-container li > div > ul.dn-form > li:has(#user_company) + li:has(input[name^="cf["]) { grid-column: auto; }
body.dn-page-signup .dn-register-container li.dn-field-container > p { margin: 6px 0 0 !important; font: 400 13px/1.45 var(--font-body, Inter, system-ui, sans-serif) !important; text-transform: none !important; color: #6b6b6b !important; }
body.dn-page-signup .dn-register-container h3 { margin: 6px 0 18px !important; padding: 24px 0 0 !important; border-top: 1.5px solid #e6e6e6; font: 800 20px/1.2 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.01em !important; text-align: left !important; text-transform: none !important; color: #111111 !important; }
/* the terms tick: no "*" line above it, the words beside the box */
body.dn-page-signup .dn-register-container label.dn-form-field-label:empty { display: none !important; }
body.dn-page-signup .dn-register-container .dn-form-field-checkbox label.dn-form-field-label { display: flex !important; align-items: flex-start; gap: 10px; margin: 4px 0 0 !important; font: 400 15px/1.45 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: 0 !important; text-transform: none !important; color: #111111 !important; cursor: pointer; }
body.dn-page-signup .dn-register-container .dn-form-field-checkbox input[type="checkbox"] { flex: none; width: 18px; height: 18px; margin: 2px 0 0 !important; accent-color: #d10074; cursor: pointer; }
body.dn-page-signup .dn-register-container .dn-form-field-checkbox a { font-weight: 600; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; text-transform: none !important; }
/* reCAPTCHA's note: DN hides its whole row on this form, so when reCAPTCHA can't run (blocked cookies or privacy
   settings) Create Account did nothing and said nothing. The row shows while DN shows the note. */
body.dn-page-signup .dn-register-container li.dn-form-captcha-v3:has(.dn-recaptcha-warning[style*="block"]) { display: block !important; }
body:is(.dn-page-signup) .dn-recaptcha-warning,
body:is(.dn-page-forgot_password) .dn-recaptcha-warning { padding: 0 !important; border: 0 !important; background: none !important; font: 600 14px/1.4 var(--font-body, Inter, system-ui, sans-serif) !important; color: #b3261e !important; }
/* DN's notes at a field when something's missing (from its server) */
body:is(.dn-page-login) .dn-form-field-error,
body:is(.dn-page-login_email_token) .dn-form-field-error,
body:is(.dn-page-signup) .dn-form-field-error,
body:is(.dn-page-forgot_password) .dn-form-field-error { display: block; margin: 8px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; font: 600 14px/1.4 var(--font-body, Inter, system-ui, sans-serif) !important; color: #b3261e !important; }
body:is(.dn-page-login) .dn-with-error :is(input[type="text"]),
body:is(.dn-page-login) .dn-with-error :is(input[type="email"]),
body:is(.dn-page-login) .dn-with-error :is(input[type="password"]),
body:is(.dn-page-login) .dn-with-error :is(select),
body:is(.dn-page-login) .dn-with-error :is(textarea),
body:is(.dn-page-login_email_token) .dn-with-error :is(input[type="text"]),
body:is(.dn-page-login_email_token) .dn-with-error :is(input[type="email"]),
body:is(.dn-page-login_email_token) .dn-with-error :is(input[type="password"]),
body:is(.dn-page-login_email_token) .dn-with-error :is(select),
body:is(.dn-page-login_email_token) .dn-with-error :is(textarea),
body:is(.dn-page-signup) .dn-with-error :is(input[type="text"]),
body:is(.dn-page-signup) .dn-with-error :is(input[type="email"]),
body:is(.dn-page-signup) .dn-with-error :is(input[type="password"]),
body:is(.dn-page-signup) .dn-with-error :is(select),
body:is(.dn-page-signup) .dn-with-error :is(textarea),
body:is(.dn-page-forgot_password) .dn-with-error :is(input[type="text"]),
body:is(.dn-page-forgot_password) .dn-with-error :is(input[type="email"]),
body:is(.dn-page-forgot_password) .dn-with-error :is(input[type="password"]),
body:is(.dn-page-forgot_password) .dn-with-error :is(select),
body:is(.dn-page-forgot_password) .dn-with-error :is(textarea) { border-color: #b3261e !important; }
/* Create Account and Send Email: each page's one pink button, as Sign In's */
body.dn-page-signup .dn-register-container li.dn-form-action-footer { margin-top: 6px !important; }
body.dn-page-forgot_password .dn-forgot-password-container li.dn-form-footer-actions { margin-top: 20px !important; }
body.dn-page-signup .dn-register-container li.dn-form-action-footer .dn-btn,
body.dn-page-forgot_password .dn-forgot-password-container li.dn-form-footer-actions .dn-btn { box-sizing: border-box; display: flex !important; align-items: center; justify-content: center; width: 100% !important; min-height: 52px; margin: 0 !important; padding: 0 20px !important; border: 1.5px solid #d10074 !important; border-radius: 4px !important; background: #d10074 !important; box-shadow: none !important; cursor: pointer; }
body.dn-page-signup .dn-register-container li.dn-form-action-footer .dn-btn :is(.dn-btn-valign),
body.dn-page-signup .dn-register-container li.dn-form-action-footer .dn-btn :is(.dn-btn-icon),
body.dn-page-forgot_password .dn-forgot-password-container li.dn-form-footer-actions .dn-btn :is(.dn-btn-valign),
body.dn-page-forgot_password .dn-forgot-password-container li.dn-form-footer-actions .dn-btn :is(.dn-btn-icon) { display: none !important; }
body.dn-page-signup .dn-register-container li.dn-form-action-footer .dn-btn .dn-btn-label,
body.dn-page-forgot_password .dn-forgot-password-container li.dn-form-footer-actions .dn-btn .dn-btn-label { float: none; width: auto; margin: 0; padding: 0; }
body.dn-page-signup .dn-register-container li.dn-form-action-footer .dn-btn .dn-btn-label span,
body.dn-page-forgot_password .dn-forgot-password-container li.dn-form-footer-actions .dn-btn .dn-btn-label span { font: 700 16px/1 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: 0 !important; text-transform: none !important; color: #ffffff !important; }
body.dn-page-signup .dn-register-container li.dn-form-action-footer .dn-btn:hover,
body.dn-page-forgot_password .dn-forgot-password-container li.dn-form-footer-actions .dn-btn:hover { border-color: #a8005e !important; background: #a8005e !important; }
body.dn-page-signup .dn-register-container li.dn-form-action-footer .dn-btn:focus-visible,
body.dn-page-forgot_password .dn-forgot-password-container li.dn-form-footer-actions .dn-btn:focus-visible { outline: 2px solid #111111; outline-offset: 3px; }
/* the 404 page: on the page line (20px in from DN's margin, as the breadcrumb is), with the Round 2 heading */
body.dn-page-page_not_found_404 .dn-widget-heading:has(+ .tsw-404), body.dn-page-page_not_found_404 .tsw-404 { box-sizing: border-box; padding-left: 20px !important; padding-right: 20px !important; }
body.dn-page-page_not_found_404 .tsw-404 { max-width: 760px; }
body.dn-page-page_not_found_404 .dn-widget-heading:has(+ .tsw-404) :is(h1),
body.dn-page-page_not_found_404 .dn-widget-heading:has(+ .tsw-404) :is(h2) { margin: 16px 0 16px !important; padding: 0 !important; border: 0 !important; font: 800 clamp(40px, 4.6vw, 64px)/1.02 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.045em !important; text-align: left !important; text-transform: none !important; color: #111111 !important; }
body.dn-page-page_not_found_404 .tsw-404-lead { font-size: 18px; color: #333333; }
@media (max-width: 599px) {
  body.dn-page-login .dn-login-container,
  body.dn-page-login_email_token .dn-login-email-token-container,
  body.dn-page-signup .dn-register-container,
  body.dn-page-forgot_password .dn-forgot-password-container { margin-top: 20px !important; margin-bottom: 56px !important; }
  body.dn-page-login ul.dn-form .dn-btn, body.dn-page-login_email_token ul.dn-form .dn-btn { min-height: 52px; }
  body.dn-page-login_email_token .dn-login-email-token-container { margin-bottom: 20px !important; }
  body.dn-page-login_email_token .dn-widget-text:has(a[href="/user/login"]) { margin-bottom: 56px !important; }
  body:is(.dn-page-login) :is(.dn-login-container) > h2,
body:is(.dn-page-login) :is(.dn-login-email-token-container) > h2,
body:is(.dn-page-login) :is(.dn-register-container) > h2,
body:is(.dn-page-login) :is(.dn-forgot-password-container) > h2,
body:is(.dn-page-login_email_token) :is(.dn-login-container) > h2,
body:is(.dn-page-login_email_token) :is(.dn-login-email-token-container) > h2,
body:is(.dn-page-login_email_token) :is(.dn-register-container) > h2,
body:is(.dn-page-login_email_token) :is(.dn-forgot-password-container) > h2,
body:is(.dn-page-signup) :is(.dn-login-container) > h2,
body:is(.dn-page-signup) :is(.dn-login-email-token-container) > h2,
body:is(.dn-page-signup) :is(.dn-register-container) > h2,
body:is(.dn-page-signup) :is(.dn-forgot-password-container) > h2,
body:is(.dn-page-forgot_password) :is(.dn-login-container) > h2,
body:is(.dn-page-forgot_password) :is(.dn-login-email-token-container) > h2,
body:is(.dn-page-forgot_password) :is(.dn-register-container) > h2,
body:is(.dn-page-forgot_password) :is(.dn-forgot-password-container) > h2 { font-size: 28px !important; }
  body.dn-page-signup .dn-register-container li > div > ul.dn-form { grid-template-columns: minmax(0, 1fr); }
  body.dn-page-page_not_found_404 .tsw-404-lead { font-size: 16px; }
}

/* ============================================================================
   SEC131  MESSAGES — Message sent v1: the contact form's thank-you page (script: TSW MESSAGE SENT v1)
   ============================================================================ */
/* The quote thank-you page's look (SEC124): its head (.tsw-rq-head) and numbered steps (.tsw-q-steps) are shared; the
   rest is here. What happens next beside a "Need us sooner?" card (1.5px #e6e6e6, 4px corners), buttons as the rest of
   Round 2 (the one pink one is Start Designing). DN's old block goes quiet. No blurred shadows. */
body.tsw-ms .tsw-ms-quiet { display: none !important; }
.tsw-ms-done { display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: start; gap: 64px; box-sizing: border-box; max-width: 1240px; margin: 0 auto; padding: 24px 24px 72px; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; text-align: left; letter-spacing: normal; text-transform: none; }
.tsw-ms-done h2 { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; font: 800 26px/1.1 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.03em !important; text-align: left !important; text-transform: none !important; color: #111111 !important; }
.tsw-ms-done p { margin: 0; }
.tsw-ms-next .tsw-q-steps li.is-done b svg { display: block; width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 3.2; stroke-linecap: square; stroke-linejoin: miter; }
.tsw-ms-go { display: flex; flex-wrap: wrap; gap: 8px; }
a.tsw-ms-btn { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 22px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; font: 700 16px/1.1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; color: #111111 !important; text-decoration: none !important; }
a.tsw-ms-btn.is-main { border-color: #d10074; background: #d10074; color: #ffffff !important; }
@media (hover: hover) {
  a.tsw-ms-btn:hover { background: #111111; color: #ffffff !important; }
  a.tsw-ms-btn.is-main:hover { border-color: #a8005e; background: #a8005e; }
}
a.tsw-ms-btn:focus-visible, .tsw-ms-side a:focus-visible { outline: 2px solid #111111; outline-offset: 3px; }
/* need us sooner? */
.tsw-ms-side { box-sizing: border-box; padding: 24px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; }
.tsw-ms-done .tsw-ms-side h2 { font-size: 22px !important; }
.tsw-ms-side p { margin: 14px 0 0; font-size: 15px; line-height: 1.5; color: #444444; }
.tsw-ms-side b { display: block; margin: 0 0 2px; font-size: 15px; font-weight: 700; color: #111111; }
.tsw-ms-side a { font-weight: 600; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; text-transform: none !important; }
.tsw-ms-side a svg { width: 14px; height: 14px; margin-left: 4px; vertical-align: -1px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: square; stroke-linejoin: miter; }
.tsw-ms-side a.tsw-ms-tel { display: block; margin: 0 0 2px; font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.02em; text-decoration: none !important; }
.tsw-ms-side .tsw-ms-fact { margin-top: 18px; padding-top: 16px; border-top: 1px solid #e6e6e6; }
@media (max-width: 960px) {
  .tsw-ms-done { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 16px 20px 56px; }
}
@media (max-width: 599px) {
  a.tsw-ms-btn { flex: 1 1 100%; }
}

/* ============================================================================
   SEC132  PRICING — Pricing and quotes v2: the header's Pricing list, and Pricing's choices carried into Get a Quote (scripts: TSW DESKTOP MENU v1, TSW QUICK PRICE v1, TSW QUOTE BUILDER v1)
   ============================================================================ */
/* The desktop header's Pricing opens the Help list's small panel with two rows (Instant price, Get a quote), each a
   name, a line and the heavy ↗; the phone menu has a Get a quote row under Pricing (SEC113's rows). On Get a Quote,
   a light card under step 1's heading says the garment came from the instant price, with Start again. No blurred
   shadows, 4px corners. */
@media (min-width: 769px) {
  html body .tsw-mm .tsw-mm-help a.has-note { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 20px; color: #111111 !important; text-decoration: none !important; }
  html body .tsw-mm .tsw-mm-help a.has-note > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  html body .tsw-mm .tsw-mm-help a.has-note b { font: 700 16px/1.25 var(--font-body, Inter, system-ui, sans-serif); color: #111111; }
  html body .tsw-mm .tsw-mm-help a.has-note small { font: 400 13px/1.4 var(--font-body, Inter, system-ui, sans-serif); color: #5f5f5f; }
  html body .tsw-mm .tsw-mm-help a.has-note svg.tsw-mm-arw { flex: none; width: 18px; height: 18px; stroke-width: 4.4; }
  html body .tsw-mm .tsw-mm-help li + li a.has-note { border-top: 1px solid #efefef; }
  html body .tsw-mm .tsw-mm-help a.has-note:hover { background: #f5f5f5; text-decoration: none !important; }
  html body .tsw-mm .tsw-mm-help a.has-note:hover b { text-decoration: underline; text-underline-offset: 3px; }
  html body .tsw-mm .tsw-mm-help a.has-note:focus-visible { outline: 2px solid #111111; outline-offset: -2px; }
}
/* Get a Quote: from the instant price */
body.tsw-rq .tsw-rq-from { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin: 0 0 18px; padding: 14px 16px; border: 1.5px solid #e6e6e6; border-radius: 4px; background: #ffffff; font-family: var(--font-body, Inter, system-ui, sans-serif); }
body.tsw-rq .tsw-rq-from p { flex: 1 1 280px; margin: 0; font-size: 15px; line-height: 1.5; color: #333333; }
body.tsw-rq .tsw-rq-from b { font-weight: 700; color: #111111; }
body.tsw-rq .tsw-rq-from .tsw-rq-link { flex: none; margin: 0; padding: 0; border: 0; background: none; font: 600 14px/1.4 var(--font-body, Inter, system-ui, sans-serif); color: #111111; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
body.tsw-rq .tsw-rq-from .tsw-rq-link:focus-visible { outline: 2px solid #111111; outline-offset: 2px; }


/* ============================================================================
   SEC133  CONTROL CENTRE — the announcement strip, sale tags and the offer card (scripts: TSW CONTENT v1, TSW SALE MODE v1, TSW OFFERS v1, TSW IMAGE SLOTS v1)
   ============================================================================ */
/* What the owner sets in the control centre (Sanity). All of it waits for the scripts' classes, so it does nothing
   until the control centre is set up. No blurred shadows, 4px corners, no pink small text. */

/* ---- the strip: a line under the header (two at most on phones), at a fixed height so its space can be kept ---- */
:root { --tsw-strip-h: 36px; }
@media (max-width: 768px) { :root { --tsw-strip-h: 44px; } }
/* kept from the first paint when this browser knows it's showing (the Body snippet sets html.tsw-strip-on); the strip
   takes its place (html.tsw-strip-in) */
html.tsw-strip-on:not(.tsw-strip-in) body > .dn-content::before { content: ""; display: block; height: var(--tsw-strip-h); background: #111111; }
html.tsw-strip-on.tsw-strip-pink:not(.tsw-strip-in) body > .dn-content::before { background: #d10074; }
.tsw-strip { box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: center; height: var(--tsw-strip-h); margin: 0; padding: 0 48px; overflow: hidden;
  font-family: var(--font-body, Inter, system-ui, sans-serif); text-align: center; letter-spacing: normal; text-transform: none; word-spacing: normal; }
.tsw-strip.is-ink { background: #111111; color: #ffffff; }
.tsw-strip.is-pink { background: #d10074; color: #ffffff; }
.tsw-strip p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin: 0; font-size: 14px; font-weight: 600; line-height: 18px; color: inherit; }
.tsw-strip-when { margin-left: 10px; font-weight: 500; }
.tsw-strip-a { margin-left: 12px; font-weight: 700; color: inherit !important; text-decoration: underline !important; text-underline-offset: 3px; }
.tsw-strip-x { position: absolute; top: 50%; right: 6px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin-top: -16px; padding: 0; border: 0; border-radius: 4px; background: none; color: inherit; cursor: pointer; }
.tsw-strip-x svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.tsw-strip :focus-visible { outline: 2px solid #ffffff; outline-offset: 2px; }
@media (max-width: 768px) {
  .tsw-strip { padding: 0 40px 0 12px; }
  .tsw-strip p { -webkit-line-clamp: 2; font-size: 13px; line-height: 17px; }
}

/* ---- sale tags: the sale's "30% OFF" top left on every garment card, in place of the usual tag ---- */
html.tsw-sale-on .dn-grid-item .badge-container { display: none !important; }
html.tsw-sale-on .dn-grid-item .dn-grid-image { position: relative; }
.dn-grid-image .tsw-sale-tag { position: absolute; top: 8px; left: 8px; z-index: 6; padding: 3px 7px; border-radius: 3px; background: #d10074; color: #ffffff;
  font: 800 11px/1.3 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; pointer-events: none; }

/* ---- the offer card: bottom left on computers, along the foot of a phone; an ink outline, the page not dimmed ---- */
.tsw-offer { box-sizing: border-box; position: fixed; left: 24px; bottom: 24px; z-index: 9990; width: 360px; max-width: calc(100vw - 32px); max-height: calc(100vh - 110px); overflow-y: auto;
  padding: 22px 22px 18px; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; color: #111111;
  font-family: var(--font-body, Inter, system-ui, sans-serif); text-align: left; letter-spacing: normal; text-transform: none; word-spacing: normal;
  opacity: 0; transform: translateY(12px); transition: opacity .25s ease, transform .25s ease; }
.tsw-offer.is-in { opacity: 1; transform: none; }
.tsw-offer[hidden], .tsw-offer [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { .tsw-offer { transform: none; transition: none; } }
.tsw-offer *, .tsw-offer *::before, .tsw-offer *::after { box-sizing: border-box; }
.tsw-offer p { margin: 0; letter-spacing: normal; word-spacing: normal; }
.tsw-offer-x { position: absolute; top: 8px; right: 8px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 4px; background: none; color: #111111; cursor: pointer; }
.tsw-offer-x svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
@media (hover: hover) { .tsw-offer-x:hover { background: #f5f5f5; } }
.tsw-offer .tsw-offer-k { margin: 0 40px 8px 0; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-offer h2 { margin: 0 40px 8px 0 !important; padding: 0 !important; border: 0 !important; outline: none;
  font: 800 26px/1.1 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.03em !important; text-transform: none !important; text-align: left !important; color: #111111 !important; }
.tsw-offer .tsw-offer-t { margin: 0 0 14px; font-size: 15px; line-height: 1.5; color: #333333; }
.tsw-offer-f { display: grid; gap: 8px; margin: 0 0 10px; }
.tsw-offer .tsw-offer-t[hidden] + .tsw-offer-f { margin-top: 10px; } /* no text line: 18px under the headline, not 8 (owner, 3 Oct) */
.tsw-offer-f input[type="email"] { width: 100%; height: 48px; margin: 0; padding: 0 14px; border: 1.5px solid #8a8a8a; border-radius: 4px; background: #ffffff; box-shadow: none;
  font: 500 16px/1.2 var(--font-body, Inter, system-ui, sans-serif); color: #111111; }
.tsw-offer-f input[type="email"]:hover { border-color: #111111; } /* #8a8a8a at rest: 3.4:1 on white, the contrast a field needs (#e6e6e6 was too faint, 3 Oct) */
.tsw-offer-f input[type="email"]:focus { border-color: #111111; outline: none; }
.tsw-offer-f input[type="email"]:focus-visible { outline: 2px solid #111111; outline-offset: 1px; }
.tsw-offer-f .tsw-offer-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }
.tsw-offer-go { height: 48px; margin: 0; padding: 0 18px; border: 1.5px solid #d10074; border-radius: 4px; background: #d10074; color: #ffffff;
  font: 700 16px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; cursor: pointer; }
@media (hover: hover) { .tsw-offer-go:hover { border-color: #a8005e; background: #a8005e; } }
.tsw-offer-go:disabled { cursor: progress; opacity: .75; }
.tsw-offer-go:focus-visible, .tsw-offer-copy:focus-visible, .tsw-offer-x:focus-visible, .tsw-offer a:focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
.tsw-offer .tsw-offer-err { font-size: 14px; font-weight: 600; line-height: 1.4; color: #b00020; }
.tsw-offer .tsw-offer-code { display: flex; align-items: stretch; min-height: 54px; margin: 2px 0 8px; border: 1.5px dashed #111111; border-radius: 4px; }
.tsw-offer-cv { flex: 1 1 auto; display: flex; align-items: center; min-width: 0; padding: 0 14px; font: 800 22px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: .06em; color: #111111; user-select: all; overflow-wrap: anywhere; }
.tsw-offer-copy { flex: none; margin: 5px; padding: 0 16px; border: 0; border-radius: 3px; background: #111111; color: #ffffff; font: 700 14px/1 var(--font-body, Inter, system-ui, sans-serif); letter-spacing: normal; text-transform: none; cursor: pointer; }
.tsw-offer .tsw-offer-use { margin: 0 0 8px; font-size: 14px; line-height: 1.45; color: #333333; }
.tsw-offer-link { display: inline-flex; align-items: center; gap: 8px; margin: 2px 0 8px; font-size: 15px; font-weight: 700; color: #111111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
.tsw-offer-link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: square; }
.tsw-offer .tsw-offer-terms, .tsw-offer .tsw-offer-fine { margin-top: 8px; font-size: 12px; line-height: 1.45; color: #6b6b6b; }
.tsw-offer .tsw-offer-fine a { font: inherit !important; letter-spacing: inherit !important; text-transform: none !important; color: inherit !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 2px !important; } /* the small print's own size and grey: the site's link style made it bold and full size */
.tsw-offer .tsw-offer-fine a:hover { color: #111111 !important; }
/* out of the way of the menu, search, cart, filters and a photo opened large */
html:is(.tsw-nav-open) .tsw-offer,
html:is(.tsw-cart-open) .tsw-offer,
html:is(.tsw-lb-open) .tsw-offer,
body:is(.tsw-filter-modal-open) .tsw-offer,
body:is(.search-overlay-open) .tsw-offer { display: none !important; }
@media (max-width: 768px) {
  .tsw-offer { left: 8px; right: 8px; bottom: max(8px, env(safe-area-inset-bottom)); width: auto; max-width: none; max-height: 78vh; padding: 18px 18px 14px; }
  .tsw-offer h2 { font-size: 22px !important; }
}
/* the footer's line and any other way in show only while an offer is on */
html:not(.tsw-offer-on) [data-tsw-offer] { display: none !important; }

/* ---- promo spots on the home page (TSW PROMO SPOTS v1): a slider of one big spot at a time, and a "New in" row ---- */
.tsw-promos { box-sizing: border-box; margin: 56px 0; font-family: var(--font-body, Inter, system-ui, sans-serif); color: #111111; text-align: left; letter-spacing: normal; text-transform: none; word-spacing: normal; }
.tsw-promos *, .tsw-promos *::before, .tsw-promos *::after { box-sizing: border-box; }
.tsw-promos [hidden] { display: none !important; }
.tsw-promos p { margin: 0; letter-spacing: normal; word-spacing: normal; }
.tsw-promos h2, .tsw-promos h3 { margin: 0; padding: 0; border: 0; text-transform: none; text-align: left; color: #111111; }
.tsw-promos .tsw-promo-pic { overflow: hidden; background: #f5f5f5; }
.tsw-promos .tsw-promo-pic img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.tsw-promos .tsw-promo-k { margin: 0 0 10px; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; }
.tsw-promos svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: square; }
/* the slider: the photo beside its words; arrows and dots under it */
.tsw-promo-slide { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: stretch; border: 1.5px solid #111111; border-radius: 4px; overflow: hidden; background: #ffffff; }
.tsw-promo-slide .tsw-promo-pic { aspect-ratio: 16 / 10; }
.tsw-promo-copy { display: flex; flex-direction: column; justify-content: center; padding: 40px 44px; }
/* the home block's own heading sizes would win: these are the spot's (big Inter, as the rest of Round 2) */
.tsw-promos .tsw-promo-slide .tsw-promo-h { margin: 0 0 14px !important; font: 800 clamp(32px, 3.4vw, 52px)/1.02 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.04em !important; }
.tsw-promo-slide .tsw-promo-t { margin: 0 0 24px; font-size: 18px; line-height: 1.5; color: #333333; }
a.tsw-promo-btn { align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 24px; border: 1.5px solid #d10074; border-radius: 4px; background: #d10074; font: 700 16px/1.1 var(--font-body, Inter, system-ui, sans-serif); color: #ffffff !important; text-decoration: none !important; }
@media (hover: hover) { a.tsw-promo-btn:hover { border-color: #a8005e; background: #a8005e; } }
.tsw-promo-nav { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 14px 0 0; }
.tsw-promo-go { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1.5px solid #111111; border-radius: 4px; background: #ffffff; color: #111111; cursor: pointer; }
@media (hover: hover) { .tsw-promo-go:hover { background: #111111; color: #ffffff; } }
.tsw-promo-dots { display: flex; gap: 4px; }
.tsw-promo-dot { position: relative; width: 28px; height: 28px; padding: 0; border: 0; background: none; cursor: pointer; }
.tsw-promo-dot::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border: 1.5px solid #111111; border-radius: 50%; background: #ffffff; }
.tsw-promo-dot[aria-current="true"]::after { background: #111111; }
.tsw-promos :is(.tsw-promo-go):focus-visible,
.tsw-promos :is(.tsw-promo-dot):focus-visible,
.tsw-promos :is(a):focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
/* the "New in" row */
.tsw-promo-row { margin: 48px 0 0; }
.tsw-promo-slider + .tsw-promo-row { margin-top: 56px; }
.tsw-promo-row-h { margin: 0 0 18px !important; font: 800 28px/1.15 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.02em !important; }
.tsw-promo-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.tsw-promo-card { margin: 0; list-style: none; }
.tsw-promo-card-in { display: block; color: #111111 !important; text-decoration: none !important; }
.tsw-promo-card .tsw-promo-pic { aspect-ratio: 1 / 1; margin: 0 0 14px; border-radius: 4px; }
.tsw-promos .tsw-promo-card .tsw-promo-h { margin: 0 0 6px !important; font: 800 20px/1.2 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.01em !important; }
.tsw-promo-card .tsw-promo-t { margin: 0 0 8px; font-size: 15px; line-height: 1.5; color: #444444; }
.tsw-promo-more { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
@media (hover: hover) { a.tsw-promo-card-in:hover .tsw-promo-pic img { transform: scale(1.03); } }
.tsw-promo-card .tsw-promo-pic img { transition: transform .3s ease; }
@media (max-width: 768px) {
  .tsw-promos { margin: 40px 0; }
  .tsw-promo-slide { grid-template-columns: minmax(0, 1fr); }
  .tsw-promo-slide .tsw-promo-pic { aspect-ratio: 1 / 1; }
  .tsw-promo-copy { padding: 22px 20px 24px; }
  .tsw-promo-slide .tsw-promo-t { font-size: 16px; margin-bottom: 18px; }
  a.tsw-promo-btn { align-self: stretch; justify-content: center; }
  .tsw-promo-cards { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; scrollbar-width: none; }
  .tsw-promo-card { scroll-snap-align: start; }
}

/* ============================================================================
   SEC134  TIME CLOCK — the staff time clock at /time_clock (script: TSW TIME CLOCK v1; Head snippet: TSW TIME CLOCK)
   ============================================================================ */
/* DN answers /time_clock with its 404 page. The Head line puts tsw-clock-page on <html> before anything draws, so
   DN's page never shows; the script draws the clock in #tsw-clock, a child of body. Light, flat, 1px outlines, 4px
   corners, no blurred shadows, no pink small text. Everything sits under #tsw-clock so DN's theme can't reach in; the
   headings' sizes are !important because the 404 page's h1 rule in SEC107 is. */
html.tsw-clock-page, html.tsw-clock-page body { background: #ffffff !important; }
html.tsw-clock-page body { margin: 0 !important; padding: 0 !important; overflow-x: hidden; }
html.tsw-clock-page body > *:not(#tsw-clock) { display: none !important; }
#tsw-clock {
  --tc-line-strong: #c9c9c9; --tc-in: #157a3c; --tc-in-soft: #e8f5ec; --tc-in-line: #b5dcc2;
  --tc-warn: #965400; --tc-warn-soft: #fff2dc; --tc-warn-line: #efcf9b; --tc-bad: #b42318; --tc-bad-soft: #fdecea;
  box-sizing: border-box; max-width: 1080px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 40px) 56px;
  color: var(--tsw-body); font: 400 16px/1.5 "TSW Inter", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: normal; text-align: left; text-transform: none; -webkit-font-smoothing: antialiased;
}
#tsw-clock *, #tsw-clock *::before, #tsw-clock *::after { box-sizing: border-box; }
#tsw-clock :is(h1),
#tsw-clock :is(h2),
#tsw-clock :is(h3),
#tsw-clock :is(p),
#tsw-clock :is(ul),
#tsw-clock :is(li),
#tsw-clock :is(table),
#tsw-clock :is(td),
#tsw-clock :is(th),
#tsw-clock :is(form),
#tsw-clock :is(label),
#tsw-clock :is(section),
#tsw-clock :is(header) { margin: 0; padding: 0; border: 0; background: none; letter-spacing: normal; text-transform: none; }
#tsw-clock [tabindex="-1"]:focus { outline: none; }
#tsw-clock :focus-visible { outline: 2px solid var(--tsw-ink); outline-offset: 2px; }
#tsw-clock [hidden] { display: none !important; }

/* top bar */
#tsw-clock .tsw-tc-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; border-bottom: 1px solid var(--tsw-line); }
#tsw-clock .tsw-tc-brand { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; color: var(--tsw-muted); font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
#tsw-clock .tsw-tc-brand b { color: var(--tsw-ink); font-weight: 800; }
#tsw-clock .tsw-tc-top-r { display: flex; align-items: center; gap: 14px; }
#tsw-clock .tsw-tc-now { display: grid; justify-items: end; color: var(--tsw-ink); line-height: 1.15; font-variant-numeric: tabular-nums; white-space: nowrap; }
#tsw-clock .tsw-tc-now b { font-size: 18px; font-weight: 800; letter-spacing: -.01em; }
#tsw-clock .tsw-tc-now span { color: var(--tsw-muted); font-size: 13px; font-weight: 600; }

/* buttons */
#tsw-clock .tsw-tc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; margin: 0; padding: 10px 18px; border: 1px solid var(--tc-line-strong); border-radius: var(--tsw-r); background: #ffffff; box-shadow: none; color: var(--tsw-ink); font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: normal; text-transform: none; cursor: pointer; touch-action: manipulation; }
#tsw-clock .tsw-tc-btn:hover { border-color: var(--tsw-ink); }
#tsw-clock .tsw-tc-btn:disabled { opacity: .5; cursor: default; }
#tsw-clock .tsw-tc-btn.is-sm { min-height: 38px; padding: 7px 12px; font-size: 14px; }
#tsw-clock .tsw-tc-btn.is-main { border-color: var(--tsw-pink); background: var(--tsw-pink); color: #ffffff; }
#tsw-clock .tsw-tc-btn.is-main:hover { border-color: var(--tsw-pink-dark); background: var(--tsw-pink-dark); }
#tsw-clock .tsw-tc-btn.is-big { width: 100%; min-height: 104px; justify-content: space-between; padding: 22px 26px; font-size: clamp(30px, 6vw, 42px); font-weight: 800; line-height: 1; letter-spacing: -.025em; }
#tsw-clock .tsw-tc-btn.is-wide { width: 100%; min-height: 64px; font-size: 20px; font-weight: 700; }

/* type */
#tsw-clock .tsw-tc-h2 { color: var(--tsw-ink); font-size: clamp(22px, 2.6vw, 28px) !important; font-weight: 700; line-height: 1.15; letter-spacing: -.02em !important; }
#tsw-clock .tsw-tc-h3 { color: var(--tsw-ink); font-size: 19px; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; }
#tsw-clock .tsw-tc-muted { color: var(--tsw-muted); }
#tsw-clock .tsw-tc-fine, #tsw-clock .tsw-tc-hint { color: var(--tsw-muted); font-size: 14px; }
#tsw-clock .tsw-tc-note { max-width: 62ch; padding: 16px 18px; border: 1px solid var(--tsw-line); border-radius: var(--tsw-r); background: var(--tsw-surface); }

/* the board */
#tsw-clock .tsw-tc-clock { padding: clamp(28px, 6vw, 64px) 0 clamp(24px, 4vw, 40px); }
#tsw-clock .tsw-tc-face { color: var(--tsw-ink); font-size: clamp(76px, 17vw, 168px); font-weight: 800; line-height: .86; letter-spacing: -.05em; font-variant-numeric: tabular-nums; white-space: nowrap; }
#tsw-clock .tsw-tc-ap { margin-left: .14em; font-size: .3em; font-weight: 700; letter-spacing: -.01em; }
#tsw-clock .tsw-tc-date { margin-top: 16px; color: var(--tsw-body); font-size: clamp(18px, 2.2vw, 24px); font-weight: 600; line-height: 1.3; }
#tsw-clock .tsw-tc-board { display: grid; gap: 16px; }
#tsw-clock .tsw-tc-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 168px), 1fr)); gap: 12px; }
#tsw-clock .tsw-tc-tile { position: relative; display: flex; align-items: flex-start; min-height: 112px; margin: 0; padding: 18px 48px 18px 18px; border: 1px solid var(--tc-line-strong); border-radius: var(--tsw-r); background: #ffffff; box-shadow: none; color: var(--tsw-ink); font-family: inherit; text-align: left; text-transform: none; cursor: pointer; touch-action: manipulation; }
#tsw-clock .tsw-tc-tile:hover { border-color: var(--tsw-ink); }
#tsw-clock .tsw-tc-tile-name { min-width: 0; font-size: clamp(22px, 2.6vw, 28px); font-weight: 700; line-height: 1.08; letter-spacing: -.02em; overflow-wrap: anywhere; }
#tsw-clock .tsw-tc-tile-go { position: absolute; top: 16px; right: 16px; font-size: 22px; font-weight: 600; line-height: 1; }

/* the PIN pad */
#tsw-clock .tsw-tc-pin { display: grid; gap: 18px; max-width: 360px; margin: 0 auto; padding-top: clamp(24px, 5vw, 48px); text-align: center; }
#tsw-clock .tsw-tc-pin-h { color: var(--tsw-ink); font-size: clamp(36px, 7vw, 52px) !important; font-weight: 800; line-height: 1; letter-spacing: -.035em !important; text-align: center !important; overflow-wrap: anywhere; }
#tsw-clock .tsw-tc-dots { display: flex; justify-content: center; gap: 16px; }
#tsw-clock .tsw-tc-dots i { width: 18px; height: 18px; border: 2px solid var(--tsw-ink); border-radius: 50%; }
#tsw-clock .tsw-tc-dots i.is-on { background: var(--tsw-ink); }
#tsw-clock .tsw-tc-pin-msg { min-height: 24px; margin-top: 12px; color: var(--tsw-body); }
#tsw-clock .tsw-tc-pin-msg.is-bad { color: var(--tc-bad); font-weight: 600; }
#tsw-clock .tsw-tc-keys { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
#tsw-clock .tsw-tc-key { min-height: 72px; margin: 0; padding: 0; border: 1px solid var(--tc-line-strong); border-radius: var(--tsw-r); background: #ffffff; box-shadow: none; color: var(--tsw-ink); font-family: inherit; font-size: 30px; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; cursor: pointer; touch-action: manipulation; }
#tsw-clock .tsw-tc-key:hover { border-color: var(--tsw-ink); }
#tsw-clock .tsw-tc-key:active { background: var(--tsw-surface); }
#tsw-clock .tsw-tc-key.is-fn { font-size: 16px; }
#tsw-clock .tsw-tc-shake { animation: tsw-tc-shake .36s; }
@keyframes tsw-tc-shake { 20% { transform: translateX(-8px); } 40% { transform: translateX(8px); } 60% { transform: translateX(-5px); } 80% { transform: translateX(5px); } }
@media (prefers-reduced-motion: reduce) { #tsw-clock .tsw-tc-shake { animation: none; } }

/* a person's card */
#tsw-clock .tsw-tc-staff { display: grid; gap: 22px; max-width: 640px; margin: 0 auto; padding-top: clamp(24px, 5vw, 48px); }
#tsw-clock .tsw-tc-staff-head { display: grid; gap: 12px; }
#tsw-clock .tsw-tc-hello { color: var(--tsw-ink); font-size: clamp(44px, 9vw, 72px) !important; font-weight: 800; line-height: .95; letter-spacing: -.04em !important; overflow-wrap: anywhere; }
#tsw-clock .tsw-tc-state { display: flex; align-items: center; gap: 10px; color: var(--tsw-ink); font-size: 18px; }
#tsw-clock .tsw-tc-dot { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--tc-line-strong); }
#tsw-clock .is-in .tsw-tc-dot { background: var(--tc-in); }
#tsw-clock :is(.is-break) .tsw-tc-dot,
#tsw-clock :is(.is-late) .tsw-tc-dot { background: var(--tc-warn); }
#tsw-clock .tsw-tc-act { display: grid; gap: 14px; }
#tsw-clock .tsw-tc-ok { display: flex; align-items: baseline; gap: 10px; padding: 14px 16px; border-radius: var(--tsw-r); background: var(--tc-in-soft); color: var(--tsw-ink); font-weight: 600; }
#tsw-clock .tsw-tc-ok::before { content: "\2713"; color: var(--tc-in); font-weight: 800; }
#tsw-clock .tsw-tc-err { padding: 12px 16px; border-radius: var(--tsw-r); background: var(--tc-bad-soft); color: var(--tc-bad); font-weight: 600; }
#tsw-clock .tsw-tc-warn { display: grid; gap: 16px; padding: 20px; border: 1px solid var(--tc-warn-line); border-radius: var(--tsw-r); background: var(--tc-warn-soft); }
#tsw-clock .tsw-tc-warn-h { color: var(--tsw-ink); font-size: 20px; font-weight: 700; line-height: 1.3; }
#tsw-clock .tsw-tc-form-msg { color: var(--tc-bad); font-weight: 600; }
#tsw-clock .tsw-tc-form-msg:empty { display: none; }
#tsw-clock .tsw-tc-field { display: grid; align-content: start; gap: 6px; min-width: 0; }
#tsw-clock .tsw-tc-field label { color: var(--tsw-ink); font-size: 14px; font-weight: 600; }
#tsw-clock .tsw-tc-field .tsw-tc-hint { font-size: 13px; }
#tsw-clock .tsw-tc-field :is(input),
#tsw-clock .tsw-tc-field :is(select) { width: 100%; height: auto; min-height: 48px; margin: 0; padding: 10px 12px; border: 1px solid var(--tc-line-strong); border-radius: var(--tsw-r); background: #ffffff; box-shadow: none; color: var(--tsw-ink); font-family: inherit; font-size: 16px; line-height: 1.3; }
#tsw-clock .tsw-tc-field :is(input):focus,
#tsw-clock .tsw-tc-field :is(select):focus { border-color: var(--tsw-ink); outline: 2px solid var(--tsw-ink); outline-offset: 1px; }
#tsw-clock .tsw-tc-week { display: grid; gap: 12px; padding-top: 22px; border-top: 1px solid var(--tsw-line); }
#tsw-clock .tsw-tc-week-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
#tsw-clock .tsw-tc-wk-total { color: var(--tsw-ink); font-size: 19px; font-weight: 700; font-variant-numeric: tabular-nums; }
#tsw-clock .tsw-tc-tbl-wrap { overflow-x: auto; border: 1px solid var(--tsw-line); border-radius: var(--tsw-r); }
#tsw-clock .tsw-tc-tbl { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
#tsw-clock .tsw-tc-tbl td { padding: 12px; border-bottom: 1px solid var(--tsw-line); color: var(--tsw-body); font-size: 15px; vertical-align: top; text-align: left; white-space: nowrap; }
#tsw-clock .tsw-tc-tbl tr:last-child td { border-bottom: 0; }
#tsw-clock .tsw-tc-wk-day { color: var(--tsw-ink) !important; font-weight: 600; }
#tsw-clock .tsw-tc-num { text-align: right !important; }
#tsw-clock .tsw-tc-brk { color: var(--tsw-muted) !important; font-size: 14px !important; }
/* under the week: My hours, Fix a time, Change my name or PIN; the person's requests */
#tsw-clock .tsw-tc-tools { display: flex; flex-wrap: wrap; gap: 8px 22px; padding-top: 4px; }
#tsw-clock .tsw-tc-link { margin: 0; padding: 6px 0; border: 0; background: none; box-shadow: none; color: var(--tsw-ink); font-family: inherit; font-size: 15px; font-weight: 600; letter-spacing: normal; text-decoration: underline; text-underline-offset: 3px; text-transform: none; cursor: pointer; }
#tsw-clock .tsw-tc-link:hover { text-decoration-thickness: 2px; }
#tsw-clock .tsw-tc-panel { display: grid; gap: 16px; }
#tsw-clock .tsw-tc-form { display: grid; gap: 14px; padding: 20px; border: 1px solid var(--tc-line-strong); border-radius: var(--tsw-r); }
#tsw-clock .tsw-tc-row2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: 12px; }
#tsw-clock .tsw-tc-actions { display: flex; flex-wrap: wrap; gap: 8px; }
#tsw-clock .tsw-tc-h4 { color: var(--tsw-ink); font-size: 16px; font-weight: 700; line-height: 1.3; }
#tsw-clock .tsw-tc-hist, #tsw-clock .tsw-tc-reqs { display: grid; gap: 14px; }
#tsw-clock .tsw-tc-hist-wk { display: grid; gap: 8px; }
#tsw-clock .tsw-tc-rq-list { list-style: none; border-top: 1px solid var(--tsw-line); }
#tsw-clock .tsw-tc-rq-list li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; padding: 10px 0; border-bottom: 1px solid var(--tsw-line); color: var(--tsw-body); font-size: 15px; }
#tsw-clock .tsw-tc-pill { padding: 2px 8px; border-radius: var(--tsw-r); font-size: 13px; font-weight: 700; white-space: nowrap; }
#tsw-clock .tsw-tc-pill.is-wait { background: var(--tc-warn-soft); color: var(--tc-warn); }
#tsw-clock .tsw-tc-pill.is-ok { background: var(--tc-in-soft); color: var(--tc-in); }
#tsw-clock .tsw-tc-pill.is-no { background: var(--tsw-surface); color: var(--tsw-muted); }
@media (max-width: 560px) {
  #tsw-clock .tsw-tc-btn.is-big { min-height: 92px; }
  #tsw-clock .tsw-tc-tbl td { padding: 10px 8px; font-size: 14px; }
}

/* ============================================================================
   SEC135  SLOT LOOKS — an image slot's Look and Overprint from the control centre (script: TSW IMAGE SLOTS v1.2)
   ============================================================================ */
/* "As designed" leaves the block's own (SEC117). The script marks the photo data-tsw-look, adds a .tsw-b-tint layer
   after it for a tint, and marks the figure data-tsw-mark (pink, white, black, own, off), data-tsw-corner (br, bl,
   tr, tl), --tsw-ms (the overprint's size: 0.7, 1, 1.3, 1.6 or 2), --tsw-mk and --tsw-mx (how far off the edges: the heart's
   overhang as a share of its own, a graphic's in its widths) and --tsw-mo (opacity). */
.tsw-b-home img[data-tsw-slot] { transition: filter 0.3s ease; }
.tsw-b-home img[data-tsw-look="colour"] { filter: none !important; }
.tsw-b-home img[data-tsw-look="bw"], .tsw-b-home img[data-tsw-look="tint"] { filter: grayscale(1) contrast(1.06) !important; }
/* the workshop photo stays dark enough for the words beside it */
.tsw-b-home.is-r2 .tsw-b-people-photo img[data-tsw-look="colour"] { filter: brightness(0.6) contrast(1.08) !important; }
.tsw-b-home.is-r2 .tsw-b-people-photo img[data-tsw-look="bw"], .tsw-b-home.is-r2 .tsw-b-people-photo img[data-tsw-look="tint"] { filter: grayscale(1) brightness(0.6) contrast(1.08) !important; }
/* a tint takes its colour from the layer and its light and shade from the photo; ink deepens it */
.tsw-b-home .tsw-b-tint { position: absolute; top: 0; right: 0; bottom: 0; left: 0; mix-blend-mode: color; pointer-events: none; transition: opacity 0.3s ease; }
.tsw-b-home .tsw-b-tint.is-ink { mix-blend-mode: multiply; }
/* a first visit: the hero's photo and overprint wait on the dark background until the control centre has answered
   (TSW HERO EARLY v1 in home block 1 sets tsw-hero-wait; TSW IMAGE SLOTS takes it off), and show anyway after 3 s */
.tsw-b-home .tsw-b-hero-photo > :is(img),
.tsw-b-home .tsw-b-hero-photo > :is(svg),
.tsw-b-home .tsw-b-hero-photo > :is(.tsw-b-tint) { transition: opacity 0.25s ease; }
/* (no !important here: the 3 s animation has to be able to win) */
.tsw-b-home .tsw-b-hero-photo.tsw-hero-wait > :is(img),
.tsw-b-home .tsw-b-hero-photo.tsw-hero-wait > :is(svg),
.tsw-b-home .tsw-b-hero-photo.tsw-hero-wait > :is(.tsw-b-tint) { opacity: 0; animation: tsw-hero-reveal 0s linear 3s forwards; }
@keyframes tsw-hero-reveal { to { opacity: 1; } }

/* the overprint: colour, off, and corners (the heart hangs over the corner it's in, as at bottom right) */
.tsw-b-home figure[data-tsw-mark="white"] > svg.tsw-b-mark { fill: #ffffff; }
.tsw-b-home figure[data-tsw-mark="black"] > svg.tsw-b-mark { fill: #111111; }
.tsw-b-home figure[data-tsw-mark="off"] > svg.tsw-b-mark, .tsw-b-home figure[data-tsw-mark="own"] > svg.tsw-b-mark { display: none; }
.tsw-b-home figure[data-tsw-corner="bl"] > svg.tsw-b-mark, .tsw-b-home figure[data-tsw-corner="tl"] > svg.tsw-b-mark { right: auto; left: calc(var(--tsw-m, 440px) * var(--tsw-ms, 1) * -0.227 * var(--tsw-mk, 1)); }
.tsw-b-home figure[data-tsw-corner="tr"] > svg.tsw-b-mark, .tsw-b-home figure[data-tsw-corner="tl"] > svg.tsw-b-mark { bottom: auto; top: calc(var(--tsw-m, 440px) * var(--tsw-ms, 1) * -0.295 * var(--tsw-mk, 1)); }
/* an Overprint graphic of the owner's: inside its corner, about a third of the photo's width at medium (never wider or taller than the photo), as it is
   (!important: the hero and workshop photos' own img rules in SEC117 would size, crop and grey it) */
.tsw-b-home svg.tsw-b-mark, .tsw-b-home img.tsw-b-mark-own { opacity: var(--tsw-mo, 1); }
.tsw-b-home img.tsw-b-mark-own { --tsw-mw: calc(var(--tsw-m, 440px) * var(--tsw-ms, 1) * 0.6); --tsw-mxo: calc(var(--tsw-mw) * var(--tsw-mx, 0.08)); position: absolute !important; z-index: 1; top: auto !important; right: var(--tsw-mxo) !important; bottom: var(--tsw-mxo) !important; left: auto !important; width: var(--tsw-mw) !important; max-width: 100%; height: auto !important; max-height: 100%; object-fit: contain !important; object-position: 100% 100% !important; border-radius: 0 !important; background: none !important; filter: none !important; pointer-events: none; }
.tsw-b-home figure[data-tsw-corner="bl"] > img.tsw-b-mark-own, .tsw-b-home figure[data-tsw-corner="tl"] > img.tsw-b-mark-own { right: auto !important; left: var(--tsw-mxo) !important; object-position: 0 100% !important; }
.tsw-b-home figure[data-tsw-corner="tr"] > img.tsw-b-mark-own, .tsw-b-home figure[data-tsw-corner="tl"] > img.tsw-b-mark-own { bottom: auto !important; top: var(--tsw-mxo) !important; }
.tsw-b-home figure[data-tsw-corner="tr"] > img.tsw-b-mark-own { object-position: 100% 0 !important; }
.tsw-b-home figure[data-tsw-corner="tl"] > img.tsw-b-mark-own { object-position: 0 0 !important; }

/* ============================================================================
   SEC136  LOADING — our loading animation in place of DN's blue ring (the owner's note, 3 Oct 2026)
   ============================================================================ */
/* DN draws /images/loading-oval.svg (a blue ring) while the designer loads the garment, in its "Please wait" and
   "Processing image" pop-ups, and over product photos as they load; its photo pop-up starts on /images/loading.gif.
   All of them become the pink heart, gently pulsing (an animated SVG; nothing to load). Where a browser can't swap an
   img's picture (content: url), DN's ring simply stays. */
:root { --tsw-loading: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='-30 -30 343.37 343.37'%3E%3Cg transform='translate(141.685 141.685)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='scale' values='1;0.8;1' keyTimes='0;0.5;1' dur='1.1s' calcMode='spline' keySplines='0.4 0 0.2 1;0.4 0 0.2 1' repeatCount='indefinite'/%3E%3Cpath transform='translate(-141.685 -141.685)' fill='%23ec008c' fill-rule='evenodd' d='M248.1,35.27V0h-89.36v35.27h-35.27v88.19H35.27v35.27H0v89.36h35.27v35.27h248.1V35.27h-35.27ZM197.75,160.95l50.1,50.1-36.98,36.98-50.1-50.1-37.45,37.45-36.91-36.91,112.06-112.06,36.91,36.91-37.64,37.64Z'%3E%3Canimate attributeName='opacity' values='1;0.45;1' keyTimes='0;0.5;1' dur='1.1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
img[src$="/images/loading-oval.svg"], img#image_popup_image[src$="/images/loading.gif"] { content: var(--tsw-loading); }
.dn-blank-products .dn-product-thumbnail-container .dn-loading-overlay, .dn-campaign-container div.dn-campaign-nav-steps.dn-stepping, .dn-map-object { background-image: var(--tsw-loading) !important; background-size: 60px 60px !important; }
/* ---- DN's waiting pop-ups as one tidy card (the owner, 3 Oct 2026: the heart "sits awkwardly"): centred on the
   screen, flat, an ink outline and 4px corners; the title, then the heart centred above the words. Covers Please wait
   (its title says what's happening, e.g. "Generating preview"), Processing image (both kinds), the embroidery steps,
   Checking the colours and Saving item. Where DN has no picture of its own, the heart is drawn before the words. ---- */
:is(#blocking_process).dn-popup-container,
:is(#process_image_wait).dn-popup-container,
:is(#copy_digitize_image).dn-popup-container,
:is(#split_colors_status_emb).dn-popup-container,
:is(#process_status).dn-popup-container,
:is(#split_colors_status).dn-popup-container,
:is(#cart_saving).dn-popup-container { align-items: center !important; justify-content: center !important; }
:is(#blocking_process) > .dn-popup,
:is(#process_image_wait) > .dn-popup,
:is(#copy_digitize_image) > .dn-popup,
:is(#split_colors_status_emb) > .dn-popup,
:is(#process_status) > .dn-popup,
:is(#split_colors_status) > .dn-popup,
:is(#cart_saving) > .dn-popup { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; box-sizing: border-box; width: min(340px, calc(100vw - 32px)) !important; max-width: none !important; min-width: 0 !important; height: auto !important; margin: auto !important; padding: 0 !important; border: 1.5px solid #111111 !important; border-radius: 4px !important; background: #ffffff !important; box-shadow: none !important; overflow: hidden; }
:is(#blocking_process) > .dn-popup > h3,
:is(#process_image_wait) > .dn-popup > h3,
:is(#copy_digitize_image) > .dn-popup > h3,
:is(#split_colors_status_emb) > .dn-popup > h3,
:is(#process_status) > .dn-popup > h3,
:is(#split_colors_status) > .dn-popup > h3,
:is(#cart_saving) > .dn-popup > h3 { margin: 0 !important; padding: 24px 20px 0 !important; border: 0 !important; background: none !important; font: 800 19px/1.25 var(--font-body, Inter, system-ui, sans-serif) !important; letter-spacing: -0.01em !important; text-align: center !important; text-transform: none !important; color: #111111 !important; }
:is(#blocking_process) > .dn-popup > h3:empty,
:is(#process_image_wait) > .dn-popup > h3:empty,
:is(#copy_digitize_image) > .dn-popup > h3:empty,
:is(#split_colors_status_emb) > .dn-popup > h3:empty,
:is(#process_status) > .dn-popup > h3:empty,
:is(#split_colors_status) > .dn-popup > h3:empty,
:is(#cart_saving) > .dn-popup > h3:empty { display: none !important; }
:is(#blocking_process) .dn-popup-content,
:is(#process_image_wait) .dn-popup-content,
:is(#copy_digitize_image) .dn-popup-content,
:is(#split_colors_status_emb) .dn-popup-content,
:is(#process_status) .dn-popup-content,
:is(#split_colors_status) .dn-popup-content,
:is(#cart_saving) .dn-popup-content { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px; width: auto !important; margin: 0 !important; padding: 16px 20px 24px !important; background: none !important; font: 500 15px/1.45 var(--font-body, Inter, system-ui, sans-serif) !important; text-align: center !important; color: #444444 !important; }
:is(#blocking_process) > .dn-popup > h3:empty + .dn-popup-content,
:is(#process_image_wait) > .dn-popup > h3:empty + .dn-popup-content,
:is(#copy_digitize_image) > .dn-popup > h3:empty + .dn-popup-content,
:is(#split_colors_status_emb) > .dn-popup > h3:empty + .dn-popup-content,
:is(#process_status) > .dn-popup > h3:empty + .dn-popup-content,
:is(#split_colors_status) > .dn-popup > h3:empty + .dn-popup-content,
:is(#cart_saving) > .dn-popup > h3:empty + .dn-popup-content { padding-top: 24px !important; }
:is(#blocking_process) .dn-popup-content > img,
:is(#process_image_wait) .dn-popup-content > img,
:is(#copy_digitize_image) .dn-popup-content > img,
:is(#split_colors_status_emb) .dn-popup-content > img,
:is(#process_status) .dn-popup-content > img,
:is(#split_colors_status) .dn-popup-content > img,
:is(#cart_saving) .dn-popup-content > img { display: block !important; width: 66px !important; height: 66px !important; margin: 0 !important; }
:is(#process_status) .dn-popup-content::before,
:is(#split_colors_status) .dn-popup-content::before,
:is(#cart_saving) .dn-popup-content::before { content: ""; display: block; flex: none; width: 66px; height: 66px; background: var(--tsw-loading) center / contain no-repeat; }
:is(#split_colors_status) .dn-popup-content p,
:is(#cart_saving) .dn-popup-content p { margin: 0 !important; font: inherit !important; color: inherit !important; }
/* Processing image's progress bar: a slim ink bar on light grey */
#process_status .dn-progress-bar-container { box-sizing: border-box; width: 100% !important; height: 8px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 4px !important; background: #eeeeee !important; overflow: hidden; }
#process_status .dn-progress-bar { height: 100% !important; border-radius: 4px !important; background: #111111 !important; }
#process_status .dn-progress-bar-text:empty { display: none; }
/* ---- the designer's own loading picture (DN's #aa_d_pane, while the garment loads): on phones DN pins it to the top
   edge, across the line under the tools; it sits in the clear space under the side and Grid chips instead ---- */
/* (the heart is 66px everywhere, as in the Preview's Generating box; the owner, 3-4 Oct 2026) */
#design_canvas_container #aa_d_pane { width: 66px !important; height: 66px !important; max-height: none; margin: -33px 0 0 -33px !important; transform: none; }
#design_canvas_container #aa_d_pane img { display: block; width: 66px !important; height: 66px !important; }
@media (max-width: 767px) {
  #design_canvas_container #aa_d_pane { top: 40px !important; left: 50% !important; right: auto !important; margin: 0 !important; transform: translateX(-50%); }
}
/* ---- the Preview's "Generating..." box (DN's #dynamic_popup holding one message while it builds the preview, with
   its loader laid over the middle of the box, on top of the word): the same card, the heart drawn above the word and
   DN's own loader hidden there. Only while the box holds that one message (the finished preview is left alone). ---- */
#dynamic_popup.dn-popup-container:has(.dn-popup-content-for-single-message) { left: 0 !important; right: 0 !important; width: auto !important; align-items: center !important; justify-content: center !important; }
#dynamic_popup .dn-popup:has(> .dn-popup-content-for-single-message) { position: relative !important; top: auto !important; left: auto !important; transform: none !important; box-sizing: border-box; width: min(340px, calc(100vw - 32px)) !important; max-width: none !important; min-width: 0 !important; height: auto !important; margin: auto !important; padding: 0 !important; border: 1.5px solid #111111 !important; border-radius: 4px !important; background: #ffffff !important; box-shadow: none !important; }
#dynamic_popup .dn-popup-content-for-single-message { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px; margin: 0 !important; padding: 28px 20px !important; background: none !important; font: 700 17px/1.4 var(--font-body, Inter, system-ui, sans-serif) !important; text-align: center !important; color: #111111 !important; }
#dynamic_popup .dn-popup-content-for-single-message::before { content: ""; display: block; flex: none; width: 66px; height: 66px; background: var(--tsw-loading) center / contain no-repeat; }
#dynamic_popup:has(.dn-popup-content-for-single-message) .dn-async-action-container { display: none !important; }
/* ---- DN's busy indicator everywhere else (.dn-async-action: product photos changing colour on the product page,
   cart and account updates): the heart on its own at the same 66px as the Generating box, never more than 70% of the
   box it sits in (a small button's spinner stays small), centred; DN's pale veil over the box stays ---- */
.dn-async-action-container .dn-async-action { width: min(66px, 70%) !important; height: auto !important; max-height: 70%; aspect-ratio: 1 / 1; margin: 0 !important; transform: translate(-50%, -50%); }
.dn-async-action-container .dn-async-action img { display: block; width: 100% !important; height: 100% !important; object-fit: contain; }