:root {
    --nk-coffee: #473122;
    --nk-coffee-dark: #2E1F15;
    --nk-coffee-80: rgba(71, 49, 34, .8);
    --nk-coffee-60: rgba(71, 49, 34, .6);
    --nk-coffee-22: rgba(71, 49, 34, .22);
    --nk-coffee-12: rgba(71, 49, 34, .12);
    --nk-coffee-10: rgba(71, 49, 34, .1);
    --nk-blue: #7BADE3;
    --nk-blue-deep: #3C6F9F;
    --nk-linen: #D8CFC1;
    --nk-linen-tint: #EFEAE2;
    --nk-linen-86: rgba(216, 207, 193, .86);
    --nk-linen-72: rgba(216, 207, 193, .72);
    --nk-paper: #FCFBF9;
    --nk-white: #FFFFFF;
    --nk-font: "Jost", "Noto Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --nk-gutter: 52px;
    --nk-band-y: 86px;
    --nk-maxw: 1320px;
    --nk-maxw-grid: 1180px;
}


.html-home-page body,
.html-home-page .master-wrapper-page {
    background: var(--nk-paper);
    color: var(--nk-coffee);
}
.html-home-page .master-wrapper-content,
.html-home-page .master-column-wrapper,
.html-home-page .center-1,
.html-home-page .page.home-page,
.html-home-page .page.home-page > .page-body {
    margin: 0;
    padding: 0;
    max-width: none;
    width: auto;
    float: none;
    overflow: visible;
}
.html-home-page .page.home-page > .page-body::after {
    content: "";
    display: block;
    clear: both;
}
.neriku-home img,
.header img,
.footer img {
    max-width: 100%;
    height: auto;
}
.neriku-home a {
    color: var(--nk-coffee);
    text-decoration: none;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}
.neriku-home a:hover {
    color: var(--nk-blue-deep);
}
.neriku-home .nk-rule {
    display: block;
    width: 54px;
    height: 2px;
    background: var(--nk-blue);
    border: 0;
}
.neriku-home .about-company-title,
.neriku-home .attribute-container-info .attribute-title,
.neriku-home .testimonial-title,
.neriku-home .client-banner-container h2,
.neriku-home .home-page-product-grid .carousel-title strong,
.neriku-home .nop-jcarousel .carousel-title strong,
.neriku-home .top-services-banner .info-box h3,
.neriku-home .middle-services-banner .info-box h3,
.neriku-home .bottom-services-banner .info-box h3 {
    display: block;
    border-bottom: 0;
    padding: 0;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.25;
    text-transform: capitalize;
    background: none;
}
.neriku-home .readmore-button,
.neriku-home .read-more-side,
.neriku-home .rich-blog-homepage .read-more,
.neriku-home .product-box-add-to-cart-button,
.neriku-home .button-1,
.neriku-home .button-2 {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    line-height: 1;
    padding: 14px 26px;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.neriku-home .company-description .read-more-side {
    background: var(--nk-linen);
    color: var(--nk-coffee);
}
.neriku-home .company-description .read-more-side:hover {
    background: var(--nk-blue);
    color: var(--nk-coffee);
}
.neriku-home .readmore-button {
    background: transparent;
    color: var(--nk-coffee);
    border: 1.4px solid var(--nk-coffee);
}
.neriku-home .readmore-button:hover {
    background: var(--nk-coffee);
    color: var(--nk-linen);
    border-color: var(--nk-coffee);
}
.header {
    background: var(--nk-coffee);
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.header .header-centering {
    margin: 0 auto;
    padding: 0 var(--nk-gutter);
}
.header .header-upper {
    background: var(--nk-coffee);
    border: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
}
.header .header-upper .header-centering {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 12px;
    min-height: 84px;
    padding-top: 14px;
    padding-bottom: 14px;
}
.header .header-logo {
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
    text-align: left;
    line-height: 0;
}
.header .header-logo a.logo {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 0;
}
.header .header-logo a.logo img {
    display: block;
    max-height: 52px;
    width: auto;
    margin: 0;
}
.header .header-upper-centering {
    float: none;
    width: auto;
    margin: 0 0 0 auto;
    padding: 0;
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 24px;
}
.header .header-links-selectors-wrapper,
.header .header-links-wrapper,
.header .header-links,
.header .header-selectors-wrapper {
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
}
.header .header-links-selectors-wrapper,
.header .header-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}
.header .header-links > * {
    float: none;
    margin: 0;
    padding: 0;
}
.header .my-account-dropdown-wrapper {
    position: relative;
}
.header .header-links a {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--nk-linen);
    background-color: transparent;
    background-image: none;
    padding: 0;
    margin: 0;
    transition: color .25s ease;
}
.header .header-links a:hover {
    color: var(--nk-blue);
    background-color: transparent;
}
.header .header-links .my-account-opener {
    color: var(--nk-blue);
}
.header .header-links .my-account-opener:hover,
.header .header-links .my-account-dropdown-wrapper:hover .my-account-opener {
    color: var(--nk-linen);
    background: none;
}
.header .header-links .wishlist-qty,
.header .header-links .inbox-unread {
    font-style: normal;
    color: inherit;
    opacity: .7;
}
.header .header-links .my-account-dropdown {
    width: 270px;
    max-width: calc(100vw - 24px);
    background: var(--nk-coffee-dark);
    border: 0;
    border-radius: 0;
    box-shadow: 0 16px 34px rgba(71, 49, 34, .38);
    padding: 0;
    overflow: hidden;
    padding: 10px 0;
}
.header .header-links .my-account-dropdown ul,
.header .header-links .my-account-dropdown .account-navigation-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.header .header-links .my-account-dropdown li {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
}
.header .header-links .my-account-dropdown a {
    display: block;
    position: relative;
    margin: 0;
    padding: 12px 18px 12px 46px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 1.35;
    text-align: left;
    text-transform: uppercase;
    color: var(--nk-linen);
    background-color: transparent;
    border-bottom: 1px solid rgba(216, 207, 193, .12);
}
.header .header-links .my-account-dropdown a:last-child,
.header .header-links .my-account-dropdown li:last-child a {
    border-bottom: 0;
}
.header .header-links .my-account-dropdown a:hover {
    background-color: rgba(216, 207, 193, .12);
    color: var(--nk-blue);
}
.header .header-links .my-account-dropdown a::before {
    top: 13px;
    bottom: auto;
    left: 18px;
    margin: 0;
    filter: brightness(0) invert(1);
    opacity: .75;
    transition: opacity .2s ease;
}
.header .header-links .my-account-dropdown a:hover::before {
    background-color: transparent;
    opacity: 1;
}
.header .header-selectors-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}
.header .header-selectors-wrapper > div {
    margin: 0;
    padding: 0;
}
.header .header-selectors-wrapper select {
    font-size: 12px;
    letter-spacing: .06em;
    color: var(--nk-linen);
    background-color: transparent;
    border: 1px solid rgba(216, 207, 193, .3);
    border-radius: 0;
    padding: 6px 10px;
    height: auto;
    width: auto;
    cursor: pointer;
}
.header .header-selectors-wrapper select option {
    color: var(--nk-coffee);
    background: var(--nk-white);
}
.header .header-lower {
    background: var(--nk-linen);
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-12);
    margin: 0;
    padding: 0;
}
.header .header-lower .header-centering {
    display: flex;
    align-items: center;
    align-content: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.header .header-lower .header-menu-wrapper {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    background: none;
    border: 0;
}
.header .header-lower .header-cart-search-wrapper {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    order: 3;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.header .header-menu {
    background: none;
    border: 0;
    box-shadow: none;
}
.header .header-menu > ul,
.main-slider-wrapper .header-menu > ul {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    list-style: none;
}
.header .header-menu > ul > li,
.main-slider-wrapper .header-menu > ul > li {
    float: none;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
}
.header .header-menu ul.mega-menu-responsive,
.header .header-upper ul.mega-menu-responsive,
.main-slider-wrapper .header-menu ul.mega-menu-responsive {
    display: block;
}
.header .header-menu ul.mega-menu,
.header .header-upper ul.mega-menu,
.main-slider-wrapper .header-menu ul.mega-menu {
    display: none;
}
.header .header-menu .menu-title,
.main-slider-wrapper .header-menu .menu-title {
    display: none;
}
.header .header-menu .mega-menu .dropdown,
.main-slider-wrapper .header-menu .mega-menu .dropdown {
    display: none;
}
.header .header-menu .mega-menu .dropdown.active,
.main-slider-wrapper .header-menu .mega-menu .dropdown.active {
    display: block;
}
.header .header-menu .sublist,
.header .header-menu .sublist-wrap,
.header .header-lower .mega-menu .dropdown {
    background: var(--nk-coffee);
    border: 0;
    border-radius: 0;
    box-shadow: 0 14px 32px rgba(71, 49, 34, .32);
}
.header .header-menu .sublist {
    padding: 10px 0;
    margin: 0;
    list-style: none;
}
.header .header-menu .sublist li {
    background: none;
    border: 0;
    margin: 0;
}
.header .header-menu .sublist li > a,
.header .header-lower .mega-menu .dropdown a {
    display: block;
    padding: 10px 22px;
    font-size: 12.5px;
    font-weight: 300;
    letter-spacing: .04em;
    line-height: 1.5;
    text-transform: none;
    color: var(--nk-linen) !important;
    background: none;
    border: 0;
}
.header .header-menu .sublist li > a:hover,
.header .header-lower .mega-menu .dropdown a:hover {
    background: rgba(216, 207, 193, .14);
    color: var(--nk-blue) !important;
}
.header .header-lower .mega-menu .dropdown .title,
.header .header-lower .mega-menu .dropdown .title a {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--nk-blue) !important;
    border: 0;
    background: none;
}
.header .header-lower .search-box.store-search-box {
    float: none;
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
}
.header .header-lower .search-box.store-search-box form {
    display: flex;
    align-items: stretch;
    width: auto;
    margin: 0;
    font-size: inherit;
}
.header .header-lower .search-box.store-search-box input.search-box-text {
    font-size: 13px;
    text-align: left;
    text-transform: none;
    color: var(--nk-coffee);
    background: var(--nk-paper);
    border: 1px solid var(--nk-coffee-22);
    border-right: 0;
    border-radius: 0;
    height: 40px;
    width: 200px;
    padding: 0 14px;
    margin: 0;
    box-shadow: none;
}
.header .header-lower .search-box.store-search-box input.search-box-text::placeholder {
    color: var(--nk-coffee-60);
    text-transform: none;
    opacity: 1;
}
.header .header-lower .search-box.store-search-box .search-box-button {
    font-size: 0;
    background-color: var(--nk-blue);
    border: 0;
    border-radius: 0;
    height: 40px;
    width: 40px;
    padding: 5px;
    margin: 0;
    text-indent: 0;
    cursor: pointer;
    transition: background-color .25s ease, color .25s ease;
}
.header .header-lower .search-box.store-search-box .search-box-button:hover {
    background-color: var(--nk-coffee);
    color: var(--nk-linen);
}
.header .header-lower .search-box .ui-autocomplete {
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-radius: 0;
    box-shadow: 0 14px 32px rgba(71, 49, 34, .2);
}
.header .header-cart-search-wrapper .cart-wrapper {
    float: none;
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    border: 0;
    flex: 0 0 auto;
    font-size: inherit;
}
.header .cart-wrapper #topcartlink {
    background: transparent;
    margin: 0;
    padding: 0;
}
.header .cart-wrapper #topcartlink a.ico-cart,
.header .cart-wrapper #topcartlink a.ico-cart-total {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-image: none;
}
.header .cart-wrapper #topcartlink a.ico-cart {
    justify-content: flex-start;
    padding: 0 18px 0 44px;
    background-color: var(--nk-coffee);
    color: var(--nk-linen);
}
.header .cart-wrapper #topcartlink a.ico-cart::before {
    background-color: transparent;
    left: 18px;
}
.header .cart-wrapper #topcartlink a.ico-cart-total {
    background-color: var(--nk-blue);
    color: var(--nk-coffee);
}
.header .cart-wrapper #topcartlink a.ico-cart span,
.header .cart-wrapper .cart-qty {
    display: inline-block;
    color: var(--nk-linen);
    font-style: normal;
}
.header .cart-wrapper #topcartlink a.ico-cart-total span,
.header .cart-wrapper #topcartlink a.ico-cart-total strong {
    color: var(--nk-coffee);
    font-weight: 500;
}
.header .cart-wrapper .flyout-cart {
    max-width: calc(100vw - 32px);
    padding-top: 22px;
}
.header .cart-wrapper .mini-shopping-cart {
    width: 100%;
    float: none;
    font-size: 13px;
    color: var(--nk-coffee-80);
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-radius: 0;
    box-shadow: 0 16px 36px rgba(71, 49, 34, .2);
    padding: 0 0 22px;
    text-align: left;
}
.header .cart-wrapper .mini-shopping-cart .count {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    margin: 0;
    padding: 15px 22px;
    background: var(--nk-coffee);
    border-bottom: 0;
    overflow: visible;
}
.header .cart-wrapper .mini-shopping-cart-title {
    float: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--nk-linen);
}
.header .cart-wrapper .mini-shopping-cart .count a {
    float: none;
    font-size: 16px;
    font-style: normal;
    color: #fff;
}
.header .cart-wrapper .mini-shopping-cart .count a:hover {
    color: var(--nk-linen);
    text-decoration: none;
}
.header .cart-wrapper .mini-shopping-cart .count:only-child {
    display: block;
    background: var(--nk-white);
    padding: 30px 22px;
}
.header .cart-wrapper .mini-shopping-cart .no-items-message {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-align: center;
    color: var(--nk-coffee-60);
}
.header .cart-wrapper .mini-shopping-cart .items {
    margin: 0;
    padding: 0 22px;
    overflow: hidden;
}
.header .cart-wrapper .mini-shopping-cart .item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    position: relative;
    margin: 0;
    padding: 16px 34px 16px 0;
    border-top: 1px solid var(--nk-coffee-10);
}
.header .cart-wrapper .mini-shopping-cart .item.first {
    border-top: 0;
}
.header .cart-wrapper .mini-shopping-cart .picture {
    float: none;
    flex: 0 0 auto;
    width: 56px;
    background: var(--nk-linen-tint);
}
.header .cart-wrapper .mini-shopping-cart .picture a::before {
    padding-top: 100%;
}
.header .cart-wrapper .mini-shopping-cart .picture img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
}
.header .cart-wrapper .mini-shopping-cart .picture + .product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    overflow: visible;
}
.header .cart-wrapper .mini-shopping-cart .item-product-left,
.header .cart-wrapper .mini-shopping-cart .item-product-right {
    position: static;
    float: none;
    margin: 0;
}
.header .cart-wrapper .mini-shopping-cart .item-product-left {
    flex: 1 1 55%;
    width: auto;
    min-width: 0;
}
.header .cart-wrapper .mini-shopping-cart .item-product-right {
    flex: 0 1 auto;
    width: auto;
    text-align: right;
}
.header .cart-wrapper .mini-shopping-cart .name {
    position: static;
    top: auto;
    width: auto;
    max-height: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
    color: var(--nk-coffee);
}
.header .cart-wrapper .mini-shopping-cart .name a {
    color: var(--nk-coffee);
}
.header .cart-wrapper .mini-shopping-cart .name a:hover {
    color: var(--nk-blue-deep);
}
.header .cart-wrapper .mini-shopping-cart .attributes {
    display: block;
    margin: 6px 0 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--nk-coffee-60);
}
.header .cart-wrapper .mini-shopping-cart .price,
.header .cart-wrapper .mini-shopping-cart .quantity {
    display: block;
    position: static;
    float: none;
    top: auto;
    right: auto;
    left: auto;
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .04em;
    line-height: 1.7;
    color: var(--nk-coffee-60);
    white-space: nowrap;
}
.header .cart-wrapper .mini-shopping-cart .price span,
.header .cart-wrapper .mini-shopping-cart .quantity span {
    display: inline;
    font-size: 13px;
    font-weight: 400;
    color: var(--nk-coffee);
}
.header .cart-wrapper .mini-shopping-cart .mini-shopping-cart-item-close {
    top: 16px;
    left: auto;
    right: 0;
    width: 20px;
    height: 20px;
    border: 1px solid var(--nk-coffee-12);
    border-radius: 0;
    opacity: .55;
    transition: opacity .2s ease, border-color .2s ease;
}
.header .cart-wrapper .mini-shopping-cart .mini-shopping-cart-item-close:hover {
    opacity: 1;
    border-color: var(--nk-blue);
}
.header .cart-wrapper .mini-shopping-cart .totals {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 20px;
    padding: 15px 22px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .13em;
    text-transform: uppercase;
    text-align: left;
    color: var(--nk-coffee-80);
    background: var(--nk-linen-tint);
}
.header .cart-wrapper .mini-shopping-cart .totals strong {
    display: inline;
    margin: 0;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    color: var(--nk-coffee);
}
.header .cart-wrapper .mini-shopping-cart .buttons {
    display: flex;
    gap: 10px;
    margin: 0 22px;
    font-size: inherit;
    text-align: left;
}
.header .cart-wrapper .mini-shopping-cart input[type="button"] {
    flex: 1 1 0;
    display: block;
    margin: 0;
    padding: 14px 18px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .13em;
    line-height: normal;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: var(--nk-coffee);
    color: var(--nk-linen);
    cursor: pointer;
    transition: background-color .25s ease, color .25s ease;
}
.header .cart-wrapper .mini-shopping-cart input[type="button"]:hover {
    background: var(--nk-blue);
    color: var(--nk-coffee);
}
.header .cart-wrapper .mini-shopping-cart input[type="button"]:first-child {
    padding: 13px 18px;
    background: var(--nk-white);
    border: 1.4px solid var(--nk-coffee);
    outline: 0;
    color: var(--nk-coffee);
}
.header .cart-wrapper .mini-shopping-cart input[type="button"]:first-child:hover {
    background: var(--nk-coffee);
    color: var(--nk-linen);
}
.header .cart-wrapper .mini-shopping-cart input[type="button"]:only-child {
    padding: 14px 18px;
    background: var(--nk-coffee);
    border: 0;
    color: var(--nk-linen);
}
.header .cart-wrapper .mini-shopping-cart input[type="button"]:only-child:hover {
    background: var(--nk-blue);
    color: var(--nk-coffee);
}
.header .header-upper .sublist,
.header .header-upper .sublist-wrap,
.header .header-upper .mega-menu .dropdown {
    background: var(--nk-linen);
    border: 0;
    border-radius: 0;
    box-shadow: 0 14px 32px rgba(71, 49, 34, .32);
}
.header .header-upper .sublist {
    padding: 10px 0;
    margin: 0;
    list-style: none;
}
.header .header-upper .sublist li {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
}
.header .header-upper .sublist li > a,
.header .header-upper .mega-menu .dropdown a {
    display: block;
    padding: 10px 22px;
    font-size: 12.5px;
    font-weight: 300;
    letter-spacing: .04em;
    line-height: 1.5;
    text-transform: none;
    color: var(--nk-linen) !important;
    background: none;
    border: 0;
}
.header .header-upper .sublist li > a:hover,
.header .header-upper .mega-menu .dropdown a:hover {
    background: rgba(216, 207, 193, .14);
    color: var(--nk-blue) !important;
}
.header .header-upper .mega-menu .dropdown .title,
.header .header-upper .mega-menu .dropdown .title a {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--nk-blue) !important;
    border: 0;
    background: none;
}
.main-slider-wrapper .header-menu-wrapper {
    background: var(--nk-coffee);
    border: 0;
    margin: 0;
    padding: 0;
    width: auto;
    float: none;
}
.main-slider-wrapper .header-menu {
    background: none;
    border: 0;
    box-shadow: none;
    max-width: var(--nk-maxw);
    margin: 0 auto;
    padding: 0 var(--nk-gutter);
}
.main-slider-wrapper .header-menu .sublist,
.main-slider-wrapper .header-menu .sublist-wrap,
.main-slider-wrapper .header-menu .mega-menu .dropdown {
    background: var(--nk-coffee);
    border: 0;
    border-radius: 0;
    box-shadow: 0 14px 32px rgba(71, 49, 34, .32);
}
.main-slider-wrapper .header-menu .sublist li > a,
.main-slider-wrapper .header-menu .mega-menu .dropdown a {
    display: block;
    padding: 10px 22px;
    font-size: 12.5px;
    font-weight: 300;
    letter-spacing: .04em;
    text-transform: none;
    color: var(--nk-linen) !important;
    background: none;
    border: 0;
}
.main-slider-wrapper .header-menu .sublist li > a:hover,
.main-slider-wrapper .header-menu .mega-menu .dropdown a:hover {
    background: rgba(216, 207, 193, .14);
    color: var(--nk-blue) !important;
}
.responsive-nav-wrapper {
    background: var(--nk-coffee);
    border: 0;
}
.responsive-nav-wrapper > div > span {
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--nk-linen);
}
.overlayOffCanvas {
    background: rgba(46, 31, 21, .55);
}
.html-home-page .main-slider-wrapper {
    background: var(--nk-coffee);
    margin: 0;
    padding: 0;
    line-height: 0;
}
.html-home-page .main-slider-wrapper .slider-wrapper {
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: var(--nk-coffee);
}
.html-home-page .main-slider-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
.html-home-page .owl-dots .owl-dot.active span {
    background: var(--nk-blue);
}
.neriku-home .company-description-container {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    background: var(--nk-coffee);
    background-image: none;
    padding: var(--nk-band-y) var(--nk-gutter);
    position: relative;
}
.neriku-home .company-description-container .description-inner-container {
    display: block;
    width: auto;
    max-width: var(--nk-maxw);
    margin: 0 auto;
    padding: 0;
    vertical-align: baseline;
}
.neriku-home .company-description {
    display: grid;
    grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
    column-gap: 60px;
    row-gap: 26px;
    align-items: start;
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    text-align: left;
    color: var(--nk-linen);
}
.neriku-home .company-description .about-company-title {
    grid-column: 1;
    grid-row: 1 / -1;
    align-self: stretch;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--nk-linen);
    border-bottom: 0;
    border-right: 1px solid rgba(216, 207, 193, .16);
    padding: 0 60px 0 0;
    margin: 0;
}
.neriku-home .company-description .about-company-title::after {
    content: "";
    display: block;
    width: 46px;
    height: 2px;
    background: var(--nk-blue);
    margin: 22px 0 0;
}
.neriku-home .company-description > *:not(.about-company-title) {
    grid-column: 2;
}
.neriku-home .company-description p {
    margin: 0;
    font-size: 16.5px;
    line-height: 1.8;
    font-weight: 300;
    letter-spacing: .01em;
    max-width: 44em;
    color: var(--nk-linen-86);
}
.neriku-home .company-description .read-more-side {
    justify-self: start;
    align-self: start;
    margin: 0;
    padding: 15px 30px;
}
.neriku-home .services-banners {
    background: var(--nk-linen-tint);
    background-image: none;
    padding: 0;
}
.neriku-home .promotional-banner {
    display: none;
}
.neriku-home .home-page-key-panels-section {
    display: block;
}
.neriku-home .top-services-banner,
.neriku-home .middle-services-banner,
.neriku-home .bottom-services-banner {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 380px;
    position: relative;
    border: 0;
    margin: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.neriku-home .home-page-key-panels-section > div:nth-child(even) {
    justify-content: flex-end;
}
.neriku-home .top-services-banner .info-box,
.neriku-home .middle-services-banner .info-box,
.neriku-home .bottom-services-banner .info-box,
.neriku-home .location-info-box {
    display: flex;
    align-items: center;
    float: none;
    width: 40%;
    height: auto;
    min-height: 0;
    opacity: 1;
    background: var(--nk-linen-tint);
    padding: 64px 56px;
    text-align: left;
}
.neriku-home .home-page-key-panels-section > div:nth-child(even) .info-box {
    background: var(--nk-linen);
}
.neriku-home .vertical-align-container,
.neriku-home .top-services-banner .info-box .info-inner-container,
.neriku-home .middle-services-banner .info-box .info-inner-container,
.neriku-home .bottom-services-banner .info-box .info-inner-container {
    display: block;
    width: 100%;
    padding: 0;
    text-align: left;
    vertical-align: baseline;
}
.neriku-home .services-banners .top-services-banner .info-box h3,
.neriku-home .services-banners .middle-services-banner .info-box h3,
.neriku-home .services-banners .bottom-services-banner .info-box h3,
.neriku-home .top-services-banner h3,
.neriku-home .middle-services-banner h3,
.neriku-home .bottom-services-banner h3 {
    display: block;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.3;
    color: var(--nk-coffee);
    border-bottom: 0;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.neriku-home .services-banners .top-services-banner .info-box h3::after,
.neriku-home .top-services-banner h3::after,
.neriku-home .middle-services-banner h3::after,
.neriku-home .bottom-services-banner h3::after {
    content: "";
    display: block;
    width: 46px;
    height: 2px;
    background: var(--nk-blue);
    margin: 12px 0;
}
.neriku-home .services-banners .top-services-banner .info-box p,
.neriku-home .top-services-banner p,
.neriku-home .middle-services-banner p,
.neriku-home .bottom-services-banner p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: .01em;
    color: var(--nk-coffee-80);
    margin: 0 0 30px;
}
.neriku-home .attribute-banner {
    background: var(--nk-paper);
    color: var(--nk-coffee);
    text-align: center;
}
.neriku-home .attribute-container-info {
    width: auto;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
}
.neriku-home .attribute-container-info .attribute-title {
    font-size: 30px;
    color: var(--nk-coffee);
    margin: 0 !important;
}
.neriku-home .attribute-container-info .attribute-title::after {
    content: "";
    display: block;
    width: 54px;
    height: 2px;
    background: var(--nk-blue);
    margin: 18px auto 0;
}
.neriku-home .attribute-container-info p {
    margin: 26px 0 0;
    padding: 0;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--nk-coffee-80);
}
.neriku-home .attribute-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 34px;
    max-width: var(--nk-maxw-grid);
    margin: 52px auto 0;
}
.neriku-home .attribute-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 240px;
    max-width: 340px;
    width: auto;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-10);
    padding: 38px 28px;
    text-align: center;
    transition: border-color .25s ease;
}
.neriku-home .attribute-item:hover {
    border-color: var(--nk-blue);
}
.neriku-home .attribute-item i.material-icons {
    font-size: 40px;
    color: var(--nk-blue);
    margin-bottom: 18px;
}
.neriku-home .attribute-item h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--nk-coffee);
    margin: 0;
    padding-bottom: 9px;
    border-bottom: 1.6px solid var(--nk-blue);
}
.neriku-home .home-page-banners {
    background: none;
    margin: 0;
    padding: 0;
    width: auto;
    max-width: none;
    overflow: visible;
}
.neriku-home .home-page-product-grid,
.neriku-home .nop-jcarousel {
    float: none;
    background: var(--nk-paper);
    border: 0;
    width: auto;
    max-width: none;
    margin: 0;
}
.neriku-home .home-page-product-grid .carousel-title,
.neriku-home .nop-jcarousel .carousel-title {
    text-align: center;
    border: 0;
    background: none;
    margin: 0 0 52px;
    padding: 0;
}
.neriku-home .home-page-product-grid .carousel-title strong,
.neriku-home .nop-jcarousel .carousel-title strong {
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
    color: var(--nk-coffee);
    background: none;
    padding: 0;
}
.neriku-home .home-page-product-grid .carousel-title strong::after,
.neriku-home .nop-jcarousel .carousel-title strong::after {
    content: "";
    display: block;
    width: 54px;
    height: 2px;
    background: var(--nk-blue);
    margin: 18px auto 0;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-grid .item-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
    float: none;
    width: 100%;
    max-width: var(--nk-maxw-grid);
    margin: 0 auto;
    padding: 0;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-grid .item-grid > * {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-grid .carousel-item > * {
    float: none !important;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: visible;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-10);
    border-radius: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    transition: border-color .25s ease;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item:hover {
    border-color: var(--nk-blue);
    box-shadow: none;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .picture {
    margin: 0;
    border: 0;
    background: var(--nk-linen-tint);
    overflow: hidden;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .picture a {
    display: block;
    line-height: 0;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .picture img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
    transition: transform .5s ease;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item:hover .picture img {
    transform: scale(1.04);
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-grid .product-item .details {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: auto;
    padding: 20px;
    text-align: left;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .product-title {
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-grid .product-item .product-title a {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .04em;
    line-height: 1.45;
    text-transform: uppercase;
    color: var(--nk-coffee);
    padding-bottom: 9px;
    border-bottom: 1.6px solid var(--nk-blue);
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-grid .product-item .product-title a:hover {
    color: var(--nk-blue-deep);
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .description {
    margin: 14px 0 0;
    font-size: 13.5px;
    line-height: 1.7;
    font-weight: 300;
    color: var(--nk-coffee-80);
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .add-info {
    margin-top: auto;
    padding-top: 16px;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .prices {
    margin: 0;
    padding: 0;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .price.actual-price {
    font-size: 21px;
    font-weight: 400;
    color: var(--nk-coffee);
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .price.old-price {
    font-size: 15px;
    font-weight: 300;
    color: var(--nk-coffee-60);
    text-decoration: line-through;
    margin-left: 10px;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-grid .product-item .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    position: static;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: none;
    margin: 22px 0 0;
    padding: 0;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item [id="field1"] {
    display: grid;
    grid-template-columns: 44px 26px;
    grid-template-rows: 19px 19px;
    border: 1px solid var(--nk-coffee-22);
    margin: 0;
    padding: 0;
    order: 1;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-grid .product-item .buttons .qty-field {
    grid-column: 1;
    grid-row: 1 / span 2;
    float: none;
    width: 100%;
    height: 100%;
    min-height: 0;
    bottom: auto;
    border: 0;
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    color: var(--nk-coffee);
    background: var(--nk-white);
    padding: 0;
    margin: 0;
    box-shadow: none;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item input[type="button"].product-box-add-to-cart-button {
    order: 2;
    float: none;
    background-color: var(--nk-coffee);
    background-image: none;
    border: 0;
    color: var(--nk-linen);
    padding: 9.5px 20px;
    height: auto;
    width: auto;
    max-width: none;
    text-indent: 0;
    text-overflow: clip;
    margin: 0;
    line-height: normal;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item input[type="button"].product-box-add-to-cart-button:hover {
    background-color: var(--nk-blue);
    border-color: var(--nk-blue);
    color: var(--nk-coffee);
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item #sub,
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item #add {
    position: static;
    top: auto;
    left: auto;
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 0;
    line-height: 1;
    border: 0;
    border-left: 1px solid var(--nk-coffee-22);
    background: var(--nk-white);
    color: var(--nk-coffee-60);
    font-size: 11px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    border-radius: 0;
    transition: background-color .2s ease;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item #add {
    grid-row: 1;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item #sub {
    grid-row: 2;
    border-top: 1px solid var(--nk-coffee-22);
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item #sub:hover,
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item #add:hover {
    background: var(--nk-linen-tint);
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .buttons > .plus,
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .buttons > .minus {
    display: none;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .add-to-wishlist-button,
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .add-to-compare-list-button {
    order: 3;
}
:is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .details .buttons {
    padding: 0 !important;
}
.neriku-home .nop-jcarousel .slick-prev,
.neriku-home .nop-jcarousel .slick-next,
.neriku-home .home-page-product-grid .owl-nav .owl-prev,
.neriku-home .home-page-product-grid .owl-nav .owl-next {
    background-color: var(--nk-coffee);
    color: var(--nk-linen);
    border: 0;
    border-radius: 0;
    transition: background-color .25s ease, color .25s ease;
}
.neriku-home .nop-jcarousel .slick-prev:hover,
.neriku-home .nop-jcarousel .slick-next:hover,
.neriku-home .home-page-product-grid .owl-nav .owl-prev:hover,
.neriku-home .home-page-product-grid .owl-nav .owl-next:hover {
    background-color: var(--nk-blue);
    color: var(--nk-coffee);
}
.neriku-home .testimonials-container {
    background: var(--nk-coffee);
    color: var(--nk-linen);
    padding: 78px var(--nk-gutter) 84px;
    text-align: center;
}
.neriku-home .testimonial-title {
    font-size: 26px;
    font-weight: 400;
    color: var(--nk-linen);
    margin: 0;
}
.neriku-home .testimonial-title::after {
    content: "";
    display: block;
    width: 54px;
    height: 2px;
    background: var(--nk-blue);
    margin: 18px auto 44px;
}
.neriku-home .testimonials-container .banner-carousel {
    max-width: var(--nk-maxw-grid);
    margin: 0 auto;
}
.neriku-home .testimonials-container .testimonials {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: transparent;
    margin: 0 auto;
    padding: 0;
}
.neriku-home .testimonials .picture-outer-wrapper {
    margin-bottom: 26px;
}
.neriku-home .testimonials-container .testimonials .picture img {
    width: 84px !important;
    height: 84px;
    float: none;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--nk-blue);
    margin: 0;
}
.neriku-home .testimonials-container .testimonial-inner-container {
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
}
.neriku-home .testimonial-inner-container .testimonial-text {
    margin: 0;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 400;
    color: var(--nk-linen-86);
}
.neriku-home .testimonial-inner-container .testimonee-name {
    margin: 30px 0 0;
    font-size: 13.5px;
    font-weight: 400;
    letter-spacing: .1em;
    color: var(--nk-blue);
}
.neriku-home .testimonials-container .owl-nav .owl-prev,
.neriku-home .testimonials-container .owl-nav .owl-next {
    background: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
    border-radius: 0;
}
.neriku-home .testimonials-container .owl-dots .owl-dot span {
    background: rgba(216, 207, 193, .35);
}
.neriku-home .testimonials-container .owl-dots .owl-dot.active span {
    background: var(--nk-blue);
}
.neriku-home .client-banner-container {
    background: var(--nk-blue);
    padding: 66px var(--nk-gutter) 48px;
    text-align: center;
}
.neriku-home .client-banner-container h2 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--nk-coffee);
    margin: 0;
}
.neriku-home .client-banner-container h2::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    background: var(--nk-coffee);
    margin: 16px auto 40px;
}
.neriku-home .clients-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 120px;
    max-width: 180px;
    padding: 0 26px;
    margin: 0 0 22px;
    vertical-align: middle;
}
.neriku-home .clients-logo img {
    max-width: 100%;
    max-height: 62px;
    width: auto;
    opacity: .85;
    transition: opacity .3s ease;
}
.neriku-home .clients-logo img:hover {
    opacity: 1;
}
.neriku-home .gov_logo {
    bottom: 30px;
    left: 0;
    display: inline-block;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    box-shadow: 0 6px 18px rgba(71, 49, 34, .16);
    padding: 8px 12px;
    line-height: 0;
}
.neriku-home .gov_logo img {
    width: auto;
    display: block;
}
.neriku-home .home-page-blog-social-wrapper {
    background: var(--nk-paper);
    padding: 0 var(--nk-gutter);
    max-width: calc(var(--nk-maxw-grid) + (var(--nk-gutter) * 2));
    margin: 0 auto;
}
.neriku-home .home-page-blog-social-wrapper .blog-title,
.neriku-home .home-page-blog-social-wrapper .homepage-blog-title,
.neriku-home .rich-blog-homepage .title {
    
    font-size: 26px;
    font-weight: 400;
    color: var(--nk-coffee);
    text-align: center;
}
.footer {
    background: var(--nk-linen-tint);
    color: var(--nk-coffee);
    
    border: 0;
    margin: 0;
    padding: 0;
}
.footer .footer-centering {
    width: auto;
    max-width: var(--nk-footer-maxw, none);
    margin: 0 auto;
    padding: 0 var(--nk-gutter);
    overflow: visible;
}
.footer .footer-upper {
    width: auto;
    background: var(--nk-linen-tint);
    border: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
}
.footer .footer-middle {
    background: var(--nk-linen-tint);
    color: var(--nk-coffee);
    border: 0;
    margin: 0;
    padding: 66px 0 44px;
    overflow: visible;
}
.footer .footer-block {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
}
.footer .footer-block .title {
    display: block;
    margin: 0 0 14px;
    padding: 0;
    border: 0;
    background: none;
    cursor: default;
}
.footer .footer-block .title span {
    display: inline-block;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .12em;
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--nk-coffee);
}
.footer .footer-block .title span::after {
    display: none;
}
.footer .footer-block .title::after {
    content: "";
    display: block;
    width: 34px;
    height: 2px;
    background: var(--nk-blue);
    margin: 14px 0 4px;
}
.footer .footer-block p.footer-about-us {
    max-width: 34em;
}
.footer .footer-block ul.footer-menu {
    margin: 0;
    padding: 0;
    font-size: inherit;
    list-style: none;
}
.footer .footer-block ul.footer-menu li {
    float: none;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
}
.footer .footer-block ul.footer-menu li a,
.footer .footer-block ul.footer-menu li span {
    display: inline-block;
    padding: 6px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--nk-coffee-80);
    transition: color .25s ease;
}
.footer .footer-block ul.footer-menu li a:hover {
    color: var(--nk-blue-deep);
}
.footer .footer-block ul.footer-menu li.address span::before,
.footer .footer-block ul.footer-menu li.phone span::before,
.footer .footer-block ul.footer-menu li.email span::before {
    color: var(--nk-blue-deep);
}
.footer .footer-block ul.footer-menu li.email span {
    color: var(--nk-blue-deep);
}
.footer ul.accepted-payment-methods {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 24px 0 0 !important;
    padding: 0;
    list-style: none;
}
.footer ul.accepted-payment-methods li {
    float: none;
    margin: 0;
}
.footer ul.social-sharing {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 24px 0 0;
    padding: 0;
    font-size: 0;
    list-style: none;
}
.footer ul.social-sharing li {
    float: none;
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    border: 1px solid var(--nk-coffee-22);
    transition: border-color .25s ease;
}
.footer ul.social-sharing li:hover {
    border-color: var(--nk-blue);
}
.footer ul.social-sharing a .flip {
    background-color: var(--nk-coffee);
}
.footer ul.social-sharing a .flop {
    background-color: var(--nk-blue);
}
.footer .eu-banner {
    background: var(--nk-linen-tint);
    padding: 0 var(--nk-gutter) 44px;
    text-align: center;
}
.footer .eu-banner p {
    margin: 0;
    max-width: none;
    font-size: inherit;
    line-height: 0;
}
.footer .eu-banner img {
    display: inline-block;
    max-width: 100%;
    max-height: 84px;
    width: auto;
    height: auto;
}
.footer .footer-lower {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    column-gap: 22px;
    row-gap: 10px;
    width: auto;
    max-width: none;
    background: var(--nk-coffee);
    color: var(--nk-linen-72);
    border: 0;
    border-top: 1px solid rgba(216, 207, 193, .1);
    margin: 0;
    padding: 20px var(--nk-gutter);
    font-size: inherit;
    text-align: left;
}
.footer .footer-lower .footer-centering,
.footer .footer-lower .footer-lower-left,
.footer .footer-lower .footer-lower-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    column-gap: 22px;
    row-gap: 10px;
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}
.footer .footer-lower > div,
.footer .footer-lower .footer-centering > div {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.6;
    text-transform: none;
    color: var(--nk-linen-72);
}
.footer .footer-lower > div.footer-disclaimer,
.footer .footer-lower .footer-centering > div.footer-disclaimer {
    margin-right: auto;
    font-size: 15px;
    font-weight: 400;
    color: var(--nk-linen);
}
.footer .footer-lower a {
    color: var(--nk-blue);
    text-decoration: none;
    transition: color .25s ease;
}
.footer .footer-lower a:hover {
    color: var(--nk-linen);
    text-decoration: none;
}
.footer .footer-lower .credits {
    display: flex;
    align-items: center;
    gap: 5px;
}
.footer .footer-lower .credits .heart-box,
.footer .footer-lower .credits .casasoft-box {
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.footer .footer-lower .credits .credits-logo {
    width: auto;
    max-height: 14px;
    top: auto;
    left: auto;
    opacity: .8;
    transition: opacity .25s ease;
}
.footer .footer-lower .credits a:hover .credits-logo {
    opacity: 1;
}
.footer .footer-lower .credits .credits-heart {
    width: auto;
    max-height: 12px;
}
.footer .footer-lower .footer-store-theme {
    padding: 0 !important;
}
.footer .footer-lower .footer-store-theme select {
    font-size: 12px;
    color: var(--nk-linen);
    background-color: transparent;
    border: 1px solid rgba(216, 207, 193, .3);
    border-radius: 0;
    width: auto;
    padding: 5px 9px;
    cursor: pointer;
}
.footer .footer-lower .footer-store-theme select:hover {
    border-color: var(--nk-blue);
}
.footer .footer-lower .footer-store-theme select option {
    color: var(--nk-coffee);
    background: var(--nk-white);
}






.html-category-page body,
.html-category-page .master-wrapper-page {
    background: var(--nk-paper);
    color: var(--nk-coffee);
    
}
.html-category-page .breadcrumb {
    background: var(--nk-paper);
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    margin: 0;
    padding: 18px var(--nk-gutter);
    text-align: left;
}

.html-category-page .breadcrumb ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    max-width: none;
    margin: 0;
    padding: 0;
    list-style: none;
}
.html-category-page .breadcrumb li {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    float: none;
    margin: 0;
    padding: 0;
    background: none;
}
.html-category-page .breadcrumb a,
.html-category-page .breadcrumb strong.current-item,
.html-category-page .breadcrumb .delimiter {
    
    font-size: 12.5px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: .02em;
    line-height: 1.6;
    color: var(--nk-coffee-60);
}
.html-category-page .breadcrumb a:hover {
    color: var(--nk-blue-deep);
}
.html-category-page .breadcrumb strong.current-item {
    font-weight: 400;
    color: var(--nk-coffee);
}
.html-category-page .breadcrumb .delimiter {
    padding: 0 2px;
    opacity: .55;
}
.html-category-page .top-section-container {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    margin: 0 0 32px;
    padding: 0 0 28px;
    text-align: center;
    overflow: visible;
}
.html-category-page .top-section-container .page-title {
    background: none;
    margin: 0;
    padding: 0;
}
.html-category-page .page-description {
    font-size: 15.5px;
    font-weight: 300;
    line-height: 1.8;
    text-align: center;
    color: var(--nk-coffee-80);
}
.html-category-page .page-description ul,
.html-category-page .page-description ol {
    display: inline-block;
    text-align: left;
    margin: 14px 0 0;
}
.html-category-page .page-description a {
    color: var(--nk-blue-deep);
}
.html-category-page .category-grid.sub-category-grid {
    max-width: none;
    margin: 0 0 calc(var(--nk-band-y) * .7);
    padding: 0 var(--nk-gutter);
}
.html-category-page .category-grid .item-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
    width: auto;
    margin: 0;
    padding: 0;
}
.html-category-page .category-grid .item-grid > * {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}
.html-category-page .sub-category-item {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-10);
    overflow: hidden;
    transition: border-color .25s ease;
}
.html-category-page .sub-category-item:hover {
    border-color: var(--nk-blue);
}
.html-category-page .sub-category-item .picture {
    order: 1;
    margin: 0;
    background: var(--nk-linen-tint);
    line-height: 0;
}
.html-category-page .sub-category-item .picture a {
    display: block;
    line-height: 0;
}
.html-category-page .sub-category-item .picture img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    display: block;
    transition: transform .5s ease;
}
.html-category-page .sub-category-item:hover .picture img {
    transform: scale(1.04);
}
.html-category-page .sub-category-item .title {
    order: 2;
    margin: 0;
    padding: 20px 22px 22px;
    background: none;
    border: 0;
    text-align: left;
}
.html-category-page .sub-category-item .title a {
    display: block;
    padding: 0;
    border: 0;
    background: none;
}
.html-category-page .sub-category-item .category-item-name {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .09em;
    line-height: 1.45;
    text-transform: uppercase;
    color: var(--nk-coffee);
    padding-bottom: 9px;
    border-bottom: 1.6px solid var(--nk-blue);
}

.html-category-page .sub-category-item .category-item-count {
    display: block;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .04em;
    color: var(--nk-coffee-60);
}
.html-category-page .sub-category-item .title a:hover .category-item-name {
    color: var(--nk-blue-deep);
}
.html-category-page .product-selectors {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 15px;
    background: var(--nk-linen-tint);
    border: 0;
    margin: 0 0 34px;
    padding: 14px 20px;
    overflow: visible;
}
.html-category-page .product-selectors > div {
    display: flex;
    align-items: center;
    gap: 9px;
    float: none;
    margin: 0;
    padding: 0;
}
.html-category-page .product-selectors span {
    color: var(--nk-coffee-60);
}
.html-category-page .product-selectors::after{
    display: none;
}
.html-category-page .product-grid,
.html-category-page .product-list {
    background: none;
    border: 0;
    width: auto;
    max-width: none;
    margin: 0 0 40px;
    padding: 0;
}
.html-category-page .product-grid .title,
.html-category-page .featured-product-grid .title {
    margin: 0 0 26px;
    padding: 0;
    border: 0;
    background: none;
    text-align: left;
}
.html-category-page .product-grid .title strong,
.html-category-page .featured-product-grid .title strong {
    display: inline-block;
    
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--nk-coffee);
    background: none;
    border: 0;
    padding: 0;
}
.html-category-page .product-grid .title strong::after,
.html-category-page .featured-product-grid .title strong::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    background: var(--nk-blue);
    margin: 14px 0 0;
}
.html-category-page .product-list .item-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}
.html-category-page .product-list .item-grid > * {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}
.html-category-page .product-list .product-item {
    display: grid;
    grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
    align-items: stretch;
    height: auto;
}
.html-category-page .product-list .product-item .picture img {
    height: 100%;
    min-height: 210px;
}
.html-category-page .product-list .product-item .details {
    padding: 26px 28px;
}
.html-category-page .product-list .product-item .description {
    display: block;
    max-width: 60em;
}
.html-category-page .pager {
    margin: 0;
    padding: 6px 0 0;
    text-align: center;
}
.html-category-page .pager ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.html-category-page .pager li {
    float: none;
    margin: 0;
    padding: 0;
    background: none;
}
.html-category-page .pager li a,
.html-category-page .pager li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .04em;
    color: var(--nk-coffee);
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-radius: 0;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.html-category-page .pager li a:hover {
    background: var(--nk-linen-tint);
    border-color: var(--nk-blue);
    color: var(--nk-coffee);
}
.html-category-page .pager li.current-page span {
    background: var(--nk-coffee);
    border-color: var(--nk-coffee);
    color: var(--nk-linen);
}
.html-category-page .side-2 .block {
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-10);
    margin: 0 0 22px;
    padding: 22px 20px;
}
.html-category-page .side-2 .block .title,
.html-category-page .side-2 .block .title strong {
    color: var(--nk-coffee);
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}
.html-category-page .side-2 .block .title {
    padding: 0 25px;
}
.html-category-page .side-2 .block .listbox {
    margin: 16px 0 0;
    padding: 0;
}
.html-category-page .side-2 .block .list,
.html-category-page .side-2 .block .sublist {
    margin: 0;
    padding: 0;
    list-style: none;
}
.html-category-page .side-2 .block .list li {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
}
.html-category-page .side-2 .block .list li a {
    display: block;
    padding: 9px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--nk-coffee-80);
    background: none;
    border: 0;
    transition: color .2s ease;
}
.html-category-page .side-2 .block .list li a:hover,
.html-category-page .side-2 .block .list li.active > a {
    color: var(--nk-blue-deep);
}
.html-category-page .side-2 .block .sublist {
    margin: 0 0 0 14px;
    padding: 0 0 0 12px;
    border-left: 1px solid var(--nk-coffee-10);
}
.html-category-page .side-2 .block .sublist li a {
    font-size: 13px;
    padding: 7px 0;
}
.html-category-page .product-filters .block {
    background: var(--nk-linen-tint);
    border: 0;
    margin: 0 0 26px;
    padding: 20px 22px;
}
.html-category-page .category-page .product-grid .item-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}
.html-category-page .category-page .product-grid .item-box,
.html-category-page .category-page .product-list .item-box {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}
.html-category-page .category-grid .sub-category-item .title {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    opacity: 1;
    background: none;
}
.html-category-page .category-grid .sub-category-item .title:hover {
    margin: 0;
}
.html-category-page .category-grid .sub-category-item .category-item-text-wrapper {
    display: block;
    position: static;
    width: auto;
    padding: 0;
    transform: none;
}
.html-category-page .page.category-page,
.html-category-page .page.category-page > .page-body {
    background: transparent;
    border: 0;
    padding: 0;
}
.html-category-page .category-grid .sub-category-item .picture {
    height: auto;
    min-height: 0;
    padding: 0;
    text-align: left;
}
.html-category-page .category-grid .sub-category-item .category-item-text-wrapper,
.html-category-page .category-grid .sub-category-item .category-item-name,
.html-category-page .category-grid .sub-category-item .category-item-count {
    text-align: left;
}
.html-category-page .side-2 .block .list li::before,
.html-category-page .side-2 .block .sublist li::before {
    content: none;
    display: none;
}
.html-category-page .master-wrapper-content {
    max-width: none;
    width: auto;
    margin: 0;
    padding: 0 var(--nk-gutter) var(--nk-band-y);
}
.html-category-page .side-2 .block .sublist li {
    padding: 0;
    background: none;
    transition: none;
}
.html-category-page .side-2 .block .sublist li:hover {
    background: none;
}
.html-category-page .side-2 .block .sublist a span {
    color: inherit;
}
.html-category-page .category-grid .sub-category-item .picture img {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
    display: block;
    width: 100%;
    max-width: none;
    height: 190px;
    object-fit: cover;
}
.html-category-page .category-grid .sub-category-item .picture a::before {
    content: none;
    display: none;
    padding-top: 0;
}
.html-category-page .category-grid .sub-category-item .picture a {
    display: block;
    position: static;
    overflow: hidden;
    line-height: 0;
    height: 190px;
}
.master-wrapper-page {
    background: var(--nk-paper);
    color: var(--nk-coffee);
}
.master-wrapper-content {
    color: var(--nk-coffee);
}
.master-wrapper-page ::selection {
    background: var(--nk-blue);
    color: var(--nk-coffee);
}
.master-wrapper-content a {
    color: var(--nk-blue-deep) !important;
    transition: color .2s ease;
}
.master-wrapper-content a:hover {
    color: var(--nk-coffee) !important;
}
.master-wrapper-content .title a,
.master-wrapper-content h1 a,
.master-wrapper-content h2 a,
.master-wrapper-content h3 a,
.master-wrapper-content .product-title a,
.master-wrapper-content .item-box .product-title a,
.master-wrapper-content .block .list a,
.master-wrapper-content .data-table a,
.master-wrapper-content .cart a {
    color: var(--nk-coffee) !important;
}
.master-wrapper-content .title a:hover,
.master-wrapper-content h1 a:hover,
.master-wrapper-content h2 a:hover,
.master-wrapper-content h3 a:hover,
.master-wrapper-content .product-title a:hover,
.master-wrapper-content .item-box .product-title a:hover,
.master-wrapper-content .block .list a:hover,
.master-wrapper-content .data-table a:hover,
.master-wrapper-content .cart a:hover {
    color: var(--nk-blue-deep) !important;
}
.master-wrapper-content h1,
.master-wrapper-content h2,
.master-wrapper-content h3,
.master-wrapper-content h4,
.master-wrapper-content h5,
.master-wrapper-content h6 {
    color: var(--nk-coffee);
}
.master-wrapper-content .page-title h1,
.master-wrapper-content .page-title h2 {
    color: var(--nk-coffee);
    background: none;
    border: 0;
}
.master-wrapper-content .title,
.master-wrapper-content .page-title,
.master-wrapper-content .section .title {
    border-color: var(--nk-coffee-12);
}
.master-wrapper-content .title strong,
.master-wrapper-content .section .title strong {
    color: var(--nk-coffee);
}
.master-wrapper-content .button-1,
.master-wrapper-content input[type="submit"].button-1,
.master-wrapper-content input[type="button"].button-1,
.master-wrapper-content button.button-1,
.master-wrapper-content a.button-1 {
    background-color: var(--nk-coffee) !important;
    background-image: none !important;
    border-style: solid;
    border-width: 1.4px;
    border-color: var(--nk-coffee) !important;
    color: var(--nk-linen) !important;
    border-radius: 0;
    transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.master-wrapper-content .button-1:hover,
.master-wrapper-content input[type="submit"].button-1:hover,
.master-wrapper-content input[type="button"].button-1:hover,
.master-wrapper-content button.button-1:hover,
.master-wrapper-content a.button-1:hover {
    background-color: var(--nk-blue) !important;
    border-color: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
}
.master-wrapper-content .button-2:not(.product-box-add-to-cart-button),
.master-wrapper-content input[type="submit"].button-2:not(.product-box-add-to-cart-button),
.master-wrapper-content input[type="button"].button-2:not(.product-box-add-to-cart-button),
.master-wrapper-content button.button-2:not(.product-box-add-to-cart-button),
.master-wrapper-content a.button-2:not(.product-box-add-to-cart-button) {
    background-color: var(--nk-white) !important;
    background-image: none !important;
    border: 1.4px solid var(--nk-coffee) !important;
    color: var(--nk-coffee) !important;
    border-radius: 0;
    transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.master-wrapper-content .button-2:not(.product-box-add-to-cart-button):hover,
.master-wrapper-content input[type="submit"].button-2:not(.product-box-add-to-cart-button):hover,
.master-wrapper-content input[type="button"].button-2:not(.product-box-add-to-cart-button):hover,
.master-wrapper-content button.button-2:not(.product-box-add-to-cart-button):hover,
.master-wrapper-content a.button-2:not(.product-box-add-to-cart-button):hover {
    background-color: var(--nk-coffee) !important;
    border-color: var(--nk-coffee) !important;
    color: var(--nk-linen) !important;
}
.master-wrapper-content .checkout-button,
.master-wrapper-content .add-to-cart-button,
.master-wrapper-content .new-address-next-step-button,
.master-wrapper-content .register-button,
.master-wrapper-content .login-button {
    background-color: var(--nk-coffee) !important;
    border-color: var(--nk-coffee) !important;
    color: var(--nk-linen) !important;
}
.master-wrapper-content .checkout-button:hover,
.master-wrapper-content .add-to-cart-button:hover,
.master-wrapper-content .new-address-next-step-button:hover,
.master-wrapper-content .register-button:hover,
.master-wrapper-content .login-button:hover {
    background-color: var(--nk-blue) !important;
    border-color: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
}
.master-wrapper-content input[type="text"],
.master-wrapper-content input[type="email"],
.master-wrapper-content input[type="tel"],
.master-wrapper-content input[type="password"],
.master-wrapper-content input[type="number"],
.master-wrapper-content input[type="search"],
.master-wrapper-content input[type="date"],
.master-wrapper-content select,
.master-wrapper-content textarea {
    color: var(--nk-coffee);
    background-color: var(--nk-white);
    border: 1px solid var(--nk-coffee-22);
    border-radius: 0;
    transition: border-color .2s ease;
}
.master-wrapper-content input[type="text"]:focus,
.master-wrapper-content input[type="email"]:focus,
.master-wrapper-content input[type="tel"]:focus,
.master-wrapper-content input[type="password"]:focus,
.master-wrapper-content input[type="number"]:focus,
.master-wrapper-content select:focus,
.master-wrapper-content textarea:focus {
    border-color: var(--nk-blue);
    outline: 0;
}
.master-wrapper-content input::placeholder,
.master-wrapper-content textarea::placeholder {
    color: var(--nk-coffee-60);
}
.master-wrapper-content .required {
    color: var(--nk-blue-deep);
}
.master-wrapper-content .field-validation-error,
.master-wrapper-content span.field-validation-error,
.master-wrapper-content .message-error,
.master-wrapper-content .validation-summary-errors {
    color: var(--nk-white);
    background: var(--nk-blue-deep);
    border: 0;
}
.master-wrapper-content .message-success,
.master-wrapper-content .result {
    color: var(--nk-coffee);
    background: var(--nk-linen-tint);
    border: 0;
}
.master-wrapper-content .fieldset,
.master-wrapper-content .section {
    background: transparent;
    border-color: var(--nk-coffee-10);
}
.master-wrapper-content .data-table,
.master-wrapper-content .cart,
.master-wrapper-content .table-wrapper table {
    border-color: var(--nk-coffee-10);
}
.master-wrapper-content .data-table th,
.master-wrapper-content .cart th,
.master-wrapper-content .cart-header-row th,
.master-wrapper-content .forum-table th {
    font-weight: 500;
    color: var(--nk-coffee) !important;
    background: var(--nk-linen-tint);
    border-color: var(--nk-coffee-10);
}
.master-wrapper-content .data-table td,
.master-wrapper-content .cart td {
    color: var(--nk-coffee-80);
    border-color: var(--nk-coffee-10);
}
.master-wrapper-content .cart tbody tr:hover,
.master-wrapper-content .data-table tbody tr:hover {
    background: rgba(239, 234, 226, .55);
}
.master-wrapper-content .cart .product a,
.master-wrapper-content .cart .product-name {
    color: var(--nk-coffee) !important;
}
.master-wrapper-content .cart-total,
.master-wrapper-content .totals {
    background: var(--nk-linen-tint);
    border-color: var(--nk-coffee-10);
}
.master-wrapper-content .cart-total .order-total,
.master-wrapper-content .cart-total .order-total strong,
.master-wrapper-content .totals .order-total strong {
    color: var(--nk-coffee);
}
.master-wrapper-content .block {
    background: var(--nk-white);
    border-color: var(--nk-coffee-10);
}
.master-wrapper-content .block .title,
.master-wrapper-content .block .title strong {
    color: var(--nk-coffee);
    background-color: transparent;
    border-color: var(--nk-coffee-10);
}
.master-wrapper-content .block .list a {
    color: var(--nk-coffee-80) !important;
}
.master-wrapper-content .block .list a:hover,
.master-wrapper-content .block .active > a {
    color: var(--nk-blue-deep) !important;
    background-color: transparent;
}
.master-wrapper-content .block .tags li a,
.master-wrapper-content .product-tags-all-page li a {
    color: var(--nk-coffee-80) !important;
}
.master-wrapper-content .block .tags li a:hover,
.master-wrapper-content .product-tags-all-page li a:hover {
    color: var(--nk-blue-deep) !important;
}
.master-wrapper-page .breadcrumb {
    background: var(--nk-paper);
    border-color: var(--nk-coffee-10);
}
.master-wrapper-page .breadcrumb a,
.master-wrapper-page .breadcrumb .delimiter {
    color: var(--nk-coffee-60) !important;
}
.master-wrapper-page .breadcrumb a:hover {
    color: var(--nk-blue-deep) !important;
}
.master-wrapper-page .breadcrumb strong.current-item {
    color: var(--nk-coffee) !important;
}
.master-wrapper-content .pager li a,
.master-wrapper-content .pager li span {
    color: var(--nk-coffee) !important;
    background-color: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-radius: 0;
}
.master-wrapper-content .pager li a:hover {
    background: var(--nk-linen-tint);
    border-color: var(--nk-blue);
    color: var(--nk-coffee) !important;
}
.master-wrapper-content .pager li.current-page span {
    background: var(--nk-coffee);
    border-color: var(--nk-coffee);
    color: var(--nk-linen) !important;
}
.bar-notification {
    border-radius: 0;
}
.bar-notification.success {
    background: var(--nk-coffee);
    color: var(--nk-linen);
}
.bar-notification.error,
.bar-notification.warning {
    background: var(--nk-blue-deep);
    color: var(--nk-white);
}
.bar-notification .close {
    background-color: transparent;
}
.master-wrapper-content .ui-tabs .ui-tabs-nav,
.master-wrapper-content ul.tabs {
    background: none;
    border-bottom: 1px solid var(--nk-coffee-10);
}
.master-wrapper-content .ui-tabs .ui-tabs-nav li,
.master-wrapper-content ul.tabs li {
    background: none;
    border: 0;
}
.master-wrapper-content .ui-tabs .ui-tabs-nav li a,
.master-wrapper-content ul.tabs li a {
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--nk-coffee-60) !important;
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
}
.master-wrapper-content .ui-tabs .ui-tabs-nav li a:hover,
.master-wrapper-content ul.tabs li a:hover {
    color: var(--nk-coffee) !important;
}
.master-wrapper-content .ui-tabs .ui-tabs-nav .ui-tabs-active a,
.master-wrapper-content .ui-tabs .ui-tabs-nav .ui-state-active a,
.master-wrapper-content ul.tabs li.active a {
    color: var(--nk-coffee) !important;
    border-bottom-color: var(--nk-blue);
}
.master-wrapper-content .product-name h1,
.master-wrapper-content .overview .product-name {
    color: var(--nk-coffee);
}
.master-wrapper-content .prices .product-price,
.master-wrapper-content .prices .actual-price,
.master-wrapper-content .overview .price-value {
    color: var(--nk-coffee);
}
.master-wrapper-content .prices .old-product-price,
.master-wrapper-content .prices .old-price {
    color: var(--nk-coffee-60);
}
.master-wrapper-content .tier-prices .field-header,
.master-wrapper-content .tier-prices th {
    background: var(--nk-linen-tint);
    color: var(--nk-coffee) !important;
}
.master-wrapper-content .product-specs-box td,
.master-wrapper-content .product-specs-box th {
    border-color: var(--nk-coffee-10);
    color: var(--nk-coffee-80);
}
.master-wrapper-content .product-review-item {
    border-color: var(--nk-coffee-10);
}
.master-wrapper-content .product-review-item .review-title strong,
.master-wrapper-content .review-title {
    color: var(--nk-coffee);
}
.master-wrapper-content .product-review-item .review-info a {
    color: var(--nk-blue-deep) !important;
}
.master-wrapper-content .availability .value,
.master-wrapper-content .stock .value {
    color: var(--nk-coffee-80);
}
.master-wrapper-content .order-progress ul li a,
.master-wrapper-content .order-progress li a {
    color: var(--nk-coffee-60) !important;
}
.master-wrapper-content .order-progress li.active-step a,
.master-wrapper-content .order-progress li.current-step a {
    color: var(--nk-coffee) !important;
}
.master-wrapper-content .checkout-data,
.master-wrapper-content .checkout-page .section {
    border-color: var(--nk-coffee-10);
}
.master-wrapper-content .selected-checkout-attributes,
.master-wrapper-content .order-summary-content .cart-collaterals {
    background: transparent;
    color: var(--nk-coffee-80);
}
.master-wrapper-content .coupon-box,
.master-wrapper-content .giftcard-box,
.master-wrapper-content .shipping-box {
    background: var(--nk-linen-tint);
    border: 0;
}
.master-wrapper-content .terms-of-service a {
    color: var(--nk-blue-deep) !important;
}
.master-wrapper-content .account-page-navigation .account-navigation-list li a,
.master-wrapper-content .account-navigation-list li a {
    color: var(--nk-coffee-80) !important;
    background: none;
    border-color: var(--nk-coffee-10);
}
.master-wrapper-content .account-navigation-list li a:hover,
.master-wrapper-content .account-navigation-list li a.active {
    color: var(--nk-blue-deep) !important;
}
.master-wrapper-content .account-navigation-list li a.active {
    border-color: var(--nk-blue);
}
.master-wrapper-content .order-item,
.master-wrapper-content .order-list .section {
    border-color: var(--nk-coffee-10);
}
.master-wrapper-content .order-item .title strong,
.master-wrapper-content .order-details-area .title {
    color: var(--nk-coffee);
}
.master-wrapper-content .blog-page .post,
.master-wrapper-content .news-item,
.master-wrapper-content .post-body,
.master-wrapper-content .topic-block {
    color: var(--nk-coffee-80);
}
.master-wrapper-content .blog-date,
.master-wrapper-content .post-date,
.master-wrapper-content .news-date {
    color: var(--nk-blue-deep) !important;
    background: none;
}
.master-wrapper-content .post-title,
.master-wrapper-content .news-title,
.master-wrapper-content .topic-block-title {
    color: var(--nk-coffee) !important;
}
.master-wrapper-content .blog-posts .buttons .read-comments,
.master-wrapper-content .blog-page .buttons .read-more {
    color: var(--nk-blue-deep) !important;
}
.master-wrapper-content .blog-posts .buttons .read-comments:hover,
.master-wrapper-content .blog-page .buttons .read-more:hover {
    color: var(--nk-coffee) !important;
}
.master-wrapper-content .comment-info,
.master-wrapper-content .comment-time {
    color: var(--nk-coffee-60);
}
.master-wrapper-content .filtersGroupPanel li label,
.master-wrapper-content .filtersGroupPanel li > label {
    color: var(--nk-coffee-80);
}
.master-wrapper-content .filtersGroupPanel li.checked label,
.master-wrapper-content .filtersGroupPanel li > label:hover {
    color: var(--nk-blue-deep);
}
.master-wrapper-content .filtersGroupPanel li.checked label:before {
    background: var(--nk-blue);
    border-color: var(--nk-blue);
}
.master-wrapper-content .search-results .product-title a,
.master-wrapper-content .search-input .button-1 {
    color: var(--nk-coffee) !important;
}
.master-wrapper-content .contact-details-section .contact-email,
.master-wrapper-content .contact-details-section .contact-site,
.master-wrapper-content .person-email {
    color: var(--nk-blue-deep) !important;
}
.master-wrapper-content .no-data,
.master-wrapper-content .no-result {
    color: var(--nk-coffee-60);
}
#goToTop {
    background-color: var(--nk-coffee);
    border-radius: 0;
}
#goToTop:hover {
    background-color: var(--nk-blue);
}


.html-product-details-page body,
.html-product-details-page .master-wrapper-page {
    background: var(--nk-paper);
    color: var(--nk-coffee);
    
}
.html-product-details-page .page.product-details-page,
.html-product-details-page .page-body {
    background: transparent;
    border: 0;
}
.html-product-details-page .breadcrumb {
    background: var(--nk-paper);
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    padding: 16px var(--nk-gutter);
}
.html-product-details-page .breadcrumb a,
.html-product-details-page .breadcrumb .delimiter,
.html-product-details-page .breadcrumb .current-item {
    font-size: 13px;
    font-weight: 300;
    font-style: italic;
    color: var(--nk-coffee-60) !important;
}
.html-product-details-page .breadcrumb a:hover {
    color: var(--nk-blue-deep) !important;
}
.html-product-details-page .breadcrumb .current-item {
    color: var(--nk-coffee) !important;
}
.html-product-details-page .previous-product a,
.html-product-details-page .next-product a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--nk-linen-tint);
    border: 0;
    border-radius: 0;
    padding: 12px 22px;
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--nk-coffee) !important;
    transition: background-color .25s ease;
}
.html-product-details-page .previous-product a:hover,
.html-product-details-page .next-product a:hover {
    background: var(--nk-linen);
    color: var(--nk-coffee) !important;
}
.html-product-details-page .previous-product-label,
.html-product-details-page .next-product-label {
    color: var(--nk-coffee);
    opacity: 1;
}
.html-product-details-page .page-title {
    background: none;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    margin: 0 0 44px;
    padding: 46px var(--nk-gutter) 30px;
    text-align: center;
}
.html-product-details-page .page-title .product-name {
    margin: 0;
    padding: 0;
}
.html-product-details-page .page-title .product-name h1 {
    display: block;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.2;
    text-transform: none;
    color: var(--nk-coffee);
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
}
.html-product-details-page .product-essential {
    max-width: var(--nk-maxw);
    margin: 0 auto;
    padding: 0 var(--nk-gutter) 0;
    overflow: visible;
}
.html-product-details-page .product-essential::after {
    content: "";
    display: block;
    clear: both;
}
.html-product-details-page .gallery .picture {
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-14, rgba(71, 49, 34, .14));
    border-radius: 0;
    padding: 26px;
    margin: 0;
    text-align: center;
}
.html-product-details-page .gallery .picture img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.html-product-details-page .gallery .picture-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}
.html-product-details-page .gallery .picture-thumbs li {
    float: none;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
}
.html-product-details-page .gallery .picture-thumbs a,
.html-product-details-page .gallery .picture-thumbs .thumb-popup-link {
    display: block;
    width: 84px;
    height: 84px;
    background: var(--nk-white);
    border: 1px solid rgba(71, 49, 34, .16);
    border-radius: 0;
    padding: 0;
    overflow: hidden;
    transition: border-color .2s ease;
}
.html-product-details-page .gallery .picture-thumbs a:hover {
    border-color: var(--nk-blue);
}
.html-product-details-page .gallery .picture-thumbs a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.html-product-details-page .gallery .picture-thumbs .active,
.html-product-details-page .gallery .picture-thumbs a.active,
.html-product-details-page .gallery .picture-thumbs li.selected a {
    border: 1.6px solid var(--nk-blue);
}
.html-product-details-page .picture-thumbs-navigation-arrow {
    background-color: var(--nk-linen-tint);
    border: 0;
    border-radius: 0;
}
.html-product-details-page .picture-thumbs-navigation-arrow:hover {
    background-color: var(--nk-linen);
}
.html-product-details-page .overview {
    background: transparent;
    border: 0;
    padding: 0;
}
.html-product-details-page .overview .product-manufacturers,
.html-product-details-page .overview .manufacturers {
    margin: 0 0 4px;
    padding: 0;
}
.html-product-details-page .overview .product-manufacturers a,
.html-product-details-page .overview .manufacturers a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--nk-blue-deep) !important;
}
.html-product-details-page .overview .short-description {
    margin: 16px 0 0;
    padding: 0;
    font-size: 16.5px;
    font-weight: 300;
    line-height: 1.75;
    color: var(--nk-coffee);
}
.html-product-details-page .prices {
    margin: 0;
    padding: 0;
    background: none;
}
.html-product-details-page .prices .old-product-price,
.html-product-details-page .prices .old-product-price span {
    font-size: 20px;
    font-weight: 300;
    color: var(--nk-coffee-60) !important;
    text-decoration: line-through;
}
.html-product-details-page .prices .tax-shipping-info,
.html-product-details-page .prices .base-price-pangv,
.html-product-details-page .availability .value,
.html-product-details-page .stock .value {
    font-size: 11.5px;
    font-weight: 400;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--nk-blue) !important;
}
.html-product-details-page .availability .label,
.html-product-details-page .stock .label {
    font-size: 14px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--nk-coffee-60);
}
.html-product-details-page .product-collateral .product-specs-box {
    margin: 28px 0 0;
    padding: 0;
    background: none;
    border: 0;
}
.html-product-details-page .product-specs-box .table-wrapper,
.html-product-details-page .product-specs-box .specs-box {
    margin: 14px 0 0;
    overflow: visible;
}
.html-product-details-page .product-specs-box .data-table,
.html-product-details-page .product-specs-box table,
.html-product-details-page .product-specs-box tbody,
.html-product-details-page .product-specs-box tr {
    display: block;
    width: auto;
    border: 0;
    background: none;
}
.html-product-details-page .product-specs-box tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.html-product-details-page .product-specs-box tr {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--nk-linen-tint);
    border-left: 3px solid var(--nk-blue);
}
.html-product-details-page .product-specs-box td,
.html-product-details-page .product-specs-box .spec-name,
.html-product-details-page .product-specs-box .spec-value {
    display: inline-block;
    border: 0;
    background: none;
    padding: 8px 0;
    font-size: 13.5px;
    font-weight: 300;
    color: var(--nk-coffee) !important;
}
.html-product-details-page .product-specs-box .spec-name {
    padding-left: 16px;
    color: var(--nk-coffee-60) !important;
}
.html-product-details-page .product-specs-box .spec-value {
    padding-right: 16px;
}
.html-product-details-page .min-qty-notification {
    margin: 26px 0 0;
    padding: 0;
    background: none;
    border: 0;
    font-size: 11.5px;
    font-weight: 400;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(71, 49, 34, .55);
}
.html-product-details-page .add-to-cart {
    margin: 22px 0 0;
    padding: 0;
    background: none;
    border: 0;
}
.html-product-details-page .add-to-cart-panel {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.html-product-details-page .add-to-cart-panel .qty-label {
    font-size: 11.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--nk-coffee-60);
}
.html-product-details-page .add-to-cart-qty-wrapper {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--nk-coffee-22);
    margin: 0;
    padding: 0;
}
.html-product-details-page .add-to-cart-qty-wrapper .qty-input,
.html-product-details-page .add-to-cart-panel .qty-input {
    width: 62px;
    height: 48px;
    border: 0;
    border-radius: 0;
    text-align: center;
    font-size: 15px;
    color: var(--nk-coffee);
    background: var(--nk-white);
    box-shadow: none;
    padding: 0;
    margin: 0;
}
.html-product-details-page .add-to-cart-qty-wrapper .plus,
.html-product-details-page .add-to-cart-qty-wrapper .minus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 24px;
    border: 0;
    border-left: 1px solid var(--nk-coffee-22);
    background: var(--nk-white);
    color: rgba(71, 49, 34, .6);
    font-size: 12px;
    cursor: pointer;
    transition: background-color .2s ease;
}
.html-product-details-page .add-to-cart-qty-wrapper .minus {
    border-top: 1px solid var(--nk-coffee-22);
}
.html-product-details-page .add-to-cart-qty-wrapper .plus:hover,
.html-product-details-page .add-to-cart-qty-wrapper .minus:hover {
    background: var(--nk-linen-tint);
}
.html-product-details-page .add-to-cart-panel .qty-dropdown {
    height: 48px;
    border: 1px solid var(--nk-coffee-22);
    border-radius: 0;
    font-size: 15px;
    color: var(--nk-coffee);
    background: var(--nk-white);
    padding: 0 12px;
}
.html-product-details-page .add-to-cart-button,
.html-product-details-page .button-1.add-to-cart-button {
    flex: 1 1 auto;
    min-width: 180px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--nk-coffee) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0;
    color: var(--nk-linen) !important;
    text-transform: uppercase;
    line-height: 1;
    height: auto;
    padding: 17px 30px;
    text-indent: 0;
    cursor: pointer;
}
.html-product-details-page .add-to-cart-button:hover,
.html-product-details-page .button-1.add-to-cart-button:hover {
    background-color: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
}
.html-product-details-page .overview-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0 0;
}
.html-product-details-page .overview-buttons input[type="button"],
.html-product-details-page .overview-buttons .button-2 {
    background-color: transparent !important;
    border: 1px solid var(--nk-coffee-22) !important;
    color: var(--nk-coffee-80) !important;
    font-size: 10.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    border-radius: 0;
}
.html-product-details-page .overview-buttons input[type="button"]:hover,
.html-product-details-page .overview-buttons .button-2:hover {
    border-color: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
    background-color: transparent !important;
}
.html-product-details-page .more-products,
.html-product-details-page .related-products-scroll-container {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 30px 0 0;
    padding: 18px 22px;
    background: var(--nk-linen-tint);
    border: 0;
    border-left: 3px solid var(--nk-blue);
    cursor: pointer;
    transition: background-color .25s ease;
}
.html-product-details-page .more-products:hover,
.html-product-details-page .related-products-scroll-container:hover {
    background: var(--nk-linen);
}
.html-product-details-page .related-products-scrolldown-text,
.html-product-details-page .more-products span {
    font-size: 15px;
    font-weight: 400;
    color: var(--nk-coffee);
}
.html-product-details-page .related-products-scroll-down,
.html-product-details-page .scroll-down {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: none;
    border-radius: 50%;
    background: var(--nk-blue);
    color: var(--nk-coffee);
    font-size: 12px;
}
.html-product-details-page .full-description {
    margin: 0;
    padding: 0;
    font-size: 15.5px;
    font-weight: 300;
    line-height: 1.8;
    color: var(--nk-coffee-80);
}
.html-product-details-page .tier-prices .prices-table,
.html-product-details-page .tier-prices table {
    border-color: var(--nk-coffee-10);
}
.html-product-details-page .tier-prices .field-header,
.html-product-details-page .tier-prices th {
    background: var(--nk-linen-tint);
    color: var(--nk-coffee) !important;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.html-product-details-page .tier-prices td {
    color: var(--nk-coffee-80);
    border-color: var(--nk-coffee-10);
}
.html-product-details-page .related-products-grid {
    background: var(--nk-white);
    border: 0;
    border-top: 1px solid var(--nk-coffee-12);
    border-bottom: 4px solid var(--nk-blue);
    width: auto;
    max-width: none;
    margin: 0;
    padding: 72px var(--nk-gutter) 84px;
}
.html-product-details-page .related-products-grid .title {
    margin: 0 0 44px;
    padding: 0;
    border: 0;
    background: none;
    text-align: center;
}
.html-product-details-page .related-products-grid .title strong {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--nk-coffee);
    background: none;
    border: 0;
    padding: 0;
}
.html-product-details-page .related-products-grid .title strong::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    background: var(--nk-blue);
    margin: 16px auto 0;
}
.html-product-details-page .related-products-grid .item-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    width: auto;
    max-width: 1060px;
    margin: 0 auto;
    padding: 0;
}
.html-product-details-page .related-products-grid .item-grid > * {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}
.html-product-details-page .related-products-grid .product-item {
    background: var(--nk-paper);
    border-color: rgba(71, 49, 34, .14);
}
.html-product-details-page .breadcrumb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px 24px;
}
.html-product-details-page .breadcrumb ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.html-product-details-page .breadcrumb li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    float: none;
    margin: 0;
    padding: 0;
    background: none;
}
.html-product-details-page .previous-product,
.html-product-details-page .next-product {
    position: static;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    width: auto;
}
.html-product-details-page .gallery {
    position: relative;
}
.html-product-details-page .gallery .picture-thumbs {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
}
.html-product-details-page .overview .short-description,
.html-product-details-page .overview .short-description p {
    font-style: normal;
}
.html-product-details-page .product-specs-box .title {
    display: block;
    float: none;
    width: auto;
}
.html-product-details-page .add-to-cart-panel .add-to-cart-button,
.html-product-details-page .add-to-cart-panel .button-1.add-to-cart-button {
    float: none;
    margin: 0;
}
.html-product-details-page .gallery .picture::before {
    content: none;
    display: none;
    padding-top: 0;
}
.html-product-details-page .gallery .picture img {
    height: auto;
    max-height: none;
}
.html-product-details-page .product-specs-box .title,
.html-product-details-page .product-specs-box .title strong {
    display: block;
    width: 100%;
    float: none;
}
.html-product-details-page .product-specs-box .table-wrapper {
    clear: both;
    width: 100%;
    background: none;
    margin: 14px 0 0;
    padding: 0;
}
.html-product-details-page .product-specs-box {
    background: none;
}
.html-product-details-page .product-essential .gallery .picture-thumbs {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    margin: 16px 0 0;
}
.html-product-details-page .product-essential .gallery .picture {
    position: relative;
    overflow: visible;
}
.html-product-details-page .product-collateral .product-specs-box .title {
    margin-bottom: 10px;
}
.html-product-details-page .product-specs-box .title,
.html-product-details-page .product-specs-box .title strong,
.html-product-details-page .product-specs-box .table-wrapper {
    text-align: left;
}
.html-product-details-page .product-essential .gallery .picture img {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.html-product-details-page .product-essential {
    max-width: none;
    width: auto;
    margin: 0;
    padding: 0;
}
.html-product-details-page .related-products-grid .item-grid {
    max-width: none;
}
.html-product-details-page .page-title {
    margin: 0 0 28px;
    padding: 32px var(--nk-gutter) 22px;
}
.html-product-details-page .product-collateral .product-specs-box {
    margin-top: 20px;
}
.html-product-details-page .min-qty-notification {
    margin-top: 18px;
}
.html-product-details-page .add-to-cart {
    margin-top: 14px;
}
.html-product-details-page .add-to-cart .add-to-cart-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.html-product-details-page .overview-buttons {
    margin-top: 14px;
}
.html-product-details-page .more-products,
.html-product-details-page .related-products-scroll-container {
    margin-top: 20px;
}
.html-product-details-page .related-products-grid {
    padding: 52px var(--nk-gutter) 60px;
}
.html-product-details-page .gallery .picture > *,
.html-product-details-page .gallery .picture a,
.html-product-details-page .gallery .picture .picture-wrapper,
.html-product-details-page .gallery .picture div {
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    background: none;
    box-shadow: none;
}
.html-product-details-page .gallery .picture {
    padding: 18px;
}
.html-product-details-page .add-to-cart-qty-wrapper {
    display: grid;
    grid-template-columns: 62px 28px;
    grid-template-rows: 24px 24px;
    align-items: stretch;
}
.html-product-details-page .add-to-cart-qty-wrapper .qty-input {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 100%;
    height: 100%;
}
.html-product-details-page .add-to-cart-qty-wrapper .plus {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: 100%;
    border-top: 0;
}
.html-product-details-page .add-to-cart-qty-wrapper .minus {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    height: 100%;
}
.html-product-details-page .overview > .scroll-container {
    display: none;
}
.html-product-details-page .related-products-scroll-container .related-products-scroll-down,
.html-product-details-page .more-products .scroll-down {
    background-image: none;
    border: 0;
    text-indent: 0;
    overflow: visible;
    margin: 0;
    padding: 0;
}
.html-product-details-page .add-to-cart-panel {
    flex-wrap: wrap;
    row-gap: 16px;
}
.html-product-details-page .add-to-cart-panel .qty-label {
    order: 1;
}
.html-product-details-page .add-to-cart-panel .add-to-cart-qty-wrapper,
.html-product-details-page .add-to-cart-panel .qty-dropdown {
    order: 2;
}
.html-product-details-page .add-to-cart-panel .add-to-cart-button,
.html-product-details-page .add-to-cart-panel .button-1.add-to-cart-button {
    order: 3;
    flex: 0 1 auto;
    min-width: 200px;
}
.html-product-details-page .add-to-cart-panel .related-products-scroll-container {
    order: 10;
    flex: 1 1 100%;
    width: 100%;
    margin: 4px 0 0;
}
.html-product-details-page .related-products-text-and-arrow {
    display: flex;
    align-items: center;
    gap: 14px;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
}
.html-product-details-page .related-products-text-and-arrow .related-products-scroll-down {
    order: -1;
    flex: none;
}
.html-product-details-page .related-products-grid .item-box .product-item {
    height: auto;
    min-height: 0;
    padding: 0;
}
.html-product-details-page .related-products-grid .product-item .add-info {
    margin-top: 0;
    padding-top: 12px;
}
.html-product-details-page .related-products-grid .product-item .details {
    padding: 18px 20px 20px;
}
.html-product-details-page .related-products-grid .product-item .buttons {
    margin-top: 16px;
}
.html-product-details-page .related-products-grid .product-item .picture img {
    height: 170px;
    margin: 0;
}
.html-product-details-page .previous-product a,
.html-product-details-page .next-product a {
    font-style: normal;
    white-space: nowrap;
}
.html-product-details-page .previous-product a span:not(.previous-product-title),
.html-product-details-page .next-product a span:not(.next-product-title) {
    display: inline;
    position: static;
    padding: 0;
    overflow: visible;
    white-space: nowrap;
}
.html-product-details-page .previous-product-label::before {
    content: "\2039";
    margin-right: 10px;
    font-size: 15px;
    line-height: 1;
    color: var(--nk-coffee);
}
.html-product-details-page .next-product-label::after {
    content: "\203A";
    margin-left: 10px;
    font-size: 15px;
    line-height: 1;
    color: var(--nk-coffee);
}
.html-product-details-page .previous-product a span::before,
.html-product-details-page .next-product a span::before {
    background: none;
    width: auto;
}
.html-product-details-page .previous-product-label,
.html-product-details-page .next-product-label {
    opacity: 1;
    color: var(--nk-coffee) !important;
}
.html-product-details-page .previous-product a span.previous-product-title,
.html-product-details-page .next-product a span.next-product-title {
    display: none;
}
.html-product-details-page .product-specs-box tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: auto;
}
.html-product-details-page .product-specs-box tbody tr,
.html-product-details-page .product-specs-box .data-table tbody tr {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    width: auto;
    background: var(--nk-linen-tint);
    border: 0;
    border-left: 3px solid var(--nk-blue);
    border-radius: 0;
    margin: 0;
    padding: 9px 16px;
}
.html-product-details-page .product-specs-box .data-table .even td {
    background: transparent !important;
}
.html-product-details-page .product-specs-box .data-table td {
    padding: 0 !important;
}
.html-product-details-page .product-specs-box tbody tr:hover,
.html-product-details-page .product-specs-box .data-table tbody tr.even,
.html-product-details-page .product-specs-box .data-table tbody tr.odd {
    background: var(--nk-linen-tint);
}
.html-product-details-page .product-specs-box td,
.html-product-details-page .product-specs-box .data-table td,
.html-product-details-page .product-specs-box .spec-name,
.html-product-details-page .product-specs-box .spec-value {
    display: inline;
    width: auto;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    color: var(--nk-coffee) !important;
}
.html-product-details-page .product-specs-box .spec-name {
    font-size: 12px;
    color: var(--nk-coffee-60) !important;
}
.html-product-details-page .product-specs-box .spec-name:empty {
    display: none;
}
.html-product-details-page .related-products-grid .item-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 30px;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}
.html-product-details-page .related-products-grid .item-grid > * {
    flex: 0 1 320px;
    max-width: 320px;
    min-width: 0;
    float: none;
    margin: 0;
    padding: 0;
}
.html-product-details-page .related-products-grid .product-item .picture,
.html-product-details-page .related-products-grid .product-item .picture a {
    display: block;
    height: auto;
    min-height: 0;
    line-height: 0;
    font-size: 0;
    padding: 0;
}
.html-product-details-page .related-products-grid .product-item .picture a::before {
    content: none;
    display: none;
    padding-top: 0;
}
.html-product-details-page .related-products-grid .product-item .picture img {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: 100%;
    max-width: none;
    height: 170px;
    object-fit: cover;
    margin: 0;
}






.html-shopping-cart-page body,
.html-shopping-cart-page .master-wrapper-page {
    background: var(--nk-paper);
    color: var(--nk-coffee);
}
.html-shopping-cart-page .master-wrapper-content,
.html-shopping-cart-page .master-column-wrapper,
.html-shopping-cart-page .center-1,
.html-shopping-cart-page .page.shopping-cart-page {
    margin: 0;
    padding: 0;
    max-width: none;
    width: auto;
    float: none;
}
.html-shopping-cart-page .page.shopping-cart-page > .page-body {
    background: transparent;
    padding: 0;
    margin: 0;
}
.html-shopping-cart-page .page.shopping-cart-page > .page-title {
    position: static;
    margin: 0;
    padding: 0 var(--nk-gutter) 30px;
    background: var(--nk-paper);
    border-bottom: 1px solid var(--nk-coffee-10);
    text-align: center;
}
.html-shopping-cart-page .page-title h1 {
    margin: 0;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.2;
    text-transform: none;
    color: var(--nk-coffee) !important;
}
.html-shopping-cart-page .page.shopping-cart-page > .page-title::after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    margin: 20px auto 0;
    background: var(--nk-blue);
}
.html-shopping-cart-page .order-summary-content {
    padding: 52px var(--nk-gutter) 84px;
}
.html-shopping-cart-page #shopping-cart-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 500px;
    column-gap: 30px;
    row-gap: 0;
    align-items: start;
    /* The summary rail spans 40 rows so it can stick for the whole column.
       Without this the browser shares the rail's height out across the 37
       empty tracks below the content - about 384px of dead space under the
       cart, which showed as soon as the cross-sells moved below the grid. */
    grid-auto-rows: min-content;
}
.html-shopping-cart-page #shopping-cart-form > * {
    grid-column: 1;
    min-width: 0;
}
.html-shopping-cart-page #shopping-cart-form > .cart-footer {
    grid-column: 2;
    grid-row: 1 / span 40;
    align-self: start;
    position: sticky;
    top: 24px;
}
.html-shopping-cart-page .order-summary-content .table-wrapper {
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    overflow-x: auto;
}
.html-shopping-cart-page .order-summary-content .cart {
    width: 100%;
    margin: 0;
    background: transparent;
    border: 0;
    border-collapse: collapse;
}
.html-shopping-cart-page .order-summary-content .cart th, .html-shopping-cart-page .order-summary-content .cart .cart-header-row th {
    width: auto;
    padding: 16px 14px;
    background: var(--nk-coffee);
    border: 0;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.4;
    text-align: left;
    color: var(--nk-linen) !important;
    white-space: nowrap;
}
.html-shopping-cart-page .order-summary-content .cart td {
    min-width: 0;
    padding: 22px 14px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    vertical-align: middle;
    font-size: 14px;
    color: var(--nk-coffee-80);
}
.html-shopping-cart-page .order-summary-content .cart tbody tr:last-child td {
    border-bottom: 0;
}
.html-shopping-cart-page .order-summary-content .cart th:first-child,
.html-shopping-cart-page .order-summary-content .cart td:first-child {
    padding-left: 24px;
}
.html-shopping-cart-page .order-summary-content .cart th.subtotal,
.html-shopping-cart-page .order-summary-content .cart td.subtotal {
    padding-right: 24px;
    text-align: right;
}
.html-shopping-cart-page .order-summary-content .cart tbody tr:hover {
    background: rgba(239, 234, 226, .4);
}
.html-shopping-cart-page .order-summary-content .cart td .item-count {
    font-size: 13px;
    color: var(--nk-coffee-60);
}
.html-shopping-cart-page .order-summary-content .cart td.sku {
    font-size: 12px;
    white-space: nowrap;
    color: var(--nk-coffee-60);
}
.html-shopping-cart-page .order-summary-content .cart th.remove-from-cart,
.html-shopping-cart-page .order-summary-content .cart td.remove-from-cart {
    text-align: center;
}
.html-shopping-cart-page .order-summary-content .cart td.remove-from-cart input[type="checkbox"] {
    width: 15px;
    height: 15px;
    accent-color: var(--nk-blue-deep);
    cursor: pointer;
}
.html-shopping-cart-page .order-summary-content .cart td.product-picture {
    padding: 16px 14px;
}
.html-shopping-cart-page .order-summary-content .cart .product-picture a {
    display: block;
    width: 96px;
    height: 76px;
    margin: 0;
    overflow: hidden;
    background: var(--nk-linen-tint);
}
.html-shopping-cart-page .order-summary-content .cart .product-picture img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}
.html-shopping-cart-page .order-summary-content .cart td.product {
    padding: 22px 14px;
    text-align: left;
}
.html-shopping-cart-page .order-summary-content .cart td.product a.product-name {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--nk-blue-deep) !important;
}
.html-shopping-cart-page .order-summary-content .cart td.product a.product-name:hover {
    color: var(--nk-coffee) !important;
}
.html-shopping-cart-page .order-summary-content .cart .attributes,
.html-shopping-cart-page .order-summary-content .cart .recurring-info,
.html-shopping-cart-page .order-summary-content .cart .rental-info {
    margin: 6px 0 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--nk-coffee-60);
}
.html-shopping-cart-page .order-summary-content .cart .edit-item {
    margin: 10px 0 0;
}
.html-shopping-cart-page .order-summary-content .cart .edit-item a {
    display: inline-block;
    padding-bottom: 1px;
    border-bottom: 1px solid var(--nk-coffee-22);
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--nk-coffee-60) !important;
}
.html-shopping-cart-page .order-summary-content .cart .edit-item a:hover {
    border-bottom-color: var(--nk-blue);
    color: var(--nk-blue-deep) !important;
}
.html-shopping-cart-page .order-summary-content .cart td.unit-price {
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    color: var(--nk-coffee);
}
.html-shopping-cart-page .order-summary-content .cart td.quantity {
    text-align: left;
}
.html-shopping-cart-page .order-summary-content .cart .qty-input,
.html-shopping-cart-page .order-summary-content .cart .qty-dropdown {
    width: 64px;
    min-width: 0;
    max-width: 100%;
    height: 40px;
    padding: 0 8px;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-22);
    border-radius: 0;
    font-size: 14px;
    text-align: center;
    color: var(--nk-coffee);
}
.html-shopping-cart-page .order-summary-content .cart .qty-input:focus,
.html-shopping-cart-page .order-summary-content .cart .qty-dropdown:focus {
    border-color: var(--nk-blue);
    outline: 0;
}
.html-shopping-cart-page .order-summary-content .cart td.subtotal .product-subtotal {
    font-size: 18px;
    font-weight: 400;
    color: var(--nk-coffee);
}
.html-shopping-cart-page .order-summary-content .cart td.subtotal .discount,
.html-shopping-cart-page .order-summary-content .cart td.subtotal .discount-additional-info {
    margin: 6px 0 0;
    padding: 0;
    border: 0;
    font-size: 11.5px;
    font-weight: 300;
    letter-spacing: .04em;
    color: var(--nk-blue-deep);
}
.html-shopping-cart-page .order-summary-content .cart .message-error {
    margin: 10px 0 0;
    padding: 8px 10px;
    font-size: 12px;
}
.html-shopping-cart-page .order-summary-content .cart td.footable-first-column {
    background: transparent !important;
}
.html-shopping-cart-page .order-summary-content .cart .footable-toggle {
    background-color: var(--nk-linen-tint);
}
.html-shopping-cart-page .order-summary-content .cart .footable-row-detail {
    background: var(--nk-linen-tint);
}
.html-shopping-cart-page .order-summary-content .cart .footable-row-detail-name {
    font-style: normal;
    font-size: 16px;
    color: var(--nk-coffee-60);
    padding-bottom: 5px;
}
.html-shopping-cart-page .order-summary-content .cart .footable-row-detail-value {
    color: var(--nk-coffee);
}
.html-shopping-cart-page .order-summary-content .tax-shipping-info {
    margin: 0;
    padding: 12px 24px;
    background: var(--nk-paper);
    border: 1px solid var(--nk-coffee-12);
    border-top: 0;
    font-size: 12px;
    font-style: normal;
    text-align: right;
    color: var(--nk-coffee-60);
}
.html-shopping-cart-page .order-summary-content .tax-shipping-info a {
    color: var(--nk-blue-deep) !important;
    text-decoration: underline;
}
.html-shopping-cart-page .cart-options {
    margin: 0;
    text-align: left;
}
.html-shopping-cart-page .cart-options .common-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 18px 24px;
    background: var(--nk-paper);
    border: 1px solid var(--nk-coffee-12);
    border-top: 0;
    font-size: 0;
}
.html-shopping-cart-page .cart-options .common-buttons::after {
    content: none;
}
.html-shopping-cart-page .order-summary-content .cart-options .common-buttons .button-2 {
    float: none;
    min-width: 0;
    margin: 0;
    padding: 11px 20px;
    background-color: var(--nk-white) !important;
    background-image: none !important;
    border: 1px solid var(--nk-coffee-22) !important;
    outline: 0;
    border-radius: 0;
    color: var(--nk-coffee) !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.4px;
}
.html-shopping-cart-page .order-summary-content .cart-options .common-buttons .button-2:hover {
    background-color: var(--nk-linen-tint) !important;
    background-image: none !important;
    border-color: var(--nk-coffee) !important;
    color: var(--nk-coffee) !important;
}
.html-shopping-cart-page .order-summary-content .cart-options .common-buttons .button-2.clear-cart-button {
    color: var(--nk-coffee-60) !important;
}
.html-shopping-cart-page .order-summary-content .cart-options .common-buttons .button-2.clear-cart-button:hover {
    color: var(--nk-coffee) !important;
}
.html-shopping-cart-page .order-summary-content .cart-options .common-buttons .button-2.continue-shopping-button {
    margin-left: auto;
    padding: 12px 22px;
    background-color: var(--nk-blue) !important;
    background-image: none !important;
    border-color: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
}
.html-shopping-cart-page .order-summary-content .cart-options .common-buttons .button-2.continue-shopping-button:hover {
    background-color: var(--nk-coffee) !important;
    border-color: var(--nk-coffee) !important;
    color: var(--nk-linen) !important;
}
.html-shopping-cart-page .cart-options .checkout-attributes {
    position: static;
    max-width: none;
    margin: 28px 0 0;
    padding: 30px;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-blue);
    text-align: left;
}
.html-shopping-cart-page .cart-options div.checkout-attributes::before {
    content: none;
    display: none;
}
.html-shopping-cart-page .cart-options .checkout-attributes dl {
    margin: 0;
}
.html-shopping-cart-page .cart-options .checkout-attributes dt {
    max-width: none;
    margin: 26px 0 12px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .14em;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: left;
    color: var(--nk-coffee);
}
.html-shopping-cart-page .cart-options .checkout-attributes dt:first-child {
    margin-top: 0;
}
.html-shopping-cart-page .cart-options .checkout-attributes dt .text-prompt {
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
}
.html-shopping-cart-page .cart-options .checkout-attributes dt .required {
    margin-left: 4px;
    color: var(--nk-blue-deep);
}
.html-shopping-cart-page .cart-options .checkout-attributes dd {
    max-width: none;
    margin: 0;
    text-align: left;
}
.html-shopping-cart-page .cart-options .checkout-attributes .date-picker-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.html-shopping-cart-page .cart-options .checkout-attributes dd select,
.html-shopping-cart-page .cart-options .checkout-attributes dd input[type="text"],
.html-shopping-cart-page .cart-options .checkout-attributes dd textarea {
    width: 100%;
    max-width: none;
    padding: 12px 14px;
    background: var(--nk-paper);
    border: 1px solid var(--nk-coffee-22);
    border-radius: 0;
    font-size: 14px;
    color: var(--nk-coffee);
}
.html-shopping-cart-page .cart-options .checkout-attributes dd select:focus,
.html-shopping-cart-page .cart-options .checkout-attributes dd input[type="text"]:focus,
.html-shopping-cart-page .cart-options .checkout-attributes dd textarea:focus {
    border-color: var(--nk-blue);
    outline: 0;
}
.html-shopping-cart-page .cart-options .checkout-attributes dd textarea {
    min-height: 92px;
    line-height: 1.6;
    resize: vertical;
}
.html-shopping-cart-page .cart-options .checkout-attributes ul.option-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    font-style: normal;
    color: var(--nk-coffee-80);
}
.html-shopping-cart-page .cart-options .checkout-attributes ul.option-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 14px;
}
.html-shopping-cart-page .cart-options .checkout-attributes .attribute-squares li {
    display: inline-block;
    margin: 0 6px 6px 0;
}
.html-shopping-cart-page .cart-options .checkout-attributes .qq-upload-button {
    background-color: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
}
.html-shopping-cart-page .cart-options .checkout-attributes .qq-upload-list li.qq-upload-success {
    background-color: var(--nk-linen-tint);
    color: var(--nk-coffee);
}
.html-shopping-cart-page .order-summary-content .cross-sells {
    margin: 28px 0 0;
    padding: 26px 24px;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
}
.html-shopping-cart-page .order-summary-content .cross-sells > .title {
    margin: 0 0 18px;
    padding: 0 0 14px;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    text-align: left;
}
.html-shopping-cart-page .order-summary-content .cross-sells > .title strong {
    
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--nk-coffee);
}
.html-shopping-cart-page .cart-footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    text-align: left;
}
.html-shopping-cart-page .cart-footer::after {
    content: none;
}
.html-shopping-cart-page .cart-footer .totals {
    order: -1;
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
}
.html-shopping-cart-page .cart-footer .cart-totals-wrapper {
    margin: 0;
    padding: 15px;
    background: var(--nk-coffee);
    border: 0;
    outline: 0;
}
.html-shopping-cart-page .cart-footer .total-info {
    margin: 0;
}
.html-shopping-cart-page .cart-footer .cart-total {
    width: 100%;
    margin: 0;
    background: transparent;
    border: 0;
    border-collapse: collapse;
}
.html-shopping-cart-page .cart-footer .cart-total td {
    width: auto;
    padding: 7px 0;
    background: transparent;
    border: 0;
    vertical-align: baseline;
    font-size: 14.5px;
    font-weight: 300;
    color: var(--nk-linen-86);
}
.html-shopping-cart-page .cart-footer .cart-total .cart-total-left {
    text-align: left;
}
.html-shopping-cart-page .cart-footer .cart-total .cart-total-right {
    text-align: right;
}
.html-shopping-cart-page .cart-footer .cart-total label,
.html-shopping-cart-page .cart-footer .cart-total .value-summary,
.html-shopping-cart-page .cart-footer .cart-total .selected-shipping-method,
.html-shopping-cart-page .cart-footer .cart-total .giftcard-remaining {
    font: inherit;
    color: inherit;
}
.html-shopping-cart-page .cart-footer .cart-total .order-total td {
    padding: 22px 0 0;
    border-top: 1px solid rgba(216, 207, 193, .22);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--nk-linen);
}
.html-shopping-cart-page .cart-footer .cart-total .order-total .cart-total-right {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: none;
    color: var(--nk-blue);
}
.html-shopping-cart-page .cart-footer .cart-total .order-total .cart-total-right strong {
    font-weight: 400;
    color: inherit;
}
.html-shopping-cart-page .cart-footer .cart-total .remove-gift-card-button,
.html-shopping-cart-page .cart-footer .cart-total .remove-discount-button {
    border-color: rgba(216, 207, 193, .3);
    background-color: transparent;
}
.html-shopping-cart-page .cart-footer .checkout-buttons {
    margin: 26px 0 0;
}
.html-shopping-cart-page .cart-footer .checkout-button {
    display: block;
    width: 100%;
    margin: 0;
    padding: 12px 20px;
    background-color: var(--nk-blue) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--nk-coffee) !important;
    cursor: pointer;
}
.html-shopping-cart-page .cart-footer .checkout-button:hover {
    background-color: var(--nk-linen) !important;
    color: var(--nk-coffee) !important;
}
.html-shopping-cart-page .cart-footer .min-amount-warning {
    margin: 18px 0 0;
    font-size: 12.5px;
    line-height: 1.6;
    color: var(--nk-blue);
}
.html-shopping-cart-page .cart-footer .addon-buttons {
    margin: 16px 0 0;
}
.html-shopping-cart-page .cart-footer .terms-of-service {
    margin: 0;
    padding: 0 15px 15px 15px;
    background: var(--nk-coffee);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--nk-linen-86);
}
.html-shopping-cart-page .cart-footer .terms-of-service input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0 8px 0 0;
    vertical-align: -2px;
    accent-color: var(--nk-blue);
    cursor: pointer;
}
.html-shopping-cart-page .cart-footer .terms-of-service label {
    color: inherit;
    cursor: pointer;
    font-size: 16px;
}
.html-shopping-cart-page .cart-footer .terms-of-service a,
.html-shopping-cart-page .cart-footer .terms-of-service a.read {
    border-bottom: 1px solid rgba(123, 173, 227, .45);
    text-decoration: none;
    color: var(--nk-blue) !important;
}
.html-shopping-cart-page .cart-footer .terms-of-service a:hover {
    border-bottom-color: var(--nk-linen);
    color: var(--nk-linen) !important;
}
.html-shopping-cart-page .cart-footer .cart-collaterals {
    display: flex;
    flex-direction: column;
    gap: 16px;
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
    overflow: visible;
    background: transparent;
}
.html-shopping-cart-page .cart-footer .cart-collaterals > div {
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
}
.html-shopping-cart-page .cart-collaterals .title {
    display: block;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    text-align: left;
}
.html-shopping-cart-page .cart-collaterals .title strong {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--nk-coffee);
}
.html-shopping-cart-page .cart-collaterals .hint {
    margin: 0 0 14px;
    font-style: normal;
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.6;
    text-align: left;
    color: var(--nk-coffee-60);
}
.html-shopping-cart-page .cart-collaterals .coupon-box > .title,
.html-shopping-cart-page .cart-collaterals .giftcard-box > .title {
    display: none;
}
.html-shopping-cart-page .cart-collaterals .coupon-box,
.html-shopping-cart-page .cart-collaterals .giftcard-box,
.html-shopping-cart-page .cart-collaterals .shipping-options {
    margin: 0 0 10px;
    padding: 18px 22px;
    background: var(--nk-linen-tint);
    border: 0;
    border-left: 3px solid var(--nk-blue);
}
.html-shopping-cart-page .cart-collaterals .coupon-code {
    display: flex;
    padding: 0;
    background: transparent;
    border: 0;
    overflow: visible;
    font-size: 0;
}
.html-shopping-cart-page .cart-collaterals .coupon-code input[type="text"] {
    float: none;
    flex: 1 1 auto;
    width: auto;
    height: 40px;
    padding: 0 12px;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-22);
    border-right: 0;
    border-radius: 0;
    font-size: 14px;
    color: var(--nk-coffee);
}
.html-shopping-cart-page .cart-collaterals .coupon-code input[type="submit"] {
    float: none;
    flex: 0 0 auto;
    width: auto;
    height: 40px;
}
.html-shopping-cart-page .order-summary-content .cart-footer .cart-collaterals .button-2 {
    display: inline-block;
    height: 40px;
    padding: 0 18px;
    background-color: var(--nk-blue) !important;
    background-image: none !important;
    border: 1px solid var(--nk-blue) !important;
    border-radius: 0;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--nk-coffee) !important;
    cursor: pointer;
}
.html-shopping-cart-page .order-summary-content .cart-footer .cart-collaterals .button-2:hover {
    background-color: var(--nk-coffee) !important;
    border-color: var(--nk-coffee) !important;
    color: var(--nk-linen) !important;
}
.html-shopping-cart-page .cart-collaterals .shipping-options {
    display: grid;
    gap: 12px;
}
.html-shopping-cart-page .cart-collaterals .shipping-options .inputs {
    display: grid;
    gap: 6px;
    margin: 0;
    max-width: none;
    text-align: left;
}
.html-shopping-cart-page .cart-collaterals .shipping-options .inputs label {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--nk-coffee-60);
}
.html-shopping-cart-page .cart-collaterals .shipping-options select,
.html-shopping-cart-page .cart-collaterals .shipping-options input[type="text"] {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-22);
    border-radius: 0;
    font-size: 14px;
    color: var(--nk-coffee);
}
.html-shopping-cart-page .cart-collaterals .shipping-options .buttons {
    margin: 4px 0 0;
    text-align: left;
}
.html-shopping-cart-page .cart-collaterals .shipping-results,
.html-shopping-cart-page .cart-collaterals .estimate-shipping-result {
    margin: 12px 0 0;
    font-style: normal;
    font-size: 13px;
    text-align: left;
    color: var(--nk-coffee-80);
}
.html-shopping-cart-page .cart-collaterals .message,
.html-shopping-cart-page .cart-collaterals .message-failure {
    margin: 8px 0 0;
    font-size: 12.5px;
    color: var(--nk-blue-deep);
}
.html-shopping-cart-page .cart-collaterals .message-success,
.html-shopping-cart-page .cart-collaterals .current-code {
    margin: 8px 0 0;
    font-size: 12.5px;
    color: var(--nk-coffee);
}
.html-shopping-cart-page .order-summary-content .no-data {
    max-width: var(--nk-maxw);
    margin: 0 auto;
    padding: 70px var(--nk-gutter) 90px;
    font-style: normal;
    font-size: 16px;
    text-align: center;
    color: var(--nk-coffee-60);
}







.html-contact-page body,
.html-contact-page .master-wrapper-page {
    background: var(--nk-paper);
    color: var(--nk-coffee);
}
.html-contact-page .master-wrapper-content,
.html-contact-page .master-column-wrapper,
.html-contact-page .center-1,
.html-contact-page .page.contact-page {
    margin: 0;
    padding: 0;
    max-width: none;
    width: auto;
    float: none;
}
.html-contact-page .page.contact-page > .page-body {
    background: transparent;
    margin: 0;
    padding: 0;
}
.html-contact-page .page.contact-page > .page-title {
    position: static;
    margin: 0;
    padding: 40px var(--nk-gutter) 30px;
    background: var(--nk-coffee);
    border: 0;
    text-align: center;
}
.html-contact-page .page.contact-page > .page-title h1 {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.2;
    text-align: center;
    text-transform: none;
    color: var(--nk-linen) !important;
}
.html-contact-page .page.contact-page > .page-title h1::after {
    content: "";
    display: block;
    width: 46px;
    height: 2px;
    margin: 22px auto 0;
    background: var(--nk-blue);
}
.html-contact-page .contact-page .topic-block {
    margin: 0;
    padding: 0 var(--nk-gutter) 30px;
    background: var(--nk-coffee);
}
.html-contact-page .contact-page .topic-block-title {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 0 10px;
    background: transparent;
    border: 0;
    text-align: center;
}
.html-contact-page .contact-page .topic-block-title h2 {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--nk-blue) !important;
}
.html-contact-page .contact-page .topic-block-body {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0;
    background: transparent;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.8;
    text-align: center;
    color: var(--nk-linen-86);
}
.html-contact-page .contact-page .topic-block-body p {
    margin: 0 auto 14px;
    text-align: center;
    color: inherit;
}
.html-contact-page .contact-page .topic-block-body p:last-child {
    margin-bottom: 0;
    padding: 0;
}
.html-contact-page .contact-page .topic-block-body a {
    color: var(--nk-blue) !important;
    text-decoration: none;
}
.html-contact-page .contact-page .topic-block-body a:hover {
    color: var(--nk-linen) !important;
}
.html-contact-page .contact-page-container {
    max-width: none;
    margin: 0;
    padding: 0;
}
.html-contact-page .contact-inner-container {
    max-width: none;
    margin: 0;
    padding: 0 var(--nk-gutter);
    background: var(--nk-linen-tint);
}
.html-contact-page .contact-details-section {
    width: auto;
    max-width: 1220px;
    margin: 0 auto;
    text-align: left;
}
.html-contact-page .contact-details {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    width: auto;
    margin: 0;
    padding: 0;
    background: rgba(71, 49, 34, .14);
}
.html-contact-page .contact-details .contact-detail {
    display: grid;
    text-align: left;
    align-content: center;
    gap: 8px;
    margin: 0;
    padding: 30px 32px;
    background: var(--nk-linen-tint);
    text-decoration: none;
    transition: background-color .2s ease;
}
.html-contact-page .contact-details a.contact-detail:hover {
    background: var(--nk-linen);
}
.html-contact-page .contact-details .contact-detail-label {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: rgba(71, 49, 34, .55);
}
.html-contact-page .contact-details .contact-detail-value {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.3;
    word-break: break-word;
    color: var(--nk-coffee);
}
.html-contact-page .contact-details .contact-detail-hint {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--nk-blue-deep);
}
.html-contact-page .social-media-container {
    display: none;
}
.html-contact-page .contact-maps-container {
    max-width: none;
    margin: 0;
    padding: 0;
}
.html-contact-page .map-inner-container {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    width: auto;
    min-height: 460px;
    margin: 0;
    padding: 0;
    background: var(--nk-linen-tint);
    overflow: hidden;
}
.html-contact-page .map-inner-container iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    border: 0 !important;
}
.html-contact-page .map-address-panel {
    position: relative;
    z-index: 1;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 22px;
    width: 34%;
    min-width: 340px;
    padding: 48px 44px;
    background: var(--nk-coffee);
}
.html-contact-page h2.location-map {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: .2em;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--nk-blue) !important;
}
.html-contact-page h2.location-map::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    margin: 16px 0 0;
    background: var(--nk-blue);
}
.html-contact-page .map-address-panel .map-address {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.75;
    color: var(--nk-linen);
}
.html-contact-page .map-address-panel .map-directions-button {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    padding: 14px 26px;
    background: var(--nk-blue);
    border: 0;
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--nk-coffee) !important;
    transition: background-color .2s ease, color .2s ease;
}
.html-contact-page .map-address-panel .map-directions-button:hover {
    background: var(--nk-linen);
    color: var(--nk-coffee) !important;
}
.html-contact-page .contact-page > .page-body > .result {
    max-width: 1220px;
    margin: 46px auto 84px;
    padding: 26px var(--nk-gutter);
    background: var(--nk-linen-tint);
    border: 0;
    border-left: 3px solid var(--nk-blue);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    text-align: left;
    color: var(--nk-coffee);
}





.html-checkout-page body,
.html-checkout-page .master-wrapper-page {
    background: var(--nk-paper);
    color: var(--nk-coffee);
}
.html-checkout-page .master-wrapper-content,
.html-checkout-page .master-column-wrapper,
.html-checkout-page .center-1,
.html-checkout-page .page.checkout-page {
    margin: 0;
    padding: 0;
    max-width: none;
    width: auto;
    float: none;
}
.html-checkout-page .page.checkout-page > .page-title {
    position: static;
    margin: 0;
    padding: 44px var(--nk-gutter) 28px;
    background: var(--nk-paper);
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    text-align: center;
}
.html-checkout-page .page.checkout-page > .page-title h1 {
    margin: 0;
    padding: 0;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.2;
    text-align: center;
    text-transform: none;
    color: var(--nk-coffee) !important;
}
.html-checkout-page .page.checkout-page > .page-title h1::after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    margin: 18px auto 0;
    background: var(--nk-blue);
}
.html-checkout-page .page.checkout-page > .page-body {
    max-width: var(--nk-maxw);
    margin: 0 auto;
    padding: 46px var(--nk-gutter) 84px;
    background: transparent;
}
.html-checkout-page .checkout-data .section {
    position: static;
    width: auto;
    max-width: none;
    margin: 0 0 30px;
    background: transparent;
    text-align: left;
}
.html-checkout-page .checkout-data .section > .title,
.html-checkout-page .checkout-data .select-billing-address > .title,
.html-checkout-page .checkout-data .select-shipping-address > .title {
    display: block;
    width: auto;
    margin: 0 0 18px !important;
    padding: 0 0 12px;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    font-style: normal;
    text-align: left;
}
.html-checkout-page .checkout-data .section > .title strong {
    display: inline;
    padding: 0;
    background: none;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--nk-coffee);
}
.html-checkout-page .checkout-data .ship-to-same-address {
    padding: 14px 18px;
    background: var(--nk-linen-tint);
    border-left: 3px solid var(--nk-blue);
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    color: var(--nk-coffee);
}
.html-checkout-page .checkout-data .ship-to-same-address .selector {
    display: flex;
    align-items: center;
    gap: 10px;
}
.html-checkout-page .checkout-data .ship-to-same-address input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0;
    flex: none;
    accent-color: var(--nk-blue-deep);
    cursor: pointer;
}
.html-checkout-page .checkout-data .ship-to-same-address label {
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}
.html-checkout-page .checkout-data .address-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    overflow: visible;
}
.html-checkout-page .checkout-data .address-item,
.html-checkout-page .checkout-data .address-item:only-child {
    display: block;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    background: var(--nk-white);
    border: 1px solid var(--nk-blue);
    text-align: left;
}
.html-checkout-page .checkout-data .address-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 15px 26px;
    background: var(--nk-linen-tint);
}
.html-checkout-page .checkout-data .address-item-name {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--nk-coffee);
}
.html-checkout-page .checkout-data .address-item-body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    justify-content: start;
    gap: 26px 34px;
    max-width: 940px;
    padding: 26px;
}
.html-checkout-page .checkout-data .address-col-label {
    display: block;
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
    color: #000;
}
.html-checkout-page .checkout-data .address-col-extra {
    padding-top: 27px;
}
.html-checkout-page .checkout-data .address-item .address-box {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
.html-checkout-page .checkout-data .address-item li {
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75;
    color: var(--nk-coffee);
}
.html-checkout-page .checkout-data .address-item li.country {
    font-weight: 300;
    color: var(--nk-coffee);
}
.html-checkout-page .checkout-data .address-item li label {
    display: inline;
    margin: 0 4px 0 0;
    font-size: 16px;
    font-weight: 400;
    color: inherit;
}
.html-checkout-page .checkout-data .address-item li.phone,
.html-checkout-page .checkout-data .address-item li.fax {
    color: var(--nk-blue-deep);
}
.html-checkout-page .checkout-data .address-item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 26px;
    border-top: 1px solid var(--nk-coffee-10);
}
.html-checkout-page .checkout-data .address-item-note {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--nk-coffee-60);
}
.html-checkout-page .checkout-data .address-item .select-button {
    margin: 0;
    flex: none;
}
.html-checkout-page .checkout-data .address-item .select-button .button-1 {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 10px 20px;
    background-color: #473122;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff !important;
    cursor: pointer;
}
.html-checkout-page .checkout-data .address-item .select-button .button-1:hover {
    background-color: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
}
.html-checkout-page .checkout-data .select-billing-address > .title,
.html-checkout-page .checkout-data .select-shipping-address > .title {
    padding: 0;
    border-bottom: 0;
}
.html-checkout-page .checkout-data .new-billing-address > .title,
.html-checkout-page .checkout-data .new-shipping-address > .title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin: 38px 0 24px !important;
    padding: 0;
    border-bottom: 0;
    text-align: center;
}
.html-checkout-page .checkout-data .new-billing-address > .title::before,
.html-checkout-page .checkout-data .new-billing-address > .title::after,
.html-checkout-page .checkout-data .new-shipping-address > .title::before,
.html-checkout-page .checkout-data .new-shipping-address > .title::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: var(--nk-coffee-10);
}
.html-checkout-page .checkout-data .new-billing-address > .title strong,
.html-checkout-page .checkout-data .new-shipping-address > .title strong {
    flex: none;
    color: var(--nk-coffee-60);
}
.html-checkout-page .checkout-data .new-billing-address,
.html-checkout-page .checkout-data .new-shipping-address {
    width: auto;
    background: transparent;
    text-align: left;
}
.html-checkout-page .checkout-data .enter-address {
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-blue);
    padding: 30px 32px 34px;
}
.html-checkout-page .checkout-data .enter-address .message-error:empty {
    display: none;
}
.html-checkout-page .checkout-data .edit-address {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
    padding: 0;
    background: transparent;
    border: 0;
}
.html-checkout-page .checkout-data .edit-address .inputs {
    position: relative;
    display: block;
    width: auto;
    max-width: none;
    margin: 0;
    font-size: 14px;
    white-space: normal;
    text-align: left;
}
.html-checkout-page .checkout-data .edit-address .inputs label {
    display: block;
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.6px;
}
.html-checkout-page .checkout-data .edit-address .inputs input[type="text"],
.html-checkout-page .checkout-data .edit-address .inputs input[type="email"],
.html-checkout-page .checkout-data .edit-address .inputs input[type="tel"],
.html-checkout-page .checkout-data .edit-address .inputs input[type="password"],
.html-checkout-page .checkout-data .edit-address .inputs select,
.html-checkout-page .checkout-data .edit-address .inputs textarea {
    display: block;
    float: none;
    width: 100%;
    max-width: none;
    height: auto;
    padding: 11px 13px;
    background: var(--nk-paper);
    border: 1px solid var(--nk-coffee-22);
    border-radius: 0;
    font-size: 14px;
    color: var(--nk-coffee);
}
.html-checkout-page .checkout-data .edit-address .inputs input:focus,
.html-checkout-page .checkout-data .edit-address .inputs select:focus,
.html-checkout-page .checkout-data .edit-address .inputs textarea:focus {
    border-color: var(--nk-blue);
    outline: 0;
}
.html-checkout-page .checkout-data .edit-address .inputs .required {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    color: var(--nk-blue-deep);
}
.html-checkout-page .checkout-data .edit-address .inputs .field-validation-error,
.html-checkout-page .checkout-data .edit-address .inputs span.field-validation-error {
    position: static;
    display: block;
    margin: 6px 0 0;
    padding: 0;
    background: none;
    font-size: 12px;
    color: var(--nk-blue-deep);
}
.html-checkout-page .checkout-data .edit-address .inputs .please-wait {
    display: inline-block;
    margin: 6px 0 0;
    font-size: 12px;
    color: var(--nk-coffee-60);
}
.html-checkout-page .checkout-data .buttons {
    margin: 0 0 40px;
    text-align: center;
}
.html-checkout-page .checkout-data .buttons .button-1 {
    display: inline-block;
    margin: 0;
    background-color: var(--nk-blue) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0;
    color: var(--nk-coffee) !important;
    cursor: pointer;
}
.html-checkout-page .checkout-data .buttons .button-1:hover {
    background-color: var(--nk-coffee) !important;
    color: var(--nk-linen) !important;
}
.html-checkout-page .checkout-data .order-summary {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 30px 32px 32px;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-blue);
}
.html-checkout-page .checkout-data .order-summary > .title {
    margin: 0 0 20px !important;
    padding: 0 0 12px;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
}
.html-checkout-page .checkout-data .order-summary .table-wrapper {
    background: transparent;
    border: 1px solid var(--nk-coffee-12);
    overflow-x: auto;
}
.html-checkout-page .order-summary-content .cart {
    width: 100%;
    margin: 0;
    background: transparent;
    border: 0;
    border-collapse: collapse;
}
.html-checkout-page .order-summary-content .cart th,
.html-checkout-page .order-summary-content .cart .cart-header-row th {
    width: auto;
    padding: 14px 12px;
    background: var(--nk-coffee);
    border: 0;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .14em;
    line-height: 1.4;
    text-align: left;
    text-transform: uppercase;
    color: var(--nk-linen) !important;
    white-space: nowrap;
}
.html-checkout-page .order-summary-content .cart td {
    min-width: 0;
    padding: 18px 12px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    vertical-align: middle;
    font-size: 14px;
    color: var(--nk-coffee-80);
}
.html-checkout-page .order-summary-content .cart tbody tr:last-child td {
    border-bottom: 0;
}
.html-checkout-page .order-summary-content .cart th:first-child,
.html-checkout-page .order-summary-content .cart td:first-child {
    padding-left: 20px;
}
.html-checkout-page .order-summary-content .cart th.subtotal,
.html-checkout-page .order-summary-content .cart td.subtotal {
    padding-right: 20px;
    text-align: right;
}
.html-checkout-page .order-summary-content .cart td .item-count,
.html-checkout-page .order-summary-content .cart td.sku {
    font-size: 12px;
    white-space: nowrap;
    color: var(--nk-coffee-60);
}
.html-checkout-page .order-summary-content .cart td.product-picture {
    padding: 12px;
}
.html-checkout-page .order-summary-content .cart .product-picture a {
    display: block;
    width: 76px;
    height: 60px;
    margin: 0;
    overflow: hidden;
    background: var(--nk-linen-tint);
}
.html-checkout-page .order-summary-content .cart .product-picture img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}
.html-checkout-page .order-summary-content .cart td.product {
    padding: 18px 12px;
    text-align: left;
}
.html-checkout-page .order-summary-content .cart td.product a.product-name {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--nk-blue-deep) !important;
}
.html-checkout-page .order-summary-content .cart td.product a.product-name:hover {
    color: var(--nk-coffee) !important;
}
.html-checkout-page .order-summary-content .cart .attributes,
.html-checkout-page .order-summary-content .cart .recurring-info,
.html-checkout-page .order-summary-content .cart .rental-info {
    margin: 6px 0 0;
    padding: 0;
    border: 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--nk-coffee-60);
}
.html-checkout-page .order-summary-content .cart td.unit-price,
.html-checkout-page .order-summary-content .cart td.quantity {
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    color: var(--nk-coffee);
}
.html-checkout-page .order-summary-content .cart td.subtotal .product-subtotal {
    font-size: 16px;
    font-weight: 400;
    color: var(--nk-coffee);
}
.html-checkout-page .order-summary-content .cart-options:empty {
    display: none;
}
.html-checkout-page .checkout-data .cart-footer {
    margin: 22px 0 0;
}
.html-checkout-page .checkout-data .cart-footer::after {
    content: "";
    display: block;
    clear: both;
}
.html-checkout-page .checkout-data .cart-footer .totals {
    float: none;
    width: auto;
    max-width: 380px;
    margin: 0 0 0 auto;
}
.html-checkout-page .checkout-data .cart-footer .cart-totals-wrapper {
    margin: 0;
    padding: 24px 26px 26px;
    background: var(--nk-coffee);
    border: 0;
    outline: 0;
}
.html-checkout-page .checkout-data .cart-footer .total-info {
    margin: 0;
}
.html-checkout-page .checkout-data .cart-footer .cart-total {
    width: 100%;
    margin: 0;
    background: transparent;
    border: 0;
    border-collapse: collapse;
}
.html-checkout-page .checkout-data .cart-footer .cart-total td {
    width: auto;
    padding: 6px 0;
    background: transparent;
    border: 0;
    vertical-align: baseline;
    font-size: 14px;
    font-weight: 300;
    color: var(--nk-linen-86);
}
.html-checkout-page .checkout-data .cart-footer .cart-total .cart-total-left {
    text-align: left;
}
.html-checkout-page .checkout-data .cart-footer .cart-total .cart-total-right {
    text-align: right;
}
.html-checkout-page .checkout-data .cart-footer .cart-total label,
.html-checkout-page .checkout-data .cart-footer .cart-total .value-summary {
    font: inherit;
    color: inherit;
}
.html-checkout-page .checkout-data .cart-footer .cart-total .order-total td {
    padding: 18px 0 0;
    border-top: 1px solid rgba(216, 207, 193, .22);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--nk-linen);
}
.html-checkout-page .checkout-data .cart-footer .cart-total .order-total .cart-total-right {
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    color: var(--nk-blue);
}
.html-checkout-page .checkout-data .cart-footer .cart-total .order-total .cart-total-right strong {
    font-weight: 400;
    color: inherit;
}
.html-checkout-page .checkout-data .shipping-method,
.html-checkout-page .checkout-data .payment-method {
    width: auto;
    max-width: none;
    margin: 0 0 30px;
    background: transparent;
    text-align: left;
}
.html-checkout-page .checkout-data .method-list {
    position: static;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    align-items: stretch;
    gap: 16px;
    width: auto;
    max-width: none;
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
    background: transparent;
    border: 0;
    font-size: 14px;
    text-align: left;
}
.html-checkout-page .checkout-data .method-list::before {
    content: none;
    display: none;
}
.html-checkout-page .checkout-data .method-list li {
    display: block;
    width: auto;
    margin: 0;
    padding: 22px 24px 24px;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-coffee-12);
    font-size: 14px;
    text-align: left;
    vertical-align: top;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease;
}
.html-checkout-page .checkout-data .method-list li:has(input:checked) {
    background: var(--nk-linen-tint);
    border-color: var(--nk-blue);
}
.html-checkout-page .checkout-data .method-list li:hover {
    border-color: var(--nk-coffee-22);
}
.html-checkout-page .checkout-data .method-list li:has(input:checked):hover {
    border-color: var(--nk-blue);
}
.html-checkout-page .checkout-data .method-list .method-name {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
}
.html-checkout-page .checkout-data .method-list .method-name input[type="radio"] {
    width: 16px;
    height: 16px;
    margin: 0;
    flex: none;
    accent-color: var(--nk-blue-deep);
    cursor: pointer;
}
.html-checkout-page .checkout-data .method-list .method-name label {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
    color: var(--nk-coffee);
    cursor: pointer;
}
.html-checkout-page .checkout-data .method-list li:has(input:checked) .method-name label {
    font-weight: 500;
}
.html-checkout-page .checkout-data .method-list .method-description {
    margin: 6px 0 0 28px;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.6;
    text-align: left;
    color: var(--nk-coffee-60);
}
.html-checkout-page .checkout-data .method-list .payment-logo {
    margin: 0;
    flex: none;
}
.html-checkout-page .checkout-data .method-list .payment-logo img {
    display: block;
    max-height: 26px;
    width: auto;
}
.html-checkout-page .checkout-data .multiple-locations,
.html-checkout-page .checkout-data .use-reward-points {
    margin: 0 0 22px;
    padding: 14px 18px;
    background: var(--nk-linen-tint);
    border-left: 3px solid var(--nk-blue);
    font-size: 13.5px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.6;
    text-align: left;
    color: var(--nk-coffee);
}
.html-checkout-page .checkout-data .use-reward-points {
    display: flex;
    align-items: center;
    gap: 10px;
}
.html-checkout-page .checkout-data .use-reward-points input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0;
    flex: none;
    accent-color: var(--nk-blue-deep);
    cursor: pointer;
}
.html-checkout-page .checkout-data .use-reward-points label {
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}
.html-order-confirm-page .page.checkout-page > .page-body {
    display: flex;
    flex-direction: column;
}
.html-order-confirm-page.html-checkout-page .checkout-data .order-summary {
    order: 1;
    margin: 0 0 26px;
    padding: 0;
    background: transparent;
    border: 0;
}
.html-order-confirm-page .checkout-data .confirm-order {
    order: 2;
    margin: 0;
}
.html-order-confirm-page .order-review-data {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    align-items: stretch;
    gap: 20px;
    margin: 0 0 20px;
}
.html-order-confirm-page .order-review-data > ul {
    float: none;
    width: auto;
    margin: 0;
    padding: 24px 26px 26px;
    list-style: none;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-blue);
    text-align: left;
}
.html-order-confirm-page .order-review-data li {
    margin: 0;
    padding: 0;
    font-size: 14.5px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.7;
    text-align: left;
    color: var(--nk-coffee-80);
}
.html-order-confirm-page .checkout-data .order-review-data li.title {
    display: block;
    text-align: left;
    margin: 0 0 12px;
    padding: 0;
    border: 0;
    background: none;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .16em;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--nk-coffee-60);
}
.html-order-confirm-page .checkout-data .order-review-data li.title ~ li.title {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--nk-coffee-10);
}
.html-order-confirm-page .order-review-data li.name {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--nk-coffee);
}
.html-order-confirm-page .order-review-data li.country {
    color: var(--nk-coffee);
}
.html-order-confirm-page .order-review-data li .label {
    margin: 0 4px 0 0;
    color: var(--nk-coffee-60);
}
.html-order-confirm-page .order-review-data li .value {
    color: var(--nk-coffee);
}
.html-order-confirm-page .checkout-data .order-summary .table-wrapper {
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-blue);
}
.html-checkout-page .checkout-data .terms-of-service {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin: 0 0 22px;
    padding: 16px 20px;
    background: var(--nk-linen-tint);
    border-left: 3px solid var(--nk-blue);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    color: var(--nk-coffee);
}
.html-checkout-page .checkout-data .terms-of-service input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0;
    flex: none;
    accent-color: var(--nk-blue-deep);
    cursor: pointer;
}
.html-checkout-page .checkout-data .terms-of-service label {
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}
.html-checkout-page .checkout-data .terms-of-service a,
.html-checkout-page .checkout-data .terms-of-service a.read {
    padding-bottom: 1px;
    border-bottom: 1px solid var(--nk-coffee-22);
    text-decoration: none;
    color: var(--nk-blue-deep) !important;
    cursor: pointer;
}
.html-checkout-page .checkout-data .terms-of-service a:hover {
    border-bottom-color: var(--nk-blue);
    color: var(--nk-coffee) !important;
}
.html-checkout-page .checkout-data .min-order-warning {
    display: block;
    margin: 0 0 22px;
    padding: 16px 20px;
    background: var(--nk-linen-tint);
    border-left: 3px solid var(--nk-blue-deep);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    color: var(--nk-coffee);
}
.html-order-confirm-page .checkout-data .buttons .button-1 {
    padding: 17px 40px;
    background-color: var(--nk-coffee) !important;
    border: 0 !important;
    color: var(--nk-linen) !important;
}
.html-order-confirm-page .checkout-data .buttons .button-1:hover {
    background-color: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
}
.html-order-confirm-page .checkout-data .buttons .button-1[disabled] {
    opacity: .55;
    cursor: default;
}

/* ---- 18.19 Set menu template (no gallery) -------------------------------- */
/* ProductTemplate.SetMenu renders no .gallery - its picture is the full-width
   cover photo up in the page title - so the two-column split declared for
   product pages left column one empty and squeezed the whole overview, menu
   items included, into the right half. One column here instead.

   Specificity is (0,3,0) against the breakpoint rule's (0,2,0) on purpose:
   that rule lives in a @media block further down the file, so matching its
   specificity would make this depend on source order. */

.html-product-details-page .set-menu-page .product-essential {
    display: block;
}

.html-product-details-page .set-menu-page .product-essential > .overview,
.html-product-details-page .set-menu-page .product-essential .overview,
.html-product-details-page .set-menu-page .product-essential > .full-description {
    grid-column: auto;
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
}

/* The cover photo and intro copy sit outside .page, so they need the same
   measure as .product-essential to line up with the content below. */
.html-product-details-page .set-menu-title {
    max-width: var(--nk-maxw);
    margin: 0 auto;
    padding: 0 var(--nk-gutter);
}

input.search-box-text {
    width: 200px !important;
}

/* ==========================================================================
   Breakpoint
   ========================================================================== */

@media all and (min-width: 1025px) and (max-width: 1600px) {
    .header .header-upper ul.mega-menu {
        gap: 18px;
    }
    .header .header-upper ul.mega-menu > li > a {
        font-size: 11.5px;
        letter-spacing: .06em;
    }
    .header .header-upper .header-links a {
        font-size: 11.5px;
        letter-spacing: .06em;
    }
}

@media all and (min-width: 1025px) and (max-width: 1340px) {
    .header .header-upper .header-centering {
        column-gap: 16px;
    }
    .header .header-upper ul.mega-menu {
        gap: 13px;
    }
    .header .header-upper ul.mega-menu > li > a,
    .header .header-upper .header-links a {
        font-size: 11px;
        letter-spacing: .03em;
    }
    .header .header-upper .header-links,
    .header .header-upper .header-links-selectors-wrapper,
    .header .header-upper .header-upper-centering {
        gap: 14px;
    }
    .header .header-logo a.logo img {
        max-height: 44px;
    }
}

@media all and (min-width: 1025px) {
    .header .header-links .my-account-dropdown {
        left: auto;
        right: 0;
    }
    .header .header-lower .header-menu-wrapper,
    .header .header-lower .header-menu {
        display: contents;
    }
    .header .header-lower ul.mega-menu,
    .header .header-lower ul.top-menu {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
        background: none;
        border: 0;
        list-style: none;
    }
    .header .header-lower ul.mega-menu.Primary-nav {
        order: 1;
        flex: 1 1 100%;
        justify-content: flex-end;
        gap: 30px;
        height: 46px;
        min-height: 0;
        display: flex;
    }
    .header .header-lower ul.mega-menu.Secondary-nav,
    .header .header-lower ul.top-menu {
        display: flex;
        order: 2;
        flex: 1 1 auto;
        justify-content: flex-start;
        gap: 20px;
        min-width: 0;
        height: 58px;
        min-height: 0;
    }
    .header .header-lower .header-menu > .header-social-icons,
    .header .header-lower .header-menu > .menu-title,
    .header .header-lower .header-menu > .close-menu {
        display: none;
    }
    .header .header-lower ul.mega-menu.Primary-nav > li > a {
        display: block;
        padding: 12px 0;
        font-family: var(--nk-font);
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.02em;
        line-height: 1;
        text-transform: uppercase;
        color: var(--nk-linen) !important;
        background: none;
        border: 0;
    }
    .header .header-lower ul.mega-menu.Primary-nav > li > a:hover,
    .header .header-lower ul.mega-menu.Primary-nav > li:hover > a {
        color: var(--nk-blue) !important;
        background: none;
    }
    .header .header-lower ul.mega-menu.Secondary-nav > li > a,
    .header .header-lower ul.top-menu > li > a {
        display: block;
        padding: 0;
        font-family: var(--nk-font);
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
        text-transform: uppercase;
        color: var(--nk-coffee) !important;
        background: none;
        border: 0;
        transition: opacity .25s ease;
    }
    .header .header-lower ul.mega-menu.Secondary-nav > li > a:hover,
    .header .header-lower ul.mega-menu.Secondary-nav > li:hover > a,
    .header .header-lower ul.top-menu > li > a:hover,
    .header .header-lower ul.top-menu > li:hover > a {
        color: var(--nk-coffee) !important;
        background: none;
        opacity: .65;
    }
    .header .header-lower ul.mega-menu > li > a > span,
    .header .header-lower ul.top-menu > li > a > span {
        color: inherit;
    }
    .header .header-lower .Secondary-nav a::after {
        background: var(--nk-blue);
    }
    .header .header-lower .Secondary-nav .header-selectors-wrapper {
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
    }
    .header .header-lower .Secondary-nav .header-selectors-wrapper select {
        color: var(--nk-coffee);
        border-color: var(--nk-coffee-22);
    }
    .header .header-lower:has(ul.mega-menu.Primary-nav) {
        background-image: linear-gradient(
            to bottom,
            var(--nk-coffee) 0 46px,
            var(--nk-linen) 46px
        );
    }
    .header .header-lower .header-centering.stick {
        max-width: none;
        min-height: 58px;
        align-content: center;
        padding: 0 var(--nk-gutter);
        background: var(--nk-linen);
        background-image: none;
        border-bottom: 1px solid var(--nk-coffee-12);
        box-shadow: 0 4px 18px rgba(71, 49, 34, .16);
    }
    .header .header-lower .header-centering.stick:has(ul.mega-menu.Primary-nav) {
        background-image: linear-gradient(
            to bottom,
            var(--nk-coffee) 0 38px,
            var(--nk-linen) 38px
        );
    }
    .header .header-lower .header-centering.stick ul.mega-menu.Primary-nav {
        height: 38px;
    }
    .header .header-lower .header-centering.stick ul.mega-menu.Primary-nav > li > a {
        padding: 8px 0;
    }
    .header .header-lower .header-centering.stick ul.mega-menu.Secondary-nav,
    .header .header-lower .header-centering.stick ul.top-menu {
        height: 48px;
    }
    .header .header-upper .header-menu-wrapper {
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        flex: 0 1 auto;
        min-width: 0;
        background: none;
        border: 0;
    }
    .header .header-upper .header-menu {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 26px;
        width: auto;
        margin: 0;
        padding: 0;
        background: none;
        border: 0;
        box-shadow: none;
    }
    .header .header-upper .header-menu > .close-menu,
    .header .header-upper .header-menu > .header-social-icons,
    .header .header-upper .header-menu > .menu-title {
        display: none;
    }
    .header .header-upper .header-centering > ul.mega-menu,
    .header .header-upper .header-centering > ul.top-menu {
        flex: 0 1 auto;
        min-width: 0;
    }
    .header .header-upper ul.mega-menu,
    .header .header-upper ul.top-menu {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 30px;
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        background: none;
        border: 0;
        list-style: none;
    }
    .header .header-upper ul.mega-menu > li,
    .header .header-upper ul.top-menu > li {
        float: none;
        margin: 0;
        padding: 0;
        background: none;
        border: 0;
    }
    .header .header-upper ul.mega-menu > li > a,
    .header .header-upper ul.top-menu > li > a {
        display: block;
        padding: 12px 0;
        font-family: var(--nk-font);
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.02em;
        line-height: 1;
        text-transform: uppercase;
        color: var(--nk-linen) !important;
        background: none;
        border: 0;
    }
    .header .header-upper ul.mega-menu > li > a:hover,
    .header .header-upper ul.mega-menu > li:hover > a,
    .header .header-upper ul.top-menu > li > a:hover,
    .header .header-upper ul.top-menu > li:hover > a {
        color: var(--nk-blue) !important;
        background: none;
    }
    .header .header-upper ul.mega-menu > li > a > span,
    .header .header-upper ul.top-menu > li > a > span {
        color: inherit;
    }
    .header .header-upper .menu-title,
    .header .header-upper .close-menu,
    .header .header-upper ul.mega-menu-responsive {
        display: none;
    }
    .header .header-upper .header-centering {
        column-gap: 24px;
    }
    .header .header-upper ul.mega-menu {
        gap: 26px;
        min-width: 0;
        flex-shrink: 1;
    }
    .header .header-upper .header-links,
    .header .header-upper .header-links-selectors-wrapper,
    .header .header-upper .header-upper-centering {
        gap: 20px;
    }
    .footer .footer-middle > .footer-centering,
    .footer .footer-upper > .footer-centering {
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr 1.4fr;
        column-gap: 44px;
        row-gap: 40px;
        align-items: start;
    }
    .main-slider-wrapper .header-menu {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        column-gap: 30px;
        row-gap: 0;
    }
    .main-slider-wrapper .header-menu > ul.mega-menu,
    .main-slider-wrapper .header-menu > ul.top-menu {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 30px;
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
        background: none;
        border: 0;
        list-style: none;
    }
    .main-slider-wrapper .header-menu > ul.mega-menu.Primary-nav {
        flex: 1 1 100%;
        justify-content: flex-end;
        height: 46px;
        min-height: 0;
    }
    .main-slider-wrapper .header-menu > ul.mega-menu.Secondary-nav,
    .main-slider-wrapper .header-menu > ul.top-menu {
        flex: 1 1 100%;
        justify-content: flex-end;
        height: 50px;
        min-height: 0;
        border-top: 1px solid rgba(216, 207, 193, .16);
    }
    .main-slider-wrapper .header-menu > ul > li {
        float: none;
        margin: 0;
        padding: 0;
        background: none;
        border: 0;
    }
    .main-slider-wrapper .header-menu > ul > li > a {
        display: block;
        padding: 12px 0;
        font-family: var(--nk-font);
        font-size: 12.5px;
        font-weight: 400;
        letter-spacing: .1em;
        line-height: 1;
        text-transform: uppercase;
        color: var(--nk-linen) !important;
        background: none;
        border: 0;
    }
    .main-slider-wrapper .header-menu > ul.mega-menu.Secondary-nav > li > a,
    .main-slider-wrapper .header-menu > ul.top-menu > li > a {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .12em;
    }
    .main-slider-wrapper .header-menu > ul > li > a:hover,
    .main-slider-wrapper .header-menu > ul > li:hover > a {
        color: var(--nk-blue) !important;
        background: none;
    }
    .main-slider-wrapper .header-menu > ul > li > a > span {
        color: inherit;
    }
    .main-slider-wrapper .header-menu > .header-social-icons,
    .main-slider-wrapper .header-menu > .close-menu {
        display: none;
    }
    .header .header-menu ul.mega-menu,
    .main-slider-wrapper .header-menu ul.mega-menu {
        display: block;
    }
    .header .header-menu ul.mega-menu-responsive,
    .main-slider-wrapper .header-menu ul.mega-menu-responsive {
        display: none;
    }
    .footer .footer-lower .footer-powered-by,
    .footer .footer-lower .footer-designed-by,
    .footer .footer-lower .credits {
        position: relative;
    }
    .footer .footer-lower .footer-designed-by::before,
    .footer .footer-lower .credits::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -11px;
        width: 1px;
        height: 12px;
        margin-top: -6px;
        background: rgba(216, 207, 193, .22);
    }
    .html-product-details-page .product-essential {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 30px;
        row-gap: 30px;
        align-items: start;
    }
    .html-product-details-page .product-essential > .gallery,
    .html-product-details-page .product-essential .gallery {
        grid-column: 1;
        float: none;
        width: auto;
        margin: 0;
    }
    .html-product-details-page .product-essential > .overview {
        grid-column: 2;
        float: none;
        width: auto;
        margin: 0;
    }
    .html-product-details-page .product-essential > .full-description {
        grid-column: 1 / -1;
    }
    .html-product-details-page .gallery .picture {
        width: 100%;
        margin: 0;
    }
}

@media all and (max-width: 1280px) {
    :root {
        --nk-gutter: 36px;
        --nk-band-y: 72px;
    }
    .neriku-home .company-description {
        column-gap: 44px;
    }
    .neriku-home .company-description .about-company-title {
        padding-right: 44px;
    }
    .neriku-home .top-services-banner .info-box,
    .neriku-home .middle-services-banner .info-box,
    .neriku-home .bottom-services-banner .info-box {
        width: 46%;
        padding: 48px 40px;
    }
    .html-category-page .category-grid .item-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .html-category-page .category-page .product-grid .item-grid {
        gap: 22px;
    }
    .html-product-details-page .product-essential {
        column-gap: 48px;
    }
    .html-product-details-page .page-title .product-name h1 {
        font-size: 32px;
    }
    .html-shopping-cart-page #shopping-cart-form {
        grid-template-columns: minmax(0, 1fr) 330px;
        column-gap: 30px;
    }
    .html-shopping-cart-page .cart-footer .cart-totals-wrapper {
        padding: 26px 24px 24px;
    }
    .html-shopping-cart-page .cart-footer .terms-of-service {
        padding: 18px 24px 26px;
    }
    .html-contact-page .page-title h1 {
        font-size: 34px;
    }
    .html-contact-page .contact-details .contact-detail {
        padding: 26px 24px;
    }
    .html-contact-page .contact-details .contact-detail-value {
        font-size: 19px;
    }
    .html-contact-page .map-address-panel {
        width: 38%;
        padding: 40px 34px;
    }
}

@media all and (max-width: 1024px) {
    :root {
        --nk-gutter: 28px;
        --nk-band-y: 60px;
    }
    .header .header-upper .header-centering {
        column-gap: 20px;
        min-height: 0;
        justify-content: center;
    }
    .header .header-upper-centering {
        display: none;
    }
    .header .header-logo a.logo img {
        max-height: 40px;
    }
    .header .header-lower {
        background: var(--nk-linen);
        background-image: none;
    }
    .header .header-lower .header-centering {
        display: block;
        min-height: 0;
    }
    .header .header-lower .header-cart-search-wrapper {
        display: flex;
        justify-content: flex-end;
        gap: 14px;
    }
    .header .cart-wrapper #topcartlink {
        display: flex;
        align-items: stretch;
        width: auto;
        height: auto;
        background: var(--nk-coffee);
    }
    .header .cart-wrapper #topcartlink a.ico-cart,
    .header .cart-wrapper #topcartlink a.ico-cart-total {
        width: auto;
        height: auto;
        flex: 0 0 auto;
        padding: 12px 16px;
        background-color: transparent;
        color: var(--nk-linen);
        overflow: visible;
    }
    .header .cart-wrapper #topcartlink a.ico-cart {
        justify-content: center;
        padding-left: 16px;
    }
    .header .cart-wrapper #topcartlink a.ico-cart-total {
        border-left: 1px solid rgba(216, 207, 193, .28);
    }
    .header .cart-wrapper #topcartlink a.ico-cart-total span,
    .header .cart-wrapper #topcartlink a.ico-cart-total strong {
        color: var(--nk-linen);
    }
    .header .header-menu,
    .main-slider-wrapper .header-menu {
        background: var(--nk-coffee);
    }
    .main-slider-wrapper .header-menu-wrapper {
        background: none;
    }
    .main-slider-wrapper .header-menu {
        display: block;
        max-width: none;
        margin: 0;
        padding: 0;
    }
    .header .header-menu > ul.top-menu,
    .main-slider-wrapper .header-menu > ul.top-menu {
        display: block;
    }
    .header .header-menu > ul.top-menu > li > a,
    .main-slider-wrapper .header-menu > ul.top-menu > li > a {
        display: block;
        padding: 14px 20px;
        font-family: var(--nk-font);
        font-size: 13px;
        font-weight: 400;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--nk-linen) !important;
    }
    .header .header-menu .close-menu span,
    .main-slider-wrapper .header-menu .close-menu span,
    .main-slider-wrapper .header-menu .menu-title span,
    .header .header-menu .menu-title span {
        font-family: var(--nk-font);
        font-size: 0;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--nk-linen);
    }
    .header .header-menu ul.mega-menu-responsive > li > a,
    .main-slider-wrapper .header-menu ul.mega-menu-responsive > li > a,
    .main-slider-wrapper .header-menu ul.mega-menu-responsive > li > span,
    .header .header-menu ul.mega-menu-responsive > li > span {
        font-family: var(--nk-font);
        font-size: 13px;
        font-weight: 400;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--nk-linen);
    }
    .main-slider-wrapper .header-menu ul.mega-menu-responsive .sublist,
    .header .header-menu ul.mega-menu-responsive .sublist {
        box-shadow: none;
        width: 100%;
    }
    .header .header-menu ul.mega-menu-responsive .sublist a,
    .main-slider-wrapper .header-menu ul.mega-menu-responsive .sublist a,
    .main-slider-wrapper .header-menu ul.mega-menu-responsive .sublist span,
    .header .header-menu ul.mega-menu-responsive .sublist span {
        font-family: var(--nk-font);
        font-size: 16px;
        font-weight: 500;
        text-transform: none;
        color: var(--nk-linen);
    }
    .main-slider-wrapper .header-menu ul li.back-button,
    .header .header-menu ul li.back-button {
        background: var(--nk-blue);
    }
    .main-slider-wrapper .header-menu ul li.back-button span,
    .header .header-menu ul li.back-button span {
        color: var(--nk-coffee);
    }
    .header .header-upper ul.mega-menu-responsive {
        display: block;
        width: 100%;
        margin: 6px 0 0;
        padding: 0;
        background: var(--nk-coffee);
        list-style: none;
    }
    .header .header-upper ul.mega-menu-responsive > li {
        display: block;
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
        background: none;
        border-top: 1px solid rgba(216, 207, 193, .14);
    }
    .header .header-upper ul.mega-menu-responsive > li > a,
    .header .header-upper ul.mega-menu-responsive > li > span {
        display: block;
        width: auto;
        float: none;
        padding: 12px 4px;
        font-family: var(--nk-font);
        font-size: 12.5px;
        font-weight: 400;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: var(--nk-linen);
    }
    .header .header-upper ul.mega-menu-responsive .plus-button {
        display: none;
    }
    .header .header-upper .header-selectors-wrapper {
        display: none;
    }
    .responsive-nav-wrapper .header-selectors-wrapper {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .header .header-selectors-wrapper select,
    .responsive-nav-wrapper .header-selectors-wrapper select {
        color: var(--nk-linen);
        border-color: rgba(216, 207, 193, .3);
    }
    .neriku-home .top-services-banner,
    .neriku-home .middle-services-banner,
    .neriku-home .bottom-services-banner,
    .neriku-home .home-page-key-panels-section > div:nth-child(even) {
        display: block;
        min-height: 0;
        padding-top: 260px;
        background-position: center top;
        background-size: cover;
    }
    .neriku-home .top-services-banner .info-box,
    .neriku-home .middle-services-banner .info-box,
    .neriku-home .bottom-services-banner .info-box {
        width: 100%;
        padding: 44px var(--nk-gutter);
    }
    :is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-grid .item-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 26px;
    }
    .footer .footer-middle > .footer-centering,
    .footer .footer-upper > .footer-centering {
        display: block;
    }
    .footer .footer-middle {
        padding: 34px 0 26px;
    }
    .footer .footer-block {
        border-bottom: 1px solid var(--nk-coffee-12);
    }
    .footer .footer-block:last-child {
        border-bottom: 0;
    }
    .footer .footer-block .title {
        margin: 0;
        padding: 17px 0;
        cursor: pointer;
    }
    .footer .footer-block .title::after {
        display: none;
    }
    .footer .footer-block p.footer-about-us,
    .footer .footer-block .footer-collapse {
        max-width: none;
        padding-bottom: 18px;
    }
    .footer ul.accepted-payment-methods,
    .footer ul.social-sharing {
        margin-top: 2px !important;
        padding-bottom: 18px;
        justify-content: center;
    }
    .footer .eu-banner {
        padding-bottom: 32px;
    }
    .footer .eu-banner img {
        max-height: 64px;
    }
    .footer .footer-lower {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        row-gap: 9px;
        padding: 20px var(--nk-gutter);
    }
    .footer .footer-lower > div.footer-disclaimer,
    .footer .footer-lower .footer-centering > div.footer-disclaimer {
        margin-right: 0;
        order: -1;
    }
    .footer .footer-lower .footer-centering {
        flex-direction: column;
        align-items: center;
        row-gap: 9px;
    }
    .html-home-page .footer .footer-lower {
        padding-bottom: 62px;
    }
    .html-category-page .top-section-container {
        padding: 40px var(--nk-gutter) 34px;
    }
    .html-category-page .top-section-container .page-title h1 {
        font-size: 28px;
    }
    .html-category-page .category-grid .item-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .html-category-page .product-list .product-item {
        grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
    }
    .master-wrapper-content .block .title,
    .master-wrapper-content .block .title strong {
        background: var(--nk-linen-tint);
        color: var(--nk-coffee);
    }
    .master-wrapper-content .ui-tabs .ui-tabs-nav li a,
    .master-wrapper-content ul.tabs li a {
        border-bottom-color: var(--nk-coffee-10);
    }
    .master-wrapper-content .data-table tbody tr,
    .master-wrapper-content .cart tbody tr {
        border-color: var(--nk-coffee-10);
    }
    .master-wrapper-content .footable-row-detail {
        background: var(--nk-linen-tint);
        color: var(--nk-coffee-80);
    }
    .html-product-details-page .product-essential {
        padding-bottom: 56px;
    }
    .html-product-details-page .gallery,
    .html-product-details-page .overview {
        float: none;
        width: auto;
        margin: 0 0 30px;
    }
    .html-product-details-page .page-title {
        margin-bottom: 32px;
        padding: 34px var(--nk-gutter) 26px;
    }
    .html-product-details-page .page-title .product-name h1 {
        font-size: 28px;
    }
    .html-product-details-page .related-products-grid {
        padding: 52px var(--nk-gutter) 60px;
    }
    .html-product-details-page .related-products-grid .item-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }
    .html-product-details-page .related-products-grid .item-grid {
        gap: 24px;
    }
    .html-product-details-page .related-products-grid .item-grid > * {
        flex: 0 1 280px;
        max-width: 280px;
    }
    .html-shopping-cart-page #shopping-cart-form {
        display: block;
    }
    .html-shopping-cart-page #shopping-cart-form > .cart-footer {
        position: static;
        top: auto;
        margin: 28px 0 0;
    }
    .html-shopping-cart-page .cart-footer .cart-collaterals {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .html-shopping-cart-page .cart-footer .cart-collaterals > div {
        flex: 1 1 300px;
    }
    .html-shopping-cart-page .page.shopping-cart-page > .page-title {
        padding: 38px var(--nk-gutter) 26px;
    }
    .html-shopping-cart-page .page-title h1 {
        font-size: 30px;
    }
    .html-contact-page .page.contact-page > .page-title {
        padding: 48px var(--nk-gutter) 24px;
    }
    .html-contact-page .page-title h1 {
        font-size: 30px;
    }
    .html-contact-page .contact-page .topic-block {
        padding: 0 var(--nk-gutter) 52px;
    }
    .html-contact-page .contact-details .contact-detail-value {
        font-size: 17.5px;
    }
    .html-contact-page .map-inner-container {
        min-height: 420px;
    }
    .html-contact-page .map-address-panel {
        width: 42%;
        min-width: 300px;
    }
    .html-contact-page .map-address-panel .map-address {
        font-size: 16px;
    }
    .html-checkout-page .page.checkout-page > .page-title {
        padding: 34px var(--nk-gutter) 22px;
    }
    .html-checkout-page .page.checkout-page > .page-title h1 {
        font-size: 28px;
    }
    .html-checkout-page .page.checkout-page > .page-body {
        padding: 34px var(--nk-gutter) 60px;
    }
    .html-checkout-page .checkout-data .enter-address {
        padding: 24px 22px 26px;
    }
    .footer .footer-block ul.footer-menu li {
        text-align: center;
    }
    .html-product-details-page .add-to-cart .add-to-cart-panel {
        justify-content: center;
    }
    .html-product-details-page .gallery {
        margin: 0 auto 30px;
    }
    .html-product-details-page .product-specs-box .title strong,
    .html-product-details-page .product-specs-box .table-wrapper {
        text-align: center;
    }
    .html-product-details-page .product-specs-box .specs-box{
        width: 100%;
    }
    .html-product-details-page .min-qty-notification {
        display: inline-block;
        width: 100%;
        margin: 0;
    }
    .header-links .menu-title {
        background: transparent;
    }
    .header-1 .header-menu ul.header-social-icons {
        background: #EFEAE2;
    }
}

@media all and (max-width: 860px) {
    .html-category-page .category-page .product-grid .item-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media all and (max-width: 767px) {
    :root {
        --nk-gutter: 20px;
        --nk-band-y: 48px;
    }
    .header .header-upper .header-centering {
        justify-content: center;
        text-align: center;
    }
    .header .header-upper-centering {
        width: 100%;
        justify-content: center;
    }
    .header .header-links-selectors-wrapper,
    .header .header-links {
        justify-content: center;
        gap: 16px;
    }
    .header .header-lower .header-cart-search-wrapper {
        flex-wrap: wrap;
        gap: 10px;
    }
    .header .header-lower .search-box.store-search-box {
        flex: 1 1 200px;
        min-width: 0;
    }
    .header .header-lower .search-box.store-search-box input.search-box-text {
        width: 100%;
        min-width: 0;
    }
    .neriku-home .gov_logo {
        bottom: 12px;
        left: 12px;
        padding: 6px 9px;
    }
    .neriku-home .gov_logo img {
        max-height: 26px;
    }
    .neriku-home .company-description-container,
    .neriku-home .company-description-container .description-inner-container,
    .neriku-home .company-description {
        text-align: left;
    }
    .neriku-home .company-description {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 24px;
    }
    .neriku-home .company-description .about-company-title {
        align-self: start;
        white-space: normal;
        border-right: 0;
        padding: 0;
    }
    .neriku-home .company-description .about-company-title::after {
        margin: 18px 0 0;
    }
    .neriku-home .company-description .about-company-title {
        grid-column: 1;
        grid-row: auto;
    }
    .neriku-home .company-description > *:not(.about-company-title) {
        grid-column: 1;
    }
    .neriku-home .company-description p {
        font-size: 15px;
    }
    .neriku-home .top-services-banner,
    .neriku-home .middle-services-banner,
    .neriku-home .bottom-services-banner,
    .neriku-home .home-page-key-panels-section > div:nth-child(even) {
        padding-top: 200px;
    }
    .neriku-home .attribute-container-info .attribute-title,
    .neriku-home .home-page-product-grid .carousel-title strong,
    .neriku-home .nop-jcarousel .carousel-title strong {
        font-size: 24px;
    }
    .neriku-home .attribute-container {
        gap: 18px;
        margin-top: 36px;
    }
    .neriku-home .attribute-item {
        flex: 1 1 100%;
        max-width: none;
        padding: 30px 24px;
    }
    .neriku-home .testimonials-container {
        padding: 56px var(--nk-gutter) 62px;
    }
    .neriku-home .testimonial-title {
        font-size: 22px;
    }
    .neriku-home .testimonial-inner-container .testimonial-text {
        font-size: 15px;
        line-height: 1.8;
    }
    :is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .picture img {
        height: 190px;
    }
    .html-category-page .top-section-container .page-title h1 {
        font-size: 24px;
    }
    .html-category-page .page-description {
        font-size: 14.5px;
    }
    .html-category-page .product-selectors {
        justify-content: flex-start;
        gap: 10px 18px;
        padding: 12px 14px;
    }
    .html-category-page .product-list .product-item {
        grid-template-columns: minmax(0, 1fr);
    }
    .html-category-page .product-list .product-item .picture img {
        min-height: 0;
        height: 190px;
    }
    .html-product-details-page .page-title .product-name h1 {
        font-size: 24px;
    }
    .html-product-details-page .overview .short-description {
        font-size: 15px;
    }
    .html-product-details-page .prices .product-price,
    .html-product-details-page .prices .product-price span {
        font-size: 36px;
    }
    .html-product-details-page .gallery .picture {
        padding: 16px;
    }
    .html-product-details-page .gallery .picture-thumbs a,
    .html-product-details-page .gallery .picture-thumbs .thumb-popup-link {
        width: 66px;
        height: 66px;
    }
    .html-product-details-page .add-to-cart-panel {
        gap: 12px;
    }
    .html-product-details-page .add-to-cart-button,
    .html-product-details-page .button-1.add-to-cart-button {
        min-width: 0;
        padding: 15px 22px;
    }
    .html-shopping-cart-page .page-title h1 {
        font-size: 25px;
    }
    .html-shopping-cart-page .order-summary-content {
        padding: 32px var(--nk-gutter) 56px;
    }
    .html-shopping-cart-page .order-summary-content .cart th,
    .html-shopping-cart-page .order-summary-content .cart td {
        padding: 16px 10px;
    }
    .html-shopping-cart-page .order-summary-content .cart th:first-child,
    .html-shopping-cart-page .order-summary-content .cart td:first-child {
        padding-left: 14px;
    }
    .html-shopping-cart-page .order-summary-content .cart th.subtotal,
    .html-shopping-cart-page .order-summary-content .cart td.subtotal {
        padding-right: 14px;
    }
    .html-shopping-cart-page .order-summary-content .tax-shipping-info {
        padding: 12px 16px;
    }
    .html-shopping-cart-page .cart-options .common-buttons {
        padding: 14px 16px;
    }
    .html-shopping-cart-page .cart-options .checkout-attributes {
        padding: 24px 20px;
    }
    .html-shopping-cart-page .cart-footer .cart-collaterals > div {
        flex: 1 1 100%;
    }
    .html-contact-page .page-title h1 {
        font-size: 26px;
    }
    .html-contact-page .contact-page .topic-block-body {
        font-size: 15px;
    }
    .html-contact-page .contact-details {
        grid-template-columns: minmax(0, 1fr);
    }
    .html-contact-page .contact-details .contact-detail {
        padding: 22px 4px;
    }
    .html-contact-page .map-inner-container {
        display: block;
        min-height: 0;
    }
    .html-contact-page .map-inner-container iframe {
        position: static;
        height: 340px !important;
    }
    .html-contact-page .map-address-panel {
        width: auto;
        min-width: 0;
        padding: 32px var(--nk-gutter) 36px;
    }
    .html-checkout-page .page.checkout-page > .page-title h1 {
        font-size: 24px;
    }
    .html-checkout-page .checkout-data .edit-address {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }
    .html-checkout-page .checkout-data .order-summary {
        padding: 24px 18px 26px;
    }
    .html-checkout-page .order-summary-content .cart th,
    .html-checkout-page .order-summary-content .cart td {
        padding: 14px 8px;
    }
    .html-checkout-page .order-summary-content .cart th:first-child,
    .html-checkout-page .order-summary-content .cart td:first-child {
        padding-left: 12px;
    }
    .html-checkout-page .order-summary-content .cart th.subtotal,
    .html-checkout-page .order-summary-content .cart td.subtotal {
        padding-right: 12px;
    }
    .html-checkout-page .checkout-data .cart-footer .totals {
        max-width: none;
    }
}

@media all and (max-width: 520px) {
    .html-product-details-page .related-products-grid .item-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .html-product-details-page .previous-product a,
    .html-product-details-page .next-product a {
        padding: 10px 14px;
        font-size: 10.5px;
        letter-spacing: .08em;
    }
    .html-product-details-page .related-products-grid .item-grid {
        gap: 20px;
    }
    .html-product-details-page .related-products-grid .item-grid > * {
        flex: 1 1 100%;
        max-width: 420px;
    }
    .html-category-page .category-page .product-grid .item-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media all and (max-width: 480px) {
    :root {
        --nk-gutter: 16px;
        --nk-band-y: 40px;
    }
    .header .header-logo a.logo img {
        max-height: 34px;
    }
    .header .header-links-selectors-wrapper,
    .header .header-links {
        gap: 12px;
    }
    .header .header-links a {
        font-size: 11.5px;
        letter-spacing: .07em;
    }
    .header .cart-wrapper #topcartlink a.ico-cart,
    .header .cart-wrapper #topcartlink a.ico-cart-total {
        padding: 11px 12px;
        font-size: 10.5px;
        letter-spacing: .09em;
    }
    .header .cart-wrapper #topcartlink a.ico-cart-total {
        display: none;
    }
    .neriku-home .company-description .about-company-title {
        font-size: 20px;
        letter-spacing: .06em;
    }
    .neriku-home .top-services-banner,
    .neriku-home .middle-services-banner,
    .neriku-home .bottom-services-banner,
    .neriku-home .home-page-key-panels-section > div:nth-child(even) {
        padding-top: 160px;
    }
    .neriku-home .top-services-banner .info-box,
    .neriku-home .middle-services-banner .info-box,
    .neriku-home .bottom-services-banner .info-box {
        padding: 32px var(--nk-gutter);
    }
    .neriku-home .services-banners .top-services-banner .info-box h3,
    .neriku-home .top-services-banner h3,
    .neriku-home .middle-services-banner h3,
    .neriku-home .bottom-services-banner h3 {
        font-size: 20px;
        letter-spacing: .06em;
    }
    .neriku-home .services-banners .top-services-banner .info-box h3::after,
    .neriku-home .top-services-banner h3::after {
        margin: 18px 0 20px;
    }
    .neriku-home .services-banners .top-services-banner .info-box p,
    .neriku-home .top-services-banner p,
    .neriku-home .middle-services-banner p,
    .neriku-home .bottom-services-banner p {
        font-size: 14px;
        margin-bottom: 24px;
    }
    :is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-grid .item-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
    :is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-item .details {
        padding: 18px 18px 20px;
    }
    :is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-grid .product-item .buttons {
        gap: 12px;
    }
    :is(.neriku-home, .html-category-page, .html-product-details-page, .html-shopping-cart-page) .product-grid .product-item input[type="button"].product-box-add-to-cart-button {
        flex: 1 1 auto;
        text-align: center;
    }
    .neriku-home .clients-logo {
        min-width: 100px;
        padding: 0 14px;
    }
    .neriku-home .clients-logo img {
        max-height: 46px;
    }
    .footer .footer-block p.footer-about-us,
    .footer .footer-block ul.footer-menu li a,
    .footer .footer-block ul.footer-menu li span {
        font-size: 13px;
    }
    .footer .eu-banner img {
        max-height: 52px;
    }
    .footer .footer-lower {
        row-gap: 8px;
        padding: 18px var(--nk-gutter);
    }
    .footer .footer-lower > div,
    .footer .footer-lower .footer-centering > div {
        font-size: 11px;
        line-height: 1.5;
    }
    .footer .footer-lower > div.footer-disclaimer,
    .footer .footer-lower .footer-centering > div.footer-disclaimer {
        font-size: 11.5px;
    }
    .footer .footer-lower .credits {
        flex-wrap: nowrap;
        white-space: nowrap;
    }
    .footer .footer-lower .credits .credits-logo {
        max-height: 12px;
    }
    .html-category-page .category-grid .item-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }
    .html-category-page .product-selectors select {
        min-width: 0;
        flex: 1 1 auto;
    }
    .html-category-page .pager li a,
    .html-category-page .pager li span {
        min-width: 34px;
        height: 34px;
        font-size: 12px;
        padding: 0 8px;
    }
    .html-shopping-cart-page .page-title h1 {
        font-size: 22px;
    }
    .html-shopping-cart-page .cart-options .common-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    .html-shopping-cart-page .order-summary-content .cart-options .common-buttons .button-2,
    .html-shopping-cart-page .order-summary-content .cart-options .common-buttons .button-2.continue-shopping-button {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    .html-shopping-cart-page .cart-options .checkout-attributes .date-picker-wrapper {
        grid-template-columns: minmax(0, 1fr);
    }
    .html-shopping-cart-page .cart-footer .cart-totals-wrapper {
        padding: 24px 20px 22px;
    }
    .html-shopping-cart-page .cart-footer .terms-of-service {
        padding: 16px 20px 24px;
    }
    .html-shopping-cart-page .cart-footer .cart-total .order-total .cart-total-right {
        font-size: 26px;
    }
    .html-shopping-cart-page .cart-collaterals .coupon-code {
        flex-direction: column;
        gap: 8px;
    }
    .html-shopping-cart-page .cart-collaterals .coupon-code input[type="text"] {
        border-right: 1px solid var(--nk-coffee-22);
    }
    .html-contact-page .page.contact-page > .page-title {
        padding: 36px var(--nk-gutter) 20px;
    }
    .html-contact-page .page-title h1 {
        font-size: 23px;
    }
    .html-contact-page .page-title h1::after {
        margin-top: 18px;
    }
    .html-contact-page .contact-details .contact-detail-value {
        font-size: 16.5px;
    }
    .html-contact-page .map-inner-container iframe {
        height: 280px !important;
    }
    .html-contact-page .map-address-panel .map-address {
        font-size: 15.5px;
    }
    .html-checkout-page .page.checkout-page > .page-title h1 {
        font-size: 21px;
    }
    .html-checkout-page .checkout-data .address-item-header,
    .html-checkout-page .checkout-data .address-item-body,
    .html-checkout-page .checkout-data .address-item-footer {
        padding-left: 18px;
        padding-right: 18px;
    }
    .html-checkout-page .checkout-data .address-item-footer {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }
    .html-checkout-page .checkout-data .address-item .select-button .button-1 {
        display: block;
        width: 100%;
        text-align: center;
    }
    .html-checkout-page .checkout-data .buttons {
        text-align: center;
    }
    .html-checkout-page .checkout-data .buttons .button-1 {
        display: block;
        width: 100%;
    }
    .html-checkout-page .checkout-data .cart-footer .cart-totals-wrapper {
        padding: 20px 18px 22px;
    }
    .html-checkout-page .checkout-data .cart-footer .cart-total .order-total .cart-total-right {
        font-size: 23px;
    }
    .html-checkout-page .checkout-data .method-list li {
        padding: 16px 18px;
    }
    .html-checkout-page .checkout-data .method-list .method-name label {
        font-size: 15px;
    }
    .html-checkout-page .checkout-data .method-list .method-description {
        margin-left: 28px;
    }
    .html-order-confirm-page .order-review-data > ul {
        padding: 20px 18px 22px;
    }
    .html-checkout-page .checkout-data .terms-of-service {
        align-items: flex-start;
        padding: 14px 16px;
    }
}
/* ==========================================================================
   22. Account pages - customer info and navigation
   --------------------------------------------------------------------------
   Scoped to .html-account-page, which every Customer view appends (Info,
   Addresses, Orders, Change password, Avatar...). The navigation component is
   shared by all of them, so it is styled once here rather than per page.
   Info-specific rules carry .html-customer-info-page.
   ========================================================================== */

/* ---- 22.1 Page shell ---------------------------------------------------- */

.html-account-page body,
.html-account-page .master-wrapper-page {
    background: var(--nk-paper);
    color: var(--nk-coffee);
    font-family: var(--nk-font);
}

.html-account-page .master-wrapper-content {
    margin: 0;
    padding: 0;
    max-width: none;
}

/* .top-container, .account-page-navigation and .center-1 are siblings inside
   the column wrapper, so the two-column split lives here. */
.html-account-page .master-column-wrapper {
    max-width: var(--nk-maxw);
    margin: 0 auto;
    padding: 40px var(--nk-gutter) 84px;
    width: auto;
}

.html-account-page .master-column-wrapper > .top-container {
    display: none;
}

.html-account-page .center-1 {
    margin: 0;
    padding: 0;
    max-width: none;
    width: auto;
    float: none;
}

.html-account-page .page.account-page {
    margin: 0;
    padding: 0;
    max-width: none;
    width: auto;
}

.html-account-page .page.account-page > .page-body {
    background: transparent;
    margin: 0;
    padding: 0;
}

/* Base .page-title is absolutely pinned to the top of the wrapper; on the
   account pages it belongs in the content column, above the form. */
.html-account-page .page.account-page > .page-title {
    position: static;
    margin: 0 0 24px;
    padding: 0 0 16px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    text-align: left;
}

.html-account-page .page.account-page > .page-title h1 {
    margin: 0;
    padding: 0;
    font-family: var(--nk-font);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.25;
    text-align: left;
    text-transform: none;
    color: var(--nk-coffee) !important;
}

/* The validation summary renders even with nothing in it, and section 17
   paints it Coast Blue Deep - which showed as a bare blue bar across the top
   of every account page. */
.html-account-page .message-error:empty,
.html-account-page .validation-summary-errors:empty {
    display: none;
}

/* ---- 22.2 Navigation sidebar -------------------------------------------- */
/* styles.css builds this as a strip of 60x59 icon tiles with the label hidden
   until hover (font-size:0 on the list). It becomes a labelled vertical list:
   the icons stay, moved inline before the text. */

.html-account-page .account-page-navigation .account-navigation-wrapper {
    position: static;
    height: auto;
    margin: 0;
    padding: 0;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-blue);
    border-bottom: 1px solid var(--nk-coffee-12);
    overflow: hidden;
}

.html-account-page .account-page-navigation .account-navigation-list {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
}

.html-account-page .account-page-navigation .account-navigation-list li {
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 14px;
}

.html-account-page .account-page-navigation .account-navigation-list li a {
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 14px 20px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    border-left: 3px solid transparent;
    font-family: var(--nk-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    text-transform: none;
    white-space: normal;
    color: var(--nk-coffee-80) !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.html-account-page .account-page-navigation .account-navigation-list li:last-child a {
    border-bottom: 0;
}

/* The sprite tile becomes an inline icon. Offsets are per-class and unchanged,
   so the box stays 25x24 and every icon keeps its position in the sheet. */
.html-account-page .account-page-navigation .account-navigation-list li a::before {
    position: static;
    display: inline-block;
    flex: none;
    width: 25px;
    height: 24px;
    margin: 0 12px 0 0;
    background-color: transparent;
    background-image: url('../../img/account-page-sprite.png');
    background-repeat: no-repeat;
    opacity: .5;
    transition: opacity .2s ease;
}

/* The active sheet is drawn for a dark chip, so both states keep the default
   icons and separate on opacity instead. */
.html-account-page .account-page-navigation .account-navigation-list li a.active::before,
.html-account-page .account-page-navigation .account-navigation-list li a:hover::before {
    background-color: transparent;
    background-image: url('../../img/account-page-sprite.png');
    opacity: 1;
}

.html-account-page .account-page-navigation .account-navigation-list li a:hover {
    background: rgba(239, 234, 226, .55);
    color: var(--nk-coffee) !important;
}

.html-account-page .account-page-navigation .account-navigation-list li a.active {
    background: var(--nk-linen-tint);
    border-left-color: var(--nk-blue);
    font-weight: 500;
    color: var(--nk-coffee) !important;
}

/* ---- 22.3 Fieldsets ----------------------------------------------------- */

.html-account-page .account-page .fieldset {
    position: static;
    width: auto;
    max-width: none;
    margin: 0 0 22px;
    padding: 0;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-blue);
}

/* master.css drops .account-page .title into its shared .title group -
   inline-block, Brandon Grotesque and a legacy tan underline - and adds a 20px
   margin on top of that. */
.html-account-page .account-page .fieldset > .title {
    display: block;
    width: auto;
    margin: 0 !important;
    padding: 18px 26px;
    background: var(--nk-linen-tint);
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    font-family: var(--nk-font);
    font-style: normal;
    text-align: left;
}

.html-account-page .account-page .fieldset > .title strong {
    display: inline;
    padding: 0;
    background: none;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--nk-coffee);
}

/* ---- 22.4 Form fields --------------------------------------------------- */

.html-account-page .account-page .fieldset .form-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 20px 24px;
    width: auto;
    margin: 0;
    padding: 26px;
    background: transparent;
    border: 0;
}

.html-account-page .account-page .form-fields .inputs {
    position: relative;
    display: block;
    width: auto;
    max-width: none;
    margin: 0;
    font-size: 14px;
    white-space: normal;
    text-align: left;
}

/* Wide controls take the full row. */
.html-account-page .account-page .form-fields .inputs:has(.gender),
.html-account-page .account-page .form-fields .inputs.date-of-birth,
.html-account-page .account-page .form-fields .inputs:has(textarea),
.html-account-page .account-page .form-fields .inputs:has(.option-list) {
    grid-column: 1 / -1;
}

.html-account-page .account-page .form-fields .inputs > label {
    display: block;
    width: auto;
    margin: 0 0 6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    color: var(--nk-coffee-60);
}

.html-account-page .account-page .form-fields .inputs input[type="text"],
.html-account-page .account-page .form-fields .inputs input[type="email"],
.html-account-page .account-page .form-fields .inputs input[type="tel"],
.html-account-page .account-page .form-fields .inputs input[type="password"],
.html-account-page .account-page .form-fields .inputs select,
.html-account-page .account-page .form-fields .inputs textarea {
    display: block;
    float: none;
    width: 100%;
    max-width: none;
    height: auto;
    padding: 11px 13px;
    background: var(--nk-paper);
    border: 1px solid var(--nk-coffee-22);
    border-radius: 0;
    font-family: var(--nk-font);
    font-size: 14px;
    color: var(--nk-coffee);
}

.html-account-page .account-page .form-fields .inputs input:focus,
.html-account-page .account-page .form-fields .inputs select:focus,
.html-account-page .account-page .form-fields .inputs textarea:focus {
    border-color: var(--nk-blue);
    outline: 0;
}

.html-account-page .account-page .form-fields .inputs textarea {
    min-height: 110px;
    line-height: 1.6;
    resize: vertical;
}

/* The asterisk is a sibling of the control, so it is pinned to the corner
   rather than allowed to nudge the field out of line. */
.html-account-page .account-page .form-fields .inputs .required {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    color: var(--nk-blue-deep);
}

.html-account-page .account-page .form-fields .inputs .field-validation-error,
.html-account-page .account-page .form-fields .inputs span.field-validation-error {
    position: static;
    display: block;
    margin: 6px 0 0;
    padding: 0;
    background: none;
    font-family: var(--nk-font);
    font-size: 12px;
    color: var(--nk-blue-deep);
}

.html-account-page .account-page .form-fields .inputs .please-wait,
.html-account-page .account-page .form-fields .inputs .vat-note,
.html-account-page .account-page .form-fields .inputs .email-to-revalidate-note {
    display: block;
    text-align: left;
    margin: 6px 0 0;
    font-family: var(--nk-font);
    font-size: 12px;
    font-style: normal;
    line-height: 1.5;
    color: var(--nk-coffee-60);
}

.html-account-page .account-page .form-fields .inputs .vat-note em,
.html-account-page .account-page .form-fields .inputs .email-to-revalidate-note em {
    font-style: normal;
}

.html-account-page .account-page .form-fields .inputs .vat-status {
    display: inline-block;
    margin: 8px 0 0;
    padding: 4px 10px;
    background: var(--nk-linen-tint);
    font-family: var(--nk-font);
    font-size: 11.5px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--nk-coffee-80);
}

/* Values the customer cannot edit read as text, not as an empty field. */
.html-account-page .account-page .form-fields .inputs .readonly-username,
.html-account-page .account-page .form-fields .inputs .email-to-revalidate {
    display: block;
    padding: 11px 13px;
    background: var(--nk-linen-tint);
    border: 1px solid transparent;
    font-family: var(--nk-font);
    font-size: 14px;
    color: var(--nk-coffee);
}

/* Radio and checkbox rows. */
.html-account-page .account-page .form-fields .inputs .gender {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 24px;
    padding: 8px 0 0;
}

/* Base rules force these wrappers to display:block, so the radio carries the
   gap itself rather than relying on the flex gap inside them. */
.html-account-page .account-page .form-fields .inputs .gender {
    margin-left: 0;
}

.html-account-page .account-page .form-fields .inputs .gender span {
    margin: 0 24px 0 0;
}

.html-account-page .account-page .form-fields .inputs .gender input[type="radio"] {
    margin: 0 8px 0 0;
}

.html-account-page .account-page .form-fields .inputs .gender span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.html-account-page .account-page .form-fields .inputs .gender label,
.html-account-page .account-page .form-fields .inputs label.forcheckbox {
    display: inline;
    margin: 0;
    font-family: var(--nk-font);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    color: var(--nk-coffee);
    cursor: pointer;
}

.html-account-page .account-page .form-fields .inputs input[type="radio"],
.html-account-page .account-page .form-fields .inputs input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0;
    flex: none;
    accent-color: var(--nk-blue-deep);
    cursor: pointer;
}

.html-account-page .account-page .form-fields .inputs .date-picker-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.html-account-page .account-page .form-fields .option-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    margin: 0;
    padding: 8px 0 0;
    overflow: visible;
}

.html-account-page .account-page .form-fields .option-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    float: none;
    margin: 0;
}

.html-account-page .account-page .form-fields .option-list label {
    display: inline;
    margin: 0;
    font-family: var(--nk-font);
    font-style: normal;
    font-size: 14px;
    color: var(--nk-coffee);
}

/* The external-auth table sits inside a fieldset, so it needs the padding the
   form-fields grid would otherwise have given it. */
.html-account-page .account-page .fieldset .table-wrapper,
.html-account-page .account-page .fieldset .add-more-external-records {
    margin: 0;
    padding: 26px;
}

.html-account-page .account-page .fieldset .add-more-external-records {
    display: block;
    font-family: var(--nk-font);
    font-size: 14px;
    line-height: 1.7;
    color: var(--nk-coffee-80);
}

/* ---- 22.5 Save button --------------------------------------------------- */

.html-account-page .account-page .buttons {
    margin: 0;
    padding: 0;
    text-align: center;
}

.html-account-page .account-page .buttons .button-1 {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 12px 24px;
    background-color: var(--nk-coffee) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--nk-linen) !important;
    cursor: pointer;
}

.html-account-page .account-page .buttons .button-1:hover {
    background-color: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
}

/* ---- 22.6 Responsive ---------------------------------------------------- */

@media all and (min-width: 1025px) {
    .html-account-page .master-column-wrapper {
        display: grid;
        grid-template-columns: 272px minmax(0, 1fr);
        column-gap: 40px;
        align-items: start;
    }

    .html-account-page .account-page-navigation {
        grid-column: 1;
        position: sticky;
        top: 70px;
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
    }

    .html-account-page .center-1 {
        grid-column: 2;
    }
}

@media all and (max-width: 1024px) {
    .html-account-page .master-column-wrapper {
        padding: 28px var(--nk-gutter) 60px;
    }

    /* Above the content, the list reads better as a wrapped row of chips. */
    .html-account-page .account-page-navigation {
        float: none;
        width: auto;
        margin: 0 0 28px;
    }

    .html-account-page .account-page-navigation .account-navigation-wrapper {
        border-bottom: 1px solid var(--nk-coffee-12);
    }

    .html-account-page .account-page-navigation .account-navigation-list {
        display: flex;
        flex-wrap: wrap;
    }

    .html-account-page .account-page-navigation .account-navigation-list li {
        flex: 1 1 220px;
    }

    .html-account-page .account-page-navigation .account-navigation-list li a,
    .html-account-page .account-page-navigation .account-navigation-list li:last-child a {
        height: 100%;
        border-bottom: 1px solid var(--nk-coffee-10);
    }
}

@media all and (max-width: 768px) {
    .html-account-page .page.account-page > .page-title h1 {
        font-size: 22px;
    }

    .html-account-page .account-page .fieldset .form-fields {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        padding: 20px;
    }

    .html-account-page .account-page .fieldset > .title {
        padding: 15px 20px;
    }

    .html-account-page .account-page .fieldset .table-wrapper,
    .html-account-page .account-page .fieldset .add-more-external-records {
        padding: 20px;
    }
}

@media all and (max-width: 480px) {
    .html-account-page .account-page-navigation .account-navigation-list li {
        flex: 1 1 100%;
    }

    .html-account-page .account-page .form-fields .inputs .date-picker-wrapper {
        grid-template-columns: minmax(0, 1fr);
    }

    .html-account-page .account-page .buttons {
        text-align: center;
    }

    .html-account-page .account-page .buttons .button-1 {
        display: block;
        width: 100%;
    }
}

/* ==========================================================================
   23. Address list page
   --------------------------------------------------------------------------
   Shell and navigation come from section 22. This is the card grid only, in
   the same language as the checkout saved-address cards: Linen-tint name
   strip, details body, action bar along the foot.
   ========================================================================== */

/* ---- 23.1 The grid ------------------------------------------------------ */
/* 768.css floats .address-list-page .section at 50% and master.css pins the
   list to a fixed 1200px from 1024 up, which overflows the content column now
   that the navigation is a real sidebar. Both go. */

.html-address-list-page .page-body .address-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    align-items: stretch;
    gap: 20px;
    width: auto;
    max-width: none;
    margin: 0 0 24px;
    padding: 0;
    border: 0;
    overflow: visible;
}

.html-address-list-page .address-list .section.address-item {
    display: flex;
    flex-direction: column;
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    text-align: left;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.html-address-list-page .address-list .section.address-item:hover {
    border-color: var(--nk-blue);
}

/* ---- 23.2 Card head ----------------------------------------------------- */
/* master.css puts .account-page .title through its shared .title group -
   inline-block, Brandon Grotesque with !important, a tan underline and a 20px
   margin - so all of it is reset here. */

.html-address-list-page .address-list .address-item > .title {
    display: block;
    width: auto;
    margin: 0 !important;
    padding: 15px 24px;
    background: var(--nk-linen-tint);
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    font-family: var(--nk-font) !important;
    font-size: 15px;
    font-style: normal;
    text-align: left;
}

.html-address-list-page .address-list .address-item > .title strong {
    display: inline;
    padding: 0;
    background: none;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    color: var(--nk-coffee);
}

/* ---- 23.3 Card body ----------------------------------------------------- */

.html-address-list-page .address-list .address-item .info {
    flex: 1 1 auto;
    margin: 0;
    padding: 22px 24px 24px;
    list-style: none;
    font-family: var(--nk-font);
    font-size: 14px;
    line-height: 1.7;
    text-align: left;
    color: var(--nk-coffee-80);
}

.html-address-list-page .address-list .address-item .info li {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.7;
    color: var(--nk-coffee-80);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* The name is already the card heading. */
.html-address-list-page .address-list .address-item .info li.name {
    display: none;
}

.html-address-list-page .address-list .address-item .info li label {
    display: inline;
    margin: 0 4px 0 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--nk-coffee-60);
    top: 0;
}

/* Contact rows first, then the postal block with air above it. */
.html-address-list-page .address-list .address-item .info li.company,
.html-address-list-page .address-list .address-item .info li.address1 {
    margin-top: 14px;
}

.html-address-list-page .address-list .address-item .info li.company + li.address1 {
    margin-top: 0;
}

.html-address-list-page .address-list .address-item .info li.country {
    font-weight: 400;
    color: var(--nk-coffee);
}

.html-address-list-page .address-list .address-item .info li.custom-attributes-view {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--nk-coffee-10);
    font-size: 13px;
    color: var(--nk-coffee-60);
}

/* ---- 23.4 Card actions -------------------------------------------------- */

.html-address-list-page .address-list .address-item > .buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 14px 24px;
    border-top: 1px solid var(--nk-coffee-10);
    text-align: left;
}

.html-address-list-page .address-list .address-item .buttons .button-2 {
    flex: 0 0 auto;
    min-width: 0;
    margin: 0;
    padding: 10px 20px;
    background-color: var(--nk-white) !important;
    background-image: none !important;
    border: 1px solid var(--nk-coffee-22) !important;
    border-radius: 0;
    outline: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--nk-coffee) !important;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.html-address-list-page .address-list .address-item .buttons .button-2:hover {
    background-color: var(--nk-coffee) !important;
    border-color: var(--nk-coffee) !important;
    color: var(--nk-linen) !important;
}

/* Delete is the quieter of the two until you reach for it. */
.html-address-list-page .address-list .address-item .buttons .button-2.delete-address-button {
    margin-left: auto;
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--nk-coffee-60) !important;
}

.html-address-list-page .address-list .address-item .buttons .button-2.delete-address-button:hover {
    background-color: transparent !important;
    border-color: var(--nk-coffee-22) !important;
    color: var(--nk-coffee) !important;
}

/* ---- 23.5 Add new and empty state --------------------------------------- */

.html-address-list-page .page-body .add-button {
    margin: 0;
    padding: 0;
    text-align: center;
}

.html-address-list-page .page-body .add-button .button-1 {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 12px 24px;
    background-color: var(--nk-coffee) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--nk-linen) !important;
    cursor: pointer;
}

.html-address-list-page .page-body .add-button .button-1:hover {
    background-color: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
}

.html-address-list-page .page-body .no-data {
    margin: 0 0 24px;
    padding: 26px 28px;
    background: var(--nk-linen-tint);
    border-left: 3px solid var(--nk-blue);
    font-family: var(--nk-font);
    font-size: 15px;
    font-style: normal;
    line-height: 1.6;
    text-align: left;
    color: var(--nk-coffee);
}

/* ---- 23.6 Responsive ---------------------------------------------------- */

@media all and (max-width: 768px) {
    .html-address-list-page .page-body .address-list {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .html-address-list-page .address-list .address-item > .title {
        padding: 14px 20px;
    }

    .html-address-list-page .address-list .address-item .info {
        padding: 18px 20px 20px;
    }

    .html-address-list-page .address-list .address-item > .buttons {
        padding: 12px 20px;
    }
}

@media all and (max-width: 480px) {
    .html-address-list-page .page-body .add-button {
        text-align: center;
    }

    .html-address-list-page .page-body .add-button .button-1 {
        display: block;
        width: 100%;
    }
}

/* ==========================================================================
   24. Order list page
   --------------------------------------------------------------------------
   Shell and navigation come from section 22; the card grid follows section 23
   so the account section reads as one set. styles.css groups .address-list
   with .order-list and floats both at 50% from 768 up, so the same float and
   fixed-width resets are needed here.
   ========================================================================== */

/* ---- 24.1 The grid ------------------------------------------------------ */

.html-order-list-page .page-body .order-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    align-items: stretch;
    gap: 20px;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    overflow: visible;
}

.html-order-list-page .order-list .section.order-item {
    display: flex;
    flex-direction: column;
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    text-align: left;
    transition: border-color .2s ease;
}

.html-order-list-page .order-list .section.order-item:hover {
    border-color: var(--nk-blue);
}

/* ---- 24.2 Card head ----------------------------------------------------- */

.html-order-list-page .order-list .order-item > .title,
.html-order-list-page .page-body .recurring-payments > .title {
    display: block;
    width: auto;
    margin: 0 !important;
    padding: 15px 24px;
    background: var(--nk-linen-tint);
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    font-family: var(--nk-font) !important;
    font-size: 15px;
    font-style: normal;
    text-align: left;
}

.html-order-list-page .order-list .order-item > .title strong,
.html-order-list-page .page-body .recurring-payments > .title strong {
    display: inline;
    padding: 0;
    background: none;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--nk-coffee);
}

/* ---- 24.3 Card body ----------------------------------------------------- */
/* Each li is a bare label text node followed by a span. Flex turns the text
   run into its own anonymous item, which is what lets the value sit right. */

.html-order-list-page .order-list .order-item .info {
    flex: 1 1 auto;
    margin: 0;
    padding: 8px 24px 12px;
    list-style: none;
    font-family: var(--nk-font);
    text-align: left;
    color: var(--nk-coffee-60);
}

.html-order-list-page .order-list .order-item .info li {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--nk-coffee-60);
}

.html-order-list-page .order-list .order-item .info li:last-child {
    border-bottom: 0;
}

.html-order-list-page .order-list .order-item .info span {
    display: inline-block;
    flex: none;
    text-align: right;
    font-weight: 400;
    color: var(--nk-coffee);
}

.html-order-list-page .order-list .order-item .info .order-date {
    font-size: 13.5px;
    font-weight: 300;
    color: var(--nk-coffee-80);
}

.html-order-list-page .order-list .order-item .info .order-total {
    font-size: 18px;
    font-weight: 400;
    color: var(--nk-coffee);
}

.html-order-list-page .order-list .order-item .info .order-status {
    padding: 5px 10px;
    background: var(--nk-linen-tint);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    color: var(--nk-coffee);
}

.html-order-list-page .order-list .order-item .info .order-status.complete {
    background: var(--nk-blue);
    color: var(--nk-coffee);
}

.html-order-list-page .order-list .order-item .info .order-status.processing {
    background: var(--nk-linen);
    color: var(--nk-coffee);
}

.html-order-list-page .order-list .order-item .info .order-status.cancelled {
    background: transparent;
    box-shadow: inset 0 0 0 1px var(--nk-coffee-22);
    color: var(--nk-coffee-60);
}

/* ---- 24.4 Card actions -------------------------------------------------- */

.html-order-list-page .order-list .order-item > .buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 14px 24px;
    border-top: 1px solid var(--nk-coffee-10);
    text-align: left;
}

/* Section 17 blanks the sprite these were drawn around, so the 44px of left
   padding that made room for it goes too. */
.html-order-list-page .order-item .buttons .button-2,
.html-order-list-page .recurring-payments .button-2 {
    flex: 0 0 auto;
    min-width: 0;
    margin: 0;
    padding: 10px 20px;
    background-color: var(--nk-white) !important;
    background-image: none !important;
    border: 1px solid var(--nk-coffee-22) !important;
    border-radius: 0;
    outline: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--nk-coffee) !important;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.html-order-list-page .order-item .buttons .button-2:hover,
.html-order-list-page .recurring-payments .button-2:hover {
    background-color: var(--nk-coffee) !important;
    border-color: var(--nk-coffee) !important;
    color: var(--nk-linen) !important;
}

/* Details is the main action, so it takes the right edge; return items stays
   the quieter of the two. */
.html-order-list-page .order-item .buttons .button-2.order-details-button {
    margin-left: auto;
    background-color: var(--nk-blue) !important;
    border-color: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
}

.html-order-list-page .order-item .buttons .button-2.order-details-button:hover {
    background-color: var(--nk-coffee) !important;
    border-color: var(--nk-coffee) !important;
    color: var(--nk-linen) !important;
}

/* ---- 24.5 Recurring payments -------------------------------------------- */

.html-order-list-page .page-body .section.recurring-payments {
    float: none;
    width: auto;
    max-width: none;
    margin: 0 0 26px;
    padding: 0;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-blue);
}

.html-order-list-page .recurring-payments .table-wrapper {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    overflow-x: auto;
}

.html-order-list-page .recurring-payments .data-table {
    width: 100%;
    margin: 0;
    background: transparent;
    border: 0;
    border-collapse: collapse;
}

.html-order-list-page .recurring-payments .data-table th {
    width: auto;
    padding: 13px 14px;
    background: var(--nk-coffee);
    border: 0;
    font-family: var(--nk-font);
    font-size: 10.5px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .14em;
    line-height: 1.4;
    text-align: left;
    text-transform: uppercase;
    color: var(--nk-linen) !important;
    white-space: nowrap;
}

.html-order-list-page .recurring-payments .data-table td {
    min-width: 0;
    padding: 15px 14px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    vertical-align: middle;
    font-family: var(--nk-font);
    font-size: 13.5px;
    font-weight: 300;
    text-align: left;
    color: var(--nk-coffee-80);
}

.html-order-list-page .recurring-payments .data-table tbody tr:last-child td {
    border-bottom: 0;
}

.html-order-list-page .recurring-payments .data-table th:first-child,
.html-order-list-page .recurring-payments .data-table td:first-child {
    padding-left: 24px;
}

.html-order-list-page .recurring-payments .data-table th:last-child,
.html-order-list-page .recurring-payments .data-table td:last-child {
    padding-right: 24px;
}

.html-order-list-page .recurring-payments .data-table a {
    color: var(--nk-blue-deep) !important;
}

.html-order-list-page .recurring-payments .data-table a:hover {
    color: var(--nk-coffee) !important;
}

/* ---- 24.6 Empty state --------------------------------------------------- */

.html-order-list-page .page-body .no-data {
    margin: 0;
    padding: 26px 28px;
    background: var(--nk-linen-tint);
    border-left: 3px solid var(--nk-blue);
    font-family: var(--nk-font);
    font-size: 15px;
    font-style: normal;
    line-height: 1.6;
    text-align: left;
    color: var(--nk-coffee);
}

.inputs input#Newsletter {
    margin: 0 10px 4px 0;
}

/* ---- 24.7 Responsive ---------------------------------------------------- */

@media all and (max-width: 768px) {
    .html-order-list-page .page-body .order-list {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .html-order-list-page .order-list .order-item > .title,
    .html-order-list-page .page-body .recurring-payments > .title {
        padding: 14px 20px;
    }

    .html-order-list-page .order-list .order-item .info {
        padding: 6px 20px 10px;
    }

    .html-order-list-page .order-list .order-item > .buttons {
        padding: 12px 20px;
    }

    .html-order-list-page .recurring-payments .data-table th:first-child,
    .html-order-list-page .recurring-payments .data-table td:first-child {
        padding-left: 20px;
    }
}

@media all and (max-width: 480px) {
    .html-order-list-page .order-list .order-item > .buttons {
        flex-wrap: wrap;
    }

    .html-order-list-page .order-item .buttons .button-2 {
        flex: 1 1 100%;
        text-align: center;
    }

    .html-order-list-page .order-item .buttons .button-2.order-details-button {
        margin-left: 0;
    }
}

/* ==========================================================================
   25. Order details page
   --------------------------------------------------------------------------
   Scoped to .html-order-details-page. The page runs on _ColumnsOne outside the
   account navigation, so it carries its own shell. Print mode uses _Print and
   never gets this class on <html>, so the printed sheet is untouched.
   ========================================================================== */

/* ---- 25.1 Page shell ---------------------------------------------------- */

.html-order-details-page body,
.html-order-details-page .master-wrapper-page {
    background: var(--nk-paper);
    color: var(--nk-coffee);
    font-family: var(--nk-font);
}

.html-order-details-page .master-wrapper-content,
.html-order-details-page .master-column-wrapper,
.html-order-details-page .center-1,
.html-order-details-page .page.order-details-page {
    margin: 0;
    padding: 0;
    max-width: none;
    width: auto;
    float: none;
}

.html-order-details-page .page.order-details-page > .page-body {
    max-width: var(--nk-maxw);
    margin: 0 auto;
    padding: 0 var(--nk-gutter) 84px;
    background: transparent;
}

/* Heading left, print and invoice actions right. */
.html-order-details-page .page.order-details-page > .page-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px 24px;
    position: static;
    max-width: var(--nk-maxw);
    margin: 0 auto 26px;
    padding: 40px var(--nk-gutter) 20px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    text-align: left;
}

.html-order-details-page .page.order-details-page > .page-title h1 {
    margin: 0;
    padding: 0;
    font-family: var(--nk-font);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.25;
    text-align: left;
    text-transform: none;
    color: var(--nk-coffee) !important;
}

.html-order-details-page .order-details-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}

/* styles.css draws these two with an icon sprite and 44px of left padding;
   section 17 blanks the image, so the padding goes with it. */
.html-order-details-page .order-details-buttons .button-2 {
    display: inline-block;
    margin: 0;
    padding: 10px 20px;
    background-color: var(--nk-white) !important;
    background-image: none !important;
    border: 1px solid var(--nk-coffee-22) !important;
    border-radius: 0;
    font-family: var(--nk-font);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    color: var(--nk-coffee) !important;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.html-order-details-page .order-details-buttons .button-2:hover {
    background-color: var(--nk-coffee) !important;
    border-color: var(--nk-coffee) !important;
    color: var(--nk-linen) !important;
}

/* ---- 25.2 Overview band ------------------------------------------------- */
/* The four facts that identify the order, as one Coffee panel. */

.html-order-details-page .page-body .order-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    align-items: center;
    gap: 20px;
    margin: 0 0 22px;
    padding: 20px;
    background: var(--nk-coffee);
    border: 0;
    text-align: left;
    color: var(--nk-linen-86);
}

.html-order-details-page .page-body .order-overview > div {
    margin: 0;
    padding: 0;
    font-family: var(--nk-font);
    font-size: 12.5px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .04em;
    line-height: 1.5;
    text-align: left;
    color: var(--nk-linen-86);
}

.html-order-details-page .page-body .order-overview .order-number {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--nk-blue);
}

.html-order-details-page .page-body .order-overview .order-number strong {
    font-weight: 500;
    color: inherit;
}

.html-order-details-page .page-body .order-overview .order-total {
    color: var(--nk-linen);
}

.html-order-details-page .page-body .order-overview .order-total strong {
    display: block;
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--nk-blue);
}

/* ---- 25.3 Billing and shipping ------------------------------------------ */
/* Same two-card recap as the confirm step. Each list holds more than one
   li.title - "Billing address" then "Payment" - so later ones open a block. */

.html-order-details-page .page-body .order-details-area {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    align-items: stretch;
    gap: 20px;
    margin: 0 0 22px;
}

.html-order-details-page .order-details-area > ul {
    float: none;
    width: auto;
    margin: 0;
    padding: 20px;
    list-style: none;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-blue);
    text-align: left;
}

.html-order-details-page .order-details-area li {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    text-align: left;
    color: var(--nk-coffee-80);
}

.html-order-details-page .page-body .order-details-area li.title {
    display: block;
    margin: 0 0 10px;
    padding: 0;
    background: none;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    color: var(--nk-coffee-60) !important;
}

.html-order-details-page .page-body .order-details-area li.title ~ li.title {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--nk-coffee-10);
}

.html-order-details-page .order-details-area li.name {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--nk-coffee);
}

.html-order-details-page .order-details-area li.country {
    color: var(--nk-coffee);
}

.html-order-details-page .order-details-area li .label {
    margin: 0 4px 0 0;
    color: var(--nk-coffee-60);
}

.html-order-details-page .order-details-area li .value {
    color: var(--nk-coffee);
}

.html-order-details-page .order-details-area .repost {
    margin: 14px 0 0;
}

.html-order-details-page .order-details-area .repost .hint {
    margin: 8px 0 0;
    font-size: 12.5px;
    font-style: normal;
    line-height: 1.5;
    color: var(--nk-coffee-60);
}

/* ---- 25.4 Section cards ------------------------------------------------- */

.html-order-details-page .page-body .section.products,
.html-order-details-page .page-body .section.shipments,
.html-order-details-page .page-body .section.order-notes {
    position: static;
    float: none;
    width: auto;
    max-width: none;
    margin: 0 0 22px;
    padding: 0;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-blue);
}

/* master.css routes .title through its shared group - inline-block, Brandon
   Grotesque and a legacy tan underline - so all three are cleared. */
.html-order-details-page .page-body .section > .title {
    display: block;
    width: auto;
    margin: 0 !important;
    padding: 15px 24px;
    background: var(--nk-linen-tint);
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    font-family: var(--nk-font) !important;
    font-style: normal;
    text-align: left;
}

.html-order-details-page .page-body .section > .title strong {
    display: inline;
    padding: 0;
    background: none;
    border: 0;
    font-family: var(--nk-font) !important;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: .16em;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--nk-coffee);
}

.html-order-details-page .page-body .section .table-wrapper {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    overflow-x: auto;
}

.html-order-details-page .page-body .section .data-table {
    width: 100%;
    margin: 0;
    background: transparent;
    border: 0;
    border-collapse: collapse;
}

.html-order-details-page .page-body .section .data-table th {
    width: auto;
    padding: 12px 16px;
    background: var(--nk-coffee);
    border: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    text-align: left;
    color: var(--nk-linen) !important;
    white-space: nowrap;
}

.html-order-details-page .page-body .section .data-table td {
    min-width: 0;
    padding: 16px 14px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: var(--nk-coffee-80);
    white-space: nowrap;
}

.html-order-details-page .page-body .section .data-table tbody tr:last-child td {
    border-bottom: 0;
}

.html-order-details-page .page-body .section .data-table th:first-child,
.html-order-details-page .page-body .section .data-table td:first-child {
    padding-left: 24px;
}

.html-order-details-page .page-body .section .data-table th:last-child,
.html-order-details-page .page-body .section .data-table td:last-child {
    padding-right: 24px;
}

/* The .td-title labels only surface in the stacked mobile view. */
.html-order-details-page .page-body .section .data-table .td-title {
    margin: 0 6px 0 0;
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--nk-coffee-60);
    display: none;
}

.html-order-details-page .page-body .products .data-table td.product a {
    font-family: var(--nk-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--nk-blue-deep) !important;
}

.html-order-details-page .page-body .products .data-table td.product a:hover {
    color: var(--nk-coffee) !important;
}

.html-order-details-page .page-body .products .data-table td.sku,
.html-order-details-page .page-body .products .data-table td.quantity {
    font-size: 16px;
    white-space: nowrap;
    color: var(--nk-coffee-60);
}

.html-order-details-page .page-body .products .data-table .attributes,
.html-order-details-page .page-body .products .data-table .rental-info,
.html-order-details-page .page-body .products .data-table .download {
    margin: 6px 0 0;
    padding: 0;
    border: 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--nk-coffee-60);
}

.html-order-details-page .page-body .products .data-table td.total .product-subtotal {
    font-size: 16px;
    font-weight: 400;
    color: var(--nk-coffee);
}

.html-order-details-page .page-body .section .data-table a {
    color: var(--nk-blue-deep) !important;
}

.html-order-details-page .page-body .section .data-table a:hover {
    color: var(--nk-coffee) !important;
}

/* ---- 25.5 Options, actions and totals ----------------------------------- */

.html-order-details-page .page-body .section.options {
    position: static;
    float: none;
    width: auto;
    max-width: none;
    margin: 0 0 22px;
    padding: 0;
    background: transparent;
    border: 0;
}

.html-order-details-page .page-body .options .tax-shipping-info,
.html-order-details-page .page-body .options .selected-checkout-attributes {
    display: block;
    margin: 0 0 12px;
    padding: 14px 20px;
    background: var(--nk-linen-tint);
    border-left: 3px solid var(--nk-blue);
    font-family: var(--nk-font);
    font-size: 13.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    color: var(--nk-coffee);
}

.html-order-details-page .page-body .options .tax-shipping-info a {
    color: var(--nk-blue-deep) !important;
    text-decoration: underline;
}

.html-order-details-page .page-body .options .actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 18px 0 0;
    padding: 0;
    text-align: left;
}

.html-order-details-page .page-body .options .actions .button-1,
.html-order-details-page .page-body .options .actions .button-2 {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 12px 24px;
    background-image: none !important;
    border-radius: 0;
    font-family: var(--nk-font);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    cursor: pointer;
}

.html-order-details-page .page-body .options .actions .button-1 {
    background-color: var(--nk-coffee) !important;
    border: 0 !important;
    color: var(--nk-linen) !important;
}

.html-order-details-page .page-body .options .actions .button-1:hover {
    background-color: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
}

.html-order-details-page .page-body .options .actions .button-2 {
    background-color: var(--nk-white) !important;
    border: 1px solid var(--nk-coffee-22) !important;
    color: var(--nk-coffee) !important;
}

.html-order-details-page .page-body .options .actions .button-2:hover {
    background-color: var(--nk-coffee) !important;
    border-color: var(--nk-coffee) !important;
    color: var(--nk-linen) !important;
}

/* Totals read as an invoice foot against the right edge. */
.html-order-details-page .page-body .section.totals {
    position: static;
    float: none;
    width: auto;
    max-width: none;
    margin: 0 0 22px;
    padding: 0;
    background: transparent;
    border: 0;
}

.html-order-details-page .page-body .totals .total-info {
    width: auto;
    max-width: 380px;
    margin: 0 0 0 auto;
    padding: 24px 26px 26px;
    background: var(--nk-coffee);
    border: 0;
}

.html-order-details-page .page-body .totals .cart-total {
    width: 100%;
    margin: 0;
    background: transparent;
    border: 0;
    border-collapse: collapse;
}

.html-order-details-page .page-body .totals .cart-total td {
    width: auto;
    padding: 6px 0;
    background: transparent;
    border: 0;
    vertical-align: baseline;
    font-size: 16px;
    font-weight: 400;
    color: var(--nk-linen-86);
}

.html-order-details-page .page-body .totals .cart-total .cart-total-left {
    text-align: left;
}

.html-order-details-page .page-body .totals .cart-total .cart-total-right {
    text-align: right;
}

.html-order-details-page .page-body .totals .cart-total label,
.html-order-details-page .page-body .totals .cart-total .value-summary {
    font: inherit;
    color: inherit;
}

.html-order-details-page .page-body .totals .cart-total tr:last-child td {
    padding: 18px 0 0;
    border-top: 1px solid rgba(216, 207, 193, .22);
    font-size: 14px;
    font-weight: 500;
    color: var(--nk-linen);
}

.html-order-details-page .page-body .totals .cart-total tr:last-child .cart-total-right,
.html-order-details-page .page-body .totals .cart-total tr:last-child .cart-total-right strong {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    color: var(--nk-blue);
}

/* ---- 25.6 Responsive ---------------------------------------------------- */

@media all and (max-width: 1024px) {
    .html-order-details-page .page.order-details-page > .page-title {
        padding: 30px var(--nk-gutter) 18px;
    }

    .html-order-details-page .page.order-details-page > .page-body {
        padding: 0 var(--nk-gutter) 60px;
    }
}

@media all and (max-width: 768px) {
    .html-order-details-page .page.order-details-page > .page-title h1 {
        font-size: 22px;
    }

    .html-order-details-page .page-body .order-overview {
        padding: 22px 20px;
        gap: 18px 24px;
    }

    .html-order-details-page .page-body .section > .title {
        padding: 14px 20px;
    }

    .html-order-details-page .page-body .section .data-table th,
    .html-order-details-page .page-body .section .data-table td {
        padding: 13px 10px;
    }

    .html-order-details-page .page-body .section .data-table th:first-child,
    .html-order-details-page .page-body .section .data-table td:first-child {
        padding-left: 20px;
    }

    .html-order-details-page .page-body .section .data-table th:last-child,
    .html-order-details-page .page-body .section .data-table td:last-child {
        padding-right: 20px;
    }

    .html-order-details-page .page-body .totals .total-info {
        max-width: none;
    }
}

@media all and (max-width: 480px) {
    .html-order-details-page .order-details-buttons {
        width: 100%;
    }

    .html-order-details-page .order-details-buttons .button-2 {
        flex: 1 1 auto;
        text-align: center;
    }

    .html-order-details-page .page-body .options .actions .button-1,
    .html-order-details-page .page-body .options .actions .button-2 {
        flex: 1 1 100%;
        text-align: center;
    }
}

/* ---- 25.7 Corrections against the base sheet ---------------------------- */

/* styles.css pins .order-details-buttons absolutely at top:80px, left:0,
   right:0 - which threw them outside the title's gutter once the title became
   a flex row. */
.html-order-details-page .order-details-page .page-title .order-details-buttons {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
}

.html-order-details-page .order-details-page .page-title .order-details-buttons a.button-2 {
    position: relative;
    margin: 0;
    padding: 10px 20px;
    font-size: 14px;
}

.html-order-details-page .order-details-page .page-title .order-details-buttons a.button-2::before {
    left: 20px;
    right: auto;
}

/* Product attributes belong under the product name, not beside it. */
.html-order-details-page .page-body .products .data-table td.product .attributes,
.html-order-details-page .page-body .products .data-table td.product .rental-info {
    display: block;
    clear: both;
}

/* .td-title repeats the column header on every cell. It is the fallback label
   for the stacked view, so it only earns its place once the table collapses. */
@media all and (min-width: 769px) {
    .html-order-details-page .page-body .section .data-table .td-title {
        display: none;
    }
}


/* ==========================================================================
   26. Address add / edit page
   --------------------------------------------------------------------------
   AddressAdd and AddressEdit both carry html-address-edit-page and both render
   _CreateOrUpdateAddress straight into .page-body - there is no .fieldset or
   .form-fields wrapper here, so section 22's field rules do not reach it.
   The same partial in checkout is handled by section 21.4; this is the account
   side of it, styled to match.

   Shell, navigation, page title and Save button come from section 22.
   ========================================================================== */

/* ---- 26.1 The card ------------------------------------------------------ */

.html-address-edit-page .page-body .edit-address {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 20px 24px;
    width: auto;
    max-width: none;
    margin: 0 0 22px;
    padding: 28px 26px 30px;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-blue);
    text-align: left;
}

/* ---- 26.2 Fields -------------------------------------------------------- */
/* styles.css centres .inputs in a 490px column and floats the controls; each
   field becomes a label stacked over its own control instead. */

.html-address-edit-page .edit-address .inputs {
    position: relative;
    display: block;
    width: auto;
    max-width: none;
    margin: 0;
    font-size: 14px;
    white-space: normal;
    text-align: left;
}

/* Custom address attributes can be radio or checkbox lists, so they take the
   full row rather than being squeezed into half of it. */
.html-address-edit-page .edit-address .inputs.custom-attributes,
.html-address-edit-page .edit-address .inputs:has(textarea),
.html-address-edit-page .edit-address .inputs:has(.option-list) {
    grid-column: 1 / -1;
}

.html-address-edit-page .edit-address .inputs > label {
    display: block;
    width: auto;
    margin: 0 0 6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    color: var(--nk-coffee-60);
}

.html-address-edit-page .edit-address .inputs input[type="text"],
.html-address-edit-page .edit-address .inputs input[type="email"],
.html-address-edit-page .edit-address .inputs input[type="tel"],
.html-address-edit-page .edit-address .inputs select,
.html-address-edit-page .edit-address .inputs textarea {
    display: block;
    float: none;
    width: 100%;
    max-width: none;
    height: auto;
    padding: 11px 13px;
    background: var(--nk-paper);
    border: 1px solid var(--nk-coffee-22);
    border-radius: 0;
    font-family: var(--nk-font);
    font-size: 14px;
    color: var(--nk-coffee);
}

.html-address-edit-page .edit-address .inputs input:focus,
.html-address-edit-page .edit-address .inputs select:focus,
.html-address-edit-page .edit-address .inputs textarea:focus {
    border-color: var(--nk-blue);
    outline: 0;
}

.html-address-edit-page .edit-address .inputs textarea {
    min-height: 110px;
    line-height: 1.6;
    resize: vertical;
}

/* The asterisk is a sibling of the control, so it is pinned to the corner
   instead of nudging the field out of line. */
.html-address-edit-page .edit-address .inputs .required {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    color: var(--nk-blue-deep);
}

.html-address-edit-page .edit-address .inputs .field-validation-error,
.html-address-edit-page .edit-address .inputs span.field-validation-error {
    position: static;
    display: block;
    margin: 6px 0 0;
    padding: 0;
    background: none;
    font-family: var(--nk-font);
    font-size: 12px;
    color: var(--nk-blue-deep);
}

.html-address-edit-page .edit-address .inputs .please-wait {
    display: inline-block;
    margin: 6px 0 0;
    font-family: var(--nk-font);
    font-size: 12px;
    color: var(--nk-coffee-60);
}

/* Attribute option lists. */
.html-address-edit-page .edit-address .option-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    margin: 0;
    padding: 8px 0 0;
    overflow: visible;
}

.html-address-edit-page .edit-address .option-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    float: none;
    margin: 0;
}

.html-address-edit-page .edit-address .option-list label {
    display: inline;
    margin: 0;
    font-family: var(--nk-font);
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0;
    text-transform: none;
    color: var(--nk-coffee);
}

.html-address-edit-page .edit-address .inputs input[type="radio"],
.html-address-edit-page .edit-address .inputs input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0;
    flex: none;
    accent-color: var(--nk-blue-deep);
    cursor: pointer;
}

/* ---- 26.3 Responsive ---------------------------------------------------- */

@media all and (max-width: 768px) {
    .html-address-edit-page .page-body .edit-address {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        padding: 22px 20px 24px;
    }
}

/* ---- 25.8 Overview band as labelled stats ------------------------------- */
/* Details.cshtml now wraps each fact as .overview-label + .overview-value, so
   every cell is a label over its value. Before that the label and value were
   one text node, which is why they could not be separated. */

.html-order-details-page .page-body .order-overview {
    align-items: start;
    gap: 26px 40px;
}

.html-order-details-page .page-body .order-overview > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.html-order-details-page .page-body .order-overview .overview-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--nk-blue);
}

.html-order-details-page .page-body .order-overview .overview-value {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    text-transform: none;
    color: var(--nk-linen);
}

/* styles.css sets .order-details-page .order-number strong to 18px bold; the
   value classes carry the size now, so the strong inherits its line. */
.html-order-details-page .page-body .order-overview strong.overview-value {
    font-size: 18px;
    font-weight: 400;
    color: var(--nk-linen);
}

.html-order-details-page .page-body .order-overview .order-total .overview-value {
    font-size: 22px;
}

/* The status is the one fact that is a state rather than a value, so it reads
   as a chip. The model exposes only the localised string - no enum - so there
   is no per-status variant to key off. */
.html-order-details-page .page-body .order-overview .order-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 14px;
    background: var(--nk-linen-tint);
    font-family: var(--nk-font);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.3;
    text-transform: none;
    color: var(--nk-coffee);
}

/* ---- 25.9 Back to orders ------------------------------------------------ */

/* The link is a direct child of .page, which runs full width, so it is offset
   to the same left edge as the constrained column above the title. max()
   clamps to the plain gutter once the viewport is narrower than --nk-maxw. */
.html-order-details-page .order-back-link {
    display: inline-block;
    margin: 0 0 0 max(var(--nk-gutter), calc((100% - var(--nk-maxw)) / 2 + var(--nk-gutter)));
    padding: 34px 0 0;
    font-family: var(--nk-font);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .16em;
    line-height: 1.4;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--nk-blue-deep) !important;
}

.html-order-details-page .order-back-link::before {
    content: "\2039";
    margin-right: 8px;
    font-size: 15px;
    line-height: 1;
    vertical-align: -1px;
}

.html-order-details-page .order-back-link:hover {
    color: var(--nk-coffee) !important;
}

/* The link sits above the title, so the title loses its own top padding. */
.html-order-details-page .order-back-link + .page-title {
    padding-top: 14px;
}

.html-order-details-page .page.order-details-page > .page-title h1 {
    font-size: 32px;
    font-weight: 600;
}

@media all and (max-width: 768px) {
    .html-order-details-page .page.order-details-page > .page-title h1 {
        font-size: 25px;
    }

    .html-order-details-page .page-body .order-overview .overview-value {
        font-size: 17px;
    }

    .html-order-details-page .page-body .order-overview .order-total .overview-value {
        font-size: 20px;
    }
}

/* Base rules centre this page's text below 1025, which pulled the back link
   into the middle of the row. The page reads left-aligned throughout. */
.html-order-details-page .page.order-details-page {
    text-align: left;
}

/* styles.css gives .page-title an ::after float-clear with content:"" and
   display:block. In a flex container that counts as a third flex item, so
   space-between was placing the buttons between the heading and an invisible
   zero-width box at the right edge - i.e. centred. */
.html-order-details-page .page.order-details-page > .page-title::after {
    content: none;
    display: none;
}


/* ==========================================================================
   27. Return request page
   --------------------------------------------------------------------------
   Scoped to .html-return-request-page. The page runs on _ColumnsOne and never
   gets html-account-page, so it carries its own shell rather than inheriting
   section 22's. The item table stays a real table - SevenSpikes runs FooTable
   over it and the data-hide attributes drive the collapse.
   ========================================================================== */

/* ---- 27.1 Page shell ---------------------------------------------------- */

.html-return-request-page body,
.html-return-request-page .master-wrapper-page {
    background: var(--nk-paper);
    color: var(--nk-coffee);
    font-family: var(--nk-font);
}

.html-return-request-page .master-wrapper-content,
.html-return-request-page .master-column-wrapper,
.html-return-request-page .center-1,
.html-return-request-page .page.return-request-page {
    margin: 0;
    padding: 0;
    max-width: none;
    width: auto;
    float: none;
    text-align: left;
}

.html-return-request-page .page.return-request-page > .page-title {
    position: static;
    max-width: var(--nk-maxw);
    margin: 0 auto 26px;
    padding: 40px var(--nk-gutter) 20px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    text-align: left;
}

.html-return-request-page .page.return-request-page > .page-title::after {
    content: none;
    display: none;
}

.html-return-request-page .page.return-request-page > .page-title h1 {
    margin: 0;
    padding: 0;
    font-family: var(--nk-font);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.3;
    text-align: left;
    text-transform: none;
    color: var(--nk-coffee) !important;
}

/* The heading carries a link back to the order it belongs to. */
.html-return-request-page .page-title h1 a {
    color: var(--nk-blue-deep) !important;
    text-decoration: none;
    border-bottom: 1px solid var(--nk-coffee-22);
}

.html-return-request-page .page-title h1 a:hover {
    border-bottom-color: var(--nk-blue);
    color: var(--nk-coffee) !important;
}

.html-return-request-page .page.return-request-page > .page-body {
    max-width: var(--nk-maxw);
    margin: 0 auto;
    padding: 0 var(--nk-gutter) 84px;
    background: transparent;
}

/* ---- 27.2 Section and fieldset cards ------------------------------------ */

.html-return-request-page .page-body .section,
.html-return-request-page .page-body .fieldset {
    position: static;
    float: none;
    width: auto;
    max-width: none;
    margin: 0 0 22px;
    padding: 0;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-blue);
}

/* master.css routes .title through its shared group - inline-block, Brandon
   Grotesque and a legacy tan underline. */
.html-return-request-page .page-body .section > .title,
.html-return-request-page .page-body .fieldset > .title {
    display: block;
    width: auto;
    margin: 0 !important;
    padding: 15px 24px;
    background: var(--nk-linen-tint);
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    font-family: var(--nk-font) !important;
    font-style: normal;
    text-align: left;
}

.html-return-request-page .page-body .section > .title strong,
.html-return-request-page .page-body .fieldset > .title strong {
    display: inline;
    padding: 0;
    background: none;
    border: 0;
    font-family: var(--nk-font) !important;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: .16em;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--nk-coffee);
}

/* ---- 27.3 Item table ---------------------------------------------------- */

.html-return-request-page .page-body .table-wrapper {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-top: 0;
    overflow-x: auto;
}

.html-return-request-page .page-body .data-table {
    width: 100%;
    margin: 0;
    background: transparent;
    border: 0;
    border-collapse: collapse;
}

.html-return-request-page .page-body .data-table th {
    width: auto;
    padding: 13px 14px;
    background: var(--nk-coffee);
    border: 0;
    font-family: var(--nk-font);
    font-size: 10.5px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .14em;
    line-height: 1.4;
    text-align: left;
    text-transform: uppercase;
    color: var(--nk-linen) !important;
    white-space: nowrap;
}

.html-return-request-page .page-body .data-table td {
    min-width: 0;
    padding: 16px 14px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    vertical-align: middle;
    font-family: var(--nk-font);
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    color: var(--nk-coffee-80);
}

.html-return-request-page .page-body .data-table tbody tr:last-child td {
    border-bottom: 0;
}

.html-return-request-page .page-body .data-table th:first-child,
.html-return-request-page .page-body .data-table td:first-child {
    padding-left: 24px;
}

.html-return-request-page .page-body .data-table th:last-child,
.html-return-request-page .page-body .data-table td:last-child {
    padding-right: 24px;
}

.html-return-request-page .page-body .data-table td .item-count {
    font-size: 13px;
    color: var(--nk-coffee-60);
}

.html-return-request-page .page-body .data-table td.product {
    font-size: 15px;
    font-weight: 500;
    color: var(--nk-coffee);
}

.html-return-request-page .page-body .data-table td.product .attributes {
    display: block;
    margin: 6px 0 0;
    padding: 0;
    border: 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--nk-coffee-60);
}

.html-return-request-page .page-body .data-table td.unit-price {
    font-size: 15px;
    color: var(--nk-coffee);
}

.html-return-request-page .page-body .data-table .go-to-page {
    display: inline-block;
    font-family: var(--nk-font);
    font-size: 16px !important;
    letter-spacing: .04em;
    white-space: nowrap;
    color: var(--nk-blue-deep) !important;
}

.html-return-request-page .page-body .data-table .go-to-page:hover {
    color: var(--nk-coffee) !important;
}

.html-return-request-page .page-body .data-table td.quantity select {
    width: auto;
    min-width: 72px;
    height: 40px;
    padding: 0 10px;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-22);
    border-radius: 0;
    font-family: var(--nk-font);
    font-size: 14px;
    color: var(--nk-coffee);
}

.html-return-request-page .page-body .data-table td.quantity select:focus {
    border-color: var(--nk-blue);
    outline: 0;
}

/* ---- 27.4 Reason and comments form -------------------------------------- */

.html-return-request-page .page-body .fieldset .form-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 20px 24px;
    width: auto;
    margin: 0;
    padding: 26px;
    background: transparent;
    border: 0;
}

.html-return-request-page .form-fields .inputs {
    position: relative;
    display: block;
    width: auto;
    max-width: none;
    margin: 0;
    font-size: 14px;
    white-space: normal;
    text-align: left;
}

/* The comment box and the uploader want the whole row. */
.html-return-request-page .form-fields .inputs:has(textarea),
.html-return-request-page .form-fields .inputs.return-request-file {
    grid-column: 1 / -1;
}

/* 1024.css pins these labels to a fixed 305px. */
.html-return-request-page .form-fields .inputs > label {
    display: block;
    width: auto;
    margin: 0 0 6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    color: var(--nk-coffee-60);
}

.html-return-request-page .form-fields .inputs select,
.html-return-request-page .form-fields .inputs textarea,
.html-return-request-page .form-fields .inputs input[type="text"] {
    display: block;
    float: none;
    width: 100%;
    max-width: none;
    height: auto;
    padding: 11px 13px;
    background: var(--nk-paper);
    border: 1px solid var(--nk-coffee-22);
    border-radius: 0;
    font-family: var(--nk-font);
    font-size: 14px;
    color: var(--nk-coffee);
}

.html-return-request-page .form-fields .inputs select:focus,
.html-return-request-page .form-fields .inputs textarea:focus {
    border-color: var(--nk-blue);
    outline: 0;
}

.html-return-request-page .form-fields .inputs textarea.comment {
    min-height: 130px;
    line-height: 1.6;
    resize: vertical;
}

.html-return-request-page .form-fields .inputs .field-validation-error,
.html-return-request-page .form-fields .inputs span.field-validation-error {
    position: static;
    display: block;
    margin: 6px 0 0;
    padding: 0;
    background: none;
    font-family: var(--nk-font);
    font-size: 12px;
    color: var(--nk-blue-deep);
}

/* Fine Uploader's button, which styles.css leaves on the legacy red. */
.html-return-request-page .qq-upload-button,
.html-return-request-page .page-body .qq-upload-button {
    display: inline-block;
    padding: 11px 22px;
    background-color: var(--nk-blue) !important;
    border: 0;
    border-radius: 0;
    cursor: pointer;
}

.html-return-request-page .qq-upload-button div {
    font-family: var(--nk-font);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--nk-coffee);
}

.html-return-request-page .qq-upload-button:hover {
    background-color: var(--nk-coffee) !important;
}

.html-return-request-page .qq-upload-button:hover div {
    color: var(--nk-linen);
}

.html-return-request-page .qq-upload-list {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    font-family: var(--nk-font);
    font-size: 13px;
    color: var(--nk-coffee-80);
}

/* ---- 27.5 Submit and result --------------------------------------------- */

.html-return-request-page .page-body .buttons {
    margin: 0;
    padding: 0;
    text-align: center;
}

.html-return-request-page .page-body .buttons .button-1 {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 12px 24px;
    background-color: var(--nk-coffee) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--nk-linen) !important;
    cursor: pointer;
}

.html-return-request-page .page-body .buttons .button-1:hover {
    background-color: var(--nk-blue) !important;
    color: var(--nk-coffee) !important;
}

.html-return-request-page .page-body .result {
    margin: 0;
    padding: 26px 28px;
    background: var(--nk-linen-tint);
    border: 0;
    border-left: 3px solid var(--nk-blue);
    font-family: var(--nk-font);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    color: var(--nk-coffee);
}

/* ---- 27.6 Responsive ---------------------------------------------------- */

@media all and (max-width: 1024px) {
    .html-return-request-page .page.return-request-page > .page-title {
        padding: 30px var(--nk-gutter) 18px;
    }

    .html-return-request-page .page.return-request-page > .page-body {
        padding: 0 var(--nk-gutter) 60px;
    }
}

@media all and (max-width: 768px) {
    .html-return-request-page .page.return-request-page > .page-title h1 {
        font-size: 22px;
    }

    .html-return-request-page .page-body .section > .title,
    .html-return-request-page .page-body .fieldset > .title {
        padding: 14px 20px;
    }

    .html-return-request-page .page-body .fieldset .form-fields {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        padding: 20px;
    }

    .html-return-request-page .page-body .data-table th,
    .html-return-request-page .page-body .data-table td {
        padding: 13px 10px;
    }

    .html-return-request-page .page-body .data-table th:first-child,
    .html-return-request-page .page-body .data-table td:first-child {
        padding-left: 20px;
    }

    .html-return-request-page .page-body .data-table th:last-child,
    .html-return-request-page .page-body .data-table td:last-child {
        padding-right: 20px;
    }
}

@media all and (max-width: 480px) {
    .html-return-request-page .page-body .buttons {
        text-align: center;
    }

    .html-return-request-page .page-body .buttons .button-1 {
        display: block;
        width: 100%;
    }
}

/* ---- 19.12 Cross-sells (full width) ------------------------------------- */
/* CrossSellProducts now renders as a sibling of #shopping-cart-form rather
   than inside .cart-options, so it clears the two-column cart / summary grid
   and spans the whole content column. */

.html-shopping-cart-page .order-summary-content .cross-sells {
    clear: both;
    width: auto;
    max-width: none;
    margin: 30px 0 0;
    padding: 26px 26px 28px;
    background: var(--nk-white);
    border: 1px solid var(--nk-coffee-12);
    border-top: 3px solid var(--nk-blue);
    overflow: visible;
}

.html-shopping-cart-page .order-summary-content .cross-sells > .title {
    display: block;
    width: auto;
    margin: 0 0 20px !important;
    padding: 0 0 14px;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--nk-coffee-10);
    text-align: center;
}

.html-shopping-cart-page .order-summary-content .cross-sells > .title strong {
    display: inline;
    padding: 0;
    background: none;
    border: 0;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0.3px;
    color: var(--nk-coffee);
    text-align: center;
}

/* The item boxes are floated by the base grid; a real grid gives them equal
   widths across the full measure instead of a 4-across float that wraps. */
.html-shopping-cart-page .order-summary-content .cross-sells .item-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    align-items: stretch;
    gap: 24px;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: visible;
}

.html-shopping-cart-page .order-summary-content .cross-sells .item-box {
    float: none;
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
}


@media all and (max-width: 768px) {
    .html-shopping-cart-page .order-summary-content .cross-sells {
        margin-top: 24px;
        padding: 20px 20px 22px;
    }

    .html-shopping-cart-page .order-summary-content .cross-sells .item-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 18px;
    }
}

@media all and (min-width: 1025px) {
    .mega-menu li.has-sublist {
        position: relative !important;
    }
}

@media all and (max-width: 1024px) {
    .html-category-page .side-2 .block .title {
        padding: 7px 25px;
        margin: 0;
        cursor: pointer;
        background: url("../../img/select-arrow.png") right center no-repeat, url("../../img/select-arrow.png") left center no-repeat;
        border-bottom: 4px double #f1f1f1;
    }
}

.side-2 .filtersPanel {
    padding: 0 !important;
    margin: 0;
    width: 100%;
}
.nopAjaxFilters7Spikes .checkbox-list label {
    text-align: left;
}
.nopAjaxFilters7Spikes .block .filtersGroupPanel {
    padding: 0 0 0 2px;
}