/* input(11741,40): run-time error CSS1030: Expected identifier, found ':'
input(11741,48): run-time error CSS1025: Expected comma or open brace, found ')'
input(11787,33): run-time error CSS1030: Expected identifier, found ':'
input(11787,41): run-time error CSS1025: Expected comma or open brace, found ')'
input(11824,33): run-time error CSS1030: Expected identifier, found ':'
input(11824,41): run-time error CSS1025: Expected comma or open brace, found ')'
input(11880,33): run-time error CSS1030: Expected identifier, found ':'
input(11880,41): run-time error CSS1025: Expected comma or open brace, found ')'
input(11884,33): run-time error CSS1030: Expected identifier, found ':'
input(11884,41): run-time error CSS1025: Expected comma or open brace, found ')'
input(12260,29): run-time error CSS1046: Expect comma, found '100'
input(12260,37): run-time error CSS1046: Expect comma, found '/' */
/*! perfect-scrollbar - v0.5.8
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2014 Hyunje Alex Jun; Licensed MIT */
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-x-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6;-ms-filter:"alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail.in-scrolling,.ps-container:hover>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
.simplebar,[data-simplebar-direction]{position:relative;overflow:hidden;-webkit-overflow-scrolling:touch}.simplebar .simplebar-scroll-content,[data-simplebar-direction] .simplebar-scroll-content{overflow-y:scroll;overflow-x:auto}[data-simplebar-direction="horizontal"] .simplebar-scroll-content,.simplebar.horizontal .simplebar-scroll-content{overflow-x:scroll;overflow-y:auto}.simplebar-track{z-index:99;position:absolute;top:0;right:0;bottom:0;width:11px}.simplebar-track .simplebar-scrollbar{position:absolute;right:2px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;min-height:10px;width:7px;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;background:#6c6e71;-webkit-background-clip:padding-box;-moz-background-clip:padding}.simplebar-track:hover .simplebar-scrollbar{opacity:.7;-webkit-transition:opacity 0s linear;transition:opacity 0s linear}.simplebar-track .simplebar-scrollbar.visible{opacity:.7}[data-simplebar-direction="horizontal"] .simplebar-track,.simplebar.horizontal .simplebar-track{top:auto;left:0;width:auto;height:11px}[data-simplebar-direction="horizontal"] .simplebar-track .simplebar-scrollbar,.simplebar.horizontal .simplebar-track .simplebar-scrollbar{right:auto;top:2px;height:7px;min-height:0;min-width:10px;width:auto}
/*********** CSS RESET **********/


* {
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	margin: 0 !important;
	-webkit-text-size-adjust: none;
}
ol, ul {
	list-style: none;
}
a img {
	border: none;
}
a:active {
	outline: none;
}
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	margin: 0;
	border: 0;
	padding: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
	border-radius: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}
input::-moz-placeholder {
	opacity: 1; /*firefox text input bug fix*/
}
input:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0 1000px #fff;
}
script {
    display: none !important;
}


/*********** GLOBAL STYLES **********/



 body { 
     max-width: 100%; 
     overflow-x: hidden; /* responsive navigation & filters scroll bug fix */
	 background-color: #fff; 
	 font: normal 400 14px "Rubik", sans-serif; 
     color: #1a1818; 
}
h1,h2,h3,h4,h5,h6 {
}
a {
	color: inherit;
	cursor: pointer;
}
a img {
	opacity: 0.99; /*firefox scale bug fix*/
}
table {
	width: 100%;
	border-collapse: collapse;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea, select {
	height: 36px; /*safari padding fix*/
	border: 2px solid #eee;
	padding: 8px;
	vertical-align: middle;
    font-family: 'Rubik','Open Sans', sans-serif;
    color: #888; 
}
input, textarea, select {
    font-family: 'Rubik','Open Sans', sans-serif;
	font-size: 13px;
}
textarea {
	min-height: 150px;
}
select {
	min-width: 50px;
	/*height: 32px;*/
	padding: 5px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus, select:focus {
    color: #222;
}
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + *,
input[type="radio"] + * {
	vertical-align: middle;
}
input[type="button"], input[type="submit"],
button, .button-1, .button-2 {
	cursor: pointer;
}
label, label + * {
	vertical-align: middle;
}
.master-wrapper-content {
	position: relative;
	z-index: 0; /* giving priority to header and header-menu */
	width: 90%;
	margin: 0 auto;
    padding: 50px 0 0; 
}
.master-wrapper-home .master-wrapper-content {
	margin-top: 50px;
    padding: 0;
}
.master-column-wrapper:after {
	content: "";
	display: block;
	clear: both;
}
.center-1 {
	margin: 0 0 60px;
}
.center-2, .side-2 {
	margin: 0 0 60px;
}
.page {
	text-align: center;
}
.page-title {
    margin: 0 0 40px;
}
.page-title h1 {
    text-align: center;
    letter-spacing: 3.3px;
    font-size: 24px;
    text-transform: uppercase;
    color: #444;
}
.page:after,
.page-title:after,
.page-body:after {
	content: "";
	display: block;
	clear: both;
}
.buttons {
	margin: 0 0 20px;
	text-align: center;
}
.link-rss {
	display: none;
	width: 24px;
	height: 24px;
	background: url('../Themes/Brooklyn/Content/img/rss-icon.png') no-repeat;
	font-size: 0 !important;
}
.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-html-content ul,
.topic-page ul,
.post-body ul,
.custom-tab ul {
    display: inline-block;
	margin: 12px 0;
	padding: 0 36px 0 0;
    text-align: right;
	list-style: disc;
}
.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-html-content ol,
.topic-page ol,
.post-body ol,
.custom-tab ol {
    display: inline-block;
	margin: 12px 0;
	padding: 0 36px 0 0;
	list-style: decimal;
    text-align: right;
}
.category-description p,
.manufacturer-description p,
.full-description p,
.topic-html-content p,
.topic-page p,
.post-body p,
.news-body p,
.custom-tab p {
	margin: 10px 0;
}
.category-description a:hover,
.manufacturer-description a:hover,
.full-description a:hover,
.topic-html-content a:hover,
.topic-page a:hover,
.post-body a:hover,
.news-body a:hover,
.custom-tab a:hover {
    text-decoration: underline;
}
.flyout-cart {
	display: none;
}


/*********** GLOBAL FORMS ***********/



.fieldset, .section {
	position: relative;
	margin: 0 0 60px;
}
.fieldset .title,
.section .title {
	margin: 0 0 10px;
}
.fieldset .title strong,
.section .title strong {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #444;
}
.form-fields {
	/*position: relative;*/
}
.inputs {
	position: relative;
	margin: 0 0 20px;
	text-align: center;
	white-space: nowrap; /*fix for 'required' elements*/
    font-size: 0;
}
.inputs:after {
	content: "";
	display: block;
	clear: both;
}
.inputs label {
	display: block;
	width: 100%;
	margin: 0 0 5px;
	text-align: center;
    font-size: 14px; /*reset zeroing*/
}
.inputs input[type="text"],
.inputs input[type="password"],
.inputs input[type="email"],
.inputs input[type="tel"],
.inputs select, .inputs textarea {
	width: 350px;
	max-width: 100%;
    border: 2px solid #eee;
    vertical-align: middle;
    font-size: 14px;
}

.inputs.custom-attributes {
	white-space: normal;
}

.inputs .option-list {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.inputs .option-list li {
	float: right;
	margin: 0 5px;
}
.inputs .option-list label {
	display: inline;
	width: auto;
	margin: 0 3px;
}

.inputs.reversed {
	margin: 0 0 20px;
	text-align: center;
}
.required {
    margin: 0 3px 0 0;
    font-size: 14px;
	color: #de524e;
}
.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error, .password-error {
	display: block;
    text-align: center;
	font-size: 13px;
	color: #de524e;
}
.field-validation-valid,
.username-available-status {
	display: block;
    text-align: center;
    font-size: 13px;
	color: #6bc29d;
}
.captcha-box {
	margin: 0 0 15px;
	text-align: center;
	line-height: 0; /*firefox line-height bug fix*/
}
.captcha-box > div {
	display: inline-block;
}
.captcha-box input {
	height: auto;
}


/*********** GLOBAL TABLES ***********/


.cart .remove-from-cart {
    position: relative;
}

    .cart .remove-from-cart input {
        opacity: 0;
    }

    .cart .remove-from-cart button {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 18px;
        height: 18px;
        margin: auto;
        border: 0;
        transition: all 0.2s ease;
        background: url(../Themes/Brooklyn/Content/img/menu-close-button.png) no-repeat center;
    }

/*********** NOTIFICATIONS & POPUPS  ***********/



.bar-notification {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 1040;
	width: 100%;
	padding: 12px 10px 12px 25px;
	color: #fff;
	opacity: 0.95;
}
.bar-notification.success {
	border-bottom: 1px solid #bd2;
	background: #6bc29d;
}
.bar-notification.warning {
	background: #ed8b69;
}
.bar-notification.error {
	border-bottom: 1px solid #f55;
	background: #de524e;
}
.bar-notification .content {
	float: right;
	margin: 0 0 0 10px;
}
.bar-notification .content a {
	color: #fff;
	text-decoration: underline;
}
.bar-notification .close {
	position: absolute;
	top: 0;
	left: 0;
	width: 33px;
	height: 33px;
	margin: 6px;
	background: url('../Themes/Brooklyn/Content/img/flyout-cart-close-button.png') no-repeat center;
	cursor: pointer;
}
.bar-notification .close:hover {
	opacity: 0.9;
}

.noscript {
    background-color: #ff9;
	padding: 10px;
    text-align: center;
}

.ajax-loading-block-window {
	position: fixed;
	top: 50%;
	right: 50%;
	z-index: 999;
	width: 32px;
	height: 32px;
	margin: -16px -16px 0 0;
	background: url('../Themes/Brooklyn/Content/images/loading.gif') center no-repeat;
}

.ui-dialog {
    position: absolute !important;
	z-index: 1050;
	width: 400px !important;
	max-width: 95%;
	border: none;
	box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.17);
	overflow: hidden;
	background: #fff;
}
.ui-dialog-titlebar {
	overflow: hidden;
	padding: 10px;
    background: #cc8a97;
	font-weight: bold;
    cursor: move;
}
.ui-dialog-titlebar span {
	float: right;
	text-transform: uppercase;
    color: #fff;
}
.ui-dialog-titlebar button {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	margin: 8px;
	overflow: hidden;
	border: none;
	background: url('../Themes/Brooklyn/Content/img/flyout-cart-close-button.png') no-repeat center;
	font-size: 0;
	opacity: 0.7;
}
.ui-dialog-titlebar button:hover {
	opacity: 1;
}
.ui-dialog-titlebar button * {
	display: none;
}
.ui-dialog-content {
	height: auto !important;
	padding: 10px 20px;
	line-height: 20px;
}

.eu-cookie-bar-notification {
    position: fixed;
    top: 50%;
	right: 50%;
	z-index: 1050;
	width: 320px;
    margin: -90px -160px 0 0;
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.17);
    background-color: #fff;
    padding: 20px;
	text-align: center;
}
.eu-cookie-bar-notification .text {
	margin-bottom: 20px;
	line-height: 20px;
}
.eu-cookie-bar-notification button {
    min-width: 100px;
    margin: 0 0 15px;
    border: 2px solid #eee;
	padding: 10px 15px;
	background-color: #f9f9f9;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #cc8a97;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.eu-cookie-bar-notification button:hover {
    background-color: #eee;
}
.eu-cookie-bar-notification a {
	display: block;
    color: #cc8a97; 
}
.eu-cookie-bar-notification a:hover {
	text-decoration: underline;
}

#goToTop {
    display: none;
    position: fixed;
    bottom: 20px;
	left: 20px;
	z-index: 1030;
    width: 55px;
    height: 55px;
    border: 2px solid #fff;
    overflow: hidden;
	background: #cc8a97 url('../Themes/Brooklyn/Content/img/goTop.png') no-repeat center 48%;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#goToTop:hover {
    opacity: 0.9;
}


/*********** HEADER ***********/



.admin-header-links {
	background: #fff;
	text-align: center;
}
.admin-header-links * {
	display: inline-block;
	margin: 0 10px;
	line-height: 35px;
}
.admin-header-links a {
    font-family: Arial, sans-serif;
	font-weight: bold;
    color: #444;
}
.admin-header-links .impersonate {
	display: inline-block;
}

.header { 
	margin: 0 auto;
	text-align: center;
}
.header:after { 
	content: "";
	display: block;
	clear: both;
}
.header-logo {
	text-align: center;
    font-size: 0;
}
.header-logo a {
	display: inline-block;
	max-width: 100%;
	line-height: 0; /*firefox line-height bug fix*/
    background-color: #cc8a97;
}
.header-logo a img {
	max-width: 100%;
    opacity: 1;
}
.header-links ul {
	font-size: 0;
}
.header-links li {
	display: inline-block;
	margin: 0 10px;
}
.header-links span,
.header-links a {
	display: inline-block;
	font-size: 12px; /*reset zeroing*/
	line-height: 32px;
}
.header-links a:hover {
    color: #cc8a97;
}

.shopping-cart-link a,
.header-actions .ico-cart {
	position: relative;
}
.shopping-cart-link .cart-qty,
.header-actions .cart-qty {
	position: absolute;
	left: 7px;
	bottom: 6px;
	min-width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: #444;
	padding: 1px 1px 0 1px;
	text-indent: 0;
	text-align: center;
	font-size: 9px;
	color: #fff;
}
.shopping-cart-link .cart-qty.empty,
.header-actions .cart-qty.empty {
	visibility: hidden;
}

.store-search-box {
    font-size: 0;
}
.store-search-box form {
	display: inline-block;
	position: relative;
    border-bottom:1px solid #e7e7e7;
}
.search-box form:after {
	content: "";
	display: block;
	clear: both;
}
.store-search-box input.search-box-text {
	float: right;
	width: 240px !important;
	height: 36px;
    border: none;
    background-color:transparent;
}
.store-search-box .search-box-button {
	float: right;
	width: 36px;
	height: 36px;
	border: none;
	background: url('../Themes/Brooklyn/Content/img/search-button-mobile.png') center no-repeat;
	font-size: 0;
}
.ui-helper-hidden-accessible {
	display: none;
}
.ui-autocomplete {
	position: absolute !important;
	z-index: 1070;
	left: 50% !important;
	width: 276px !important; /*default = txtfield + button*/
	max-width: 100%;
	margin-left: -138px;
	border: 1px solid #e7e7e7;
	overflow: hidden;
	background: #fff;
}
.ui-autocomplete li {
	border-top: 1px solid #e7e7e7;
}
.ui-autocomplete li:first-child {
	border-top: none;
}
.ui-autocomplete a {
	display: block;
	padding: 8px;
    font-size:14px;
}
.ui-autocomplete a.ui-state-focus {
    background-color: #f6f6f6;
}
.ui-autocomplete img {
	display: inline-block;
    width: 28px;
    height: 28px;
	margin-left: 5px;
	vertical-align: middle;
    border: 1px solid #eee;
}

.header-selectors-wrapper {
	font-size: 0;
}
.header-selectors-wrapper > div {
	display: inline-block;
	margin: 0 5px 10px;
	vertical-align: middle;
}
.header-selectors-wrapper select {
	min-width: 100px;
}

.new_select {
    z-index: 1015 !important;
    height: 30px;
    min-width: 45px;
    max-width: 55px;
    padding: 0 0 0 12px;
    background: url('../Themes/Brooklyn/Content/img/selector-button2.png') no-repeat left center;
    font-size: 11px;
    cursor: pointer;
}
.new_select > span {
    display: block;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
}
.tax-display-type-selector .new_select {
    max-width: 120px;
}
.styleSelect_item {
    position:relative;
    right: -5px !important;
    top: 25px !important;
    width: 100%;
    min-width: 70px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}
.styleSelect_item ul {
    padding: 4px 5px;
    background: #fff;
}
.styleSelect_item li span {
    width: auto;
    padding: 2px;
    line-height: normal;
    color: #888;
}
.styleSelect_item li:hover span {
    color: #cc8a97;
}

.language-list {
	max-width: 100%;
	font-size: 0;
}
.language-list li {
	display: inline-block; 
	margin: 0 1px; 
}
.language-list a { 
	display: block;
	position: relative;
	width: 32px;
	height: 32px;
	line-height: 0;
}
.language-list img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.header-1 {
    box-shadow: 0 8px 8px rgba(0,0,0,0.085);
}


/*********** FOOTER ***********/



.footer {
    background-color: #f6f6f6;
    box-shadow: 0 7px 7px 0 rgba(0, 0, 0, 0.06) inset;
    text-align: center;
}

.footer-upper {
	overflow: hidden;
    padding: 50px 20px 15px;
}
.social-sharing {
	font-size: 0;
}
.social-sharing li {
	display: inline-block;
    width: 60px;
    height: 54px;
	margin: 0 4px 8px;
    background-color: #cc8a97;
    -webkit-transition: ease 0.25s;
    transition: ease 0.25s; 
}
.social-sharing a {
	display: block;
	height: 100%;
	background: url('../Themes/Brooklyn/Content/img/social-sprite.png') no-repeat;
    opacity: 0.35;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s; 
}
.social-sharing .facebook {
	background-position: 0 center;
}
.social-sharing .twitter {
	background-position: -60px center;
}
.social-sharing .google {
	background-position: -120px center;
}
.social-sharing .pinterest {
	background-position: -180px center;
}
.social-sharing .youtube {
	background-position: -240px center;
}
.social-sharing .vimeo {
	background-position: -360px center;
}
.social-sharing .rss {
	background-position: -300px center;
}
.social-sharing li:hover a {
    opacity: 0.70;
}
.social-sharing a.instagram {
	background: url('../Themes/Brooklyn/Content/img/instagram.png') no-repeat center; 
}
.footer-middle {
	overflow: hidden;
    padding: 15px 20px 50px;
}
.footer-block {
    max-width: 370px;
    margin: 0 auto 15px;
    border-bottom: 2px solid #e3e3e3;
}
.footer-block .title {
    padding: 20px 0 10px;
    font-size: 14px;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
}
.footer-block .title strong {
    display: block;
    position: relative;
    padding: 0 20px;
}
.footer-block .title strong:before,
.footer-block .title strong:after {
    content: "";
    position: absolute;
    top: 0;
    height: 20px;
    width: 12px;
    background: url('../Themes/Brooklyn/Content/img/expand-button.png') no-repeat center;
}
.footer-block .title strong:before {
    right: 0;
}
.footer-block .title strong:after {
    left: 0;
}
.footer-block .title + * {
    display: none;
    margin: 15px 0 20px;
}
.footer-block .title + *:before {
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    margin: auto;
    background-color: #cc8a97;
}
.footer-block li {
    padding: 12px 0;
}
.footer-block a {
    color: #666;
}
.footer-block a:hover {
    color: #cc8a97;
}
.footer-block .topic-block-title {
    display: none;
}
.footer-block .topic-block-body,
.newsletter-description {
    padding: 12px 0 0;
    line-height: 24px;
    font-size: 13px;
    color: #666;
}
.newsletter-email { 
	display: inline-block;
	overflow: hidden;
    padding: 12px 0 0;
}
.newsletter-email .newsletter-subscribe-text {
    display: block;
	width: 260px;
	height: 40px;
    margin: auto;
    border: 2px solid #ddd;
    border-bottom: none;
    text-align: right;
}
.newsletter-email .newsletter-subscribe-button {
	display: block;
    width: 260px;
	height: 40px;
    margin: auto;
	border: none;
	background: #cc8a97 url('../Themes/Brooklyn/Content/img/subscribe-button.png') right center no-repeat;
    padding-right: 36px;
    text-align: right;
	font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.newsletter-email .newsletter-subscribe-button:hover {
    opacity: 0.9;
}
.newsletter-email .newsletter-unsubscribe-button {
	display: block;
	border: none;
	background: none;
	margin: auto;
	padding: 10px 0;
}
.newsletter-email .options {
    padding: 12px 0 0;
}
.newsletter-email .options > span {
	display: inline-block;
    margin: 0 3px;
    font-size: 13px;
}
.newsletter-validation, 
.newsletter-result-block { 
	width: 100%;
	overflow: hidden; 
	line-height: 28px; 
}
.newsletter-result {
    color: #444;
}
.newsletter-validation .please-wait {
	display: none !important; 
}

.footer-lower {
	overflow: hidden;
    background-color: #fff;
    padding: 25px 20px;
	font-size: 12px;
}
.footer-lower > div > div {
	margin: 0 5px 5px 5px;
}
.footer-powered-by, .footer-designed-by {
    display: inline-block;
}
.footer-powered-by a, .footer-designed-by a  {
    color: #cc8a97;
}
.footer-powered-by a:hover, .footer-powered-by a:hover {
    text-decoration: underline;
}
.footer-lower > div > div.footer-store-theme {
    margin: 15px 0 0;
}
.footer-store-theme select {
	width: 170px;
}


/* FOOTER-2 */

.footer-2 .newsletter-block .title {
    background: none !important;
}
.footer-2 .newsletter-block .title {
    margin: 10px 0;
}
.footer-2 .newsletter-description {
    padding: 0;
}
.footer-2 .newsletter-email {
    padding-top: 15px;
}
.footer-2 .social-sharing {
    display: block !important;
    height: auto;
}
.footer-2 .social-sharing li {
    width: 40px; 
    background-color: transparent;
}
.footer-2 .social-sharing a {
	background: url('../Themes/Brooklyn/Content/img/social-sprite-2.png') no-repeat;
    opacity: 0.50;
}
.footer-2 .social-sharing .facebook {
	background-position: 0 center;
}
.footer-2 .social-sharing .twitter {
	background-position: -40px center;
}
.footer-2 .social-sharing .google {
	background-position: -80px center;
}
.footer-2 .social-sharing .pinterest {
	background-position: -120px center;
}
.footer-2 .social-sharing .youtube {
	background-position: -160px center;
}
.footer-2 .social-sharing .vimeo {
    background-position: -240px center;
}
.footer-2 .social-sharing .rss {
	background-position: -200px center;
}
.footer-2 .social-sharing li:hover a {
    opacity: 0.70;
}
.footer-2 .social-sharing a.instagram {
	background: url('../Themes/Brooklyn/Content/img/instagram.png') no-repeat center;
}


/*********** LEFT/RIGHT COLUMN ***********/



.block {
	margin: 0 0 10px;
    border: 2px solid #eee;
	text-align: right;
}
.block .title {
    padding: 9px 10px 7px;
    background: url('../Themes/Brooklyn/Content/img/expand-button-2.png') no-repeat left center;
    text-transform: uppercase;
	font-size: 14px;
	color: #444;
    cursor: pointer;
}
.block .title strong {
    display: block;
}
.block .listbox {
	display: none;
    border-top: 2px solid #eee;
}
.block .listbox:after {
	content: "";
	display: block;
	clear: both;
}

.block .list {
}
.block .list li {
    border-top: 1px solid #eee;
}
.block .list li:first-child {
    border-top: none;
}
.block .list li > a {
    padding-right: 20px;
}
.block .list li.active > a,
.block.block-account-navigation .list li.active a {
    border-bottom: 1px solid #eee;
    font-weight: bold;
    color: #cc8a97;
}
.block.block-account-navigation .list li.active a {
    border-width: 0;
}
.block .list a {
	display: block;
	padding: 9px 10px;
}
.block .list a:hover {
    color: #cc8a97;
}
.block .list img {
	display: none;
}

.block .sublist {
	padding: 0 30px 0 0;
}
.block .sublist > li {
    margin: -1px 0 0;
    border: none;
    border-top: 1px solid #eee;
}
.block .sublist > li a {
    padding-right: 10px;
}

.block .view-all {	
    border-top: 1px solid #eee;
}
.block .view-all a {
	display: block;
    padding: 9px 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #cc8a97;
}

.block .tags {
	padding: 5px 15px;
}
.block .tags ul {
	font-size: 0;
}
.block .tags li,
.product-tags-all-page li {
	display: inline-block;
	position: relative;
	margin: 0 10px;
	overflow: hidden;
	font-size: 14px !important; /*setting base size*/
}
.block .tags li a,
.product-tags-all-page li a {
	float: right;
	line-height: 30px;
}
.block .tags li a:hover,
.product-tags-all-page li a:hover {
    color: #cc8a97;
}

.poll strong {
	display: block;
    padding: 9px 10px;
    color:#cc8a97;
}
.poll-options,
.poll-results {
	margin: 0 15px 10px 0;
	overflow: hidden;
}
.poll-options li,
.poll-results li {
	display: inline-block;
	margin: 5px;
}
.poll-options li > * {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.poll .buttons,
.poll-total-votes {
    margin: 0;
    border-top: 1px solid #eee;
}
.poll .buttons button,
.poll-total-votes {
	border: none;
    background: none;
	padding: 9px 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #cc8a97;	
}
.poll-total-votes {
	display: block;
    border-top: 1px solid #eee;
}
.home-page-polls {
    margin: 0 0 80px;
    text-align: center;
}
.home-page-polls .title{
    margin: 0 0 30px;
    text-align: center;
    letter-spacing: 3.3px;
    font-size: 22px;    
    text-transform: uppercase;
    color: #444;
}
.home-page-polls .poll strong {
    margin: 0 0 5px;
    border: 2px solid #eee;
}
.home-page-polls .poll-options li {
    display: inline-block;
    margin: 5px 10px;
}
.home-page-polls .poll .buttons,
.home-page-polls .poll-total-votes {
    border: none;
    text-align: center;
}

.block.product-filters .listbox {
    padding: 5px 10px 10px;
}

.product-filters .listbox .product-filter {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
}

.product-filters .ui-slider {
    position: relative;
    width: auto;
    height: 4px;
    margin: 0 8px 32px;
    background: #eaeaea;
}

.product-filters .ui-slider-range {
    height: 4px;
    background: #ccc;
    position: absolute;
}

.product-filters .ui-slider-handle {
    position: absolute;
    top: -6px;
    height: 15px;
    width: 15px;
    margin-left: -10px;
    border: 2px solid #cc8a97;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.product-filters .selected-price-range {
    overflow: hidden;
    margin: 5px 0 12px;
    font-size: 14px;
    font-weight: bold;
    color: #cc8a97;
}

.product-filters .selected-price-range .from {
    float: left;
}

.product-filters .selected-price-range .to {
    float: right;
}

.product-filters .product-filter .filter-title {
    padding: 7px 0;
}

.product-filters .product-filter .filter-title strong {
    color: #444;
}

.product-filters .filter-content .name {
    padding: 7px 0;
}

.product-filters .filter-content .item {
    position: relative;
}

.product-filters .product-spec-filter .filter-content {
    margin: 0px 0px 10px 0px;
}

.product-filters li {
    position: relative;
}

.product-filters li input {
    position: absolute;
    top: 0;
    left: 12px;
    bottom: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}

.product-filters li label {
    color: #888;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 6px 25px 6px 0px;
    position: relative;
    text-align: right;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.product-filters li label:before {
    border: 2px solid #eee;
    content: "";
    height: 18px;
    right: 0px;
    margin: -9px 0 0;
    position: absolute;
    top: 50%;
    width: 18px;
}

.product-filters input[type="checkbox"]:checked ~ label::before {
    background: #fff url("../Themes/Brooklyn/Content/img/selected.png") no-repeat center;
}

.product-filters li.disabled label {
    opacity: 0.4;
    cursor: default;
}

.product-filters li.disabled label:hover,
.product-filters li.checked label:hover {
    color: #888;
}

.product-filters .attribute-square {
    border: 2px solid #eee;
    cursor: pointer;
    display: block;
    height: 19px !important;
    width: 19px !important;
    position: absolute;
    top: 6px;
    right: -1px;
    z-index: -1;
}


/********** CATEGORY PAGE **********/



.breadcrumb {
	margin: 0 0 20px;
	text-align: center;
}
.breadcrumb ul {
    position: relative;
    border: 2px solid #eee;
    text-align: center;
	font-size: 0;
}
.breadcrumb li {
	display: inline-block;
}
.breadcrumb li > * {
    display: inline-block;
    height: 35px;
    padding: 10px 5px;
    vertical-align: middle;
    font-size: 11px; /*reset zeroing*/
    text-transform: uppercase;
    color: #666;
}
.breadcrumb li span.delimiter {
    width: 35px;
    background: url('../Themes/Brooklyn/Content/img/breadcrumb-arrow-rtl.png') no-repeat center;
    font-size: 0;
}
.breadcrumb strong {
    max-width: 180px;
    overflow: hidden;
    white-space:nowrap;
	font-weight: normal;
}
.breadcrumb a:hover {
    color: #cc8a97;
}

.category-description,
.manufacturer-description,
.vendor-description {
	margin: 0 0 25px;
    text-align: center;
    line-height: 28px;
}
.contact-vendor {
    margin: 0 0 40px;
    text-align: center;
}
.contact-vendor .button-2 {
    padding: 10px 30px;
    border: 2px solid #eee;
	background-color: #f9f9f9;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #cc8a97;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.contact-vendor .button-2:hover {
    background-color: #eee;
}
.product-filters {
    margin: 0 0 40px;
}
.product-filters .product-filter {
    display: inline-block;
    width: 350px;
    vertical-align: top;
}
.product-filters .filter-title {
    text-transform: uppercase;
    color: #444;
}
.product-filters .filter-content {
    margin: 10px 0;
}
.product-filters .filter-content li a {
    line-height: 24px;
}
.product-filters .filter-content .title {
    color: #444;
}
.product-filters .filtered-items {
    margin: 10px auto;
    border: 2px solid #eee;
    padding: 10px;
}
.product-filters .remove-filter a {
    background: url('../Themes/Brooklyn/Content/img/forum_icon2.png') no-repeat left center; 
	padding: 0 0 0 20px;
    color: #de524e;
}
.product-filters .filter-content li a:hover {
    color: #cc8a97;
}
.product-selectors {
    width: 320px;
    max-width: 100%;
	margin: 0 auto 30px;
	text-align: right;
}
.product-selectors:after {
	content: "";
	display: block;
	clear: both;
}
.product-selectors > div {
	display: inline-block;
    position: relative;
    z-index: 1;
	margin: 5px;
    font-size: 13px;
}
.product-selectors > div.product-sorting {
    z-index: 2;
}
.product-selectors > div > span {
    display: inline-block;
    padding: 0 10px;
}
.product-selectors > div > span:first-child {
    width: 120px;
    text-align: left;
}
.product-selectors select {
	margin: 0 5px;
	text-transform: lowercase;
    font-size: 14px;
    color: #444;
}
.product-selectors > div > * {
    vertical-align: middle;
}
.product-selectors select {
	min-width: 100px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../Themes/Brooklyn/Content/img/selector-button2.png') no-repeat center left 3px !important;
    padding: 0 0 0 20px;
    margin: 0;
    min-width: 45px;
    text-transform: none;
    border-width: 0 0 2px;
}
.product-selectors .new_select {
    display: inline-block;
    width: auto !important;
    max-width: none;
    background: url('../Themes/Brooklyn/Content/img/selector-button2.png') no-repeat left 12px !important;
    padding-left: 20px;
    border-bottom: 2px solid #eee;
    font-size: 14px; 
    color: #444;
}
.product-selectors .product-viewmode {
	display: none;
}
.product-selectors .product-viewmode span {
	vertical-align: middle;
}
.product-selectors .product-viewmode a {
	display: inline-block;
	width: 45px;
	height: 45px;
	margin: 0;
    border: 2px solid #ddd;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	font-size: 0;
	opacity: 0.3;
}
.product-selectors .product-viewmode a + a {
    margin-right: -6px;
}
.product-selectors .product-viewmode a.grid {
	background-image: url('../Themes/Brooklyn/Content/img/icon-grid-active.png');
}
.product-selectors .product-viewmode a.list {
	background-image: url('../Themes/Brooklyn/Content/img/icon-list-active.png');
}
.product-selectors .product-viewmode a.selected {
    background-color: #eee;
	opacity: 1;
}
.product-selectors .product-sorting .new_select {
    min-width: 110px;
}
.product-selectors .product-sorting .new_select > div {
    width: 150px;
}
.item-grid:after,
.product-grid:after,
.product-list:after,
.manufacturer-grid:after {
	content: "";
	display: block;
	clear: both;
}

.item-box {
	position: relative;
	width: 100%;
    max-width: 350px;
	margin: 0 auto 50px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.item-box .picture {
	position: relative; /*quick view inline css replacement*/
	z-index: 1;
	overflow: hidden;
	background: #fff;
    margin: 0 0 20px;
}
.item-box .picture a {
	display: block;
	position: relative;
}
.item-box .picture a:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.item-box .picture img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: auto;
	-webkit-transform: translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving product images when hover on category */
}
.item-box .picture button {
	display: none; /*hides additional wishlist button when ajax cart is disabled*/
}
.item-box .details {
    text-align: right;
}
.item-box .product-title {
	height: 40px;
	margin: 0 0 5px;
	overflow: hidden;
    font-size: 14px;
    text-transform: uppercase;
}
.item-box .product-title a {
	display: block;
}
.item-box .product-title a:hover {
    color: #cc8a97;
}
.item-box .product-title + .sku {
	display: none;
}
.item-box .product-rating-box {
    display: inline-block;
	margin: 0 0 15px;
}
.item-box .rating {
	background: url('../Themes/Brooklyn/Content/img/rating-1.png') no-repeat;
	width: 90px;
    height: 15px;
}
.item-box .rating div {
    background: #cc8a97 url('../Themes/Brooklyn/Content/img/rating-2.png') no-repeat;
    height: 15px;
}
.item-box .description {
	height: 40px;
	margin: 0 0 15px;
	overflow: hidden;
}
.item-box .description a {
	display: block;
	overflow: hidden;
}
.item-box .prices {
    margin: 0 0 15px;
    overflow: hidden;
}
.item-box .old-price {
	color: #999;
	text-decoration: line-through;
}
.item-box .actual-price {
	font-size: 16px;
    font-weight: bold;
	color: #cc8a97;
}
.item-box .base-price-pangv {
    font-size: 12px;
}
.item-box .old-price + .actual-price {
	margin: 0 3px;
}
.item-box .tax-shipping-info {
    font-size: 13px;
}
.item-box .tax-shipping-info a {
    color: #cc8a97;
}
.item-box .tax-shipping-info a:hover {
    text-decoration: underline;
} 
.item-box .buttons {
	margin: 0;
    text-align: right;
    font-size: 0;
}
.item-box button {
    width: calc(100% - 48px);
    height: 48px;
    border: none;
	padding: 0 20px;
    background: #cc8a97;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.item-box button:hover {
    opacity: 0.9;
}
.item-box button.add-to-compare-list-button {
    display: none;
    width: 48px;
    height: 48px;
    padding: 0;
	background: #444 url('../Themes/Brooklyn/Content/img/compare-button.png') center no-repeat;
    font-size: 0;
}
.item-box input.add-to-wishlist-button {
    width: 48px;
    height: 48px;
    padding: 0;
	background: #444 url('../Themes/Brooklyn/Content/img/wishlist-button.png') center no-repeat !important;
    font-size: 0;
}

.item-box .with-icon button {
    width: 48px !important;
	min-width: 0 !important;
    margin: 0 1px;
    padding: 0;
    font-size: 0;
}
.item-box .with-icon .product-box-add-to-cart-button {
    background: #cc8a97 url('../Themes/Brooklyn/Content/img/cart-button.png') no-repeat center; 
}

.home-page-category-grid,
.sub-category-grid,
.manufacturer-grid {
	margin: 0 0 60px;
}

.home-page-category-grid .item-box,
.sub-category-grid .item-box {
    max-width: none;
}

.home-page-category-grid .item-box {
    margin-bottom: 2px;
}
.home-page-category-grid .category-item {
    position: relative;
}
.home-page-category-grid .picture {
    margin: 0;
}
.home-page-category-grid .item-box .title {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    color: #444;
}
.home-page-category-grid .title a {
    display: block;
    height: 100%;
}
.home-page-category-grid .title a span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 190px;
    height: 60px;
    margin: auto;
    background-color: rgba(255,255,255,0.8);
}
.home-page-category-grid .picture a:before,
.sub-category-grid .picture a:before {
	padding-top: 73%;
}

.home-page-category-grid .hover-effect-2 .title a span {
    top: auto;
    width: 100%;
	margin: 0;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.sub-category-grid .picture {
    margin: 0 0 15px;
}
.sub-category-grid .title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #444;
}
.manufacturer-grid .picture,
.vendor-grid .picture {
    border: 1px solid #f3f3f3;
}
.manufacturer-grid .title,
.vendor-grid .title {
    text-align: center;
    font-size: 16px;
    color: #444;
}

.product-grid,
.product-list {
	margin: 0 0 60px;
}
.product-grid .title,
.home-page-category-grid > .title {
	margin: 0 0 30px;
    text-align: center;
	font-size: 22px;
    color: #444;
    letter-spacing: 3.3px;
    text-transform: uppercase;
}
.cross-sells {
}

.pager {
	margin: 0 0 20px;
    font-size: 0;
}
.pager ul {
	text-align: center;
}
.pager li {
	display: inline-block;
	vertical-align: middle;
}
.pager li * {
	display: block;
	min-width: 45px;
	height: 45px;
	border: 2px solid #eee;
    border-width: 2px 1px;
	padding: 12px;
	text-align: center;
    font-family: 'Open Sans';
    font-weight: bold;
	font-size: 14px; /*reset zeroing*/
    color: #444;
	cursor: pointer;
}
.pager li span {
	background-color: #eee;
}
.pager li a:hover {
	color: #cc8a97;
}
.pager li.current-page span {
    border-color: #ddd;
    color: #cc8a97;
}
.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page * {
    border-width: 2px;
    border-color: #cc8a97;
    background-color: #cc8a97;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
}
.pager li.previous-page * {
	background-image:url('../Themes/Brooklyn/Content/img/pager-next.png');
}
.pager li.next-page * {
	background-image: url('../Themes/Brooklyn/Content/img/pager-prev.png');
}
.pager li.first-page * {
	background-image: url('../Themes/Brooklyn/Content/img/pager-last.png');
}
.pager li.last-page * {
	background-image: url('../Themes/Brooklyn/Content/img/pager-first.png');
}
.pager li.last-page *, 
.pager li.first-page * {
    margin: 0 1px;
    background-color: #444;
    border-color: #444;
}


/********** PRODUCT PAGE **********/



.master-wrapper-content.one-column,
.master-wrapper-content.two-columns {
    padding-top: 30px;
}

.one-column .product-name,
.two-columns .product-name {
	margin: 55px 0 15px;
}
.one-column .product-name h1,
.two-columns .product-name h1 {
    text-align: center;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 3.2px;
    font-size: 22px;
    color: #444;
}
.product-reviews-overview {
	margin: 0 0 30px; /*not present in variant-overview*/
    text-align: center;
}
.product-no-reviews a {
	text-decoration: underline;
}
.product-review-box {
	display: inline-block;
	margin: 0 0 5px;
}
.product-review-box .rating {
	width: 90px;
	height: 15px;
	background: url('../Themes/Brooklyn/Content/img/rating-1.png') repeat-x;
}
.product-review-box .rating div {
	height: 15px; 
	background: url('../Themes/Brooklyn/Content/img/rating-2.png') repeat-x;
}
.product-review-links {
}
.product-review-links a {
	display: inline-block;
    color: #cc8a97;
}
.product-review-links a:hover {
    text-decoration: underline;
}

.product-essential {
	margin: 0 0 50px;
}
.product-essential:after {
	content: "";
	display: block;
	clear: both;
}

.gallery {
    margin: 0 0 30px;
}
.gallery .picture {
	position: relative;
	max-width: 100%;
	margin: 0 auto 2px;
	overflow: hidden;
}
.gallery .picture img,
.gallery .picture-thumbs img,
.variant-picture img {
    max-width: 100%;
    font-size: 0;
}
.gallery .picture-thumbs {
	overflow: hidden;
    text-align: right;
	font-size: 0;
}
.gallery .thumb-item {
	display: inline-block;
	position: relative;
	width: 33.33333%;
	height: 100px;
	margin: 0 0 2px;
	overflow: hidden;
}

.overview {
	margin: 0 0 30px;
}
.overview .discontinued-product {
    margin: 0 0 25px;
    border: 2px solid #eee;
    padding: 25px 0;
}
.discontinued-product h4 {
    text-align: center;
    text-transform: uppercase;
    color: #de524e;
}
.overview .short-description {
	margin: 0 0 25px;
    line-height: 24px;
}
.overview .manufacturers {
	margin: 15px 0;
}
.back-in-stock-subscription { 
	margin: 15px 0;
	font-size: 0;
}
.overview .subscribe-button,
.variant-overview .subscribe-button {
    padding: 10px 15px;
    border: 2px solid #eee;
    background-color: #f9f9f9;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color:#cc8a97;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.overview .subscribe-button:hover,
.variant-overview .subscribe-button:hover {
    background-color: #eee;
}

.overview .additional-details {
    margin: 25px 0;
}
.overview .additional-details div,
.variant-overview .additional-details div {
	margin: 0 0 5px;
}
.overview .delivery,
.variant-overview .delivery {
    margin: 25px 0;
}
.overview .value,
.variant-overview .value {
	display: inline-block;
	font-weight: bold;
    color: #444;
}
.overview .value a,
.variant-overview .value a {
	font-weight: bold;
    color: #cc8a97;
}
.overview .value a:hover,
.variant-overview .value a:hover {
    text-decoration: underline;
}
.free-shipping {
	display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    color: #444;
}

.overview-buttons { 
	margin: 25px 0;
    border-bottom: 2px solid #eee;
    padding: 0 0 25px;
	font-size: 0;
}
.overview-buttons div {
	display: inline-block;
	margin: 0 1px 10px;
    vertical-align: top;
}
.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button,
.overview .add-to-compare-list-button,
.overview .email-a-friend-button,
.download-sample-button {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-color: #444;
	background-position: center;
    background-repeat: no-repeat;
	border: none;
	font-size: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; 
}
.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button {
    background-image: url('../Themes/Brooklyn/Content/img/wishlist-button.png');
}
.overview .add-to-compare-list-button {
    background-image: url('../Themes/Brooklyn/Content/img/compare-button.png');
}
.overview .email-a-friend-button {
    background-image: url('../Themes/Brooklyn/Content/img/email.png');
}
.download-sample-button {
    background-image: url('../Themes/Brooklyn/Content/img/download.png');
}   
.overview-buttons div > *:hover {
    opacity: 0.9;
}

.overview .prices,
.variant-overview .prices {
	margin: 15px 0;
	overflow: hidden;
}
.overview .prices > div,
.variant-overview .prices > div {
	margin: 0 0 5px;
}
.overview .old-product-price,
.variant-overview .old-product-price {
	font-size: 14px;
	color: #999;
	text-decoration: line-through;
}
.overview .product-price,
.variant-overview .product-price {
    font-weight: bold;
	font-size: 22px;
	color: #cc8a97;
}
.overview .prices .tax-shipping-info a,
.variant-overview .prices .tax-shipping-info a {
    color: #cc8a97;
}
.overview .prices .tax-shipping-info a:hover,
.variant-overview .prices .tax-shipping-info a:hover {
    text-decoration: underline;
}
.customer-entered-price {
	margin: 0 0 20px;
	overflow: hidden;
	padding: 10px;
}
.customer-entered-price > div {
	display: inline-block;
}
.customer-entered-price .price-input {
	margin: 0 0 10px 10px;
}
.customer-entered-price .enter-price-input {
	width: 50px;
	text-align: center;
}
.customer-entered-price .price-range {
	font-weight: bold;
}
.overview .add-to-cart {
	margin: 0 0 20px;
}
.min-qty-notification {
    margin-bottom: 10px;
}
.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel {
	display: inline-block;
	position: relative;
}
.overview .add-to-cart-panel > *,
.variant-overview .add-to-cart-panel > * {
	float: right;
}
.overview .qty-label,
.variant-overview .qty-label {
	position: absolute;
	right: -25px;
	line-height: 36px;
    display: none !important;
}
.overview .qty-input,
.variant-overview .qty-input,
.overview .qty-dropdown ,
.variant-overview .qty-dropdown  {
	width: 48px;
    height: 48px;
    border: 2px solid #eee;
	/*padding: 12px;*/
	text-align: center;
    font-size: 16px;
}
.overview .qty-dropdown ,
.variant-overview .qty-dropdown  {
    min-width: 48px;
    width: auto;
}
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
button.apply-shipping-button {
    min-width: 230px;
    height: 48px;
    padding: 0 20px;
    background: #cc8a97;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover,
button.apply-shipping-button:hover {
    opacity: 0.9;
}
.overview .add-to-cart .add-to-wishlist-button {
	display: none; /*removes the old button*/
}

.product-estimate-shipping {
	margin: 0 0 25px;
}
.product-estimate-shipping:last-child {
	margin: 0;
}
.product-estimate-shipping a {
	display: inline-block;
}
.product-estimate-shipping i {
	display: inline-block;
	transform: rotate(45deg);
	margin: 0 10px 3px 0;
	border: solid black;
	border-width: 0 1px 1px 0;
	padding: 3px 3px;
}
.product-estimate-shipping .shipping-loading {
	display: none !important; /*disable preloader*/
}
.product-estimate-shipping .shipping-title {
	margin: 0 0 5px;
}
.product-estimate-shipping .shipping-price {
    position: relative;
    bottom: 1px;
	margin: 0 5px 0 0;
	vertical-align: middle;
    font-weight: bold;
    color: #444;
}
.product-estimate-shipping .shipping-date {
	margin: 15px 0 0;
}

.product-share-button {
	display: inline-block;
    overflow: hidden;
}

.full-description {
	clear: both;
	margin: 0 0 50px;
	line-height: 28px;
}
.full-description p {
	line-height: 28px !important;
}

.product-collateral {
	margin: 0 0 80px;
    text-align: center;
}
.product-collateral .title {
	margin: 0 0 15px;
	font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #444;
}
.product-variant-list {
}
.product-variant-line {
	margin: 0 0 30px;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 20px;
}
.product-variant-line:after {
	content: "";
	display: block;
	clear: both;
}
.variant-picture {
	position: relative;
	width: 220px;
	height: 220px;
	margin: 0 auto 15px;
	overflow: hidden;
}
.variant-overview {
	width: 100%;
}
.variant-overview .variant-name {
	margin: 0 0 15px;
    font-weight: bold;
	font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #444;
}
.variant-overview .variant-description {
	margin: 0 0 25px;
	line-height: 24px;
}
.variant-overview .add-to-cart {
    display: inline-block;
    vertical-align: top;
}
.variant-overview .add-to-cart-panel > * {
	margin: 0 0 10px;
}
.variant-overview .overview-buttons {
    display: inline-block;
    position: relative;
    margin: 0 -3px 0 0;
    border: none;
    padding: 0;
    vertical-align: top;
}

.ui-tabs {
	margin: 0 0 80px;
}
.ui-tabs .ui-tabs-nav {
    margin: 0 0 30px;
    font-size: 0;
}
.ui-tabs .ui-tabs-nav li {
	display: block;
    margin: 10px auto;
}
.ui-tabs .ui-tabs-nav li a {
	display: block;
	border: 2px solid #eee;
	background-color: #f9f9f9;
	padding: 10px 25px;
	text-align: center;
    font-size: 14px;
	letter-spacing: 2px;
    color: #cc8a97;
	font-weight: bold;
    text-transform: uppercase;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-state-active.ui-tabs-active a {
	background-color: #eee;
}
.ui-tabs .ui-tabs-panel {
    position: relative;
    overflow: hidden;
	border: 2px solid #eee;
	background: #fff;
	padding: 15px;
}
.ui-tabs .ui-tabs-panel p {
	margin: 10px 0;
	line-height: 20px;
}
.ui-tabs .ui-tabs-hide {
	display: none;
}

.tier-prices {
	margin: 0 0 50px;
}
.tier-prices .prices-table {
	border: 2px solid #eee;
    overflow: hidden;
}
.tier-prices .prices-row {
    float: right;
    width: 50%;
}
.tier-prices .prices-row > div {
	border-top: 2px solid #eee;
    padding: 10px;
}
.tier-prices .prices-row.thead > div {
	border-left: 2px solid #eee;
}
.tier-prices .field-header {
	border-top: none !important;
    font-weight: bold;
    color: #444;
}
.tier-prices .item-price {
	color: #444;
}

.product-specs-box {
	margin: 0 0 30px;
}
.ui-tabs .product-specs-box {
	padding: 20px 0;
}
.product-specs-box .data-table {
    box-shadow: none;
}
.product-specs-box .data-table td {
    padding: 5px;
    border: 2px solid #eee !important;
}
.product-specs-box thead {
    display: none;
}
.product-specs-box .attribute-squares {
    display: inline-block;
    vertical-align: middle;
}
.product-specs-box .spec-group-name {
    display: none !important;
}

.product-tags-list {
	font-size: 0;
}
.product-tags-list li,
.vendor-list li {
	display: inline-block;
	font-size: 14px; /*reset zeroing*/
    color: #cc8a97;
}
.vendor-list li {
    margin: 0 10px 10px;
}
.product-tags-list li a:hover,
.vendor-list li a:hover {
    text-decoration: underline;
}
.product-tags-list li.separator {
	margin: 0 3px 0 5px;
}
.product-tags-list a {
	display: inline-block;
	line-height: 24px;
}

.attributes {
	margin: 20px 0 30px;
    border-top: 2px solid #eee;
    padding: 20px 0 0;
}
.attributes .dt {
	margin: 0 0 5px; 
	font-weight: bold;
    color: #444;
    white-space: nowrap;
}
.attributes .attribute-description {
    font-size: 12px;
    font-weight: normal;
    color: #666;
    white-space: normal;
}
.attributes .dd {
	margin: 0 0 20px;
}
.attributes li {
	margin: 5px 0 12px;
}
.attributes li.disabled {
	pointer-events: none;
	opacity: 0.5;
}
.attributes li.disabled label {
	text-decoration: line-through;
}
.attributes select {
	width: auto;
	max-width: 100%;
}
.attributes option.disabled {
	color: #ddd;
}
.attributes .qty-box {
	margin: 0 10px 0 0;
}
.attributes .qty-box label {
	display: none;
}
.attributes .qty-box input {
	width: 50px;
}
.attributes .option-list label {
	margin: 0 5px;
}

.rental-attributes .attribute-item {
    margin: 10px 0;
}
.rental-attributes .attribute-item label {
    display: inline-block;
    margin: 0 0 5px;
    font-weight: bold;
    color: #444;
}
.attributes .datepicker {
	width: 280px;
	text-align: center;
}

.ui-datepicker {
	width: 280px;
	background-color: #fff;
	text-align: center;
}
.ui-datepicker-header {
	position: relative;
	height: 32px;
	background-color: #444;
	color: #fff;
}
.ui-datepicker-header a {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 40px;
	height: 32px;
	line-height: 32px;
}
.ui-datepicker-header a {
    font-size: 0;
    opacity: 0.8;
}
.ui-datepicker-header a:hover {
    opacity: 1;
}
.ui-datepicker-header a.ui-datepicker-prev {
    right: 0;
    background: url('../Themes/Brooklyn/Content/img/pager-next.png') no-repeat center;
}
.ui-datepicker-header a.ui-datepicker-next {
	left: 0;
    background: url('../Themes/Brooklyn/Content/img/pager-prev.png') no-repeat center;
}
.ui-datepicker-title {
	position: relative;
	z-index: 0;
	line-height: 32px;
	font-weight: bold;
	text-transform: uppercase;
}
.ui-datepicker-calendar th {
	background-color: #eee;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
	width: 14.285%;
	border: 2px solid #eee;
}
.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a {
	display: block;
	min-height: 32px;
	line-height: 32px;
}
.ui-datepicker-calendar td a:hover {
    background-color: #f6f6f6;
}
.ui-datepicker-calendar .ui-state-active {
    background-color: #cc8a97 !important;
    outline: 2px solid #cc8a97;
    color: #fff;
}

.attribute-squares {
	font-size: 0;
}
.attribute-squares li {
	display: inline-block;
	margin: 0 0 5px;
	text-align: center;
}
.attribute-square-container {
    display: block;
    position: relative;
    z-index: 0;
}
.attribute-squares label {
	display: block;
	margin: 0;
    overflow: hidden;
}
.attribute-square-container[title~=White] .attribute-square {
    border-color: #ccc;
}
.attribute-squares .selected-value .attribute-square {
    border-color: #cc8a97;
}

.attribute-square-container {
    display: block;
    padding: 1px;
    position: relative;
    z-index: 0;
}
.attribute-squares .attribute-square {
    border: 2px solid #eee;
    cursor: pointer;
    display: block;
    height: 45px;
    width: 45px;
}
.attribute-squares li input {
    margin: -45px 0 0;
    position: relative;
    z-index: -1;
}
.attribute-squares li.disabled {
	position: relative;
	opacity: 1;
}
.attribute-squares li.disabled:after {
	content: "";
	position: absolute;
	top: 0; bottom: 0;
    left: 0; right: 0;
    width: 45px;
    height: 45px;
	margin: auto;
	border: 1px solid #eee;
	background: #fff url('../Themes/Brooklyn/Content/img/delete-address.png') center no-repeat;
}
.image-squares .tooltip-container:before {
    border-bottom: 7px solid #eeeeee;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    bottom: 100%;
    content: "";
    height: 0;
    right: 50%;
    margin-right: -7px;
    position: absolute;
    width: 0;
}
.image-squares .tooltip-container {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 200px;
}
.image-squares .tooltip-container:after {
    border-bottom: 6px solid #eee;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: 100%;
    content: "";
    height: 0;
    right: 50%;
    margin-right: -6px;
    position: absolute;
    width: 0;
}
.image-squares li:hover .tooltip-container {
    margin-right: -72px;
    margin-top: 5px;
    visibility: visible;
    z-index: 999;
}
.image-squares .tooltip-container .tooltip-header {
    height: 25px;
    width: 198px;
    background-color: #eee;
    border-bottom: 1px solid #eeeeee;
    font-size: 14px;
    line-height: 25px;
}
.image-squares .tooltip-container .tooltip-body {
    margin: 5px;
}
.image-squares .tooltip-container .tooltip-body img {
    border: 0 none #fff;
    width: 190px;
}

.giftcard {
	margin: 50px 0 20px;
	overflow: hidden;
    clear: both;
}
.giftcard div {
	margin: 0 0 20px;
}
.giftcard label {
	display: block;
	margin: 0 0 5px;
    font-size: 14px;
    font-weight: bold;
    color: #444;
}
.giftcard input,
.giftcard textarea {
	width: 350px;
	max-width: 100%;
}
.giftcard textarea {
	height: 150px;
}

/*back in stock subscription popup*/
.ui-dialog .back-in-stock-subscription-page .page-title {
    margin: 20px 0;
}
.ui-dialog .notify-me-button {
    margin: 20px auto 0;
    background: #cc8a97;
    border: medium none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 14px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.ui-dialog .back-in-stock-subscription-page .notify-me-button:hover {
    opacity: 0.9;
}
.ui-dialog .back-in-stock-subscription-page {
    text-align: center;
}
.ui-dialog .page-body .tooltip {
    text-align: right;
}

/*back in stock subscription popup*/
.ui-dialog .back-in-stock-subscription-page .page-title {
    margin: 20px 0;
}
.ui-dialog .back-in-stock-subscription-page .page-title h1 {
    font-size: 16px;
    letter-spacing: 2px;
}
.ui-dialog .notify-me-button {
    margin: 20px auto;
    background: #cc8a97;
    border: medium none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 14px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.ui-dialog .back-in-stock-subscription-page .notify-me-button:hover {
    opacity: 0.9;
}
.ui-dialog .back-in-stock-subscription-page {
    text-align: center;
}
.ui-dialog .page-body .tooltip {
    text-align: right;
}


/********** ESTIMATE SHIPPING **********/



.estimate-shipping-popup {
	position: relative;
	max-width: 800px;
	margin: auto;
	background-color: #fff;
	padding: 25px;
	transform: scale(0.8);
	transition: all 0.2s ease;
	opacity: 0;
}
.estimate-shipping-popup strong {
	visibility: hidden;
}
.mfp-ready .estimate-shipping-popup {
	transform: scale(1);
	opacity: 1;
}
.mfp-removing .estimate-shipping-popup {
	transform: scale(0.8);
	opacity: 0;
}
.estimate-shipping-popup-zoom-in.mfp-removing {
	transition: all 0.3s ease;
	opacity: 0;
}

.estimate-shipping-row {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	position: relative;
}
.estimate-shipping-row-item {
	flex: 0 1 100%;
}

.mfp-container .address-item {
	margin: 10px 0 0;
}
.mfp-container .address-item + div {
	padding: 0 15px 0 0;
}
.estimate-shipping-address-control {
	width: 100%;
}
.mfp-container .address-item .required {
	position: absolute;
    top: -5px;
	left: -10px;
}
.mfp-container .shipping-options {
	position: relative; /*preloader referrence*/
	margin: 10px 0 25px;
}
.mfp-container .shipping-header-item {
	align-self: flex-end;
	border: none !important;
	padding: 12px 5px !important;
	font-size: 14px;
    color: #444;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.mfp-container .shipping-options-body {
	display: table;
	table-layout: fixed;
	width: 100%;
	border: 2px solid #eee;
	border-collapse: collapse;
}
.mfp-container .shipping-option {
	display: table-row;
	cursor: pointer;
}
.mfp-container .shipping-option.active {
    font-weight: bold;
    color: #333;
}
.mfp-container .shipping-option > div {
	display: table-cell;
	border-top: 2px solid #eee;
	padding: 12px 11px;
}
.mfp-container .shipping-item {
	overflow: hidden;
	padding: 8px 0;
	overflow-wrap: break-word;
}
.estimate-shipping-row-item-radio {
	flex: 0 0 30px;
	width: 24px;
}
.estimate-shipping-radio {
	display: none;
}
.estimate-shipping-radio + label {
	display: inline-block;
	position: relative;
	bottom: 1px;
	width: 14px;
	height: 14px;
	border: 1px solid #444;
	border-radius: 50%;
	font-size: 0;
}
.estimate-shipping-radio:checked + label:after {
	content: "";
	position: absolute;
	top: 3px; right: 3px;
	width: 6px; height: 6px;
	border-radius: 50px;
	background-color: #444;
}

.apply-shipping-button-container {
	text-align: center;
}
.mfp-container .apply-shipping-button {
	min-width: 120px;
    height: 40px;
}

.mfp-container .no-shipping-options {
	padding: 30px 15px;
	text-align: center;
}
.mfp-container .message-failure {
	margin: 10px 0 -5px;
    border: none;
    padding: 0;
}

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

	.estimate-shipping-popup {
		padding: 25px 3%;
	}
	.mfp-container .shipping-address {
		flex-flow: column;
	}
	.mfp-container .address-item {
		width: 100%;
	}
	.mfp-container .address-item + div {
		padding: 0;
	}
}


/********** PRODUCT REVIEWS **********/



.product-reviews-page h1 a {
    color: #cc8a97;
}
.product-reviews-page h1 a:before,
.product-reviews-page h1 a:after {
	content: "''";
}
.product-reviews-page .title {
    text-align: center;
    margin: 0 0 30px;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #444;
}
.write-review {
	margin: 0 0 60px;
}
.write-review .form-fields {
	margin: 0 0 15px;
}
.ui-tabs .form-fields {
}
.write-review .review-rating {
	text-align: center;
}
.review-rating > div {	
    display: inline-block;	
}
.write-review .review-rating label {
    display: block;
    margin: 0 0 5px;
    font-size: 14px;
    vertical-align: middle;
    font-weight: bold;
    color: #444;
}
.review-rating ul {
    font-size: 0;
    vertical-align: middle;
}
.write-review .rating-wrapper div {
	display: inline-block;
	margin: 0 5px;
	cursor: default;
    vertical-align: middle;
    font-size: 12px;
    text-transform: uppercase;
}
.write-review .review-rating div.first {
	color: #de524e;
}
.write-review .review-rating .rating-options {
    font-size: 0;
}
.write-review .review-rating .rating-options input {
	margin: 0 2px;
}
.write-review .review-rating div.last {
	color: #6bc29d;
}
.write-review .captcha-box {
	margin: 15px 0 0;
}
.write-review .button-1 {
    width: 350px;
    max-width: 100%;
    margin: 0 auto 80px;
	border: none;
	padding: 14px 40px;
    background-color: #cc8a97;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.write-review .button-1:hover {
    opacity: 0.9;
}
.product-reviews-page .result,
.product-reviews-page .message-error {
	margin: 0 0 20px;
}
.product-review-list {
	overflow: hidden;
}
.product-review-item {
	margin: 0 0 40px;
}
.product-review-item .review-item-head {
	margin: 0 0 20px;
    border-bottom: 2px solid #eee;
	overflow: hidden;
	padding-bottom: 10px;
}
.product-review-item .review-title {
    margin: 0 0 10px;
	color: #444;
}
.product-review-item .product-review-box {
	margin: 0;
}
.product-review-item .review-info.top {
	margin: 0 0 20px;
}
.product-review-item .review-text {
	margin: 0 0 15px;
    line-height: 24px;
}
.product-review-item .review-info {
	margin: 0 0 5px;
}
.product-review-item .review-avatar {
    max-width: 120px;
    margin: 0 auto 10px;
    line-height: normal;
}
.product-review-item .review-avatar a {
    display: block;
}
.product-review-item .review-avatar img {
    max-width: 100%;
}
.product-review-item .separator {
    margin: 0 0 0 3px;
}
.product-review-item .review-info a,
.product-review-helpfulness .vote {
	display: inline-block;
	padding: 0 5px;
	font-weight: bold; 
	cursor: pointer;
    color:#cc8a97;
}
.product-review-item .review-info a:hover,
.product-review-helpfulness .vote:hover {
    text-decoration: underline;
}
.product-review-item .review-info label,
.product-review-helpfulness .question {
	display: inline-block;
}
.product-review-helpfulness .question {
	margin: 0 0 0 5px;
	font-style: italic;
}
.product-review-helpfulness .result {
	margin: 0 10px 0 0;
}
.product-review-item .reply {
    margin: 30px 0 0;
    padding: 20px;
    background: #f6f6f6;
}
.product-review-item .reply-header {
	margin: 0 0 10px;
	font-weight: bold;
}


/********** WISHLIST & COMPARE LIST **********/



.wishlist-content {
	margin: 0 0 20px;
}
.share-info {
    margin: 0 0 100px;
    text-align: center;
}
.wishlist-content .message-error:first-child {
	margin: -30px 0 20px;
    text-align: center;
    color: #de524e;
}
.wishlist-content .tax-shipping-info {
	margin: 0 0 20px;
    text-align: center;
}
.wishlist-content .tax-shipping-info a {
    color: #cc8a97; 
}
.wishlist-content .tax-shipping-info a:hover {
    text-decoration: underline;
}
.wishlist-content .buttons {
	font-size: 0;
}
.wishlist-content .button-2 {
    display: block;
    min-width: 250px;
    margin: 10px auto;
    padding: 10px 30px;
    border: 2px solid #eee;
    background-color: #f9f9f9;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #cc8a97;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.wishlist-content .button-2:hover {
    background-color: #eee;
}
.wishlist-content .button-2.wishlist-add-to-cart-button {
    background-color: #cc8a97;
    border: 2px solid #cc8a97;
    color: #fff;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}
.wishlist-content .button-2.wishlist-add-to-cart-button:hover {
    opacity: 0.9;
}
.wishlist-page .share-info span {
    display: block;
}
.wishlist-page .share-info a {
	display: inline-block;
	margin: 0 0 5px;
	font-weight: bold;
    color: #444;
}
.wishlist-page .share-info a:hover {
    color: #cc8a97;
}
.compare-products-page {
	position: relative;
    margin: 0 0 150px;
}
.compare-products-page .clear-list {
    display: block;
    width: 250px;
    margin: -15px auto 30px;
    border: 2px solid #eee;
    padding: 10px 30px;
    text-align: center;
    color: #cc8a97;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.compare-products-table {
	display: none;
}
.compare-products-page .button-2 {
	padding: 10px 15px;
    border: none;
    background-color: #cc8a97;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.compare-products-page img {
	max-width: 200px;
}

.compare-products-page .attribute-squares {
    display: inline-block;
    vertical-align: middle;
}
.compare-products-page .attribute-square {
    width: 25px;
    height: 25px;
    cursor: default;
}

/*********** TOPICS ***********/



.topic-block {
	margin: 0 0 20px;
}
.home-page .topic-block {
	margin: 0 0 30px;
}
.topic-block-title {
	margin: 0 0 20px;
}
.topic-block-title h2 {
    margin: 0 0 30px;
    text-align: center;
	font-size: 22px;
    color: #444;
    letter-spacing: 3.3px;
    text-transform: uppercase;
}
.topic-block-body {
	line-height: 28px;
}
.topic-page {
    margin: 0 0 80px;
}
.topic-block a,
.topic-page a {
	color: #cc8a97;
}
.topic-block a:hover,
.topic-page a:hover {
    text-decoration: underline;
}
.topic-page .page-body {
	line-height: 28px;
}

.home-page .topic-block {
	margin: 0 0 60px;
}
.popup-window .topic-page {
	padding: 15px;
}

.not-found-page p {
	margin: 30px 0;
}

.topic-password {
    min-height: 200px;
	text-align: center;
}
.enter-password-title {
	margin: 0 0 10px;
	color: #888;
}
.enter-password-form {
	display: inline-block;
	overflow: hidden;
}
.enter-password-form input[type="password"] {
	float: right !important;
	width: 200px !important;
	height: 36px !important;
    border: 2px solid #eee;
    border-left: none;
}
.enter-password-form button {
	float: right !important;
	width: auto !important;
	height: 36px !important;
    background-color: #f9f9f9;
    border: 2px solid #eeeeee;
    color: #cc8a97;
    font-weight: bold;
    padding: 0 18px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.enter-password-form button:hover {
    background-color: #eee;
}

.password-error {
	margin: 0 0 10px;
}


/*********** CONTACT & EMAIL A FRIEND ***********/



.contact-page .form-fields,
.email-a-friend-page .form-fields {
	margin: 0 0 15px;
}
.contact-page .message-error,
.email-a-friend-page .message-error {
	margin: 0 0 10px;
}
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1 {
    width: 350px;
    max-width: 100%;
    margin: 0 auto 100px;
	border: none;
	padding: 14px 40px;
    background-color: #cc8a97;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover {
    opacity: 0.9;
}
.contact-page .topic-block {
    margin: 0 0 40px;
    text-align: center;
}
.email-a-friend-page .title {
	margin: 0 0 15px;
}
.email-a-friend-page .title h2 {
    margin: 0 0 30px;
    text-align: center;
    text-transform: uppercase;
    color: #cc8a97;
}


/********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/



.registration-page .fieldset {
    text-align: center;
}
.registration-page .fieldset .title {
    display: inline-block;
    min-width: 150px;
    margin: 0 0 -2px;
    border: 2px solid #eee;
    padding: 10px 20px;
}
.registration-page .form-fields,
.login-page .form-fields,
.account-page .form-fields{
    max-width: 900px;
    margin: 0 auto 60px;
    padding: 30px 15px;
    border: 2px solid #eee;
}
.account-page .form-fields {
    max-width: none;
}
.registration-page .gender label,
.account-page .gender label {
    display: inline;
    color: #444;
}
.gender {
	display: inline-block;
}
.gender * {
	margin: 0 5px;
	vertical-align: middle;
	line-height: 32px;
}
.date-picker-wrapper {
    display: inline-block;
}
.date-of-birth select {
    width: 32%;
    max-width: 110px;
}
.date-of-birth select + select {
    margin: 0 2% 0 0;
}
#check-availability-button {
    margin: 30px 0 0;
    padding: 10px 30px;
    border: 2px solid #eee;
    background-color: #f9f9f9;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #cc8a97;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#check-availability-button:hover {
    background-color: #eee;
}
#username-availabilty {
	display: block;
	margin: 5px 0 0;
}
#username-availabilty:empty {
	display: none;
}
.vat-status, .vat-note {
	display: block;
	margin: 5px 0 0;
    white-space: normal;
	text-align: center;
	font-size: 14px; /*reset zeroing*/
}
.accept-privacy-policy {
	margin: -20px 0 20px;
	text-align: center;
}
.accept-privacy-policy > * {
	display: inline-block;
	line-height: 32px;
	vertical-align: middle;
}
.accept-privacy-policy a {
	font-weight: bold;
}
.registration-page .buttons {
    margin-top: -20px;
}
.accept-privacy-policy + .buttons {
    margin-top: 0;
}
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1 {
    width: 350px;
    max-width: 100%;
    margin: 0 0 80px;
    padding: 14px 40px;
    border: none;
    background-color: #cc8a97;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover,
.user-agreement-page .button-1:hover {
    opacity: 0.9;
}
.registration-result-page .result {
	margin: 0 0 60px;
    text-align: center;
	color: #6bc29d;
}

.login-page .page-title {
    margin: 0 0 50px;
}
.login-page .customer-blocks {
    overflow: hidden;
    text-align: center;
}
.login-page .title {
    display: inline-block;
    min-width: 150px;
    margin: 0 0 -2px;
	border: 2px solid #eee;
    padding: 10px 20px;
}
.login-page .title strong {
    letter-spacing: 2px;
    text-transform: uppercase;
	color: #444;
}
.login-page .new-wrapper {
	margin: 0 0 60px;
}
.login-page .inner-wrapper {
}
.login-page .text {
    width: 590px;
    max-width: 100%;
	margin: 0 auto -2px;
    border: 2px solid #eee;
    padding: 30px 15px;
}
.login-page .form-fields {
    width: 590px;
    max-width: 100%;
    margin: 0 auto -2px;
}
.login-page .form-fields .message-error {
    margin: -10px 0 10px;
}
.login-page .inputs.reversed {
    margin: 0;
}
.login-page .inputs.reversed * {
	margin: 5px 0;
	font-size: 14px; /*reset zeroing*/
    color: #444;
}
.login-page .inputs.reversed a {
    color: #cc8a97;
}
.login-page .inputs.reversed a:hover {
    text-decoration: underline;
}
.login-page .captcha-box {
    margin: 20px 0 0;
}
.login-page .buttons {
    max-width: 590px;
    margin: 0 auto;
    font-size: 0;
}
.login-page .button-1 {
    width: 590px;
    max-width: 100%;
    margin: 0;
}
.login-page .checkout-as-guest-button {
    border: 2px solid #eee;
    padding:12px 20px !important;
    background-color: #f9f9f9;
    color: #cc8a97;
}
.login-page .checkout-as-guest-button:hover {
    background-color: #eee;
}
.external-authentication {
    clear: both;
	margin: 0 0 60px;
	text-align: center;
}
.external-authentication .title {
	display: none;
    border: none;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #444;
}
.login-page .topic-block {
    clear: both;
    text-align: center;
    margin: 0 0 120px;
}
.password-recovery-page .tooltip {
	margin: 0 0 40px;
    text-align: center;
}
.password-recovery-page .result {
	margin: 0 0 5px;
    text-align: center;
	font-weight: bold;
}

.account-page .title {
    margin: 0 0 15px;
}
.account-page .title strong {
    font-size: 16px;
}
.account-page .title strong:after {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    margin: 10px auto 0;
    background: #cc8a97;
}
.account-page .button-1 {
    margin: 0;
}
.account-page .button-2 {
    border: 2px solid #cc8a97; /* if there are 2 buttons must stay same height */
	padding: 10px 30px;
    background-color: #cc8a97;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.account-page .button-2:hover {
    opacity: 0.9;
}
.account-page .data-table .product {
    text-align: right;
}

.account-page .email-to-revalidate,
.account-page .email-to-revalidate-note {
	display: block;
	margin: 10px 0 0;
	font-size: 14px;
	font-style: normal;
	color: #444;
}

.account-page .edit-address {
	margin: 0 0 60px;
    border: 2px solid #eee;
    padding: 30px 15px;
}
.account-page .description {
	margin: 0 0 20px;
}
.add-more-external-records a {
    color: #cc8a97;
}
.add-more-external-records a:hover {
    text-decoration: underline;
}

.address-list-page .info,
.order-list-page .info,
.return-request-list-page .details {
    max-width: 900px;
    margin: 0 auto 15px;
    border: 2px solid #eee;
    padding: 20px;
	line-height: 24px;
}
.address-list-page .buttons {
    font-size: 0;
}
.account-page .edit-address-button,
.account-page .delete-address-button {
    width: 48px;
    height: 48px;
    margin: 0 -1px;
    border: 2px solid #eee;
    padding: 0;
    font-size: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.account-page .edit-address-button {
    background: #f9f9f9 url('../Themes/Brooklyn/Content/img/edit-address.png') no-repeat center;
}
.account-page .delete-address-button {
    background: #f9f9f9 url('../Themes/Brooklyn/Content/img/delete-address.png') no-repeat center;
}
.account-page .edit-address-button:hover,
.account-page .delete-address-button:hover {
    background-color: #eee;
}
.address-list-page .add-button {
	margin: 0 0 15px;
	text-align: center;
}

.account-page .return-items-button {
    border: 2px solid #eee;
    background-color: #f9f9f9;
    color: #cc8a97;
}
.account-page .return-items-button:hover {
    background: #eee;
}
.return-request-list-page a {
	font-weight: bold;
    color: #cc8a97; 
}
.return-request-list-page a:hover {
    text-decoration: underline;
}
.return-request-list-page .comments {
	margin: 15px 0 0;
}

.downloadable-products-page .download {
    font-size: 14px;
    font-weight: normal;
    color: #888;
}
.downloadable-products-page .download a {
    display: block;
    width: 48px;
    height: 48px;
    margin: auto;
    border: none;
    background: #444 url("../Themes/Brooklyn/Content/img/download.png") no-repeat center;
    font-size: 0;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.downloadable-products-page .download a:hover {
    opacity: 0.9;
}

.user-agreement-page .terms-of-agreement {
    margin: 0 0 60px;
    text-align: center;
}

.back-in-stock-subscription-list-page .data-table,
.forum-subscriptions-page .data-table {
    margin: 0 0 60px;
}

.reward-points-overview {
    margin: 0 0 15px;
}
.reward-points-history td.points-balance {
    font-size: 16px;
    font-weight: bold;
    color: #cc8a97;
}
.reward-points-history .message {
    min-width: 175px;
    text-align: right !important;
    font-size: 14px;
    font-weight: normal !important;
    color: #888;
}

.avatar-page .message-error {
	margin: 0 0 10px;
}
.avatar-page .fieldset {
	margin: 0 0 15px;
}
.avatar-page .buttons {
    font-size: 0;
}
.avatar-page .buttons button {
    width: 100%;
    max-width: 250px;
    margin: 0 0 10px;
    padding: 10px 0;
}
.avatar-page .buttons .button-2,
.account-page .button-2.return-items-button {
    border: 2px solid #eee;
    background-color: #f9f9f9;
    color: #cc8a97;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.avatar-page .buttons .button-2:hover,
.account-page .button-2.return-items-button:hover {
    background-color: #eee;
}
.multi-factor-authentication-page .inputs label {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-right: 0px;
    margin: 0px 0px 0px 5px !important;
}

.multi-factor-authentication-page .payment-details {
    display: inline-block;
    width: calc( 100% - 60px);
    padding-left: 10px;
    vertical-align: middle;
}

.multi-factor-authentication-page .payment-method .payment-logo {
    position: inherit;
    display: inline-block;
    width: 50px;
}

.multi-factor-authentication-page .payment-method .payment-details input[type="radio"] {
    position: inherit;
    margin-left: 5px;
}

.multi-factor-authentication-page .payment-method .method-name .buttons,
.multi-factor-authentication-page .payment-method .method-list .payment-details label,
.multi-factor-authentication-page .payment-method .method-list .payment-description {
    margin: 0 0 0 0px;
}

.multi-factor-authentication-page .payment-method .method-name .buttons {
    margin: 20px 0 0 10px;
}
.avatar-page .image {
	margin: 0 0 10px;
}
.avatar-page .image img {
	border: 1px solid #eee;
}
.avatar-page input[type="file"] {
	width: 76px;
	overflow: hidden;
}
.avatar-page .info {
	margin: 0 0 20px;
}

.forum-subscriptions-page .info {
    text-align: right !important;
} 

/*vendor info page*/
.vendorinfo-page .vendor-picture {
    padding: 20px;
}
.vendorinfo-page .vendor-picture .remove-picture-button {
    display: block;
    margin: 20px auto 0;
}

/********** SHOPPING CART **********/



.order-progress {
	margin: 0 0 60px;
	text-align: center;
}
.order-progress ul {
    font-size: 0;
}
.order-progress li {
    position: relative;
	display: inline-block;
    margin: 0 0 -2px -2px;
    overflow: hidden;
}
.order-progress a {
	display: block;
    width: 150px;
    border: 2px solid #eee;
    border-width: 2px;
    padding: 15px 0 15px 50px;
    background: url('../Themes/Brooklyn/Content/img/progress-arrow.rtl.png') no-repeat left center;
    text-transform: uppercase;
	font-size: 11px; /*reset zeroing*/
    color: #666;
}
.order-progress a:after {
    content: "";
    position: absolute;
    top: 0;
	left: 48px;
    height: 62px;
    width: 2px;
    background: #eee;
}
.order-progress li.active-step a {
    background-color: #f9f9f9;
	cursor: pointer;
}
.order-progress li.active-step a:hover {
    background-color: #f3f3f3;
}
.order-progress li.inactive-step a {
	/*opacity: 0.5;*/
	cursor: default;
}

.shopping-cart-page .button-1,
.checkout-page .button-1 {
    width: 390px;
    max-width: 100%;
    margin: 0 0 80px;
    border: none;
    padding: 16px 10px;
    background-color: #cc8a97;
    letter-spacing: 3px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;   
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover {
    opacity: 0.9;
}
.shopping-cart-page .button-2,
.checkout-page .button-2,
.order-details-page .page-title a,
.order-details-page .button-2.re-order-button,
.shopping-cart-page .estimate-shipping-button {
	display: inline-block;
	width: 390px;
    max-width: 100%;
    border: 2px solid #eee;
	padding: 12px 30px;
    background-color: #f9f9f9;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #cc8a97;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.shopping-cart-page .cart-collaterals .button-2 {
    border-width: 2px 0;
}
.order-details-page .button-2.re-order-button {
    width: auto;
    margin: 10px 0 5px;
}
.shopping-cart-page .cart-footer .button-2:hover,
.checkout-page .button-2:hover,
.order-details-page .page-title .pdf-invoice-button:hover {
    background-color: #eee;
}

.shopping-cart-page .cart-wrapper {
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.17);
    overflow: hidden;
}
.shopping-cart-page .cart-wrapper table.cart {
    margin-bottom: 20px;
}
.shopping-cart-page .button-2.update-cart-button,
.shopping-cart-page .estimate-shipping-button {
    border: 2px solid #cc8a97;
    background-color: #cc8a97;
    color: #fff;
}
.shopping-cart-page .button-2.update-cart-button:hover,
.shopping-cart-page .estimate-shipping-button:hover {
    opacity: 0.9;
}
.shopping-cart-page .common-buttons {
    padding: 0 20px 15px;
}
.shopping-cart-page .common-buttons .button-2,
.shopping-cart-page .estimate-shipping-button {
    margin: 0 0 10px;
}
.remove-discount-button,
.remove-gift-card-button {
	width: 16px;
	height: 16px;
	margin: 0 5px 0 0;
	border: none;
	background: #fff url('../Themes/Brooklyn/Content/img/menu-close-button.png') center no-repeat;
	cursor: pointer;
}

.shopping-cart-page .message-error {
	margin: 0 0 20px;
	font-size: 13px;
}

.cart-options {
	margin: 0 0 30px;
	text-align: center;
}
.shopping-cart-page .tax-shipping-info {
    margin: 35px auto -20px;
    text-align: center;
}
.shopping-cart-page .tax-shipping-info a {
    color: #cc8a97;
}
.shopping-cart-page .tax-shipping-info a:hover {
    text-decoration: underline;
}
.cart-options .common-buttons {
	font-size: 0;
}
.cart-options .common-buttons button {
	min-width: 150px;
	margin: 0 5px 5px;
}
.cart-options .checkout-attributes {
	margin: 40px 0;
}
.cart-options > .checkout-attributes + .selected-checkout-attributes {
    margin: -20px 0 40px !important;
}
.cart-options .checkout-attributes .required {
    position: absolute;
}
.cart-options .checkout-attributes .text-prompt {
    color: #444;
}
.cart-options .checkout-attributes dt {
	margin: 0 0 5px;
	font-weight: bold;
}
.cart-options .checkout-attributes dt ~ dt {
    margin-top: 15px;
}
.cart-options .checkout-attributes ul {
}
.cart-options .checkout-attributes li {
	line-height: 24px;
}
.cart-options .checkout-attributes li * {
	vertical-align: middle;
}
.cart-options .checkout-attributes .attribute-squares li {
    margin: 0 5px 5px;
    line-height: normal;
}
.cart-options .selected-checkout-attributes {
	margin: 30px 0;
}

.cart-footer:after {
	content: "";
	display: block;
	clear: both;
}
.cart-footer .totals {
	width: 390px;
	max-width: 100%;
	margin: 0 auto 30px;
}
.cart-footer .total-info {
	margin: 0 0 20px;
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.17);
    padding: 20px 30px;
    text-align: left;
    font-size: 16px;
}
.cart-total td {
	width: 50%;
	padding: 5px;
}
.cart-total .order-total {
    font-weight: bold;
	font-size: 16px;
	color: #888;
}
.terms-of-service {
	margin: 0 0 20px;
}
.terms-of-service label {
    cursor: pointer;
}
.terms-of-service a {
	display: inline-block;
	margin: 0 3px 0 0;
    cursor: pointer;
    color: #cc8a97;
}
.terms-of-service a:hover {
    text-decoration: underline;
}
.cart-footer .checkout-button {
	font-size: 18px;
}
.cart-footer .addon-buttons {
	margin: 20px 0 0;
}

.cart-collaterals {
	width: 390px;
	max-width: 100%;
	margin: 0 auto 30px;
}
.cart-collaterals > div {
	margin: 0 0 30px;
}
.cart-collaterals .title {
    position: absolute;
    top: -43px;
    right: 0;
    left: 0;
    overflow: hidden;
    width: 185px; 
    margin: auto;
    border: 2px solid #eee;
    padding: 10px 0;
}
.cart-collaterals .title strong {
    text-transform: uppercase;
    color: #444;
    white-space: nowrap;
}
.cart-collaterals .hint {
    width: 90%;
	margin: 0 auto 5px;
    text-align: right;
}
.cart-collaterals .deals > div,
.cart-collaterals .estimate-shipping  {
    position: relative;
	margin: 70px auto 0;
    border: 2px solid #eee;
    border-bottom: none;
    padding: 25px 0 0;
}
.cart-collaterals .estimate-shipping label {
    width: 350px;
    max-width: 90%;
    margin: 0 auto 10px;
    font-weight: bold;
}
.cart-collaterals .inputs input[type='text'],
.cart-collaterals .inputs select {
    max-width: 90%;
}
.cart-collaterals .inputs .required {
    position: absolute;
}
.cart-collaterals .coupon-code {
	overflow: hidden;
	font-size: 0;
}
.cart-collaterals .coupon-code input[type="text"] {
    width: 350px;
    max-width: 90%;
    margin: 0 0 15px;
    padding-right: 0;
    font-size: 14px;
}
.cart-collaterals .coupon-code button,
.cart-collaterals .shipping button {
    border-width: 2px 0;
}
.message-failure {
    border-bottom: 2px solid #eee;
    padding: 10px;
    color: #de524e;
}
.cart-collaterals .message {
	margin: 5px 0 0;
	color: #c00;
}
.cart-collaterals .current-code {
	border-bottom: 2px solid #eee;
    padding: 10px;
	color: #6bc29d;
}
.cart-collaterals .shipping-results {
	margin: 20px 0 30px;
    border-bottom: 2px solid #eee;
    padding: 0px 10px;
    text-align: right;
}
.cart-collaterals .shipping-results li {
	margin: 10px 0;
}
.cart-collaterals .option-name {
    color: #444;
}


/********** CHECKOUT **********/

/*google map*/
.select-pickup-point {
    margin-bottom: 30px;
}
.shipping-address-page .pickup-points-map {
    height: 400px;
}
/*end*/
.checkout-page {
    margin: 0 0 120px;
}
.checkout-page .section {
	margin: 0 0 30px;
    text-align: center;
}
.checkout-page .section.select-billing-address .title,
.checkout-page .section.select-shipping-address .title {
    display: none;
}
.checkout-page .section.new-billing-address .title,
.checkout-page .section.new-shipping-address .title {
    font-size: 24px; 
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
}
.checkout-page .section.order-summary .title {
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
}

.checkout-page .section.new-billing-address .title strong,
.checkout-page .section.new-shipping-address .title strong,
.checkout-page .section.order-summary .title strong {
    letter-spacing: 3.3px;
}
.checkout-page .enter-address {
    width: 900px;
    max-width: 100%;
    margin: auto;
    border: 2px solid #eee;
    padding: 30px 15px 15px;
}
/*.checkout-page .section.new-billing-address {
    width: 900px;
    max-width: 100%;
    border: 2px solid #eee;
}*/
.checkout-page .checkout-data .button-1 {
    padding: 15px;
    letter-spacing: 0;
    font-size: 14px;
}
.checkout-page .address-grid {
    display: inline-block;
    max-width: 100%;
	overflow: hidden;
    margin: 0 0 80px;
}
.checkout-page .address-item {
	width: 390px;
    max-width: 100%;
    margin: 0 auto 20px;
}
.checkout-page .address-box {
    border: 2px solid #eee;
    border-width: 2px 2px 0;
    padding: 20px;
    color: #444;
}
.checkout-page .address-item li {
	padding: 2px 0;
}
.checkout-page .address-item li.name {
	margin: 0 0 5px;
}
.checkout-page .address-item li.country {
	margin: 5px 0 0;
    font-weight: bold;
}
.checkout-page .address-item .button-1 {
    margin: 0;
}
.checkout-page .edit-address {
	margin: 0 15px 30px;
}
.checkout-page .min-amount-warning {
	display: block;
	margin: 0 0 20px;
	text-align: center;
}
.checkout-page .address-list-page {
	display: none;
}
.shipping-method .method-list li,
.payment-method .method-list li {
	width: 390px;
    max-width: 100%;
    margin: 0 auto 10px;
    border: 2px solid #eee;
    padding: 15px;
}
.payment-method .method-list li {
    position: relative;
}
.shipping-method .method-list li label,
.payment-method .method-list li label {
    text-transform: uppercase;
	font-weight: bold;
    color: #444;
}
.shipping-method .method-list li label {
    margin: 0 5px 0 0;
}
.shipping-method .method-description {
	margin: 5px 0 0;
}
.use-reward-points {
	margin: -20px 0 30px;
}
.payment-info .validation-summary-errors li:last-child {
    margin: 0 0 10px;
}
.payment-info .info {
    max-width: 900px;
	margin: 0 auto 30px;
    border: 2px solid #eee;
    padding: 15px;
}
.payment-info .info table {
    border-collapse: separate;
    border-spacing: 15px;
}
.payment-info .info td {
    display: block;
	width: auto;
	margin: 0 0 5px;
}
.payment-info .info td label {
    vertical-align: top;
}
#CreditCardType, 
#CardholderName,
#CardNumber {
    width: 250px !important;
}
.payment-info .info p>b {
    color: #444;
}
.confirm-order .terms-of-service {
    text-align: center;
}
.confirm-order .terms-of-service span {
    width: auto;
}
.confirm-order .button-1 {
	margin: 0 0 20px;
	font-size: 18px;
}
.order-review-data > div,
.order-details-area > ul,
.shipment-details-area > div {
	margin: 0 0 30px;
}
.order-review-data .side-list-wrap,
.order-details-area .side-list-wrap,
.shipment-details-area .side-list-wrap {
    margin-top: 20px;
}
.order-review-data li,
.order-details-area li,
.shipment-details-area li {
	padding: 2px 0; 
}
.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
	margin: 20px 0 5px;
    font-size: 14px; 
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
}
.order-review-data .title:first-child,
.order-details-area .title:first-child,
.shipment-details-area .title:first-child {
	margin-top: 0;
}
.order-completed .details {
	margin: 0 0 30px;
}
.order-completed .details > div {
    margin: 20px 0;
}
.order-completed .details a {
	display: block;
	margin: 5px 0 0;
	font-weight: bold;
    color: #cc8a97;
}
.order-completed .details a:hover {
    text-decoration: underline;
}

.opc .step-title {
	margin-bottom: 1px;
    border: 2px solid #eee;
	overflow: hidden;
	background: #f9f9f9;
	padding: 10px;
    opacity: 0.7;
}
.opc .allow .step-title,
.opc .allow .step-title * {
	cursor: pointer;
}
.opc .active .step-title {
    padding: 15px 10px;
    color: #666;
    opacity: 1;
}
.opc .active .step-title * {
}
.opc .step-title * {
	float: right;
	font-size: 16px; 
}
.opc .step-title span {
	margin: 0 0 0 10px;
    font-weight: bold;
}
.opc .step {
	margin: 30px 0;
	padding: 10px;
}
.opc .step .button-1 {
    margin: 0 0 30px;
}
.opc .section {
	margin: 0 0 20px;
}
.opc .section > label {
	display: block;
	margin: 0 0 20px;
}
.opc input[type="text"],
.opc select {
    width: 390px;
	max-width: 100%;
}
.opc #ExpireMonth,
.opc #ExpireYear {
    width: auto;
}
.opc .buttons {
	margin-bottom: 0;
}
.opc .back-link {
	margin: 40px 0 15px;
}
.opc .back-link small {
	display: none;
}
.opc .back-link a {
    text-transform: uppercase;
	font-weight: bold;
    color: #444;
}
.opc .back-link a:hover {
    color: #cc8a97;
}
.opc .please-wait {
	display: block;
	margin: 10px 0 0;
}
.opc .payment-info .info {
    border: none;
}
.opc .section.confirm-order {
}
.opc .terms-of-service {
	text-align: center;
}
.opc .terms-of-service > span {
    width: auto;
    vertical-align: middle;
}

.page.order-details-page,
.page.shipment-details-page,
.page.return-request-page {
    margin: 0 0 120px;
    text-align: center;
}
.order-details-page .page-title {
	margin: 0 0 40px;
	overflow: hidden;
}
.order-details-page .page-title h1,
.shipment-details-page .page-title {
	margin: 0 0 40px;
    border-bottom: 2px solid #eee;
    padding-bottom: 12px;
}
.order-details-page .order-overview {
	margin: 0 0 40px;
}
.order-details-page .order-overview strong {
    color: #cc8a97;
}
.order-details-area,
.shipment-details-area {
	margin: 0 0 30px; 
	overflow: hidden;  
}
.order-details-area td {
	float: right;
	width: 100%;
	margin: 0 0 20px;
	vertical-align: top;
}
.order-details-page .button-2.print-order-button {
    border: 2px solid #cc8a97;
    background-color: #cc8a97;
    color: #fff;
}
.order-details-page .button-2.print-order-button:hover {
    opacity: 0.9;
    background-color: #cc8a97;
    color: #fff;
}
.order-details-page .section .title,
.shipment-details-page .section .title,
.return-request-page .section .title {
    display: inline-block;
    min-width: 150px;
    margin: 0 0 -2px;
    border: 2px solid #eee;
    padding: 10px 20px;
}
.shipment-details-page .section .title {
    font-weight: bold;
    letter-spacing: 2px;
    color: #444;
    text-transform: uppercase;
}
.order-details-page .tax-shipping-info {
	text-align: center;
}
.order-details-page .tax-shipping-info a {
    color: #cc8a97;
}
.order-details-page .tax-shipping-info a:hover {
    text-decoration: underline;
}
.order-details-page .actions {
	margin: 20px 0 0;
	overflow: hidden;
	text-align: center;
	font-size: 0;
}
.order-details-page .actions button {
    width: 390px;
    max-width: 100%;
    border: 2px solid #cc8a97;
    padding: 12px 40px;
	background-color: #cc8a97;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.order-details-page .actions button:hover {
    opacity: 0.9;
}
.order-details-page button.return-items-button {
    background-color: #f9f9f9 !important;
    border: 2px solid #eee;
    color: #cc8a97;
}
.order-details-page button.return-items-button:hover {
    background-color: #eee;
    opacity: 1;
}
.order-details-page .total-info {
	width: 390px;
    margin: 0 auto 30px;
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.17);
    padding: 20px 30px;
    text-align: left;
    font-size: 16px;
}
.order-details-page .shipments .view-details a {
    font-size: 14px;
}
.shipment-details-page em {
    font-style: normal;
}

.return-request-page .submit-return-request-button {
    margin: 0;
}
.return-request-page .fieldset .title {
    margin: 0 0 40px;
    font-size: 16px;
}
.return-request-page .product {
    font-weight: bold;
    color: #444 !important;
}
.return-request-page .footable-last-column {
    color: #888;
    font-size: 14px;
    font-weight: normal;
}
.return-request-page .quantity select {
    height: 48px;
    width: 48px;
}
.return-request-page .qq-upload-button,
.return-request-page .qq-upload-list {
	width: 350px;
	max-width: 100%;
	margin: auto;
}
.return-request-page .qq-upload-button {
	height: 36px;
	border: 2px solid #eee;
	background-color: #fff;
	padding: 5px;
}
.return-request-page .qq-upload-list li {
	background-color: transparent !important;
	font-size: 14px;
	color: #444 !important;
}


/*********** SEARCH & SITEMAP ***********/



.search-input {
    margin: 0 0 80px;
}
.search-page .form-fields {
    border: 2px solid #eee;
    padding: 30px 15px;
}
.search-input input + label {
	display: inline;
	margin: 0 5px 0 0 !important;
}
.basic-search {
	margin: 0 0 20px;
}
.advanced-search .price-range {
	display: inline-block;
}
.advanced-search .price-range input {
	width: 80px !important;
	margin: 3px 5px;
}
.search-input .button-1 {
    width: 390px;
    max-width: 100%;
    border: medium none;
    padding: 14px 40px;
	background-color: #cc8a97;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.search-input .button-1:hover {
    opacity: 0.9;
}
.search-input .warning,
.search-results .result {
	display: block;
	margin: 10px 0 0; 
	font-weight: normal;
	color: #c00;
}
.search-results {
	margin: 30px 0 0;
    text-align: center;
}

.sitemap-page {
    margin: 0 0 120px;
}
.sitemap-page .page-title {
    border-bottom: 2px solid #eee;
    padding-bottom: 12px;
}
.sitemap-page .entity {
	margin: 40px 0;
}
.sitemap-page .entity-title {
	margin: 0 0 10px;
}
.sitemap-page .entity-title h2 {
    color: #444;
    letter-spacing: 3.3px;
    font-size: 16px;
    text-transform: uppercase;
}
.sitemap-page .entity-title h2:after {
    content: "";
    display: block;
    height: 3px;
    width: 30px;
    margin: 10px auto 0;
    background: #cc8a97;
}
.sitemap-page .entity-body {
	line-height: 24px;
}
.sitemap-page li {
	display: inline-block;
	margin: 5px 10px;
}
.sitemap-page a {
	display: block;
}
.sitemap-page a:hover {
    color: #cc8a97;
}
.sitemap-page a:empty {
	display: none;
}


/********** BLOG & NEWS **********/



.block .year {
    border: none !important;
}
.block .year strong {
	display: block;
    border-bottom: 1px solid #eee;
    padding: 9px 20px 9px 10px;
	cursor: default;
}
.block .year .month {
    border-bottom: 1px solid #eee;
}
.block .year:last-child .month {
    border: none;
}
.blog-page .post,
.news-items .news-item {
	position: relative;
	margin: 0 0 60px;
}
.blog-page .post:after,
.news-items .item:after {
	content: "";
	display: block;
	clear: both;
}
.post-title,
.news-title {
	display: inline-block;
	margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
	font-size: 16px;
    color: #444;
}
.post-title:hover,
.news-title:hover {
    color: #cc8a97;
}
.post-title:after,
.news-title:after {
    content: "";
    display: block;
    height: 3px;
    width: 30px;
    margin: 10px auto 0;
    background: #cc8a97;
}
.post-date,
.news-date {
	display: block;
    font-weight: bold;
}
.post-head,
.news-head {
    margin: 0 0 12px;
}
.page.blog-page,
.page.news-list-page {
    text-align: center;
}
.blog-pages-body .page-title,
.news-pages-body .page-title {
    border-bottom: 2px solid #eee;
    padding-bottom: 12px;
}
.blogpost-page .post-date,
.news-item-page .news-date {
}
.post-body,
.news-body {
	line-height: 24px;
}
.blog-page .tags, 
.blogpost-page .tags {
    display: inline-block;
	margin: 15px 0 0;
	overflow: hidden;
}
.blog-page .tags label,
.blogpost-page .tags label {
	display: inline-block;
    font-size: 13px;
}
.blog-page .tags ul,
.blogpost-page .tags ul {
	display: inline-block;
    font-size: 0;
}
.blog-page .tags li,
.blogpost-page .tags li {
	display: inline-block;
	font-size: 13px;
    color: #cc8a97;
}
.blog-page .tags li:hover,
.blogpost-page .tags li:hover {
    text-decoration: underline;
}
.blog-page .tags li.separator,
.blogpost-page .tags li.separator {
	margin: 0 3px 0 5px;
}
.blog-page .tags a,
.blogpost-page .tags a {
	display: inline-block;
	line-height: 24px;
}
.blog-page .tags a:hover,
.blogpost-page .tags a:hover {
    text-decoration: underline;
} 

.blog-posts .buttons,
.news-items .buttons { 
    margin: 15px 0 0;  
}
.blog-posts .read-comments {
    display: block;
	margin: 10px 0 20px;
    font-size: 13px;
    color: #cc8a97;
}
.blog-posts .read-comments:hover {
    text-decoration: underline;
}
.blog-posts .read-more,
.news-items .read-more {
	display: inline-block;
    min-width: 150px;
    background-color: #cc8a97;
    padding: 10px; 
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.blog-posts .read-more:hover,
.news-items .read-more:hover {
    opacity: 0.9;
}

.new-comment {
	margin: 60px 0 70px;
}
.new-comment form {
    border: 2px solid #eee;
    padding: 30px 15px;
}
.new-comment .title,
.comment-list .title {
	margin: 0 0 15px;
    font-size: 16px;
}
.new-comment .title strong:after,
.comment-list .title strong:after {
    content: "";
    display: block;
    height: 3px;
    width: 30px;
    margin: 10px auto 0;
    background: #cc8a97;
}
.new-comment .notifications {
	margin: 0 0 10px;
}
.new-comment .result {
	color: #690;
}
.new-comment .form-fields {
	margin: 0 0 15px;
}
.new-comment .inputs label {
	display: none;
}
.new-comment textarea {
    width: 350px;
	max-width: 100%;
}
.new-comment .captcha-box {
    margin: 0 0 40px;
}
.new-comment .buttons {
    position: relative;
    margin: -22px 0 0;
}
.new-comment .button-1 {
	display: inline-block;
    width: 350px;
    max-width: 100%;
    border: none;
    background-color: #cc8a97;
    padding: 14px 40px; 
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.new-comment .button-1:hover {
    opacity: 0.9;
}

.comment-list .title {
    color: #444;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.blog-comment,
.news-comment {
	margin: 0 0 60px;
}
.blog-comment:after,
.news-comment:after {
	content: "";
	display: block;
	clear: both;
}
.comment-info {
    display: inline-block;
    width: auto;
    margin: 0 0 20px;
    border: 2px solid #eee;
    padding: 20px 25px;
}
.comment-info .username {
	display: block;
	padding: 0 0 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #cc8a97;
}
.comment-info .avatar {
	position: relative;
	width: 120px;
	height: 120px;
	overflow: hidden;
}
.comment-info .avatar img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.comment-content > * {
	margin: 0 0 10px;
}
.comment-content .comment-title {
    margin: 0 0 25px;
    text-transform: uppercase;
    color: #444;
}
.comment-time span {
    font-weight: bold;
}
.comment-body {
	line-height: 20px;
}

.page.news-item-page {
    text-align: center;
}
.news-item-page .inputs:first-child label {
	display: block;
}

.news-list-homepage {
	margin: 0 0 60px;
}
.news-list-homepage .title {
    margin: 0 0 30px;
    text-align: center;
    font-size: 22px;
    letter-spacing: 3.3px;
    text-transform: uppercase;
    color: #444;
}
.news-list-homepage .news-title {
    text-transform: none;
}
.news-list-homepage .news-title:after {
    display: none;
}
.news-list-homepage .view-all {
    text-align: center;
}
.news-list-homepage .view-all a {
	display: inline-block;
    font-weight: bold;
    color: #cc8a97;
}
.news-list-homepage .view-all a:hover {
    text-decoration: underline;
}
.news-list-homepage .news-item .news-title {
    font-size: 14px;
    letter-spacing: normal;
}


/********** FORUM & PROFILE **********/


.forums-main-page,
.forum-group-page,
.forum-page,
.forum-topic-page,
.forum-edit-page,
.forum-search-page,
.active-discussions-page,
.move-topic-page,
.profile-page,
.private-messages {
    margin: 0 0 180px;
}
.forums-main-page .topic-block {
    margin: 0 0 5px;
}
.forums-main-page .topic-block-body {
    line-height: 24px;
}
.forums-header {
	margin: 0 0 20px;
}
.forums-header:after {
	content: "";
	display: block;
	clear: both;
}
.current-time {
    margin: 0 0 30px;
    font-weight: bold;
}
.forum-search-box {
    position: static !important;
    float: none !important;
    margin: 0 0 50px;
    border: 2px solid #eee;
    padding: 30px 20px 20px;
}
.forum-search-box form {
}
.forum-search-box .basic {
    max-width:390px;
	overflow: hidden;
	margin: 0 auto 10px;
}
.forum-search-box .basic .search-box-text {
    width: 390px;
    max-width: 100%;
    height: 38px;
    border-width: 2px 2px 0;
    text-align: center;
    font-size: 14px;
}
.forum-search-box .basic .search-box-button {
    width: 390px;
    max-width: 100%;
    border: none;
    padding: 10px 40px;
    background-color: #cc8a97;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.forum-search-box .basic .search-box-button:hover {
    opacity: 0.9;
}
.forum-search-box .advanced a {
    background: url('../Themes/Brooklyn/Content/img/forum-search-button.png') no-repeat right center;
	padding-right: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    color: #cc8a97;

}
.forum-search-box-text {
	float: right;
	width: 220px !important;
}
.forum-search-box-button {
	float: right;
	width: 36px;
	height: 36px;
	border: none;
	background: #ccc url('../Themes/Brooklyn/Content/img/search-button.png') center no-repeat;
	font-size: 0;
}
.forum-search-page .advanced-search {
	margin: 15px 0 0;
}
.forum-search-page .inputs.reversed > * {
    margin: 0 3px;
}
.forum-search-page .search-error {
    margin: 0 0 30px;
	text-align: center;
    font-size: 13px;
	color: #de524e;
}
.forum-search-page .search-results {
	margin: 0 0 15px;
}

/* forum group */

.forum-table td{
    font-size: 13px;
}
.forums-table-section {
	margin: 0 0 30px;
}
.forums-table-section.active-discussions {
    position: relative;
}
.forums-table-section a {
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 14px;
}
.forums-table-section a:hover {
    color: #cc8a97;
}
.forums-table-section-title {
	margin: 0 0 20px;
	overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.forums-table-section-title > a,
.forums-table-section-title strong {
	font-size: 16px;
	font-weight: bold;
    color: #444;
}
.forums-table-section-title > a:hover {
    color: #cc8a97;
}
/*.forums-table-section-title > a:hover:after {
    background-color: #ddd;
}*/
.forums-table-section-title > a:after,
.forums-table-section-title strong:after {
    content: "";
    display: block;
    height: 3px;
    width: 30px;
    margin: 10px auto 0;
    background-color: #cc8a97;
}
.forums-table-section-title strong:after {
    background-color: #cc8a97;
}
.forums-table-section .view-all {
    margin: -30px 0 0;
}
.forums-table-section .view-all a {
    color: #cc8a97;
}
.forums-table-section .view-all a:hover {
    text-decoration: underline;
}

.forums-table-section .image div {
	width: 31px;
	height: 25px;
	margin: auto;
	background: url('../Themes/Brooklyn/Content/img/folder1.png') center no-repeat;
}
.forums-table-section .image div.sticky {
	background: url('../Themes/Brooklyn/Content/img/folder2.png') center no-repeat;
}
.forums-table-section .image div.announcement {
	background: url('../Themes/Brooklyn/Content/img/folder3.png') center no-repeat;
}

.forums-table-section .latest-post {
	white-space: nowrap;
}
.forums-table-section .latest-post .origin a,
.forums-table-section .latest-post .author a,
.forums-table-section .topic-details .topic-starter a {
    font-size: 13px;
    color: #cc8a97;
}

/* forum-page, topic-page */

.forum-page .forum-info {
	margin: 0 0 20px;
}
.forum-page .forum-name,
.forum-topic-page .topic-name {
}
.forum-page .forum-name h1,
.forum-topic-page .topic-name h1 {
    margin: 0 0 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 3.3px;
    color: #444;
}
.forum-page .forum-description {
    margin: 0 0 50px;
}
.forum-actions,
.topic-actions {
    display: inline-block;
	margin: 0 0 25px;
	font-size: 0;
}
.forum-actions .actions a,
.topic-actions .actions a {
	display: inline-block;
	margin: 0 -1px;
    border: 2px solid #eee;
    padding: 10px 40px 10px 20px;
    background-image: none;
    background-color: #f9f9f9 !important;
    text-transform: uppercase;
    font-weight: bold;
	font-size: 14px;
    color: #cc8a97;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.forum-actions .actions a,
.topic-actions .actions a {
    margin-bottom: -2px !important;
}
.forum-actions .actions a:last-of-type,
.topic-actions .actions a:last-of-type {
    margin: 0 -1px 0 0;
}
.forum-actions .actions a:hover,
.topic-actions .actions a:hover {
    background-color: #eee !important;
}
.forum-actions .actions .new-topic {
	background: url('../Themes/Brooklyn/Content/img/forum_icon6.png') right center no-repeat;
}
.forum-actions .actions .watch-forum {
	background: url('../Themes/Brooklyn/Content/img/forum_icon5.png') right center no-repeat;
}
.topic-actions .actions .reply-topic-button {
	background: url('../Themes/Brooklyn/Content/img/forum_icon4.png') right center no-repeat;
}
.topic-actions .actions .watch-topic-button {
	background: url('../Themes/Brooklyn/Content/img/forum_icon5.png') right center no-repeat;
}
.topic-actions .actions .move-topic-button {
	background: url('../Themes/Brooklyn/Content/img/forum_icon3.png') right center no-repeat;
}
.topic-actions .actions .edit-topic-button {
	background: url('../Themes/Brooklyn/Content/img/forum_icon1.png') right center no-repeat;
}
.topic-actions .actions .delete-topic-button {
	background: url('../Themes/Brooklyn/Content/img/forum_icon2.png') right center no-repeat;
}
.topic-actions.lower .actions {
	display: none;
}
.pager.upper {
	display: none;
	margin: 0;
}

/* topic post */

.topic-post {
	margin: 0 0 20px;
}
.topic-post:after {
	content: "";
	display: block;
	clear: both;
}
.topic-post .post-info {
	margin: 30px 0;
    padding: 5px 0 20px;
}
.topic-post .user-info {
	width: 150px;
	margin: 0 auto 10px
}
.topic-post .username {
	display: block;
	padding: 10px 0;
	font-weight: bold;
    text-transform: uppercase;
    color: #cc8a97;
}
.topic-post .avatar,
.profile-info-box .avatar {
	position: relative;
	width: 150px;
	height: 150px;
    margin: 0 auto;
	/*border: 2px solid #eee;*/
	overflow: hidden;
}
.topic-post .avatar img,
.profile-info-box .avatar img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.topic-post .user-stats {
	margin: 0 0 15px;
    font-size: 13px;
}
.topic-post .user-stats li {
	display: inline-block;
	margin: 0 10px;
}
.topic-post .user-stats span,
.profile-info-box .profile-stats span {
	margin: 0 3px 0 0;
    font-weight: bold;
}
.topic-post .pm-button,
.profile-info-box .pm-button {
	/*display: inline-block;
    width: 100px;
    border: 2px solid #eee;
    padding: 6px 0;
    background-color: #f9f9f9;
	font-weight: bold;
	text-transform: uppercase;
    color: #cc8a97;*/
    display: block;
    margin: 0 auto;
    width: 150px;
    padding: 10px 30px;
    background-color: #cc8a97;
    font-weight: bold;
	text-transform: uppercase;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.topic-post .pm-button:hover,
.profile-info-box .pm-button:hover {
    opacity: 0.9;
}

.topic-post .post-time {
	margin: 0 0 15px;
	padding: 10px 0;
}
.topic-post .post-time span {
	font-weight: bold;
}
.topic-post .post-actions {
	margin: 0 0 30px;
	font-size: 0;
}
.topic-post .post-actions > div {
	display: inline-block;
    margin: 0 0 -2px;
}
.topic-post .post-actions a {
	display: inline-block;
	margin: 0 -1px;
	font-size: 14px; /*reset zeroing*/
}
.topic-post .post-actions .quote-post-button {
    border: 2px solid #eee;
	background: #f9f9f9 url('../Themes/Brooklyn/Content/img/quote.png') right center no-repeat;
	padding: 15px 30px 15px 20px;
    text-transform: uppercase;
	font-weight: bold;
    color: #cc8a97;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;  
}
.topic-post .post-actions .quote-post-button:hover {
    background-color: #eee;
}
.topic-post .post-actions .post-link-button {
    margin: 0 -1px;
    border: 2px solid #eee;
    padding: 15px 20px;
	font-weight: bold;
}
.topic-post .post-actions .edit-post-button,
.topic-post .post-actions .delete-post-button {
    margin: 0 -1px;
    border: 2px solid #eee;
    padding: 15px;
    font-weight: bold;
}
.topic-post .post-actions a:hover {
    color: #cc8a97;
}

.topic-post .post-body {
	margin: 0 0 15px;
    /*topic post-body also gets style from blog post-body*/
}

.topic-post .user-posted-image,
.latest-posts .user-posted-image {
    max-width: 100%;
    height: auto;
}
.topic-post .quote,
.latest-posts .quote {
	margin: 10px;
    border: 2px solid #eee;
	padding: 10px;
}
.topic-post .signature {
	border-top: 2px solid #eee;
	padding: 20px;
    font-style: italic;
}
.topic-post .vote {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
}
.topic-post .vote.up:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 15px 10px;
    border-color: transparent transparent #eee transparent;
}
.topic-post .vote.down:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #eee transparent transparent transparent;
}
.topic-post .post-vote {
    display: inline-block;
    margin-top: 10px;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.vote-count-post {
    width: 40px;
    border: 2px solid #eee;
    padding: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #888;
    font-family: "Open Sans",sans-serif;
}

/* forum edit & send message */

.forum-edit-page .page-body,
.private-message-send-page .page-body {
}
.forum-edit-page strong,
.private-message-send-page a {
    text-transform: uppercase;
	font-size: 16px;
    vertical-align: middle;
    font-weight: bold;
    letter-spacing: 2px;
    color: #444;
}
.forum-edit-page .toolbar,
.private-message-send-page .toolbar {
    margin: 0 0 10px;
}
.forum-edit-page .buttons,
.private-message-send-page .buttons,
.private-messages-page .buttons {
	margin: 15px 0 0;
	text-align: center;
}
.forum-edit-page .buttons,
.move-topic-page .buttons,
.private-messages .buttons {
    font-size: 0;
}
.forum-edit-page .buttons button,
.move-topic-page .buttons button,
.private-messages .buttons button {
    display: block;
    margin: 10px auto;
	min-width: 250px;
	border: 2px solid #eee;
	padding: 10px 20px;
    background-color: #f9f9f9;
    font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
    color: #cc8a97;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.forum-edit-page .buttons button:hover,
.move-topic-page .buttons button:hover,
.private-messages .buttons button:hover {
    background-color: #eee;
}
.forum-edit-page .buttons button.button-1,
.move-topic-page .buttons button.button-1,
.private-messages .buttons button.button-1 {
    background-color: #cc8a97;
    border-color: #cc8a97;
    color: #fff;
}
.forum-edit-page .buttons button.button-1:hover,
.move-topic-page .buttons button.button-1:hover,
.private-messages .buttons button.button-1:hover {
    opacity: 0.9;
}
.forum-edit-page .inputs span {
	vertical-align: middle;
	margin-right: 5px;
	font-size: 12px; /*reset zeroing*/
}

.private-message-send-page .message label {
	display: none;
}

/* inbox & view message */

.private-messages-page .ui-tabs .ui-tabs-panel {
    border: none;
    padding: 0;
}
.private-messages-page td.date {
	width: 15%;
	white-space: nowrap;
}
.private-messages-page td a {
    font-weight: normal;
}
.private-messages-page td a.pm-unread {
	font-weight: bold;
    color: #cc8a97;
}
.private-messages-page td.date {
    color: #bbb;
} 
.private-messages-page .to a:hover,
.private-messages-page .from a:hover,
.private-messages-page .subject a:hover {
    color: #cc8a97;
}
.private-messages-page .pager {
    margin: 0 0 30px;
}
.private-message-view-page .view-message {
    margin: 0 0 30px;
}
.private-message-view-page .view-message ul li {
    display: inline-block;
}
.private-message-view-page .view-message ul li:last-child span {
    display: none;
}
.private-message-view-page .view-message div {
	display: block;
    margin: 20px 0 0;
    border: 2px solid #eee;
    padding: 15px;
}
.private-message-view-page span {
	font-weight: bold;
}
.private-message-view-page span {
	margin: 0 0 0 10px;
	vertical-align: middle;
}
.private-message-view-page span:after {
	content: "|";
	margin: 0 10px 0 0;
}
.private-message-view-page .message {
	display: block !important;
	margin: 15px 0;
	border: 1px solid #ccc;
	padding: 15px;
}
.private-message-view-page .message span:after {
	display: none;
}
.private-message-view-page .options {
	display: block !important;
	overflow: hidden;
}
.private-message-view-page .buttons {
    display: inline-block;
}
.private-message-view-page .back-pm-button {
    margin: 0 -2px 0 0;
}

/* profile page  */

.profile-info-box {
	overflow: hidden;
}
.profile-info-box .avatar {
	margin: 0 auto 20px;
}
.profile-info-box .profile-stats {
	margin: 0 0 30px;
}
.profile-info-box .title {
	margin: 0 0 5px;
    text-transform: uppercase;
	font-size: 14px;
    color: #444;
}
.profile-info-box .stats {
    font-size: 13px;
}
.profile-info-box .stats li {
    margin: 0 0 5px;
}
.profile-page .topic {
    margin: 0 -15px 20px;
    border-bottom: 2px solid #eee;
    padding: 0 15px 15px;
}
.profile-page .topic p {
    padding: 0 10px;
}
.profile-page .topic-title {
    margin: -20px -15px 20px;
    border-bottom: 2px solid #eee;
    background-color: #f9f9f9;
    padding: 15px 5px;
}
.profile-page .topic:first-child .topic-title {
    margin-top: -15px;
}
.profile-page .topic-title a {
	vertical-align: middle;
	font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #cc8a97;
}
.profile-page .topic-title a:hover {
    color: #cc8a97;
}
.profile-page .topic-data span {
	display: inline-block;
	font-weight: bold;
}
/* GLOBAL TABLES */

.table-wrapper {
	/*overflow-x: auto;*/
}
.cart, .data-table,
.compare-products-table {
	margin: 0 0 30px;
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.17);
}
.forums-table-section table {
    margin: 0 0 70px;
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.17);
}
table.data-table {
    box-shadow: none;
    border: 2px solid #eee;
}
.cart th, .data-table th,
.forums-table-section th {
	border-bottom: 2px solid #eee;
    padding: 12px 15px;
    white-space: nowrap;
    font-weight: normal;
}
.cart td, .data-table td,
.compare-products-table td,
.forums-table-section td {
	min-width: 60px;
    border-bottom: 2px solid #eee;
    background: #fff;
    padding: 12px 15px;
    font-weight: normal;
}
.data-table td.product a {
    font-style: normal;
}
.cart tr > *:first-child,
.data-table tr > *:first-child,
.compare-products-table tr > *:first-child,
.forums-table-section tr > *:first-child {
}
.cart tr:last-child td,
.data-table tr:last-child td,
.compare-products-table tr:last-child td,
.forums-table-section tr:last-child td {
    border-bottom: none;
}
.cart tr > *:last-child,
.data-table tr > *:last-child,
.compare-products-table tr > *:last-child,
.forums-table-section tr > *:last-child {
}
.cart a, .data-table a,
.compare-products-table a,
.forums-table-section a {
    font-weight: bold;
    color: #444;
}

.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name,
.forum-table .forum-details,
.forum-table .topic-details {
	text-align: center;
}
.cart .attributes,
.data-table .attributes {
    margin: 0;
    padding: 0;
    border: none;  
}
.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
    text-align: center;
}
.cart .product {
    min-width: 175px;
}
.cart .edit-item > a {
    color: #cc8a97;
}
.cart .edit-item > a:hover {
    text-decoration: underline;
}
.cart .unit-price {
    white-space: nowrap;
    font-size: 16px;
}
.cart .qty-input,
.cart .qty-dropdown {
    width: 48px;
    height: 48px;
    border: 2px solid #ddd;
    text-align: center;
    font-size: 16px;
}
.cart .qty-dropdown {
    padding: 3px;
}
.cart tbody .subtotal {
    white-space: nowrap;
    font-weight: bold;
    font-size: 16px;
    color: #cc8a97; 
}
.cart tbody .subtotal .discount {
    white-space: normal;
}
.cart .discount-additional-info {
	margin: 5px 0 0;
	font-size: 14px;
	font-weight: normal;
	white-space: normal;
	color: #888;
}
.shopping-cart-page table.cart .product-name, 
.checkout-page table.cart .product-name{
    text-transform: uppercase;
}
.shopping-cart-page table.cart .quantity > span,
.checkout-page table.cart .quantity > span {
    display: inline-block;
    height: 48px;
    width: 48px;
    border: 2px solid #ddd;
    line-height: 43px;
    font-size: 16px;
}
.shopping-cart-page table.cart .quantity .td-title,
.checkout-page table.cart .quantity .td-title {
    display: none;
}



/* COMPARE PRODUCTS TABLE */

.compare-products-table .overview p:first-child {
    margin: 0 0 10px;
}
.compare-products-table .overview p:last-child {
    position: relative;
    max-width: 200px;
    height: 200px;
    overflow: hidden;
}
.compare-products-table .overview img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.compare-products-table .product-name td {
    background: #f6f6f6;
}
.compare-products-table .product-price td {
    font-weight: bold;
    color: #cc8a97;
}
.compare-products-table .product-price td:first-child {
    font-weight: normal;
    color: #666;
}

.compare-products-table-mobile img {
    max-width: 120px;
}


/********** FOOTABLE CUSTOM CSS **********/



.footable-first-column {
	text-align: center;
}
td.footable-first-column {
	position: relative;
	background: transparent !important; /*Firefox relative cell bug fix*/
}
td.footable-last-column {
    text-align: center;
    font-size: 16px;
    font-weight: bold !important;
    color: #cc8a97;
}

.footable-first-column .item-count {
	font-size: 16px !important;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
	position: absolute;
	top: 50%;
	right: 50%;
	width: 32px;
	height: 32px;
	margin: -16px -16px 0 0;
	overflow: hidden;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
    cursor: pointer;
}
.footable-row-detail {
	text-align: right;
}
.footable-row-detail-cell {
	text-align: right !important;
}
.footable-row-detail-row {
	margin: 0 0 10px;
    display: table-row;
}
.footable-row-detail-name {
	margin: 0 0 5px;
	font-style: italic;
    display: table-cell;
    padding: 7px 10px;
}
.footable-row-detail-value {
    display: table-cell;
}

.footable-toggle {
	background-image: url('../Themes/Brooklyn/Content/img/expand-button.png');
}
.footable-detail-show .footable-toggle {
	background-image: url('../Themes/Brooklyn/Content/img/shrink-button.png');
}
.footable-toggle:before {
	display: none !important;
}

.compare-products-table-mobile .item-count,
.downloadable-products-page .data-table .item-count
/* remove downloads table item-count from here if "my account" is only one column on tablet landscape(768) */ {
	display: none;
}

.go-to-page {
	display: inline-block !important;
	font-size: 13px !important;
    color: #cc8a97 !important;
}

/*@media all and (max-width: 809px) {
    .order-summary-content .cart .item-count, 
    .section.products .data-table .item-count, 
    .section.shipments .data-table .item-count {
        display: none;
    }
}*/

@media all and (min-width: 612px) {
    .downloadable-products-page .data-table .item-count, 
    .return-request-page .data-table .item-count {
        display: block;
    }
}

/*@media all and (max-width: 506px) {
    .reward-points-history .data-table .item-count {
        display: none;
    }
}*/

@media all and (min-width: 768px) {
    .forum-table .forum-details,
    .forum-table .latest-post,
    .forum-table .topic-details {
        text-align: right !important;
    }
}

@media all and (min-width: 1281px) {
    .cart td, 
    .data-table td, 
    .compare-products-table td {
        padding: 20px;
    }
    
    .forums-table-section td {
        padding: 20px 20px 30px;
    }
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .checkout-page .table-wrapper {
        box-shadow: 0px 1px 12px 2px rgba(0,0,0,0.17);
    }
}
@media all and (max-width: 1024px) {

.admin-header-links {
	position: fixed;
	top: 0;
	z-index: 1030;
	width: 100%;
}
.responsive-nav-wrapper-parent {
	position: fixed;
	top: 0;
	z-index: 1030;
	width: 100%;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.8);*/
}
.admin-header-links ~ .responsive-nav-wrapper-parent {
	top: 35px;
}
.header {
	margin-top: 40px;
}
.admin-header-links ~ .header {
	margin-top: 75px;
}

/* RESPONSIVE NAV WRAPPER */

.responsive-nav-wrapper {
	position: relative;
	/*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);*/
	background-color: #cc8a97;
	text-align: center;
	font-size: 0;
}
.responsive-nav-wrapper.nav-down {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.responsive-nav-wrapper.nav-up {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}
.responsive-nav-wrapper:after {
	content: "";
	display: block;
	clear: both;           
}
.responsive-nav-wrapper > div {
    vertical-align: middle;
}
.responsive-nav-wrapper > div > span,
.responsive-nav-wrapper > div > a {
	display: block;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	height: 40px;
	width: 40px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
    border-left: 1px solid rgba(255,255,255,0.1);
}
.responsive-nav-wrapper > div:first-child > span,
.responsive-nav-wrapper > div:first-child > a{
    border-right: 1px solid rgba(255,255,255,0.1);
}
.responsive-nav-wrapper .menu-title {
	display: inline-block;
	background: url('../Themes/Brooklyn/Content/img/menu-button.png') no-repeat center;
}
.responsive-nav-wrapper .search-wrap {
	display: inline-block;
	background: url('../Themes/Brooklyn/Content/img/search-button.png') no-repeat center;
}
.responsive-nav-wrapper .wishlist-opener {
    display: inline-block;
    background: url("../Themes/Brooklyn/Content/img/wishlist-button.png") no-repeat center;
}
.responsive-nav-wrapper .shopping-cart-link {
	display: inline-block;
	background: url('../Themes/Brooklyn/Content/img/cart-button.png') no-repeat center;
}
.responsive-nav-wrapper .filters-button {
	display: inline-block;
	background: url('../Themes/Brooklyn/Content/img/filters-button.png') no-repeat center;
}
.responsive-nav-wrapper .personal-button {
	display: inline-block;
	background: url('../Themes/Brooklyn/Content/img/options-button.png') no-repeat center;
}

/* RESPONSIVE MENU */

.ps-container > .ps-scrollbar-y-rail {
    visibility: hidden !important;
}
.scrollYRemove {
    overflow: hidden !important;
    -ms-touch-action: none !important;
    -webkit-overflow-scrolling: touch !important;
}
.overlayOffCanvas {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: 1060;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.admin-header-links ~ .overlayOffCanvas {
    top: 75px;
}
.overlayOffCanvas.show {
	background: rgba(0,0,0,0.4);
}
.header-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 320px;
    height: 100%;
    text-align: right;
    background: #fff;
    overflow: hidden;
	z-index: 1070;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translate(320px);
    -ms-transform: translate(320px);
    transform: translate(320px);
}       
.header-menu.open {
    box-shadow: 1px 0 5px rgba(0,0,0,.5);
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.header-menu .close-menu {
    overflow: hidden;
}
.close-menu span {
	display: block;
    float: left;
    width: 40px;
    height: 40px;
    background: url('../Themes/Brooklyn/Content/img/menu-close-button.png') no-repeat center;
    line-height: 15px;
	text-align: left;
    font-size: 0;
    color: #fff;
	text-transform: uppercase;
	
    cursor: pointer;

}
.header-menu > ul li {
    text-align: center;
    position: relative;
}
.header-menu > ul li:after {
	content: "";
	display: block;
	clear: both;
}
.header-menu > ul li > a,
.header-menu > ul li > span {
	display: block;
    position: relative;
	z-index: 0;
    width: auto !important;
    margin: 0 20px;
    border-bottom: 2px solid #eee;
	padding: 25px 5px 12px;
	line-height: 16px;
	color: #444;
	font-size: 14px;
    font-weight: bold;
	text-transform: uppercase;
}
.plus-button {
    position: absolute;
    top: 0;
    left: 0;
	z-index: 1;
	width: 47px;
	height: 53px;
	background: url('../Themes/Brooklyn/Content/img/menu-back-button.png') 27px 24px no-repeat;
    cursor: pointer;
}
.header-menu .sublist-wrap {
    position: fixed;
    top: 0;
    right: 0;
    width: 320px !important;
    height: 100%;
    background: #fff !important;
    /*box-shadow: 1px 0 5px rgba(0,0,0,0.5);*/
    z-index: 2;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translate(320px);
    -ms-transform: translate(320px);
    transform: translate(320px);
}        
.header-menu .sublist-wrap.active {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.header-menu .back-button span {
    display: inline-block;
    float: left;
    margin: 0 0 0 17px;
    border: none;
    background: url('../Themes/Brooklyn/Content/img/menu-sublevel-button.png') no-repeat right center;
	padding: 10px 20px 10px 10px !important;
    text-align: left;
    font-size: 12px;
	color: #888;
    font-weight: normal;
    cursor: pointer;
}

/* header menu functionality classes */

.admin-header-links,
.responsive-nav-wrapper,
.master-wrapper-content,
.header-logo, .footer,
.slider-wrapper {
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;        
}
/*.move-right {
    -webkit-transform: translate(320px);
    -ms-transform: translate(320px);
    transform: translate(320px);        
}*/

/* SEARCH BOX */

.store-search-box {
	display: none;
	position: fixed;
	top: 40px;
	right: 0;
	padding: 20px;
	width: 100%;
	box-shadow: -1px 2px 1px rgba(0,0,0,0.3);
	z-index: 1070;
	text-align: center;
    background: #fff;
}
.admin-header-links ~ .search-box {
    top: 75px;
}
.search-box.open {
	display: block;
}

/* HEADER LINKS */

.header-options-wrapper {
	display: none;
	position: fixed;
	top: 40px;
	left: 0;
	right: 0;
	z-index: 1070;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: #fff;
    padding: 10px;
	text-align: center;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.admin-header-links ~ .header .header-options-wrapper {
    top: 75px;
}
.header-options-wrapper.open {
	display: block;
}
.header-selectors-wrapper {
	margin: 10px 0 0;
}
.header-actions {
	display: none;
}

/* HEADER LOGO */

.header-logo {
    padding: 15px 0;
}
.header-2 .header-options-wrapper .header-logo {
    display: none;
}
.header-2 .header-lower {
	background: transparent !important;
}

/* BLOCK NAVIGATION */

.block.block-account-navigation {
    float: none;
    margin: 80px auto 100px;
}

}

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

.forums-table-section .forums-table-section-body {
	overflow-x: auto;
}
.forums-table-section .view-all {
	margin: 0;
}

}
/*=====================================================
    
    TABLETS PORTRAIT & SMARTPHONES LANDSCAPE

=====================================================*/

@media all and (min-width: 481px) {
	
/* GLOBAL STYLES */

.master-wrapper-content {
    width: 95%;
}
.side-2:after {
	content: "";
	display: block;
	clear: both;
}

/* GLOBAL FORMS */
/* NOTIFICATIONS & POPUPS */

.eu-cookie-bar-notification {
    width: 450px;
    max-width: 95%;
    margin-right: -225px;
}

/* HEADER */

.store-search-box input.search-box-text {
	width: 350px !important;
}
.ui-autocomplete {
	width: 386px !important; /*txtfield + button*/
	margin-left: -193px;
}

/* HEADER MENU */
/* FOOTER */

.newsletter-email input[type="text"] {
	width: 300px;
}
.newsletter-email .newsletter-subscribe-button {
    width: 300px;
}

/* LEFT/RIGHT COLUMN */

.block {
	float: right;
	width: 48%;
	margin: 0 1% 2%;
	text-align: right;
}
.block:nth-of-type(2n+1) {
	clear: both;
}
.block .tags li,
.product-tags-all-page li {
	margin: 0 5px;
}
.poll-options li,
.poll-results li {
	display: block;
}
.poll .buttons,
.poll-total-votes {
	text-align: right;
}

/* CATEGORY PAGE & GRIDS */

.breadcrumb ul {
    border: none;
}
.breadcrumb li > * {
    margin: -2px -1px 0;
    border: 2px solid #eee;
    padding: 9px 15px;
    font-size: 10px;
}
.breadcrumb li strong {
    max-width: none;
    white-space: normal;
}
.product-selectors {
    width: auto;
    text-align: center;
}
.product-selectors > div > span:first-child {
    width: auto;
}
.product-selectors .new_select {
    text-align: right;
}
.item-box {
    float: right;
	width: 49%; /*two per row*/
    max-width: none;
	margin-right: 2%;
}
.item-box:nth-child(2n+1) {
	clear: both;
	margin-right: 0;
}
.item-box .prices {
    min-height: 23px;
}
.item-box button {
    padding: 0 15px;
}
.home-page-category-grid {
    width: 100%;
    margin: 0 0 90px;
}
.home-page-category-grid .item-box {
    margin-bottom: 2%;
}
.sub-category-grid {
    width: 100%;
    margin: 0 0 30px;
}

/* PRODUCT PAGE */

.gallery {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 30px;
}
.gallery .thumb-item {
    width: 25%;
}
.ui-tabs .ui-tabs-nav li {
	display: inline-block;
    margin: 0 -1px -2px;
}
.ui-tabs.productTabs .ui-tabs-nav {
	margin: 0;
	text-align: right;
}
.ui-tabs.productTabs .ui-tabs-nav li {
	width: 50%;
}

/* REVIEW PAGE */
/* WISHLIST & COMPARE LIST */
/* TOPICS */

.enter-password-form input[type="password"] {
	width: 300px !important;
}

/* CONTACT PAGE & EMAILaFRIEND */
/* REGISTRATION, LOGIN, MY ACCOUNT */

.registration-page .fieldset:nth-child(2) select,
.account-page .fieldset:nth-child(3) select {
	width: 110px;
}
.login-page .checkout-as-guest-or-register-block .button-1 {
    max-width: 50%;
    padding: 14px 20px;
}

/* SHOPPING CART & CHECKOUT */

.shopping-cart-page .button-2.update-cart-button {
    background-image: url('../Themes/Brooklyn/Content/img/update.png');
	background-position: right center;
	background-repeat: no-repeat;
}
.shopping-cart-page .common-buttons a.estimate-shipping-button {
    background-image: url('../Themes/Brooklyn/Content/img/shipping.png');
	background-position: right center;
	background-repeat: no-repeat;
}
.order-review-data,
.order-details-area,
.shipment-details-area {
	display: table;
	width: 100%;
	margin: 0 0 60px;
}
.order-review-data > div,
.order-details-area > ul,
.shipment-details-area > div {
	display: table-cell;
    width: 50%;
}
#CreditCardType, 
#CardholderName,
#CardNumber {
    width: 390px !important;
}

/* SEARCH PAGE & SITEMAP */
/* BLOG & NEWS */
/* FORUM & PROFILE */

.forum-search-box-text,
.forum-search-text {
	width: 350px;
}
.forum-page .forum-actions .actions a {
    width: auto;
}
.forum-actions .actions a:first-child,
.topic-actions .actions a:first-child {
    margin: 0 0 0 -1px;
}


}

/*=====================================================
    
    TABLETS LANDSCAPE & NETBOOKS

=====================================================*/

@media all and (min-width: 769px) {

/* GLOBAL STYLES */

.page {
	clear: both;
    min-height: 200px;
	text-align: right;
}

/* GLOBAL FORMS */

.fieldset .title, 
.section .title {
    text-align: center;
}

/* NOTIFICATIONS & POPUPS */
/* HEADER */
/* HEADER MENU */
/* FOOTER */

.footer-block {
	display: inline-block;
	width: 45%;
	margin: 0 1% 15px;
	vertical-align: top;
}

/* LEFT/RIGHT COLUMN */

.block {
	width: 31.3333%;
	margin: 0 1% 2%;
}
.block:nth-of-type(2n+1) {
	clear: none;
}
.block:nth-of-type(3n+1) {
	clear: both;
}

/* CATEGORY PAGE & GRIDS */

.breadcrumb {
	text-align: right;
}
.breadcrumb ul {
    padding: 0 10px;
    border: 2px solid #eee;
    border-bottom: none;
}
.breadcrumb ul:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #eee;
}
.product-filters .product-filter {
    display: inline-block;
    width: 33.333%;
    margin: 0 0 2%;
    padding: 1%;
    text-align: center;
    vertical-align: top;
}
.product-selectors {
    position: relative;
	z-index: 2;
	text-align: center;
}
.product-selectors > div {
    margin: 0;
}
.product-selectors .product-viewmode {
    display: block;
	position: absolute;
    right: 0;
}
.product-selectors .product-viewmode > span:first-child {
    padding-right: 0;
}
.product-selectors .product-sorting {
    padding: 8px 0;
}
.product-selectors .product-page-size {
    position: absolute;
    left: 0;
    padding: 8px 0;
} 
.product-selectors .product-page-size > span:last-child {
    padding-left: 0;
}

.item-box {
	width: 32%; /*three per row*/
}
.item-box:nth-child(2n+1) {
	clear: none; /*revert the second item*/
	margin-right: 2%; /*revert the second item*/
}
.item-box:nth-child(3n+1) {
	clear: both;
	margin-right: 0;
}
.item-box .buttons {
	text-align: right;
}
.item-box button {
    padding: 0 10px;
}

.product-list {
    margin-top: 45px;
}
.product-list .item-box {
    float: none;
    width: auto;
    margin-right: 0;
}
.product-list .item-box .product-item:after {
    content: "";
    display: block;
    clear: both;
}
.product-list .item-box .picture {
    float: right;
    width: 200px;
    margin: 0;
}
.product-list .item-box .picture + .details {
    margin-right: 220px;
}
.product-list .item-box .product-title,
.product-list .item-box .description {
    height: auto;
}
.product-list .item-box .buttons button {
    width: auto;
    min-width: 150px;
}
.product-list .item-box .buttons button.add-to-wishlist-button{
    width: 48px;
    min-width: 0;
}

.pager {
    border: 2px solid #eee;
    text-align: center;
}
.pager ul {
    display: inline-block;
}
.pager li {
    float: right;
    margin: -2px 0; 
}
.pager li * {  
}

/* PRODUCT PAGE */

.product-essential {
    text-align: center;
}
.overview .qty-label,
.variant-overview .qty-label {
	position: static;
	left: 0;
	margin: 0 0 0 5px;
}

.ui-tabs.productTabs .ui-tabs-nav {
	text-align: center;
}
.ui-tabs.productTabs .ui-tabs-nav li {
	width: auto;
}
.ui-tabs.productTabs .ui-tabs-panel {
	padding: 20px 50px;
	text-align: center;
}

.tier-prices .prices-table {
	display: table;
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.tier-prices .prices-row {
	display: table-row;
	float: none;
	width: auto;
}
.tier-prices .prices-row > div {
	display: table-cell;
	border: 2px solid #eee !important;
}
.tier-prices .field-header {
	min-width: 100px;
}

.rental-attributes dt {
	min-width: 75px;
}
.rental-attributes .datepicker {
	width: 120px;
}
.attribute-squares {
	text-align: center;
}
.giftcard label {
	display: inline-block;
	width: 150px;
	margin: 0 -156px 0 10px;
	text-align: left;
}

/* REVIEW PAGE */

.ui-tabs .product-review-list {
	text-align: right;
}
.ui-tabs .product-review-item:last-child {
	margin-bottom: 20px;
}
.product-review-item .review-title {
    float: right;
    width: 80%;
    margin: 0;
	color: #444;
}
.product-review-item .product-review-box {
    float: left;
}
.product-review-item .review-text {
	overflow: hidden;
}
.product-review-item .review-avatar {
	float: right;
    margin: 0;
}
.product-review-item .avatar + .text-body {
	margin: 0 140px 0 0;
}

/* WISHLIST & COMPARE LIST */

.wishlist-content .button-2 {
    display: inline-block;
    min-width: 200px;
	margin: 0 5px;
}


/* TOPICS */
/* CONTACT PAGE & EMAILaFRIEND */
/* REGISTRATION, LOGIN, MY ACCOUNT */

.date-of-birth select {
    max-width: 105px;
}
.address-list .buttons {
	position: absolute;
	top: 5px;
	left: 1px;
}
.recurring-payments .table-wrapper {
	max-width: 768px;
	margin: auto;
}
.recurring-payments .start-date {
	min-width: 120px;
}
.avatar-page {
    text-align: center;
}
.avatar-page .fieldset {
	/*float: left;
	margin-right: 10px;*/
    text-align: center;
}
.avatar-page .buttons {
	/*text-align: left;*/
}

/* SHOPPING CART & CHECKOUT */

.shopping-cart-page .common-buttons {
    text-align: center;
    font-size: 0;
}
.shopping-cart-page .common-buttons:after {
    content: '';
    display: block;
    clear: both;
}
.shopping-cart-page .common-buttons .button-2,
.shopping-cart-page .estimate-shipping-button {
    width: 49%;
    max-width: 390px;
}
.shopping-cart-page .button-2 + .estimate-shipping-button {
    margin-right: 2%;
}
.order-progress a {
    width: auto;
    padding: 15px 15px 15px 65px;
}
.cart-options .common-buttons button {
	margin: 0 10px 0 0;
}
.cart-options .checkout-attributes li {
	display: inline-block;
	margin: 0 5px;
}
.shopping-cart-page .totals,
.cart-collaterals {
	margin: 0 auto 25px;
    text-align: center;
}
.checkout-page .address-grid {
    max-width: 810px;
}
.checkout-page .address-item {
	float: right;
    max-width: 48%;
    margin: 0 1% 2%;
}
.checkout-page .address-item:only-child {
    max-width: none;
}
/*.address-item:nth-child(2n) {
    margin: 0 0 20px 2%;
}*/
.payment-details {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
}
.payment-details > * {
    cursor: pointer;
}
.order-details-page .page-title a {
    width: auto;
    min-width: 170px;
	margin: 3px;
    text-align: center;
}
.order-details-page .actions button {
	min-width: 0;
}
.order-details-page .total-info {
	overflow: hidden;
}
.order-details-page .cart-total {
	float: left;
}

/* SEARCH & SITEMAP */

.sitemap-page {
    text-align: center;
}

/* BLOG & NEWS */

.post-head ~ *,
.news-head ~ * {
	display: block;
}
.blog-page .tags > *,
.blogpost-page .tags > * {
	float: right;
}
.blog-page .tags label,
.blogpost-page .tags label {
	margin: 0 0 0 10px;
	line-height: 24px;
}

.comment-list {
    text-align: center;
}
.news-list-homepage .news-items {
	margin: 0 160px 30px 0;
	border-right: 2px solid #ddd;
	padding: 5px 40px 5px 0;
}
.news-list-homepage .news-items .news-item {
    margin: 30px 0 0;
}
.news-list-homepage .news-items .news-item:first-child {
    margin: 0;
}
.news-list-homepage .news-items .news-item:before {
    content: "";
    position: absolute;
    top: 12px;
    right: -52px;
    width: 23px;
    height: 23px;
    background: url('../Themes/Brooklyn/Content/img/home-page-bullet.png') no-repeat center;
}
.news-list-homepage .news-head {
    margin: 0 0 5px;
}
.news-list-homepage .news-title {
    margin: 0;
}
.news-list-homepage .news-date {
    position: absolute;
    top: 0;
    right: -202px;
    width: 120px;
    text-align: left;
    line-height: 20px;
    color: #cc8a97;
}
.news-list-homepage .buttons {
    display: none;
}
.news-list-homepage .view-all {
    margin: 40px 0 0;
}

.blog-comment, 
.news-comment {
    position: relative;
    margin: 0 0 -2px;
    overflow: hidden;
    border: 2px solid #eee;
}
.comment-info {
	float: right;
    min-height: 220px;
	margin: 0;
    border: none;
}
.comment-info + .comment-content {
    min-height: 220px;
    margin: 0 172px 0 0;
    padding: 20px;
    text-align: right;
}
.comment-info:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 170px;
    height: 100%;
    width: 2px;
    background-color: #eee;
}

/* FORUM & PROFILE */


.forum-breadcrumb {
    margin: 0 0 30px !important;
}
.forums-main-page,
.forum-group-page,
.forum-page,
.forum-topic-page,
.active-discussions-page,
.profile-page,
.private-messages {
    text-align: center;
}
.current-time {
    font-weight: bold;
}
.forums-table-section-title {
    text-align: right;
}
.forums-table-section-title > a::after,
.forums-table-section-title strong:after {
    margin: 10px 0 0;
}
.forums-table-section-title .link-rss {
	float: left;
	margin: 0;
}
.forums-table-section .view-all {
    position: absolute;
    top: 5px;
    left: 0;
    margin: 0;
	text-align: center;
}

.forum-actions,
.topic-actions {
    display: block;
	overflow: hidden;
}
.forum-actions .actions,
.topic-actions .actions {
	/*float: left;*/
    margin: 0 0 30px;
}
.forum-actions .pager,
.topic-actions .pager {
	/*float: right;*/
    float: none !important;
	/*max-width: 450px;*/
}
.topic-actions.lower .actions {
	display: block;
}

.topic-posts {
    margin: 0 0 30px;
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.17);
}
.topic-post {
	overflow: hidden;
    margin: 0;
    border-bottom: 2px solid #eee;
}
.topic-post:last-child {
    border-bottom: none;
}
.topic-post .post-info {
	float: right;
	width: 20%;
	margin: 0;
}
.topic-post .user-info {
	width: auto;
}
.topic-post .username {
}
.topic-post .avatar {
}
.topic-post .avatar img {
}
.topic-post .user-stats li {
	display: block;
	margin: 0;
}
.topic-post .post-content {
	float: left;
    position: relative;
	width: 80%;
}
.topic-post .post-content .post-body {
    padding: 0 20px 20px 0;
    text-align: right;
    overflow: hidden;
}
.topic-post .post-content:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 1000px;
    background-color: #eee;
}
.topic-post .post-body .post-text {
    float: right;
    max-width: 88%;
}
.topic-post .post-vote {
    float: left;
    margin: 0 0 0 20px;
}
.topic-post .post-head {
	overflow: hidden;
}
.topic-post .post-time {
	float: right;
	margin: 0;
    padding: 15px;
	background: none;
}
.topic-post .post-actions {
	float: left;
	margin: -2px 0 0 -2px;
}
.topic-post .post-actions a {
	margin: 0;
	line-height: 20px;
}
.topic-post .post-actions .post-link-button {
    margin: 0 0 0 10px;
    border: none;
}
.topic-post .post-actions .edit-post-button,
.topic-post .post-actions .delete-post-button {
    margin: 0 0 10px;
    border: none;
}
.topic-post .post-actions .edit-post-button {
	background: url('../Themes/Brooklyn/Content/img/forum_icon1.png') no-repeat right center;
}
.topic-post .post-actions .delete-post-button {
	background: url('../Themes/Brooklyn/Content/img/forum_icon2.png') no-repeat right center;
}
.topic-post .post-actions .edit-post-button, 
.topic-post .post-actions .delete-post-button {
    padding: 15px 35px 15px 15px;
}
.topic-post .post-actions .post-link-button {
    padding: 15px 10px 15px 15px;
}


.pager.lower {
	margin: 70px 0 0;
}
.forum-topic-page .topic-options {
	float: right;
}
.move-topic-page .inputs {
    text-align: center;
}
.move-topic-page .inputs label {
    display: block;
    margin: 0 auto 15px;
    text-align: center;
}
.forum-edit-page .buttons button, 
.move-topic-page .buttons button, 
.private-messages .buttons button {
    display: inline-block;
    min-width: 200px;
    margin: 0 5px;
}
.private-messages-page .pager {
    border: none;
}
.private-message-view-page .back-pm-button {
	float: right;
}

.profile-info-box .avatar {
	float: right;
	margin: 0 0 0 15px;
}
.profile-info-box .profile-stats {
    margin: 0 180px 20px 0;
    text-align: right;
}
.profile-info-box .profile-stats:before {
    content: "";
    position: absolute;
    top: 0;
    right: 175px;
    width: 2px;
    height: 1000px;
    background-color: #eee;
}
.profile-info-box .send-pm {
    float: right;
	margin: 0 15px 0 0;
}
.profile-page .pager {
    margin-top: 35px;
    border: none;
}

}
/*=====================================================
    
    DESKTOP

=====================================================*/

@media all and (min-width: 1025px) {

/* GLOBAL STYLES */

.master-wrapper-content {
	width: 980px;
	margin: auto;
}
.master-wrapper-home .master-wrapper-content {
	margin-top: 60px;
}
.center-2 {
	float: left;
	width: 74%;
    margin: 0 0 120px;
}
.side-2 {
	float: right;
	width: 23%;
    margin: 0 0 120px;
}
.inputs {
	text-align: right;
}
.inputs label {
	display: inline-block;
	width: 305px;
	margin: 0 0 0 10px;
	text-align: left;
}
.center-2 .inputs label {
	width: 150px;
}
.responsive-nav-wrapper-parent {
	display: none;
}
.menu-title, .close-menu,
.header-menu .back-button {
	display: none;
}
.overlayOffCanvas {
	display: none !important;
}
.category-page .page-title,
.account-page .page-title {
    position: absolute;
    top: 45px;
    right: 0;
    left: 0;
}
.link-rss {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

/* GLOBAL FORMS */

.inputs .option-list {
    vertical-align: top;
}
.inputs .option-list li {
	float: none;
	margin: 10px 0;
}
.inputs .option-list li:first-child {
    margin-top: 0;
}

/* NOTIFICATIONS & POPUPS */
/* HEADER */

.header {
	position: relative;
	z-index: 1020;
	text-align: right;
	width: auto;
}
.header-upper {
    background-color: #cc8a97;
    padding:5px 0;
}
.header-upper:after, 
.header-lower:after {
    content: "";
    display: block;
    clear: both;
}
.header-options-wrapper {
    width: 980px;
    margin: auto;
}
.header-options-wrapper:after {
    content: "";
    display: block;
    clear: both;
}
.header-options {
    float: right;
    max-width: 700px;
}
.header-links-wrapper {
	float: right;
    margin: 0 0 0 10px;
}
.header-links li {
    margin: 0 0 0 20px;
}
.header-links span,
.header-links a {
    line-height: 30px;
    font-size: 11px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.6);
}
.header-links span:hover,
.header-links a:hover {
    color: rgba(255,255,255,1);
}

.header-selectors-wrapper {
	float: right;
}
.header-selectors-wrapper > div {
	float: right;
	margin: 0 10px 0 0;
    font-size: 11px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.6);
}
.header-selectors-wrapper > div:first-child {
    margin: 0;
}
.header-selectors-wrapper select {
    height: 30px;
    min-width: 45px;
    max-width: 55px;
    border: none;
    background-color: transparent;
    padding: 6px 0 6px 6px;
    font-size: 11px;
    color: rgba(255,255,255,0.6);
    text-transform: uppercase;
}
.tax-display-type-selector select {
    max-width: none !important;
}
.header-selectors-wrapper select:focus {
    color: rgba(255,255,255,1);
}
.new_select {
    background-image: url('../Themes/Brooklyn/Content/img/selector-button1.png');
}
.language-list a {
    height: 30px;
}

.store-search-box {
	position: relative;
	float: left;
}
.store-search-box form {
    border-color: rgba(255,255,255,0.2);
}
.store-search-box input.search-box-text {
    width: 240px !important;
    height: 29px;
    font-size: 12px;
    color: rgba(255,255,255,0.6);
}
.header-1 .store-search-box input.search-box-text::-webkit-input-placeholder {
    color: rgba(255,255,255,0.6);
}
.header-2 .store-search-box input.search-box-text::-webkit-input-placeholder {
    color: #888;
}
.store-search-box input.search-box-text:focus {
    color: #fff;
}
.store-search-box .search-box-button {
    width: 30px;
    height: 29px;
    background:rgba(0, 0, 0, 0) url('../Themes/Brooklyn/Content/img/search-button.png') no-repeat center;
}
.ui-autocomplete {
	z-index: 1015; /*should be lower than header but equal or higher than header-menu*/
	width: 270px !important;
	margin-left: -135px;
	text-align: right;
}

.header-lower {
	display: table;
    table-layout: fixed;
	width: 980px;
    margin: auto;
    padding: 20px 0;
}
.header-actions-wrapper {
	display: table-row;
}

.header-logo {
    display: table-cell;
    width: 20%;
    padding: 0 0 0 20px;
    vertical-align: middle;
    text-align: right;
}

#headerMenuParent {
    display: table-cell;
    width: 65%;
    vertical-align: middle;
}
.header-menu {
    display: table-row;
	position: relative;
	z-index: 1010;
	margin: 0 0 30px;
    text-align: right;
}
.header-menu > ul {
    display: table-cell;
	font-size: 0;
}
.header-menu > ul > li {
	display: inline-block;
    position: relative;
	vertical-align: middle;
}
.header-menu > ul > li > a,
.header-menu > ul > li > span {
	display: block;
    position: relative;
    overflow: hidden;
	padding: 5px 15px;
	font-size: 14px; /*reset zeroing*/
    text-transform: uppercase;
    font-weight: bold;
    color: #444;
	cursor: pointer;
}
.header-menu > ul > li > a:after,
.header-menu > ul > li > span:after {
    content: "";
    display: none;
    position: absolute; 
	right: 15px;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #cc8a97;
}
.header-menu > ul > li:hover {
    z-index: 100;
}
.header-menu > ul > li:hover > a:after,
.header-menu > ul > li:hover > span:after {
    display: block;
}
.header-menu .sublist-wrap {
	display: none;
	position: absolute;
	top: 30px;
    right: 15px;
	min-width: 180px;
	background: #fff;
	padding: 2px 0 7px;
	box-shadow: -1px 1px 3px rgba(0,0,0,.25);
}
.header-menu .sublist-wrap.active {
	display: block;
}
.top-menu {
	display: block;
}
.header-menu .sublist li {
	position: relative;
    padding: 0 10px;
}
.header-menu .sublist .back-button {
	display: none;
}
.header-menu .sublist li a {
	display: block;
    border-bottom: 2px solid #eee;
    padding: 12px 10px 5px;
	font-size: 14px;
	color: #888;
}
.header-menu .sublist li:last-child a {
    border-bottom: none;
}
.header-menu .sublist li:hover > a {
	color: #cc8a97;
}
.header-menu .sublist-wrap .sublist-wrap {
	top: -2px;
	right: 100%;
}

.header-actions {
    display: table-cell;
    width: 15%;
    text-align: left;
    vertical-align: middle;
    font-size: 0;
}
.header-actions > a {
    display: inline-block;
    width: 48px; 
    height: 48px;
    margin: 2px 2px 2px 0;
    vertical-align: middle;
}
.header-actions a.ico-wishlist {
    background: #444 url('../Themes/Brooklyn/Content/img/wishlist-button.png') no-repeat center;
}
.header-actions a.ico-cart {
    background: #cc8a97 url('../Themes/Brooklyn/Content/img/cart-button.png') no-repeat center;
} 
.flyout-cart {
	display: block;
	position: fixed !important;
	top: 0;
    bottom: 0;
	left: -330px;
	z-index: 1030;
	width: 320px;
	border: none;
    box-shadow: 8px 0px 8px rgba(0, 0, 0, 0.086);
	background: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.admin-header-links ~ .header-1 .flyout-cart,
.admin-header-links ~ .header .flyout-cart-overlay {
    top: 35px;
}
.flyout-cart.active {
	left: 0;
}
.mini-shopping-cart {
}
.mini-shopping-cart a {
}
.mini-shopping-cart a:hover {
	text-decoration: underline;
}
.mini-shopping-cart .count {
    position: relative;
    min-height: 40px;
	padding: 11px 20px 11px 40px;
    background-color: #cc8a97;
    text-align: right;
    font-size: 13px;
    color: #fff;
}
.mini-shopping-cart .count a {
    width: auto;
    height: auto;
    font-weight: bold;
}
.mini-shopping-cart .count .close {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: url('../Themes/Brooklyn/Content/img/flyout-cart-close-button.png') no-repeat center;
    cursor: pointer;
}
.mini-shopping-cart .item {
	overflow: hidden;
	padding: 20px 10px 0 33px;
}
.mini-shopping-cart .item.first {
}
.mini-shopping-cart .picture {
	float: right;
	width: 120px;
	text-align: center;
}
.mini-shopping-cart .picture a {
	display: block;
	position: relative;
	overflow: hidden;
}
.mini-shopping-cart .picture a:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.mini-shopping-cart .picture img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
}
.mini-shopping-cart .picture + .product {
	margin: 0 135px 0 0;
    text-align: right;
    font-size: 13px;
    color: #888;
}
.mini-shopping-cart .name {
	margin: 5px 0;
	font-size: 14px;
	font-weight: bold;
    color: #666;
}
.mini-shopping-cart .attributes {
    margin: 15px 0 10px;
    padding: 15px 0 0;
}
.mini-shopping-cart .price {
    margin: 0 0 4px;
}
.mini-shopping-cart .price span {
    font-size: 16px;
    font-weight: bold;
    color: #cc8a97;
}
.mini-shopping-cart .quantity span {
}
.mini-shopping-cart .totals {
    padding: 23px 10px;
	text-align: right;
    font-size: 16px;
	color: #666;
}
.mini-shopping-cart .totals strong {
	color: #cc8a97;
}
.mini-shopping-cart .buttons {
	padding: 0 10px;
	text-align: right;
}
.mini-shopping-cart button {
	display: inline-block;
    margin: 0 0 2px 1px;
    border: none;
    background-color: #cc8a97;
	padding: 13px 30px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.mini-shopping-cart button:hover {
    opacity: 0.9;
}

/* HEADER-2 */

.header-2 .header-upper {
    background-color: #fff;
    padding: 12px 0;
}
.admin-header-links ~ .header-2 .header-upper {
    border-top: 2px solid #eee; 
}
.header-2 .header-options-wrapper {
    display: table;
}
.header-2 .header-logo {
    width: 36%;
}
.header-2 .store-search-box {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.header-2 .store-search-box form {
    border-bottom: 2px solid #eee;
}
.header-2 .store-search-box input.search-box-text {
    height: 33px;
    color: #888;
}
.header-2 .store-search-box input.search-box-text:focus {
    color: #444;
}
.header-2 .store-search-box .search-box-button {
    background-image: url('../Themes/Brooklyn/Content/img/search-button-mobile.png');
}
.header-2 .header-options {
    display: table-cell;
    width: 36%;
    float: none;
    vertical-align: middle;
    text-align: left;
}
.header-2 .header-options > div {
    display: inline-block;
    float: none;
    vertical-align: middle;
    text-align: right;
}
.header-2 .header-links-wrapper {
    margin: 0;
}
.header-2 .header-links ul {
    text-align: left;
}
.header-2 .header-links li {
    margin: 0 10px 0 0;
}
.header-2 .header-links a span:hover,
.header-2 .header-links a:hover {
    color: #cc8a97;
}
.header-2 .header-links span, 
.header-2 .header-links a,
.header-2 .header-selectors-wrapper select {
    color: #888;
}
.header-2 .header-selectors-wrapper {
    margin: 0 10px 0 0;
}
.header-2 .header-selectors-wrapper > div {
    border-bottom: 2px solid #eee;
    padding: 0 5px;
}
.header-2 .new_select {
    background-image: url('../Themes/Brooklyn/Content/img/selector-button2.png');
    color: #888;
}
/*testing*/
.header-2 .header-selectors-wrapper .language-selector {
    border: none;
}
.header-2 .header-selectors-wrapper .language-selector .new_select {
    border-bottom: 2px solid #eee;
}
.header-2 .header-lower {
	display: block;
	width: auto;
    background-color: #cc8a97;
    padding: 5px 0;
}
.header-2 .header-actions-wrapper {
	display: table;
	width: 980px;
	margin: auto;
}
.header-2 .header-lower .header-logo,
.header-2 .header-lower .search-box {
    display: none;
}
.header-2 #headerMenuParent {
    width: 88%;
    text-align: center;
}
.header-2 .header-menu > ul > li > a,
.header-2 .header-menu > ul > li > span {
    color: #fff;
}
.header-2 .header-menu > ul > li > a:after,
.header-2 .header-menu > ul > li > span:after {
    background-color: #fff;
}
.header-2 .header-menu > ul > li > .sublist-wrap,
.header-2 .header-menu > ul > li > .dropdown {
	margin-top: -3px;
}
.header-2 .header-actions a {
    margin: 0;
}
.header-2 .header-actions a.ico-cart {
    background-color: #d6a1ac;
}

/* FOOTER */

.footer-upper,
.footer-middle,
.footer-lower {
    padding-left: 0;
    padding-right: 0;
}
.footer-upper, 
.footer-middle, 
.footer-lower-center {
    width: 1000px;
    margin: auto;
}

.footer-upper {
    padding: 0 20px 50px;
}
.social-sharing {
    height: 65px;
    max-width: 600px;
    margin: auto;
    background: url('../Themes/Brooklyn/Content/img/social-icons-holder-shadow.png') no-repeat center top; 
}
.social-sharing li {
    margin: 0 4px;
    vertical-align: top;
    box-shadow:inset  0 20px 20px -20px rgba(0,0,0,0.4);
}
.social-sharing li:hover {
    height: 65px;
}

.footer-block {
    float: right;
    width: 26%;
	margin: 0 0 15px;
    border: none;
    padding: 0 20px;
    text-align: right;
}
.footer-block.footer-links {
    width: 24%;
}
.footer-block .title {
    margin: 0 0 15px;
    padding: 0;
    font-size: 18px;
    letter-spacing: 3.3px;
    cursor: auto;
}
.footer-block .title + * {
    display: block;
    margin: 0;
}
.footer-block .title strong {
    padding: 0;
}
.footer-block .title strong:before, 
.footer-block .title strong:after {
    display: none;
}
.footer-block .title + *:before {
    margin: 0;
}
.footer-block.footer-topic .title+*:before {
	margin-bottom: 20px;
}
.footer-block .topic-block-body {
    padding: 18px 0 0;
}
.footer-block .list li {
    padding: 10px 0;
}
.footer-block .list li:first-child {
    padding: 20px 0 10px;
}

.newsletter-description {
    padding: 20px 0 0;
}
.newsletter-email input[type="email"] {
	width: 220px;
}
.newsletter-email .newsletter-subscribe-button {
    width: 220px;
}

/* FOOTER-2 */

.footer-2 .footer-middle {
    padding: 60px 0;
}
.footer-2 .footer-block {
    margin: 0;
} 
.footer-2 .newsletter-block {
    border-right: 2px solid #ddd;
    text-align: center;
}
.footer-2 .newsletter-block .title {
    height: 40px;
    background: url('../Themes/Brooklyn/Content/img/about-us-icon.png') no-repeat center;
}
.footer-2 .newsletter-block .title strong, 
.footer-2 .newsletter-block .newsletter:before {
    display: none !important;
}
.footer-2 .newsletter-email .options {
    text-align: right;
}
.footer-2 .social-sharing {
    background: none;
    text-align: right;
}
.footer-2 .social-sharing li {
    margin: 0;
    box-shadow: none;
}
.footer-2 .social-sharing li:hover {
    height: 54px;
}

/* LEFT/RIGHT COLUMN */

.block {
	float: none;
	width: auto;
	margin: 0 0 40px;
}
.block .listbox {
	display: block;
}
.block .title {
    background: none;
	cursor: default;
}
.block-recently-viewed-products .list li > a {
    display: inline-block;
    padding-right: 10px;
}
.block .product-picture {
	display: inline-block;
	width: 25%;
	vertical-align: middle;
}
.block .product-picture img {
	display: block;
	max-width: 100%;
}
.block .product-name {
	display: inline-block;
	width: 72%;
	vertical-align: middle;
}

/* CATEGORY PAGE & GRIDS */


.category-page-body .master-wrapper-content {
    padding: 100px 0 0;
}
.breadcrumb {
    margin: 0 0 50px;
}
.breadcrumb li * {
	line-height: normal;
}
.category-description,
.manufacturer-description,
.vendor-description {
    text-align: right;
}
.contact-vendor {
    text-align: right;
}
.home-page-category-grid .item-box {
    width: 32%;
    margin: 0 1% 1% 0;
}
.home-page-category-grid .item-box:nth-child(3n+1) {
    margin-right: 0;
}
.home-page-category-grid .title a:hover:after {
    content: "";
    position: absolute;
    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 16px;
    border: 3px solid rgba(255,255,255,0.4);
}
.home-page-category-grid .hover-effect-2 .title a:hover:after {
    display: none;
}
.home-page-category-grid .item-box:hover .hover-effect-2 .title a span {
    bottom: 50%;
    margin-bottom: -30px;
}

.sub-category-grid .item-box:hover,
.manufacturer-grid .item-box:hover,
.vendor-grid .item-box:hover {
    opacity: 0.9;
}

.product-grid .item-box,
.manufacturer-grid .item-box,
.vendor-grid .item-box {
	width: 33.33333%;
    margin: 0 0 25px;
    padding: 15px;
}
.manufacturer-grid .item-box,
.vendor-grid .item-box {
    margin: 0 0 40px !important;
}
.manufacturer-grid .item-box .title,
.vendor-grid .item-box .title {
    font-weight: normal;
}
.items-per-row-four .product-grid .item-box,
.items-per-row-four .manufacturer-grid .item-box,
.items-per-row-four .vendor-grid .item-box {
    width: 25%;
    margin: 0 0 35px;
    padding: 10px;
}
.items-per-row-four .product-grid .item-box:nth-child(3n+1),
.items-per-row-four .manufacturer-grid .item-box:nth-child(3n+1),
.items-per-row-four .vendor-grid .item-box:nth-child(3n+1) {
	clear: none; /*revert the third item*/
}
.items-per-row-four .product-grid .item-box:nth-child(4n+1),
.items-per-row-four .manufacturer-grid .item-box:nth-child(4n+1),
.items-per-row-four .vendor-grid .item-box:nth-child(4n+1) {
	clear: both;
}

.product-grid .item-box button {
    width: 76%;
}
.product-grid .item-box input.add-to-wishlist-button {
    width: 24%;
}
.product-grid .item-box:hover,
.manufacturer-grid .item-box:hover,
.vendor-grid .item-box:hover {
    box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.12);
}

.home-page .product-grid .item-box {
    width: 25%;
}
.home-page .product-grid .item-box:nth-child(3n+1) {
    clear: none;
}
.home-page .product-grid .item-box:nth-child(4n+1) {
    clear: both;
}

.items-per-row-four .product-grid .item-box .picture {
    position: relative;
}
.items-per-row-four .home-page .product-grid .item-box {
    width: 20%;
}
.items-per-row-four .home-page .product-grid .item-box:nth-child(4n+1) {
    clear: none;
}
.items-per-row-four .home-page .product-grid .item-box:nth-child(5n+1) {
    clear: both;
}

.product-grid.also-purchased-products-grid .item-box,
.product-grid.related-products-grid .item-box,
.product-grid.cross-sells .item-box {
    width: 25%;
}
.product-grid.also-purchased-products-grid .item-box:nth-child(3n+1),
.product-grid.related-products-grid .item-box:nth-child(3n+1),
.product-grid.cross-sells .item-box:nth-child(3n+1) {
    clear: none;
}
.product-grid.also-purchased-products-grid .item-box:nth-child(4n+1),
.product-grid.related-products-grid .item-box:nth-child(4n+1),
.product-grid.cross-sells .item-box:nth-child(4n+1) {
    clear: both;
}

/* PRODUCT PAGE */

.gallery {
    display: inline-block;
    width: auto;
    max-width: none;
	padding: 15px 0 0;
	vertical-align: top;
}
.gallery:after {
    content: "";
    display: block;
    overflow: hidden;
}
.gallery .picture {
    float: right;
    width: 600px;
    margin: 0;
}
.gallery .picture-thumbs {
    float: left;
    width: 150px;
    margin: 0 3px 0 0;
}
.gallery .thumb-item {
    width: 100%;
    height: 150px;
    margin: 0;
}


.product-variant-list {
    text-align: right;
}
.variant-picture {
	float: right;
}
.variant-picture + .variant-overview {
	width: auto;
	margin: 0 250px 0 0;
}

.ui-tabs.productTabs .ui-tabs-panel {
	padding: 30px 80px;
}
.ui-tabs .ui-tabs-panel .inputs label {
	width: 223px;
}

.two-columns .gallery {
    float: right;
}
.two-columns .gallery .picture {
    width: 452px;
}
.two-columns .picture-thumbs {
    height: 452px;
    width: 113px;
}
.two-columns .gallery .thumb-item {
    height: 113px;
}
.two-columns .gallery .picture-thumbs li {
	height: 113px;
}

.two-columns .overview {
    float: left;
    width: 380px;
	padding: 15px 0 0;
    text-align: right;
}
.two-columns .overview .product-reviews-overview {
    text-align: right;
}
.two-columns .overview .discontinued-product {
    position: absolute;
    right: 0;
    width: 452px;
    border-width: 0;
    background: rgba(255,255,255,0.85);
    z-index: 1000;
}
.two-columns .customer-entered-price {
    padding: 10px 0 10px 10px;
}
.two-columns .attribute-squares {
	text-align: right;
}
.two-columns .giftcard label {
    display: block;
	width: auto;
    margin: 0 0 5px;
    text-align: right;
}

/* REVIEW PAGE */

.write-review .review-rating {
    text-align: right;
}
.write-review .review-rating label {
    margin: 0;
}
.write-review .review-rating .name-description {    
    display: inline-block;
    width: 305px;
    margin: 1px 0 0 10px;
    text-align: left;
    vertical-align: top;
}

/* WISHLIST & COMPARE LIST */

.compare-products-page {
	overflow: hidden;
}
.compare-products-page .clear-list {
	position: absolute;
	top: 15px;
	left: 1%;
    width: auto;
}
.compare-products-table {
	display: table;
    width: 98%;
    margin: 12px auto;
}
.compare-products-table .full-description {
    display: none;
}
.compare-products-table-mobile {
	display: none;
}
.compare-products-page .button-2 {
    padding: 10px 30px;
}

/* TOPICS */
/* CONTACT PAGE & EMAILaFRIEND */
/* REGISTRATION, LOGIN, MY ACCOUNT */


.registration-page .inputs,
.login-page .inputs,
.account-page .inputs {
    margin: 0 0 15px;
}
.registration-page .inputs label {
    width: 238px;
    margin-left: 20px;
}
.registration-page .inputs input[type="text"],
.registration-page .inputs input[type="password"],
.registration-page .inputs input[type="tel"],
.registration-page .inputs input[type="email"],
.registration-page .inputs select,
.registration-page .inputs textarea,
.login-page .inputs input[type="text"],
.login-page .inputs input[type="password"],
.login-page .inputs input[type="email"],
.login-page .inputs input[type="tel"],
.account-page .inputs input[type="text"],
.account-page .inputs input[type="password"],
.account-page .inputs input[type="tel"],
.account-page .inputs input[type="email"],
.account-page .inputs select,
.account-page .inputs textarea {
    border-width: 0 0 2px;
}
.gender {
    width: 350px;
}
.gender span {
    display: inline-block;
    margin: 0;
    width: 48.5%;
    border-bottom: 2px solid #eee;
}
.gender span:first-child {
    margin: 0 0 0 3%;
} 
#check-availability-button {
	display: block;
	margin: 30px auto 0;
}
.login-page .new-wrapper {
    float: left;
    width: 49%;
}
.login-page .text {
    min-height: 186px;
}
.login-page .returning-wrapper {
    float: right;
    width: 49%;
}
.login-page .inputs label {
    width: 100px;
}
.login-page .inputs input[type="text"],
.login-page .inputs input[type="password"] {
    width: 300px;
}
.login-page .inputs.reversed > * {
	width: auto;
	margin: 0 5px;
	vertical-align: middle;
}

.account-page .page-title {
    padding-bottom: 12px;
    border-bottom: 2px solid #eee;
}
.block-account-navigation,
.account-page {
    margin-top: 100px;
}
.account-page .title {
    text-align: right;
}
.account-page .title strong::after {
    margin: 10px 0 0;
}
.account-page .inputs label {
    margin-left: 20px;
}
.account-page .date-of-birth select {
    max-width: 108px;
}
.account-page .revalidation-wrapper {
	display: inline-block;
	width: 350px;
	max-width: 100%;
	padding: 8px;
	vertical-align: middle;
}
.account-page .email-to-revalidate,
.account-page .email-to-revalidate-note {
	margin: 5px 0;
}
.address-list-page .info,
.order-list-page .info,
.return-request-list-page .details {
    max-width: none;
}
.order-list-page .table-wrapper {
	max-width: none;
}
.order-list-page .buttons {
    text-align: right;
}
.return-request-page label {
	width: 305px;
}
.avatar-page {
    text-align: right;
}
.avatar-page .message-error {
    text-align: right;
}
.avatar-page .fieldset {
	float: right;
	margin-left: 20px;
}
.avatar-page .buttons {
	text-align: right;
}
/*vendor info page*/
.vendorinfo-page .vendor-picture {
    padding: 20px 170px 0 20px;
}
.vendorinfo-page .vendor-picture .remove-picture-button {
    margin: 20px 0 0;
}



/* SHOPPING CART & CHECKOUT */

.shopping-cart-page .totals {
    float: left;
	width: 33%;
    max-width: 390px;
	margin: 40px 0 0;
}
.cart-collaterals {
    float: right;
	width: 66.66%;
	margin: 0;
}
.cart-collaterals .deals > div, 
.cart-collaterals .estimate-shipping {
    margin-top: 40px;
}
.cart-collaterals .deals {
	margin: 0;
}
.cart-collaterals .deals:after {
	content: "";
	display: block;
	clear: both;
}
.cart-collaterals .deals > div {
	float: right;
    width: 390px;
    max-width: 48%;
	margin-left: 2%;
}
.cart-collaterals .hint {
    margin: 0 auto;
}
.cart-collaterals .deals > div:first-child {
    margin-bottom: 20px;
}
.cart-collaterals .shipping {
	float: left;
	margin: 0;
}
.cart-collaterals .shipping .inputs {
    text-align: center;
}
.cart-collaterals .shipping .buttons {
	text-align: left;
}
.cart-collaterals .estimate-shipping label {
    display: block;
    text-align: right;
}
.cart-collaterals input[type="text"],
.cart-collaterals select {
    border-width: 0 0 2px;
}
.terms-of-service {
    text-align: right;
}
.terms-of-service > span {
    display: inline-block;
    width: 90%;
    margin-right: 10px;
    vertical-align: top;
}

.checkout-page .edit-address {
    margin: 0;
}
.checkout-page .edit-address input,
.checkout-page .edit-address select {
    border-width: 0 0 2px;
}
.new-billing-address .inputs label {
    display: inline-block;
    width: 238px;
    margin-left: 20px; 
    text-align: left;
}
.checkout-page .address-grid {
    display: block;
    max-width: none;
}
.checkout-page .address-item {
    max-width: 32%;
}
.checkout-page .address-item,
.checkout-page .address-item:nth-child(2n) {
    margin: 0 2% 2% 0;
}
.checkout-page .address-item:first-child {
    margin: 0 0 2%;
}
.checkout-page .address-item:nth-child(3n+1) {
    clear: both;
    margin: 0 0 2%;
}
.checkout-page .address-item:only-child {
    float: none;
    margin: 0 auto 20px !important;
}
.checkout-page .edit-address label {
	width: 238px; /* remove the comment if works properly all over */
    margin-left: 20px;
}
.checkout-page .opc .edit-address label {
	width: 295px;
}
.new-billing-address .inputs .required {
    position: absolute;
}
.shipping-method .method-list li,
.payment-method .method-list li {
    text-align: right;
}
.shipping-method .method-description {
    margin: 5px 22px 0 0;
}
.payment-method .payment-logo {
    position: absolute;
    top: 0;
	bottom: 0;
    right: 42px;
	height: 36px;
	margin: auto;
}
.payment-method .payment-details input[type="radio"] {
	position: absolute;
    top: 0;
	bottom: 0;
    right: 18px;
	margin: auto;
}
.payment-method .method-list .payment-details label,
.payment-method .method-list .payment-description {
	margin: 0 88px 0 0;
}

/* SEARCH & SITEMAP */

.search-page-body .master-wrapper-content {
    padding: 150px 0 0;
}
.search-page-body .page-title {
    position: absolute;
    top: 45px;
    right: 0;
    left: 0;
    border-bottom: 2px solid #eee;
    padding-bottom: 12px;
}
.search-page .inputs label {
    width: 160px !important; 
    margin: 0 0 0 10px;
}
.basic-search input[type="text"] {
	width: 350px;
}
.advanced-search .price-range {
	margin-right: 85px;
}
.advanced-search .price-range input {
	height: auto;
}

/* BLOG & NEWS */

.news-pages-body .master-wrapper-content,
.blog-pages-body .master-wrapper-content {
    padding: 150px 0 0;
}
.news-pages-body .page-title,
.blog-pages-body .page-title {
    position: absolute;
    top: 45px;
    right: 0;
    left: 0;
}

.page.blog-page,
.page.news-list-page {
    text-align: right;
}
.blog-posts .post {
    margin: 0 0 20px;
    border-bottom: 2px solid #eee;
    padding: 10px 20px 20px;
}
.news-items .news-item {
    margin: 0 0 15px;
    border-bottom: 2px solid #eee;
    padding: 10px 20px 30px;
}
.blog-posts .post:last-child,
.news-items .news-item:last-child {
    border: none;
}

.post-title:after,
.news-title:after {
    margin: 10px 0 0;
}
.blog-posts .buttons { 
}
.news-items .buttons {
    text-align: right;
} 
.blog-posts .read-comments {
	display: inline-block;
    position: relative;
    margin: 15px 10px 0 0;
	padding: 0 15px 0 0;
	vertical-align: top;
    line-height: 24px;   
}
.blog-posts .read-comments:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 13px;
    width: 2px;
    margin: auto;
    border-right: 1px solid #e3e3e3;
    border-left: 1px solid #d9d9d9;
}
.blog-posts .read-more {
	display: block;
	width: 150px;
}

.page.news-item-page {
    text-align: right;
}
.blogpost-page .page-body,
.news-item-page .page-body {
    padding: 10px 20px;
}
.news-item-page .inputs:first-child label {
	display: inline-block;
    width: 141px;
}
.new-comment textarea {
	display: block;
	margin: auto;
}
.new-comment .title, 
.comment-list .title {
    text-align: right;
}
.new-comment .title strong::after, 
.comment-list .title strong::after {
    margin: 10px 0 0;
}
.news-list-homepage .news-item {
    border: none;
    padding: 0;
}



/* FORUM & PROFILE */

.forum-search-page .advanced-search .inputs label,
.forum-search-page .basic-search .inputs label {
	width: 305px;
}
.forum-edit-page label,
.private-message-send-page label {
	width: 304px;
}
.forum-edit-page .reversed > * {
    width: auto;
    margin: 0 3px;
}
.forum-edit-page .toolbar,
.private-message-send-page .toolbar {
	margin-right: 314px;
}
.forum-edit-page textarea,
.private-message-send-page textarea {
	width: 350px;
	height: 180px;
	margin-right: 314px;
}

}


/* ie10 and ie11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .gallery {
        width: 753px;
    }
    .two-columns .gallery {
        width: 663px !important;
    }
    .product-essential .picture:only-child {
        float: none;
        margin: 0 auto;
    }
    .header-menu .sublist-wrap {
        top: 29px;
    }
    .address-list .buttons {
        top: 4px;
        left: 1px;
    }

}

/* safari fixes only */
@media screen and (-webkit-min-device-pixel-ratio:0) {

    .address-list .buttons {
        top: -9px;
    }

}
/*=====================================================
    
    BIG SCREENS

=====================================================*/

@media all and (min-width: 1281px) {

/* GLOBAL STYLES */

.master-wrapper-content {
	width: 1200px;
}
.center-2 {
	width: 78%;
}
.side-2 {
	width: 20%;
}

/* GLOBAL FORMS */

.inputs label {
	width: 390px;
}
.center-2 .inputs label {
    width: 231px;
}
.inputs input[type="text"],
.inputs input[type="password"],
.inputs input[type="email"],
.inputs input[type="tel"],
.inputs select, .inputs textarea {
    width: 400px;
    -webkit-appearance: none;
}

/* NOTIFICATIONS & POPUPS */
/* HEADER */

.header-options-wrapper {
    position: relative;
    width: 1200px;
    text-align: center;
    font-size: 0;
}
.header-options {
    display: inline-block;
    max-width: 650px;
    float: none;
}
.header-links-wrapper,
.header-selectors-wrapper {
    display: inline-block;
    float: none;
    vertical-align: middle;
}
.header-links li {
    margin: 0 15px;
}
.store-search-box {
    position: absolute;
    top: 0;
    left: 0;
}
.header-lower {
    width: 1200px;
}
.header-menu > ul {
	width: 1200px;
}

/* HEADER-2 */

.header-2 .store-search-box {
    position: static;
}
.header-2 .header-links li,
.header-2 .header-selectors-wrapper {
    margin: 0 20px 0 0;
}
.header-2 .header-actions-wrapper  {
    width: 1200px;
}
.header-2 #headerMenuParent {
    padding: 0 144px 0 0;
    text-align: center;
}
.header-2 .header-menu {
    text-align: center;
}


/* FOOTER */

.footer-upper, 
.footer-middle, 
.footer-lower-center {
    width: 1200px;
}
.footer-upper {
    padding-bottom: 70px;
}
.footer-middle {
    padding-bottom: 70px;
}
.footer-block {
    width: 25% !important;
}
.newsletter-email input[type="email"] {
	width: 260px;
}
.newsletter-email .newsletter-subscribe-button {
    width: 260px;
}

/* FOOTER-2 */

.footer-2 .newsletter-email input[type="text"] {
	width: 240px;
}
.footer-2 .newsletter-email .newsletter-subscribe-button {
    width: 240px;
}

/* LEFT/RIGHT COLUMN */
/* CATEGORY PAGE & GRIDS */

.home-page-category-grid .item-box {
    width: 32.5%;
    margin: 0 0.75% 0.75% 0;
}

.product-grid.also-purchased-products-grid .item-box,
.product-grid.related-products-grid .item-box,
.product-grid.cross-sells .item-box {
    width: 20%;
}
.product-grid.also-purchased-products-grid .item-box:nth-child(4n+1),
.product-grid.related-products-grid .item-box:nth-child(4n+1),
.product-grid.cross-sells .item-box:nth-child(4n+1) {
    clear: none;
}
.product-grid.also-purchased-products-grid .item-box:nth-child(5n+1),
.product-grid.related-products-grid .item-box:nth-child(5n+1),
.product-grid.cross-sells .item-box:nth-child(5n+1) {
    clear: both;
}

.product-list .item-box .picture + .details {
    margin-right: 230px;
}

/* PRODUCT PAGE */

.ui-tabs .ui-tabs-panel .inputs label {
	width: 308px;
}

.two-columns .overview {
    width: 500px;
}
.two-columns .gallery .picture {
    width: 550px;
}
.two-columns .picture-thumbs {
    width: 110px;
}
.two-columns .gallery .thumb-item {
    height: 110px;
}
.two-columns .overview .discontinued-product {
    width: 550px;
    padding: 45px 10px;
}

/* REVIEW PAGE */

.write-review .review-rating .name-description {
    width: 390px;
}
.ui-tabs .write-review .review-rating .name-description {
    width: 410px;
}

/* WISHLIST & COMPARE LIST */
/* TOPICS */

.home-page .topic-block {
	margin: 0 0 80px;
}

/* CONTACT PAGE & EMAILaFRIEND */
/* REGISTRATION, LOGIN, MY ACCOUNT */

.registration-page .inputs label {
    width: 213px;
}
.gender {
    width: 400px;
}
.date-of-birth select {
    max-width: 128px !important;
}
.date-of-birth select + select {
    margin: 0 8px 0 0;
}
.login-page .inputs label {
    margin-left: 20px;
}
.login-page .inputs input[type="text"],
.login-page .inputs input[type="password"] {
    width: 370px;
}

/*vendor info page*/
.vendorinfo-page .vendor-picture {
    padding: 20px 251px 0 20px;
}

/* SHOPPING CART & CHECKOUT */

.shopping-cart-page .common-buttons .button-2,
.shopping-cart-page .estimate-shipping-button {
    float: right;
    width: calc(33.33% - 10px);
}
.shopping-cart-page .common-buttons .button-2 + .button-2,
.shopping-cart-page .common-buttons a ~ .button-2 {
    float: left;
}
.shopping-cart-page .button-2 + .estimate-shipping-button {
    margin-right: 15px;
}
.cart-collaterals {
    width: 66.3%;
}
.cart-collaterals > div {
    padding: 0;
}
.checkout-page .edit-address label {
	width: 213px;
}
.checkout-page .opc .edit-address label {
	width: 430px;
}
.order-progress ul {
    border: 2px solid #eee;
}
.order-progress li {
    margin: 0;
}
.order-progress a {
    border-width: 0 1px;
}
.order-progress li:first-child a {
    border-width: 0 2px 0 1px;
}
.order-progress li:last-child a {
    border-width: 0 1px 0 2px;
}
.checkout-page .address-item {
    max-width: none;
}
.checkout-page .address-item, 
.checkout-page .address-item:nth-child(2n) {
    margin: 0 15px 15px 0;
}
.checkout-page .address-item:nth-child(3n+1) {
    margin: 0 0 15px;
}

/* RETURN REQUESTS */

.return-request-file > div {
	width: 400px;
}

/* SEARCH & SITEMAP */

.search-page .inputs label {
    width: 241px !important;
}
.advanced-search .price-range {
	margin-right: 110px;
}


/* BLOG & NEWS */

.news-item-page .inputs:first-child label {
    width: 221px;
}
.new-comment .button-1 {
    width: 400px;
}

/* FORUM & PROFILE */

.forum-search-page .advanced-search .inputs label, 
.forum-search-page .basic-search .inputs label {
	width: 390px;
}
.forum-edit-page label,
.private-message-send-page label {
	width: 390px;
}
.forum-edit-page .toolbar,
.private-message-send-page .toolbar {
	margin-right: 400px;
}
.forum-edit-page textarea,
.private-message-send-page textarea {
	margin-right: 400px;
}

.topic-post .post-info {
	width: 16.666%;
}
.topic-post .post-content {
	width: 83.333%;
}
 
}
/* =====================================================================
   SexLifeShop — Wide-screen support for the Brooklyn theme
   ---------------------------------------------------------------------
   Brooklyn caps content at 1200px (see 1280.css, @media min-width:1281px).
   This file lets the layout use large monitors in ONE gentle step:
       >= 1600px  ->  1480px content   (max supported width, <= 1500px)
   Anything wider (incl. >= 1900px) reuses this same 1480px container; the
   dedicated >= 1900px / 1740px step is intentionally disabled below.
   CSS only, no markup changes. Loads after the base + brand files, so the
   width overrides win; !important guards against the admin theme.custom
   sticky-header rule (max-width:1200px @ min-width:1281px).
   ===================================================================== */

/* ---- Shared container set that Brooklyn pins to 1200px ---- */

@media (min-width: 1600px) {
    /* .header-lower is the header-1 layout's <table> (display:table; margin:auto)
       and its width sets the menu-bar width on FIRST LOAD. It must match the
       sticky max-width below, otherwise the menu looks narrower before scrolling
       than after (the sticky state switches to a centred 1480px block).
       Do NOT add .header-menu > ul here: it is a table-CELL, and pinning it to a
       fixed width blows out the header table and shoves the cart/wishlist icons
       out of place — the cells redistribute on their own from the table width. */
    .master-wrapper-content,
    .header-options-wrapper,
    .header-lower,
    .header-2 .header-actions-wrapper,
    .footer-upper,
    .footer-middle,
    .footer-lower-center {
        width: 1480px !important;
    }

    /* header-2 uses .header-lower as a full-width colour bar (width:auto) — the
       centred table is .header-2 .header-actions-wrapper (widened above), so
       keep the bar itself fluid regardless of the general rule above. */
    .header-2 .header-lower {
        width: auto !important;
    }

    /* Sticky header wrapper (widened from theme.custom's 1200px cap) */
    .sticky .header-actions-wrapper {
        max-width: 1480px !important;
    }
}

/* Disabled per request: no dedicated layout for screens >= 1900px.
   They fall back to the >= 1600px (1480px) container above.
@media (min-width: 1900px) {
    .master-wrapper-content,
    .header-options-wrapper,
    .header-lower,
    .header-2 .header-actions-wrapper,
    .footer-upper,
    .footer-middle,
    .footer-lower-center {
        width: 1740px !important;
    }

    .header-2 .header-lower {
        width: auto !important;
    }

    .sticky .header-actions-wrapper {
        max-width: 1740px !important;
    }
}
*/

/* ---------------------------------------------------------------------
   Products per row on the widened (>=1600px, ~1480px content) layout.
   Client request: keep 4 products per row here — 5-across felt too dense at
   this width. Brooklyn's "items-per-row-four" is already 25% wide and breaks
   every 4th item (nth-child(4n+1)), so inside the 1480px container the cards
   simply grow to a comfortable ~355px each. We therefore leave the base
   4-per-row grid untouched and add no per-row override.
   --------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
   Sticky header.
   .header-lower gets the .sticky class (position:fixed) on scroll. Because
   .header-lower is no longer force-widened above, it spans full width while
   fixed and its inner .header-actions-wrapper stays centred at 1480/1740px
   (see .sticky .header-actions-wrapper rules above). Keep width:100% purely
   as a guard against any rule trying to pin the fixed bar to a fixed width.
   --------------------------------------------------------------------- */
@media (min-width: 1600px) {
    .header-lower.sticky { width: 100% !important; }
}

/* ---------------------------------------------------------------------
   Product-detail page on wide screens.
   The gallery (float left) and overview (float right) have fixed pixel
   widths, so inside the widened container they strand to opposite edges
   with a large empty gap in the middle. Cap the product-essential block
   and centre it, so the pair stays balanced and intentional.
   --------------------------------------------------------------------- */
@media (min-width: 1600px) {
    .product-essential {
        max-width: 1250px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ---------------------------------------------------------------------
   Quick Tabs form rows (Reviews / Contact-us tabs) on wide screens.

   Inside .ui-tabs.productTabs the "write review" and "contact us" cards are
   already centred EXCEPT for their form rows: .product-reviews-page .title and
   the global .buttons are both text-align:center, but .form-fields is not — its
   rows are sized in fixed pixels (1280.css: .ui-tabs .ui-tabs-panel .inputs
   label = 308px, .inputs input/select/textarea = 400px) and pinned to the
   inline start by `.inputs { text-align: left }` (right in the RTL sheet).
   That ~718px row looked roughly centred inside Brooklyn's 1200px container,
   but the widened container above leaves several hundred px of slack, so the
   rows drift to one edge while the heading and submit button stay centred.

   Centre the .form-fields block itself rather than re-aligning .inputs: the
   label/field columns keep their existing alignment, and it is direction-
   agnostic (fixes LTR and RTL alike). width:fit-content sizes the block to its
   widest row — .inputs is white-space:nowrap, so that is the full label+field
   width — which avoids hard-coding a magic px width that would need revisiting
   whenever the field sizes above change.
   --------------------------------------------------------------------- */
@media (min-width: 1500px) {
    .ui-tabs.productTabs .ui-tabs-panel .form-fields {
        margin: 0 10%;
    }
}

/* ---------------------------------------------------------------------
   Full-width mega-menu dropdown on wide screens.
   The MegaMenu plugin pins .dropdown.fullWidth to 1200px (centred with a
   -600px negative margin; RTL sheet mirrors it). Inside our widened 1480px
   container that panel looked narrow with big side gutters, so grow it to
   match the content width. Centring is done with logical properties so the
   SAME rule works LTR and RTL (base uses left+margin-left, RTL uses
   right+margin-right — inset-inline-start / margin-inline-start cover both).
   Kept at the >=1600px step to line up with the 1480px container above.
   --------------------------------------------------------------------- */
@media (min-width: 1600px) {
    .mega-menu .dropdown.fullWidth {
        width: 1480px !important;
        inset-inline-start: 50% !important;      /* left:50% LTR | right:50% RTL */
        inset-inline-end: auto !important;
        margin-inline-start: -740px !important;  /* half of 1480, direction-aware */
        margin-inline-end: 0 !important;
    }
}

/* =====================================================================
   SexLifeShop — "Nude & Rosewood" brand skin  (Palette 5 · Soft / Elegant)
   rosewood brand · rose CTA · terracotta accents on sand
   ---------------------------------------------------------------------
   Load AFTER styles.css and the admin-injected theme.custom file.
   This is a top brand layer: recolor rules use !important so they win
   regardless of the admin file's load position; new decorative rules
   (animations, hovers) do not use !important.
   CSS only — no markup changes.
   ===================================================================== */

:root {
    --luxe-brand:        #3E2C39; /* rosewood — header, footer, nav, titles     */
    --luxe-brand-dark:   #2C1F28; /* deeper rosewood — gradients / hovers        */
    --luxe-cta:          #B76E79; /* rose — primary actions / add-to-cart    */
    --luxe-cta-dark:     #A05C67; /* rose hover                              */
    --luxe-accent:       #D8A48F; /* terracotta blush — badges, underlines, bar    */
    --luxe-accent-dark:  #cf9a8370;/* terracotta, translucent — subtle dividers    */
    --luxe-mauve:        #A66E7B; /* muted rose — secondary accents         */
    --luxe-page:         #FAF6F2; /* sand — page background                 */
    --luxe-ink:          #2E2129; /* near-black rosewood — body text             */
    --luxe-card:         #ffffff; /* product / content cards                 */
    --luxe-ease:         cubic-bezier(.2, .7, .2, 1);
}

/* ---------------------------------------------------------------------
   0. Page canvas + global niceties
   --------------------------------------------------------------------- */
html { scroll-behavior: smooth; }

body {
    background-color: var(--luxe-page);
    color: var(--luxe-ink) !important;   /* base theme uses #888 — too light on cream */
}

::selection { background: var(--luxe-cta); color: #fff; }

/* Scrollbar tinted to brand */
::-webkit-scrollbar-thumb { background: var(--luxe-mauve); }
::-webkit-scrollbar-thumb:hover { background: var(--luxe-brand); }

/* Accessible focus ring in brand colour (keyboard users) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--luxe-cta);
    outline-offset: 2px;
}

/* ---------------------------------------------------------------------
   1. BRAND SURFACES  (was #2a2a2a) -> plum
      Header, footer accents, nav, section-title marks, dividers, chips.
   --------------------------------------------------------------------- */
.header-upper,
.header-actions a.ico-cart,
.header-menu > ul > li > a::after,
#goToTop,
.social-sharing li,
.footer-block .title + *::before,
.header-2 .header-lower,
.mega-menu .title::after,
.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page *,
.account-page .title strong::after,
.mini-shopping-cart .count,
.sitemap-page .entity-title h2::after,
.post-title::after,
.news-title::after,
.new-comment .title strong::after,
.comment-list .title strong::after,
.forums-table-section-title > a::after,
.forums-table-section-title strong::after,
.responsive-nav-wrapper,
.footer-2 .newsletter-block .title,
.ui-dialog-titlebar,
.header-menu > ul > li > span:after,
.shops-item .shop-name:after,
.newsletter-subscribe-popup .newsletter-subscribe-popup-title::after,
.giftcard-box .title,
.coupon-box .title,
.button-2.continue-shopping-button {
    background-color: var(--luxe-brand) !important;
}

/* Borders that echoed the old brand colour */
.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page *,
.attribute-squares .selected-value .attribute-square,
.ui-slider-handle,
.mega-menu .dropdown.fullWidth,
.product-filters .ui-slider-handle {
    border-color: var(--luxe-brand) !important;
}

/* Header cart chip on header-2 (was #444) -> deeper plum for contrast */
.header-2 .header-actions a.ico-cart {
    background-color: var(--luxe-brand-dark) !important;
}

/* ---------------------------------------------------------------------
   2. BRAND TEXT / LINKS  (was #2a2a2a) -> plum
   --------------------------------------------------------------------- */
.eu-cookie-bar-notification button,
.eu-cookie-bar-notification a,
.header-2 .header-links a span:hover,
.header-2 .header-links a:hover,
.styleSelect_item li:hover span,
.footer-block a:hover,
.footer-powered-by a,
.footer-designed-by a,
.block .list li.active > a,
.block.block-account-navigation .list li.active a,
.block .list a:hover,
.block .view-all a,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.news-list-homepage .news-date,
.poll strong,
.poll-total-votes,
.breadcrumb a:hover,
.contact-vendor .button-2,
.product-filters .filter-content li a:hover,
.item-box .product-title a:hover,
.item-box .tax-shipping-info a,
.pager li a:hover,
.pager li.current-page span,
.product-review-links a,
.overview .value a,
.variant-overview .value a,
.overview .prices .tax-shipping-info a,
.variant-overview .prices .tax-shipping-info a,
.ui-tabs .ui-tabs-nav li a,
.product-tags-list li,
.vendor-list li,
.product-reviews-page h1 a,
.product-review-item .review-info a,
.product-review-helpfulness .vote,
.wishlist-content .tax-shipping-info a,
.wishlist-content .button-2,
.wishlist-page .share-info a:hover,
.compare-products-page .clear-list,
.topic-block a,
.topic-page a,
.email-a-friend-page .title h2,
.login-page .inputs.reversed a,
.login-page .checkout-as-guest-button,
.add-more-external-records a,
.account-page .return-items-button,
.return-request-list-page a,
.reward-points-history td.points-balance,
.avatar-page .buttons .button-2,
.shopping-cart-page .button-2,
.checkout-page .button-2,
.order-details-page .page-title a,
.terms-of-service a,
.order-completed .details a,
.opc .back-link a:hover,
.order-details-page .order-overview strong,
.order-details-page .tax-shipping-info a,
.order-details-page button.return-items-button,
.sitemap-page a:hover,
.post-title:hover,
.news-title:hover,
.blog-page .tags li,
.blogpost-page .tags li,
.blog-posts .read-comments,
.comment-info .username,
.news-list-homepage .view-all a,
.header-menu .sublist li:hover > a,
.cart .edit-item > a,
.compare-products-table .product-price td,
.go-to-page,
.blog-page .buttons .read-more,
.order-details-page .button-2.re-order-button,
.account-page .button-2.return-items-button,
.category-description a,
.manufacturer-description a,
.full-description a,
.topic-html-content a,
.post-body a,
.news-body a,
.custom-tab a,
.mega-menu .box li a:hover,
.rich-blog-homepage .view-all a,
.filtersGroupPanel li > a:hover,
.filter-block a.clearFilterOptions,
.filter-block a.clearPriceRangeFilter,
.selected-options-list > li span,
.quickViewWindow .links-panel a,
.blog-search-results li a,
.jDropDown li span:hover,
.jDropDown li.selected span,
.footer-tax-shipping a,
.checkbox-list li label:hover,
.spc-header li span,
.spc-categories .category-sublist li a:hover,
.spc-categories .category-info:hover .category-title a,
.getUserGeoLocation,
.align-map-button,
.filter-shops-button,
.shops-item .show-directions,
.shop-map-images .map-controls a,
.shop-full-description a,
.product-filters .selected-price-range {
    color: var(--luxe-brand) !important;
}

/* Prices — rose so they pop against plum/cream */
.item-box .actual-price,
.overview .product-price,
.variant-overview .product-price,
.mini-shopping-cart .price span,
.mini-shopping-cart .totals strong,
.cart tbody .subtotal,
.sale-of-the-day-offer .price.actual-price,
.instant-search-item .detail .price,
.priceRangeCurrentPricesPanel span,
.specification-current-value-panel span,
.productAddedToCartWindowDescription strong,
p .search-term-highlighter {
    color: var(--luxe-cta) !important;
}

/* ---------------------------------------------------------------------
   3. PRIMARY ACTIONS -> rose CTA
      Add-to-cart, checkout, submit, subscribe, coupon apply, etc.
   --------------------------------------------------------------------- */
.newsletter-email .newsletter-subscribe-button,
.item-box button,
.item-box .with-icon .product-box-add-to-cart-button,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.overview .add-to-compare-list-button,
.overview .email-a-friend-button,
.download-sample-button,
.write-review .button-1,
.wishlist-content .button-2.wishlist-add-to-cart-button,
.compare-products-page .button-2,
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .login-button,
.login-page .register-button,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1,
.contact-page .button-1,
.email-a-friend-page .button-1,
.account-page .button-2,
.order-details-page .button-2.print-order-button,
.order-details-page .actions button,
.mini-shopping-cart button,
.shopping-cart-page .button-2.update-cart-button,
.shopping-cart-page .estimate-shipping-button,
.shopping-cart-page .button-1,
.checkout-page .button-1,
.search-input .button-1,
.blog-posts .read-more,
.news-items .read-more,
.new-comment .button-1,
.forum-search-box .basic .search-box-button,
.apply-vendor-page .button-1,
.ui-dialog .notify-me-button,
button.apply-shipping-button,
.blog-search-box .search-box-button,
.ropc .complete-button button,
.shops-item .read-more,
.enter-password-form button,
.poll .buttons button,
.button-1.checkout-as-guest-button,
.button-1.checkout-as-guest-button:hover,
.button-2.apply-gift-card-coupon-code-button,
.button-2.apply-discount-coupon-code-button,
.button-2.apply-gift-card-coupon-code-button:hover,
.button-2.apply-discount-coupon-code-button:hover,
.button-1.productAddedToCartWindowCheckout,
.product-whatsapp-button {
    background-color: var(--luxe-cta) !important;
    border-color: var(--luxe-cta) !important;
    color: #fff !important;
}

/* CTA hover — deepen + gentle lift */
.newsletter-email .newsletter-subscribe-button:hover,
.item-box button:hover,
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover,
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover,
.registration-page .button-1:hover,
.login-page .login-button:hover,
.login-page .register-button:hover,
.account-page .button-1:hover,
.contact-page .button-1:hover,
.search-input .button-1:hover,
.write-review .button-1:hover,
.new-comment .button-1:hover {
    background-color: var(--luxe-cta-dark) !important;
    border-color: var(--luxe-cta-dark) !important;
}

/* ---------------------------------------------------------------------
   4. GOLD ACCENTS
      Rating stars, promo/offer bar, section-title underlines, chips.
   --------------------------------------------------------------------- */
.item-box .rating div,
.overview .rating div,
.product-review-box .rating div {
    background-color: var(--luxe-accent) !important;
}

/* Free-shipping / promo marquee bar -> gold with dark-plum text */
.marquee-wrapper {
    background-color: var(--luxe-accent) !important;
}
.marquee-inner p { color: var(--luxe-ink) !important; }

/* Section-title underline marks -> gold for a premium finish */
.mega-menu .title::after,
.post-title::after,
.news-title::after,
.sitemap-page .entity-title h2::after,
.account-page .title strong::after {
    background-color: var(--luxe-accent) !important;
}

/* ---------------------------------------------------------------------
   5. MICRO-ANIMATIONS  (minimal, professional — no !important needed)
   --------------------------------------------------------------------- */

/* Smooth colour/transform transitions on interactive elements */
a,
.button-1,
.button-2,
.item-box button,
.overview .add-to-cart-button,
input[type="button"],
input[type="submit"],
button {
    transition: background-color .25s var(--luxe-ease),
                border-color .25s var(--luxe-ease),
                color .25s var(--luxe-ease),
                box-shadow .25s var(--luxe-ease),
                transform .18s var(--luxe-ease);
}

/* Primary buttons: barely-there lift + soft plum shadow on hover */
.item-box button:hover,
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover,
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover,
.newsletter-email .newsletter-subscribe-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(62, 44, 57, .22);
}
.item-box button:active,
.overview .add-to-cart-button:active { transform: translateY(0); }

/* Product cards: gentle lift + image zoom on hover */
.item-box {
    transition: transform .28s var(--luxe-ease),
                box-shadow .28s var(--luxe-ease);
}
.item-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(43, 27, 34, .14);
}
.item-box .picture {
    overflow: hidden;
    border-radius: 10px;
}
.item-box .picture img {
    transition: transform .4s var(--luxe-ease);
    will-change: transform;
}
.item-box:hover .picture img { transform: scale(1.05); }

/* Nav links: animated gold underline that grows from the start */
.header-menu > ul > li > a,
.header-menu > ul > li > span { position: relative; }
.header-menu > ul > li > a::after,
.header-menu > ul > li > span::after {
    transition: width .28s var(--luxe-ease);
}

/* Section titles: gold underline grows on hover */
.post-title::after,
.news-title::after {
    transition: width .3s var(--luxe-ease);
}

/* Back-to-top: fade + lift */
#goToTop { transition: background-color .25s var(--luxe-ease), transform .25s var(--luxe-ease); }
#goToTop:hover { background-color: var(--luxe-brand-dark) !important; transform: translateY(-2px); }

/* Newsletter / search inputs: soft rose focus glow */
.newsletter-email input:focus,
.search-input input:focus,
.enter-password-form input:focus {
    border-color: var(--luxe-cta) !important;
    box-shadow: 0 0 0 3px rgba(183, 110, 121, .18);
}

/* ---------------------------------------------------------------------
   6. SEVENSPIKES AJAX FILTERS  (price-range slider + filter widget)
      The plugin ships its own colours (#cc8a97 dusty-rose, grays, white)
      from Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/.../AjaxFilters.css.
      Its markup sits under .priceRangeFilterPanel7Spikes / .filtersGroupPanel
      (NOT .product-filters), so it needs its own overrides. !important is
      used because the plugin CSS may load after this file.
   --------------------------------------------------------------------- */

/* Range-slider track / selected fill / handle */
.priceRangeFilterPanel7Spikes .ui-slider,
.specificationFilterPanel7Spikes .ui-slider,
.product-filters .ui-slider {
    background: #E9DEE4 !important;            /* soft mauve track */
}
.priceRangeFilterPanel7Spikes .ui-slider-range,
.specificationFilterPanel7Spikes .ui-slider-range,
.product-filters .ui-slider-range {
    background: var(--luxe-brand) !important;  /* selected range -> plum */
}
.priceRangeFilterPanel7Spikes .ui-slider-handle,
.specificationFilterPanel7Spikes .ui-slider-handle,
.product-filters .ui-slider-handle,
.ui-slider-handle {
    border-color: var(--luxe-cta) !important;  /* handle ring -> rose */
    background: #fff !important;
}
.ui-slider-handle:hover {
    background: var(--luxe-cta) !important;
}

/* Current selected min/max price values -> rose */
.priceRangeCurrentPricesPanel span,
.specification-current-value-panel span {
    color: var(--luxe-cta) !important;
}

/* Range end labels -> muted plum (was #888) */
.priceRangeMinPanel,
.priceRangeMaxPanel,
.specification-min-panel,
.specification-max-panel {
    color: #7a5a68 !important;
}

/* "Clear" price-range link */
.filter-block a.clearPriceRangeFilter,
.filter-block a.clearFilterOptions {
    color: var(--luxe-brand) !important;
}
.filter-block a.clearPriceRangeFilter:hover,
.filter-block a.clearFilterOptions:hover {
    color: var(--luxe-cta) !important;
}

/* Filter section headings -> plum text + subtle gold divider */
.filter-block a.toggleControl,
.filter-block .filterTitle,
.filter-block .title strong {
    color: var(--luxe-brand) !important;
}
.filter-block .title,
.filtersTitle {
    border-bottom-color: rgba(216, 164, 143, .45) !important;  /* gold hairline */
}

/* Filter option rows: brand on hover / selected */
.filtersGroupPanel li > a:hover,
.filtersGroupPanel li.selected > a,
.filtersGroupPanel li.filterItemSelected > a {
    color: var(--luxe-brand) !important;
}

/* Mobile "filters" flyout titlebar (was #cc8a97) -> plum */
.ajaxFilters .k-window-titlebar {
    background: var(--luxe-brand) !important;
}

/* ---- Panel container: drop the flat white, sit on the cream page ---- */
.filtersPanel {
    background: transparent !important;
}

/* ---- Each filter group -> a clean plum-bordered card ---- */
.filtersPanel .filter-block {
    background: #fff !important;
    border: 1px solid rgba(62, 44, 57, .16) !important;
    border-radius: 12px !important;
    margin: 0 0 14px !important;
    overflow: hidden !important;   /* clip inner corners to the card radius */
    box-shadow: 0 2px 10px rgba(43, 27, 34, .05);
}

/* ---- Group header (toggle) — highlighted; distinct open vs closed ---- */
.filter-block .title {
    border: none !important;                                       /* drop the plugin's 2px #eee frame */
    border-bottom: 1px solid rgba(216, 164, 143, .5) !important;   /* keep just a slim gold divider */
    background: none !important;
}
.filter-block a.toggleControl {
    background-color: #F3E7DE !important;                     /* soft lilac — OPEN state (keeps arrow icons) */
    transition: background-color .2s var(--luxe-ease);
}
.filter-block a.toggleControl:hover {
    background-color: #EEDDD0 !important;
}
/* Collapsed group keeps the SAME tint as the open state (client request):
   the earlier lighter cream made a closed group look washed-out. Open vs
   closed is now signalled only by the chevron direction (see §12.6). */
.filter-block a.toggleControl.closed {
    background-color: #F3E7DE !important;
}

/* Desktop header padding — 5px 70px 5px 12px, expressed logically so it stays
   correct in RTL (12px on the text side, 70px on the arrow side). */
@media (min-width: 1025px) {
    .filter-block a.toggleControl {
        padding-block: 5px !important;
        padding-inline-start: 12px !important;   /* text side */
        padding-inline-end: 70px !important;     /* collapse/expand arrow side */
    }
}

/* Mobile filter drawer — the plugin stacks TWO collapse icons (one on each
   side) around a centred, cramped title (padding 15px 15px 0). Rebuild it as a
   clean accordion bar: title on the start edge, a single collapse/expand icon
   on the trailing edge, balanced height. Direction-aware for LTR + RTL. */
@media (max-width: 1024px) {
    .filter-block .title { line-height: normal !important; }
    .filter-block a.toggleControl {
        padding-block: 14px !important;
        padding-inline-start: 16px !important;   /* title text */
        padding-inline-end: 44px !important;     /* clears the single toggle icon */
        text-align: start !important;
        font-size: 13px !important;
        letter-spacing: .3px;
        /* one indicator instead of two, vertically centred on the trailing edge */
        background-image: url('/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/Themes/Brooklyn/Content/images/filter-collapse.png') !important;
        background-repeat: no-repeat !important;
        background-position: right 18px center !important;   /* LTR: trailing edge = right */
    }
    .filter-block a.toggleControl.closed {
        background-image: url('/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/Themes/Brooklyn/Content/images/filter-expand.png') !important;
    }
    /* RTL: title hugs the right, so the single icon moves to the left edge */
    html[dir="rtl"] .filter-block a.toggleControl {
        background-position: left 18px center !important;
    }
}

/* ---- Options body: no inner border (card owns it), soft white ---- */
.filtersGroupPanel {
    border: none !important;
    background: #fff !important;
    color: var(--luxe-ink) !important;
}

/* Clear links -> gold-tinted border, plum text */
.filter-block a.clearFilterOptions,
.filter-block a.clearPriceRangeFilter {
    border-color: rgba(216, 164, 143, .5) !important;
}
.filter-block a.clearFilterOptions:hover,
.filter-block a.clearPriceRangeFilter:hover {
    background: #FAF6F2 !important;
}

/* ---- Option rows: smooth hover + branded highlight ---- */
.filtersGroupPanel li > a,
.checkbox-list li label {
    transition: background-color .18s var(--luxe-ease), color .18s var(--luxe-ease);
}
.filtersGroupPanel li > a:hover,
.checkbox-list li label:hover {
    background: #F5EBE4 !important;
}
.checkbox-list li label:hover { color: var(--luxe-brand) !important; }

/* Checkbox squares (both variants) -> mauve border, softly rounded */
.filtersGroupPanel li a:before,
.checkbox-list li label:before {
    border-color: var(--luxe-mauve) !important;
    border-radius: 3px;
}

/* Selected / checked options -> highlighted row + rose check box */
a.filterItemSelected {
    color: var(--luxe-brand) !important;
    font-weight: bold;
}
.checkbox-list li.checked label {
    color: var(--luxe-brand) !important;
    font-weight: bold;
}
a.filterItemSelected:before,
.checkbox-list li.checked label:before {
    border-color: var(--luxe-cta) !important;
    background-color: #F3E7DE !important;   /* light, so the check mark still reads */
}

/* Selected-criteria chips -> rose */
.selected-options-list > li span {
    color: var(--luxe-cta) !important;
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *,
    *::before,
    *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
    .item-box:hover,
    .item-box:hover .picture img,
    .item-box button:hover,
    .overview .add-to-cart-button:hover { transform: none; }
    /* Exception: the header promo marquee is content, not decoration -> keep it
       looping even under reduced-motion (the * rule above would otherwise run it
       once for .01ms and freeze it). */
    .marquee-inner.to-left  { animation: marqueeLeft  5s linear infinite !important; }
    .marquee-inner.to-right { animation: marqueeRight 5s linear infinite !important; }
}

/* =====================================================================
   7. PAGE-LEVEL POLISH
      Readability, footer social icons, catalog rating, mega menu, and
      form controls. CSS only; LTR + RTL safe (logical properties).
   ===================================================================== */

/* ---- 7.1  Readability — secondary copy was #888/#999 (weak on cream) - */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select { color: #3a2a31 !important; }                    /* was #888 */
.item-box .description,
.item-box .description a,
.short-description,
.full-description,
.overview .short-description,
.category-description,
.manufacturer-description,
.topic-page,
.post-body,
.news-body { color: #453640 !important; }                /* readable muted plum */

/* ---- 7.2  Footer social icons -> white on the plum footer ------------ */
.footer-2 .social-sharing a,
.footer-2 .social-sharing a.instagram {
    filter: brightness(0) invert(1);                     /* dark sprite -> white */
    opacity: .82 !important;
    transition: opacity .2s var(--luxe-ease);
}
.footer-2 .social-sharing li:hover a { opacity: 1 !important; }

/* ---- 7.3  Catalog rating — blend the pale star strip into the page --- */
/* rating-1.png is a near-white star track; on cream it reads as a white
   block. multiply lets the cream show through the light pixels while the
   (gold) filled stars stay visible. Also strip any white wrapper. */
.item-box .rating,
.product-review-box .rating,
.product-reviews-overview .rating { mix-blend-mode: multiply; }
.item-box .product-rating-box,
.product-reviews-overview,
.product-review-box { background: transparent !important; }

/* ---- 7.4  Mega menu — richer, on-brand dropdown --------------------- */
.mega-menu .dropdown {
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 20px 44px rgba(43, 27, 34, .18) !important;
    border-bottom: 3px solid var(--luxe-brand) !important;   /* was 10px pink */
    padding-bottom: 10px;
}
.mega-menu .dropdown.fullWidth { border-bottom-color: var(--luxe-brand) !important; }
.mega-menu .title { color: var(--luxe-brand) !important; }
.mega-menu .title:after { background-color: var(--luxe-accent) !important; }  /* gold */
.mega-menu .box li a {
    color: #4a3a41 !important;                                /* was #888 */
    border-bottom-color: rgba(62, 44, 57, .10) !important;   /* was #eee */
    border-radius: 8px;
    transition: color .18s var(--luxe-ease),
                background-color .18s var(--luxe-ease),
                padding-inline-start .18s var(--luxe-ease);
}
.mega-menu .box li a:hover {
    color: var(--luxe-brand) !important;
    background-color: #F5EBE4 !important;
    padding-inline-start: 20px !important;                    /* subtle slide (RTL-safe) */
}
.mega-menu li a.view-all { color: var(--luxe-cta) !important; }

/* ---- 7.5  Form controls — rounded, brand borders, contained states --- */
/* box-sizing:border-box guarantees a (red) validation border can never
   grow the field past its box / container. */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select,
.login-page .text,
.login-page .checkout-as-guest-button {
    box-sizing: border-box !important;
    border-radius: 10px !important;
    border: 1.5px solid rgba(62, 44, 57, .22) !important;    /* was 2px #eee */
    transition: border-color .18s var(--luxe-ease),
                box-shadow .18s var(--luxe-ease);
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
    border-color: var(--luxe-cta) !important;
    box-shadow: 0 0 0 3px rgba(183, 110, 121, .15) !important;
    outline: none;
}
/* jQuery-validation error state — on-brand red, contained, never overflowing */
input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
    box-sizing: border-box !important;
    border: 1.5px solid #d64e6b !important;
    box-shadow: 0 0 0 3px rgba(214, 78, 107, .12) !important;
}

/* =====================================================================
   8. FOLLOW-UP FIXES
   ===================================================================== */

/* ---------------------------------------------------------------------
   8.1  Sort-by / Display selectors — text was touching the box border.
   The base sheet pads these selects only on the arrow (end) side, so the
   value text sits flush against the start edge — more noticeable now that
   the skin gives them a rounded box border. Add breathing room on the
   start side. RTL-safe: padding-inline-start is the text side in both
   directions; the arrow keeps its own end-side padding from the base.
   --------------------------------------------------------------------- */
.product-selectors select {
    padding-inline-start: 12px !important;
}

/* ---------------------------------------------------------------------
   8.2  Category sub-menu drop-downs (.sublist flyouts).
   The real header drop-downs render as .header-menu .sublist-wrap with
   .sublist links — NOT the mega-menu .box columns — which is why the
   earlier mega-menu tweaks "looked unchanged". Bring these onto the Luxe
   palette to match the mega-menu panels: soft rounded card, brand
   under-accent, tinted hover. Desktop flyout only (mobile uses the
   in-drawer accordion). RTL-safe: colours, radius, shadow + logical indent.
   --------------------------------------------------------------------- */
@media (min-width: 1025px) {
    .header-menu .sublist-wrap {
        border-radius: 0 0 12px 12px !important;
        box-shadow: 0 16px 36px rgba(43, 27, 34, .16) !important;
        border-bottom: 3px solid var(--luxe-brand) !important;
        padding-top: 4px !important;
        padding-bottom: 6px !important;
    }
    .header-menu .sublist li a {
        color: #4a3a41 !important;
        border-bottom-color: rgba(62, 44, 57, .10) !important;
        transition: color .18s var(--luxe-ease),
                    background-color .18s var(--luxe-ease),
                    padding-inline-start .18s var(--luxe-ease);
    }
    .header-menu .sublist li:hover > a {
        color: var(--luxe-brand) !important;
        background-color: #F5EBE4 !important;
        padding-inline-start: 16px !important;
    }
}

/* ---------------------------------------------------------------------
   8.3  Footer — mobile & tablet: card accordion styled like the desktop
   Ajax filter blocks (see §6). Each footer column becomes a rounded white
   card with a tinted, tappable header bar and a chevron affordance, so the
   collapse/expand footer reads the same as the filter panel.

   Note: the footer accordion (brooklyn.js) toggles the body with slideToggle
   and adds NO open/closed class, so the chevron can't flip per state from
   CSS alone — it stays a single neutral "expand" chevron (blocks load
   collapsed on mobile). The base also drew the expand "+" on BOTH sides of
   the heading (the stray duplicate the client flagged); that is replaced by
   the single chevron below. RTL-safe: card + chevron use logical end-side
   positioning and symmetric values.
   --------------------------------------------------------------------- */
@media (max-width: 1024px) {
    /* card container (matches .filter-block) */
    .footer-block {
        margin-bottom: 14px !important;
        background: #fff !important;
        border: 1px solid rgba(62, 44, 57, .16) !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 10px rgba(43, 27, 34, .05);
        overflow: hidden !important;
    }

    /* header bar (matches .filter-block a.toggleControl) */
    .footer-block .title {
        margin: 0 !important;
        padding: 14px 16px !important;
        background: #F3E7DE !important;
        border-bottom: 1px solid rgba(216, 164, 143, .5) !important;
        color: var(--luxe-brand) !important;
        letter-spacing: .3px !important;
        transition: background-color .2s var(--luxe-ease);
    }
    .footer-block .title:hover {
        background: #EEDDD0 !important;
    }
    .footer-block .title strong {
        padding: 0 !important;
    }

    /* single chevron on the end side (was a "+" PNG on both sides) */
    .footer-block .title strong:before {
        display: none !important;
    }
    .footer-block .title strong:after {
        content: "" !important;
        top: 50% !important;
        left: auto !important;
        right: auto !important;
        inset-inline-end: 2px !important;
        width: 7px !important;
        height: 7px !important;
        background: none !important;
        border: solid var(--luxe-brand) !important;
        border-width: 0 2px 2px 0 !important;
        transform: translateY(-70%) rotate(45deg);
    }

    /* card body */
    .footer-block .title + * {
        margin: 0 !important;
        padding: 14px 16px 18px !important;
        background: #fff !important;
    }
    .footer-block .title + *:before {
        display: none !important;   /* drop the centred 30px bar; the card frames it */
    }
    .footer-block li {
        padding: 8px 0 !important;
    }
    .footer-block a {
        color: #5a4750 !important;
    }
    .footer-block a:hover {
        color: var(--luxe-brand) !important;
    }

    /* social row: centred with even spacing */
    .footer-2 .social-sharing {
        text-align: center;
    }
    .footer-2 .social-sharing li {
        margin: 0 4px !important;
    }
}

/* =====================================================================
   9. ACCENT SWEEP — remaining base-theme pink (#cc8a97) leaks
   ---------------------------------------------------------------------
   A full audit of styles.css turned up a handful of components that still
   painted the old pink accent and were not caught by sections 1–8. They are
   grouped here by role: decorative/link text -> plum brand; solid action
   buttons -> rose CTA. Keeps the whole site on one palette. RTL-safe (colour
   only). Verified against every #cc8a97 occurrence in the base sheet.
   --------------------------------------------------------------------- */

/* 9.1  Header (header-1 layout) — links hover was still pink.
   Section 2 only covered the header-2 variant (.header-2 .header-links…). */
.header-links a:hover,
.header-links a span:hover {
    color: var(--luxe-brand) !important;
}

/* 9.2  Product page — back-in-stock label & availability control */
.variant-overview .subscribe-button,
#check-availability-button {
    color: var(--luxe-brand) !important;
}

/* 9.2b  Responsive (footable) tables — the bold value/total cell shown when
   cart/order tables collapse on small screens was pink; it's a price -> rose. */
td.footable-last-column {
    color: var(--luxe-cta) !important;
}

/* 9.3  jQuery UI datepicker (date-of-birth, gift-card send date, etc.)
   Selected day was a pink block with a pink outline. */
.ui-datepicker-calendar .ui-state-active {
    background-color: var(--luxe-brand) !important;
    border-color: var(--luxe-brand) !important;
    outline-color: var(--luxe-brand) !important;
    color: #fff !important;
}

/* 9.4  Community pages — forums, private messages, profile (if enabled).
   Never themed before; every accent here was raw pink. Link/text -> plum. */
.forums-table-section a:hover,
.forums-table-section-title > a:hover,
.forums-table-section .view-all a,
.forums-table-section .topic-details .topic-starter a,
.forum-search-box .advanced a,
.topic-actions .actions a,
.topic-post .username,
.topic-post .post-actions .quote-post-button,
.topic-post .post-actions a:hover,
.private-messages-page td a.pm-unread,
.private-messages-page .subject a:hover,
.profile-page .topic-title a,
.profile-page .topic-title a:hover {
    color: var(--luxe-brand) !important;
}

/* Community solid action buttons -> rose CTA, white text */
.profile-info-box .pm-button,
.private-messages .buttons button.button-1 {
    background-color: var(--luxe-cta) !important;
    border-color: var(--luxe-cta) !important;
    color: #fff !important;
}
.profile-info-box .pm-button:hover,
.private-messages .buttons button.button-1:hover {
    background-color: var(--luxe-cta-dark) !important;
    border-color: var(--luxe-cta-dark) !important;
}

/* =====================================================================
   10. JS-INJECTED PRODUCT-PAGE ELEMENTS  (created by custom.js)
   ---------------------------------------------------------------------
   custom.js -> addAdditionalInformationOnProductPage() builds these at
   runtime, so the base theme never styles them and the two admin presets
   (theme.custom-1 / -5) style them only partially and inconsistently. We
   own the look here with !important so it lands the same whichever preset
   is active. RTL-safe: flexbox + logical properties, no physical L/R.
   --------------------------------------------------------------------- */

/* 10.1  "Why buy from us" trust badges (free shipping / instalments /
   secure payment / register discount) — a clean bordered panel with a
   gold hairline between rows, icon + text vertically centred. Also kills
   the inline line-height:3.25em hack custom.js sets on each <h3>. */
.additional-services-icons {
    list-style: none !important;
    margin: 24px 0 0 !important;
    padding: 4px 16px !important;
    background: #fff !important;
    border: 1px solid rgba(62, 44, 57, .14) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(43, 27, 34, .05);
}
.additional-services-icons li {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 13px 0 !important;
    border-bottom: 1px solid rgba(216, 164, 143, .30) !important; /* gold hairline */
}
.additional-services-icons li:last-child {
    border-bottom: none !important;
}
.add-product-info-image {
    float: none !important;
    margin: 0 !important;
    width: 44px !important;
    height: 44px !important;
    object-fit: contain;
    border-radius: 8px;
    flex-shrink: 0;
}
.additional-services-icons h3 {
    margin: 0 !important;
    line-height: 1.45 !important;   /* overrides custom.js inline 3.25em */
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--luxe-ink) !important;
    text-align: start !important;
}

/* 10.2  Quantity steppers (product detail + cart) — a single rounded pill:
   [ − ][ 00 ][ + ] with tinted tap targets that fill plum on hover. */

/* pill container — product-detail wrapper + the cart's stepper wrapper
   (custom.js wraps the cart's [ + | input | - ] in .cart-quantity). The pill
   lives on this inner wrapper, NOT on the <td>: an inline-flex <td> leaves
   table layout and lets the body background show through around the cell. */
.product-detail-quantity,
.cart-quantity {
    display: inline-flex !important;
    align-items: center !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: middle;
    background: #fff !important;
    font-size: 0 !important;              /* collapse whitespace around buttons */
    white-space: nowrap !important;
    border: 1.5px solid rgba(62, 44, 57, .22) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}
/* the <td> stays a normal white table-cell; just centre the pill in it.
   display/margin/background are forced so the cell always fills its row like
   every other <td>: anything that turns it into inline-flex/block (or adds a
   margin) shrinks it and lets the reddish body show above/below the pill and
   pulls its border-bottom up out of line with the rest of the row. */
.cart td.quantity {
    display: table-cell !important;
    margin: 0 !important;
    background: #fff !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* +/- buttons (shared).
   The glyphs are DRAWN in pure CSS (a horizontal bar for minus, a crossed
   pair for plus) instead of FontAwesome \f067/\f068 — the theme's v4
   `FontAwesome` @font-face isn't loaded on the storefront, so the font glyphs
   render blank. The bars use currentColor, so they inherit the button's colour
   and flip to white on hover with the background. Symmetric → RTL-safe. */
.increase-qty,
.decrease-qty {
    position: relative !important;
    width: 34px !important;
    height: 38px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--luxe-brand) !important;
    cursor: pointer;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle;
    font-size: 0 !important;             /* hide any leftover glyph text */
    transition: background-color .18s var(--luxe-ease), color .18s var(--luxe-ease);
}
/* horizontal bar — present on both + and - */
.increase-qty:before,
.decrease-qty:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 11px !important;
    height: 2px !important;
    background: currentColor !important;
    border-radius: 1px !important;
    transform: translate(-50%, -50%) !important;
}
/* vertical bar — only on + to complete the cross */
.increase-qty:after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 2px !important;
    height: 11px !important;
    background: currentColor !important;
    border-radius: 1px !important;
    transform: translate(-50%, -50%) !important;
}
.increase-qty:hover,
.decrease-qty:hover {
    background: #F3E7DE !important;
    color: var(--luxe-brand) !important;
}
.increase-qty:active,
.decrease-qty:active {
    background: #EADBCF !important;
    color: var(--luxe-brand-dark) !important;
}

/* the number field sitting between the buttons */
.product-detail-quantity .qty-input,
.cart td.quantity .qty-input,
.cart .qty-input {
    width: 46px !important;
    height: 38px !important;
    margin: 0 !important;
    border: none !important;
    border-inline: 1.5px solid rgba(62, 44, 57, .16) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    text-align: center !important;
    font-weight: 700 !important;
    color: var(--luxe-ink) !important;
    -moz-appearance: textfield;
}
.product-detail-quantity .qty-input::-webkit-outer-spin-button,
.product-detail-quantity .qty-input::-webkit-inner-spin-button,
.cart .qty-input::-webkit-outer-spin-button,
.cart .qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* keep the product-detail pill centred on small screens (as the preset did) */
@media (max-width: 1024px) {
    .product-detail-quantity {
        display: flex !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        margin-inline: auto !important;
    }
    /* cart qty pill: centre it (via the cell) and give the wrapper breathing
       room when the row stacks on narrow screens */
    .cart td.quantity {
        text-align: center !important;
        float: none !important;
    }
    .cart-quantity {
        margin: 8px 0 4px !important;
    }
    .cart-quantity .qty-input {
        height: 36px !important;
    }
    .cart .increase-qty,
    .cart .decrease-qty {
        height: 36px !important;
    }
}

/* ── 10.4  Cart "remove item" → trash icon (no icon-font dependency) ──────────
   The preset draws a red × via FontAwesome \f00d. We replace it with a filled
   trash glyph rendered from an inline SVG through a CSS mask: mask shapes it,
   background-color tints it, so it inherits the brand rose and recolours on
   hover with no extra asset — and with NO reliance on the FontAwesome @font-face
   (which is never declared in the theme source). The glyph is symmetric, so it
   reads the same in LTR and RTL. SVG path is Bootstrap Icons "trash" (MIT). */
.cart .remove-from-cart button,
.footable-row-detail .remove-btn {
    background: none !important;
    width: 26px !important;
    height: 26px !important;
}
.cart .remove-from-cart button:before,
.footable-row-detail .remove-btn:before {
    content: "" !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    vertical-align: middle !important;
    background-color: var(--luxe-cta-dark) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z'/%3E%3Cpath d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z'/%3E%3Cpath d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    transition: background-color .18s var(--luxe-ease), transform .18s var(--luxe-ease) !important;
}
.cart .remove-from-cart button:hover:before,
.footable-row-detail .remove-btn:hover:before {
    background-color: #9e2f2f !important;
    transform: scale(1.12) !important;
}

/* ═════════════════════════════════════════════════════════════════════════
   11. CART-PAGE & FOOTER REFINEMENTS
   ═════════════════════════════════════════════════════════════════════════ */

/* 11.1  "Continue shopping" button.
   Its dark rosewood fill (§1) was inheriting brand-coloured TEXT from
   §2 (.shopping-cart-page .button-2 -> brand), so the label was dark-on-dark
   and invisible. Force white text, and darken the fill on hover. */
.shopping-cart-page .button-2.continue-shopping-button,
.button-2.continue-shopping-button {
    color: #fff !important;
}
.button-2.continue-shopping-button:hover {
    background-color: var(--luxe-brand-dark) !important;
    color: #fff !important;
}

/* 11.2  Rounded corners on all primary / secondary action buttons. */
.button-1,
.button-2,
.add-to-cart-button,
.newsletter-subscribe-button,
.search-box-button,
.forum-search-box .search-box-button,
.estimate-shipping-button,
.product-whatsapp-button {
    border-radius: 10px !important;
}

/* 11.3  Discount-code / gift-card / estimate-shipping blocks -> soft cards
   with a shadow, and a narrower, centred, rounded action button (they were
   full-width with side borders stripped). */
.cart-collaterals .deals > div,
.cart-collaterals .estimate-shipping {
    border: 1px solid rgba(62, 44, 57, .10) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 22px rgba(43, 27, 34, .08) !important;
    background: #fff !important;
    padding: 34px 24px 26px !important;
}
/* title kept at its original 185px tab width — only the BOTTOM corners are
   squared and it is dropped so its flat bottom laps onto the box top, so the
   tab merges into the box instead of floating above it. */
.cart-collaterals .title {
    top: -42px !important;                     /* lap the flat bottom onto the box */
    border: none !important;
    border-radius: 10px 10px 0 0 !important;   /* rounded TOP corners only */
    box-shadow: none !important;               /* merged now, no floating shadow */
    padding: 11px 0 !important;
}
.cart-collaterals .title strong {
    color: #fff !important;
}
.cart-collaterals .coupon-code button,
.cart-collaterals .shipping button {
    display: block !important;
    width: auto !important;
    min-width: 170px !important;
    margin: 6px auto 0 !important;
    padding: 12px 30px !important;
    border-width: 2px !important;
    border-radius: 10px !important;
    background-color: var(--luxe-cta) !important;
    border-color: var(--luxe-cta) !important;
    color: #fff !important;
}
.cart-collaterals .coupon-code button:hover,
.cart-collaterals .shipping button:hover {
    background-color: var(--luxe-cta-dark) !important;
    border-color: var(--luxe-cta-dark) !important;
}

/* 11.3b  Equalise the cart's common-buttons. Two things made "Estimate shipping"
   (an <a>) taller than "Continue shopping" (a <button>):
     1. the anchor inherited a taller document line-height, and
     2. the preset (theme.custom-1.css) removes the border on continue-shopping
        while estimate keeps a 2px border (+4px total height).
   Pin both to the same numeric line-height AND the same zero border width so the
   two buttons match to the pixel (same padding + box-model already). */
.shopping-cart-page .common-buttons .button-2,
.shopping-cart-page .common-buttons .estimate-shipping-button {
    box-sizing: border-box !important;
    line-height: 1.2 !important;
    border-width: 0 !important;
    vertical-align: middle !important;
}

/* 11.5  Checkout button: trim the oversized 80px gap, and force the brand CTA
   colour. The runtime preset (theme.custom-1.css) sets .shopping-cart-page
   .button-1 to the old gold-brown #6A4E03 at equal specificity; the extra
   .checkout-button class here (0,0,3,0) outranks it so the CTA colour wins
   regardless of stylesheet load order. */
.shopping-cart-page .button-1.checkout-button {
    margin-bottom: 24px !important;
    background-color: var(--luxe-cta) !important;
    border-color: var(--luxe-cta) !important;
    color: #fff !important;
}
.shopping-cart-page .button-1.checkout-button:hover {
    background-color: var(--luxe-cta-dark) !important;
    border-color: var(--luxe-cta-dark) !important;
}

/* 11.6  Remove the grey bottom border under cart warning/error messages. */
.message-failure {
    border-bottom: 0 !important;
}

/* 11.7  Cart totals in brand colours instead of the default grey/#888:
   labels in plum ink, values in rose, and the order-total row in brand plum. */
.cart-total .cart-total-left label {
    color: var(--luxe-ink) !important;
}
.cart-total .cart-total-right .value-summary,
.cart-total .cart-total-right span {
    color: var(--luxe-ink) !important;
}
.cart-total .order-total,
.cart-total .order-total .cart-total-left label,
.cart-total .order-total .cart-total-right .value-summary,
.cart-total .order-total .cart-total-right span {
    color: var(--luxe-brand) !important;
}

/* 11.8  Cart trust badges (info-lines): size + brand-tint the inline SVG icons
   (they replace the flat PNGs; fill="currentColor" inherits this colour). */
.info-line svg.info-icon {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px;
    color: var(--luxe-brand);
}

/* 11.4  Footer social icons -> circular filled buttons with crisp SVG marks.
   The old flat sprite squares (social-sprite.png / instagram.png) are dropped
   in favour of round brand buttons with a white glyph painted through a CSS
   mask: sharp at any DPI, no PNG dependency, brand-tinted, rose on hover.
   Glyph shapes are FontAwesome Free brand marks (Icons: CC BY 4.0). */
.social-sharing li {
    width: 60px !important;
    height: 54px !important;
    margin: 0 4px 8px !important;
    background-color: var(--luxe-brand) !important;
    border-radius: 0 !important;      /* flat rectangular tile, like the old design */
    overflow: hidden !important;
    transition: background-color .25s var(--luxe-ease) !important;
}
.social-sharing li:hover {
    background-color: var(--luxe-cta) !important;
}
.social-sharing a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background: #fff !important;      /* painted through the mask = white glyph */
    opacity: 1 !important;
    filter: none !important;          /* cancel the old white-recolour filter  */
    -webkit-mask-repeat: no-repeat;   mask-repeat: no-repeat;
    -webkit-mask-position: center;    mask-position: center;
    -webkit-mask-size: auto 22px;     mask-size: auto 22px;  /* uniform glyph height */
}
.social-sharing li:hover a { opacity: 1 !important; }

/* --- per-network glyphs (white mark inside the brand circle) --- */
.social-sharing a.facebook {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3E%3Cpath%20d='M80%20299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7%2020.3-71.5%2072.7-71.5c16.3%200%2029.4%20.4%2037%201.2V7.9C291.4%204%20256.4%200%20236.2%200C129.3%200%2080%2050.5%2080%20159.4v42.1H14v97.8H80z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3E%3Cpath%20d='M80%20299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7%2020.3-71.5%2072.7-71.5c16.3%200%2029.4%20.4%2037%201.2V7.9C291.4%204%20256.4%200%20236.2%200C129.3%200%2080%2050.5%2080%20159.4v42.1H14v97.8H80z'/%3E%3C/svg%3E");
}
.social-sharing a.twitter {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M389.2%2048h70.6L305.6%20224.2%20487%20464H345L233.7%20318.6%20106.5%20464H35.8L200.7%20275.5%2026.8%2048H172.4L272.9%20180.9%20389.2%2048zM364.4%20421.8h39.1L151.1%2088h-42L364.4%20421.8z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M389.2%2048h70.6L305.6%20224.2%20487%20464H345L233.7%20318.6%20106.5%20464H35.8L200.7%20275.5%2026.8%2048H172.4L272.9%20180.9%20389.2%2048zM364.4%20421.8h39.1L151.1%2088h-42L364.4%20421.8z'/%3E%3C/svg%3E");
}
.social-sharing a.youtube {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'%3E%3Cpath%20d='M549.655%20124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781%2064%20288%2064%20288%2064S117.22%2064%2074.629%2075.486c-23.497%206.322-42.003%2024.947-48.284%2048.597-11.412%2042.867-11.412%20132.305-11.412%20132.305s0%2089.438%2011.412%20132.305c6.281%2023.65%2024.787%2041.5%2048.284%2047.821C117.22%20448%20288%20448%20288%20448s170.78%200%20213.371-11.486c23.497-6.321%2042.003-24.171%2048.284-47.821%2011.412-42.867%2011.412-132.305%2011.412-132.305s0-89.438-11.412-132.305zm-317.51%20213.508V175.185l142.739%2081.205-142.739%2081.201z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'%3E%3Cpath%20d='M549.655%20124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781%2064%20288%2064%20288%2064S117.22%2064%2074.629%2075.486c-23.497%206.322-42.003%2024.947-48.284%2048.597-11.412%2042.867-11.412%20132.305-11.412%20132.305s0%2089.438%2011.412%20132.305c6.281%2023.65%2024.787%2041.5%2048.284%2047.821C117.22%20448%20288%20448%20288%20448s170.78%200%20213.371-11.486c23.497-6.321%2042.003-24.171%2048.284-47.821%2011.412-42.867%2011.412-132.305%2011.412-132.305s0-89.438-11.412-132.305zm-317.51%20213.508V175.185l142.739%2081.205-142.739%2081.201z'/%3E%3C/svg%3E");
}
.social-sharing a.instagram {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20d='M224.1%20141c-63.6%200-114.9%2051.3-114.9%20114.9s51.3%20114.9%20114.9%20114.9S339%20319.5%20339%20255.9%20287.7%20141%20224.1%20141zm0%20189.6c-41.1%200-74.7-33.5-74.7-74.7s33.5-74.7%2074.7-74.7%2074.7%2033.5%2074.7%2074.7-33.6%2074.7-74.7%2074.7zm146.4-194.3c0%2014.9-12%2026.8-26.8%2026.8-14.9%200-26.8-12-26.8-26.8s12-26.8%2026.8-26.8%2026.8%2012%2026.8%2026.8zm76.1%2027.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9%200-35.8%201.7-67.6%209.9-93.9%2036.1s-34.4%2058-36.2%2093.9c-2.1%2037-2.1%20147.9%200%20184.9%201.7%2035.9%209.9%2067.7%2036.2%2093.9s58%2034.4%2093.9%2036.2c37%202.1%20147.9%202.1%20184.9%200%2035.9-1.7%2067.7-9.9%2093.9-36.2%2026.2-26.2%2034.4-58%2036.2-93.9%202.1-37%202.1-147.8%200-184.8zM398.8%20388c-7.8%2019.6-22.9%2034.7-42.6%2042.6-29.5%2011.7-99.5%209-132.1%209s-102.7%202.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7%209-132.1c7.8-19.6%2022.9-34.7%2042.6-42.6%2029.5-11.7%2099.5-9%20132.1-9s102.7-2.6%20132.1%209c19.6%207.8%2034.7%2022.9%2042.6%2042.6%2011.7%2029.5%209%2099.5%209%20132.1s2.7%20102.7-9%20132.1z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20d='M224.1%20141c-63.6%200-114.9%2051.3-114.9%20114.9s51.3%20114.9%20114.9%20114.9S339%20319.5%20339%20255.9%20287.7%20141%20224.1%20141zm0%20189.6c-41.1%200-74.7-33.5-74.7-74.7s33.5-74.7%2074.7-74.7%2074.7%2033.5%2074.7%2074.7-33.6%2074.7-74.7%2074.7zm146.4-194.3c0%2014.9-12%2026.8-26.8%2026.8-14.9%200-26.8-12-26.8-26.8s12-26.8%2026.8-26.8%2026.8%2012%2026.8%2026.8zm76.1%2027.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9%200-35.8%201.7-67.6%209.9-93.9%2036.1s-34.4%2058-36.2%2093.9c-2.1%2037-2.1%20147.9%200%20184.9%201.7%2035.9%209.9%2067.7%2036.2%2093.9s58%2034.4%2093.9%2036.2c37%202.1%20147.9%202.1%20184.9%200%2035.9-1.7%2067.7-9.9%2093.9-36.2%2026.2-26.2%2034.4-58%2036.2-93.9%202.1-37%202.1-147.8%200-184.8zM398.8%20388c-7.8%2019.6-22.9%2034.7-42.6%2042.6-29.5%2011.7-99.5%209-132.1%209s-102.7%202.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7%209-132.1c7.8-19.6%2022.9-34.7%2042.6-42.6%2029.5-11.7%2099.5-9%20132.1-9s102.7-2.6%20132.1%209c19.6%207.8%2034.7%2022.9%2042.6%2042.6%2011.7%2029.5%209%2099.5%209%20132.1s2.7%20102.7-9%20132.1z'/%3E%3C/svg%3E");
}
.social-sharing a.pinterest {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'%3E%3Cpath%20d='M204%206.5C101.4%206.5%200%2074.9%200%20185.6%200%20256%2039.6%20296%2063.6%20296c9.9%200%2015.6-27.6%2015.6-35.4%200-9.3-23.7-29.1-23.7-67.8%200-80.4%2061.2-137.4%20140.4-137.4%2068.1%200%20118.5%2038.7%20118.5%20109.8%200%2053.1-21.3%20152.7-90.3%20152.7-24.9%200-46.2-18-46.2-43.8%200-37.8%2026.4-74.4%2026.4-113.4%200-66.2-93.9-54.2-93.9%2025.8%200%2016.8%202.1%2035.4%209.6%2050.7-13.8%2059.4-42%20147.9-42%20209.1%200%2018.9%202.7%2037.5%204.5%2056.4%203.4%203.8%201.7%203.4%206.9%201.5%2050.4-69%2048.6-82.5%2071.4-172.8%2012.3%2023.4%2044.1%2036%2069.3%2036%20106.2%200%20153.9-103.5%20153.9-196.8C384%2071.3%20298.2%206.5%20204%206.5z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'%3E%3Cpath%20d='M204%206.5C101.4%206.5%200%2074.9%200%20185.6%200%20256%2039.6%20296%2063.6%20296c9.9%200%2015.6-27.6%2015.6-35.4%200-9.3-23.7-29.1-23.7-67.8%200-80.4%2061.2-137.4%20140.4-137.4%2068.1%200%20118.5%2038.7%20118.5%20109.8%200%2053.1-21.3%20152.7-90.3%20152.7-24.9%200-46.2-18-46.2-43.8%200-37.8%2026.4-74.4%2026.4-113.4%200-66.2-93.9-54.2-93.9%2025.8%200%2016.8%202.1%2035.4%209.6%2050.7-13.8%2059.4-42%20147.9-42%20209.1%200%2018.9%202.7%2037.5%204.5%2056.4%203.4%203.8%201.7%203.4%206.9%201.5%2050.4-69%2048.6-82.5%2071.4-172.8%2012.3%2023.4%2044.1%2036%2069.3%2036%20106.2%200%20153.9-103.5%20153.9-196.8C384%2071.3%20298.2%206.5%20204%206.5z'/%3E%3C/svg%3E");
}
.social-sharing a.vimeo {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20d='M447.8%20153.6c-2%2043.6-32.4%20103.3-91.4%20179.1-60.9%2079.2-112.4%20118.8-154.6%20118.8-26.1%200-48.2-24.1-66.3-72.3C100.3%20250%2085.3%20174.3%2056.2%20174.3c-3.4%200-15.1%207.1-35.2%2021.1L0%20168.2c51.6-45.3%20100.9-95.7%20131.8-98.5%2034.9-3.4%2056.3%2020.5%2064.4%2071.5%2028.7%20181.5%2041.4%20208.9%2093.6%20126.7%2018.7-29.6%2028.8-52.1%2030.2-67.6%204.8-45.9-35.8-42.8-63.3-31%2022-72.1%2064.1-107.1%20126.2-105.1%2045.8%201.2%2067.5%2031.1%2064.9%2089.4z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20d='M447.8%20153.6c-2%2043.6-32.4%20103.3-91.4%20179.1-60.9%2079.2-112.4%20118.8-154.6%20118.8-26.1%200-48.2-24.1-66.3-72.3C100.3%20250%2085.3%20174.3%2056.2%20174.3c-3.4%200-15.1%207.1-35.2%2021.1L0%20168.2c51.6-45.3%20100.9-95.7%20131.8-98.5%2034.9-3.4%2056.3%2020.5%2064.4%2071.5%2028.7%20181.5%2041.4%20208.9%2093.6%20126.7%2018.7-29.6%2028.8-52.1%2030.2-67.6%204.8-45.9-35.8-42.8-63.3-31%2022-72.1%2064.1-107.1%20126.2-105.1%2045.8%201.2%2067.5%2031.1%2064.9%2089.4z'/%3E%3C/svg%3E");
}
.social-sharing a.rss {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20d='M0%2064C0%2046.3%2014.3%2032%2032%2032c229.8%200%20416%20186.2%20416%20416c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32C384%20253.6%20226.4%2096%2032%2096C14.3%2096%200%2081.7%200%2064zM0%20416a64%2064%200%201%201%20128%200A64%2064%200%201%201%200%20416zM32%20160c159.1%200%20288%20128.9%20288%20288c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32c0-123.7-100.3-224-224-224c-17.7%200-32-14.3-32-32s14.3-32%2032-32z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20d='M0%2064C0%2046.3%2014.3%2032%2032%2032c229.8%200%20416%20186.2%20416%20416c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32C384%20253.6%20226.4%2096%2032%2096C14.3%2096%200%2081.7%200%2064zM0%20416a64%2064%200%201%201%20128%200A64%2064%200%201%201%200%20416zM32%20160c159.1%200%20288%20128.9%20288%20288c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32c0-123.7-100.3-224-224-224c-17.7%200-32-14.3-32-32s14.3-32%2032-32z'/%3E%3C/svg%3E");
}

/* 11.5  Footer payment / SSL icon strip on mobile.
   Instead of stray images stacked under the newsletter, lay them out as a
   neat centred wrapping row of uniform-height logos. */
@media (max-width: 767px) {
    .responsiveSsltext {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px 10px !important;
        max-width: 320px !important;
        margin: 14px auto 0 !important;
    }
    .responsiveSsltext .ssltext {
        margin: 0 !important;
    }
    /* same optical balancing as desktop, scaled down; no width cap (it used to
       squash the wide wordmarks). Heights are ~0.8x the desktop values. */
    .responsiveSsltext .ssltext img {
        height: 24px !important;
        width: auto !important;
        max-width: none !important;
        object-fit: contain !important;
    }
    .responsiveSsltext .ssltext img[src*="american"]  { height: 30px !important; }
    .responsiveSsltext .ssltext img[src*="master"]    { height: 27px !important; }
    .responsiveSsltext .ssltext img[src*="bit"]       { height: 27px !important; }
    .responsiveSsltext .ssltext img[src*="pci"]       { height: 22px !important; }
    .responsiveSsltext .ssltext img[src*="apple_pay"] { height: 22px !important; }
    .responsiveSsltext .ssltext img[src*="visa"]      { height: 19px !important; }
    .responsiveSsltext .ssltext img[src*="paypal"]    { height: 18px !important; }
}

/* 11.5b  The payment strip is rendered twice (Footer/Default.cshtml): a
   .only-desktop copy inside the white newsletter card and a .only-mobile copy
   outside it. Show exactly one per breakpoint. 1024px is Brooklyn's stacked-
   footer threshold. Below it the mobile copy sits on the footer background (not
   inside the card), so it just needs centering + a little breathing room — no
   divider hack. */
@media (min-width: 1025px) {
    .responsiveSsltext.only-mobile { display: none !important; }
}
@media (max-width: 1024px) {
    .responsiveSsltext.only-desktop { display: none !important; }
    .responsiveSsltext.only-mobile {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 22px auto 4px !important;
    }
}

/* 11.6  Mobile cart -> clean card layout (replaces FooTable expand/collapse).
   The cart table's data-hide attributes were removed from the OrderSummary
   template, so FooTable no longer hides columns or renders the expand toggle.
   Here we re-lay each cart row as a compact card. Top row packs the controls:
   delete · thumbnail · quantity stepper · unit-price. Below that, three
   full-width lines stack: product name, SKU, then the line subtotal.
   grid-template-areas follow the writing direction, so this mirrors correctly
   in Hebrew RTL with no extra rules.
   This block holds the shared grid setup (block display, cell resets, grid-area
   assignments, thumbnail) up to 1023px. The phone stacked template below is the
   default; 11.6c overrides it with a two-row layout for 768-1023px tablets. */
@media (max-width: 1023px) {
    .order-summary-content table.cart,
    .order-summary-content table.cart tbody {
        display: block !important;
        width: 100% !important;
    }
    .order-summary-content table.cart thead,
    .order-summary-content table.cart colgroup {
        display: none !important;
    }

    .order-summary-content table.cart tr.cart-item-row {
        display: grid !important;
        grid-template-columns: 34px 64px 1fr auto;
        grid-template-areas:
            "remove picture quantity unitprice"
            "name   name    name     name"
            "sku    sku     sku      sku"
            "subtotal subtotal subtotal subtotal";
        column-gap: 12px;
        row-gap: 2px;
        align-items: center;
        padding: 16px 12px !important;
        background: transparent !important;
        border-bottom: 1px solid rgba(62, 44, 57, .14) !important;
    }
    /* no trailing separator under the last item */
    .order-summary-content table.cart tr.cart-item-row:last-child {
        border-bottom: none !important;
    }

    /* drop only the row counter on mobile (unit-price is now shown in the top row) */
    .order-summary-content table.cart tr.cart-item-row > td:first-child {
        display: none !important;
    }

    /* place each cell into the card grid + strip the table-cell white box
       (tables.css gives every .cart td a #fff background + bottom border,
       which otherwise makes each line of text look boxed) */
    .order-summary-content table.cart tr.cart-item-row > td {
        display: block !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        min-width: 0 !important;
        text-align: start !important;
    }
    .order-summary-content td.remove-from-cart  { grid-area: remove;  position: relative !important; }
    .order-summary-content td.product-picture   { grid-area: picture; }
    .order-summary-content td.product           { grid-area: name; }
    .order-summary-content td.sku               { grid-area: sku; font-size: 12px !important; color: #8a7580 !important; }
    .order-summary-content td.quantity          { grid-area: quantity; }
    .order-summary-content td.unit-price        { grid-area: unitprice; display: block !important; justify-self: end !important; align-self: center !important; white-space: nowrap !important; font-weight: 600 !important; color: var(--luxe-ink) !important; }
    .order-summary-content td.subtotal          { grid-area: subtotal; text-align: start !important; font-weight: 700 !important; color: var(--luxe-cta) !important; margin: 6px 0 0 !important; }

    /* thumbnail */
    .order-summary-content td.product-picture img {
        width: 60px !important;
        height: auto !important;
        border-radius: 8px !important;
    }
    /* product name: readable, wraps instead of forcing width */
    .order-summary-content td.product .product-name {
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
    }
    /* keep the delete target comfortably sized and centred in its column */
    .order-summary-content td.remove-from-cart button.remove-btn {
        position: static !important;
        margin: 0 !important;
    }
    /* the qty pill sits left-aligned under the name. The pill styling lives on
       the inner .cart-quantity wrapper, so the card's transparent-cell reset is
       fine here — no need to re-assert background/border on the <td>. */
    .order-summary-content td.quantity {
        justify-self: start !important;
        margin: 0 !important;
    }
}

/* 11.6b  481–767px (large phones): the stacked top row is wider here, so the
   quantity pill was clinging to the thumbnail with a big empty gap before the
   unit-price. Widen the fixed delete/image columns a touch and centre the
   stepper so delete · image · quantity · unit-price sit evenly. */
@media (min-width: 481px) and (max-width: 767px) {
    .order-summary-content table.cart tr.cart-item-row {
        grid-template-columns: 44px 88px 1fr auto !important;
        column-gap: 20px !important;
    }
    .order-summary-content td.quantity {
        justify-self: center !important;
    }
}

/* The "Total:" label inside the subtotal cell is only wanted in the 768-1023
   tablet grid (11.6c); hide it everywhere else (phones show the value alone,
   desktop has the column header). */
.order-summary-content td.subtotal .td-title { display: none; }

/* 11.6c  768–1023px (tablets): a compact two-row row —
       [delete] [image] [name] [quantity] [unit-price]
       [   ·  ] [  ·  ] [sku ] [    ·   ] [Total: total]
   delete, image and the quantity stepper span both rows (vertically centred);
   name + unit-price sit on the top line, SKU + line total on the line below.
   Overrides the phone stacked template from 11.6. */
@media (min-width: 768px) and (max-width: 1023px) {
    /* fixed widths on quantity + price columns (not auto) so every row lines up
       identically — each <tr> is its own grid, so content-sized columns would
       drift row to row. */
    .order-summary-content table.cart tr.cart-item-row {
        grid-template-columns: 34px 60px 1fr 130px 150px !important;
        grid-template-areas:
            "remove picture name quantity unitprice"
            "remove picture sku  quantity subtotal" !important;
        column-gap: 16px !important;
        row-gap: 2px !important;
        align-items: center !important;
    }
    .order-summary-content td.quantity {
        justify-self: center !important;
        align-self: center !important;
        margin: 0 !important;
    }
    .order-summary-content td.unit-price {
        justify-self: end !important;
        align-self: center !important;
    }
    .order-summary-content td.subtotal {
        justify-self: end !important;
        align-self: center !important;
        text-align: end !important;
        margin: 0 !important;
    }
    .order-summary-content td.subtotal .td-title {
        display: inline !important;
        color: var(--luxe-ink) !important;
        font-weight: 600 !important;
        margin-inline-end: 4px !important;
    }
}

/* 11.6d  non-editable cart (order details / completed order): the row has no
   delete button and the quantity is a plain number, not a +/- stepper. That
   left an empty delete column on the left and a lonely boxed-looking number.
   Fix: drop the delete column, strip any box off the number, and render it as
   a "Qty: N" inline label so every row reads consistently. Keyed off the
   .cart-readonly class the view puts on <table> when Model.IsEditable == false. */

/* the plain number: no pill/box, just brand-ink text */
.order-summary-content td.quantity .product-quantity {
    display: inline !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-weight: 700 !important;
    color: var(--luxe-ink) !important;
}
/* the "Qty:" label — hidden by default (desktop table has a column header),
   revealed only inside the mobile/tablet card layouts below */
.order-summary-content td.quantity .td-title { display: none; }

@media (max-width: 1023px) {
    .order-summary-content table.cart.cart-readonly td.quantity {
        background: transparent !important;
        border: none !important;
    }
    .order-summary-content table.cart.cart-readonly td.quantity .td-title {
        display: inline !important;
        border: none !important;
        background: transparent !important;
        color: var(--luxe-ink) !important;
        font-weight: 600 !important;
        margin-inline-end: 4px !important;
    }
}

/* phones (<=767): stacked card without the delete column */
@media (max-width: 767px) {
    .order-summary-content table.cart.cart-readonly tr.cart-item-row {
        grid-template-columns: 64px 1fr auto !important;
        grid-template-areas:
            "picture quantity unitprice"
            "name    name     name"
            "sku     sku      sku"
            "subtotal subtotal subtotal" !important;
    }
    .order-summary-content table.cart.cart-readonly td.quantity {
        justify-self: start !important;
    }
}

/* tablets (768-1023): two-row grid without the delete column */
@media (min-width: 768px) and (max-width: 1023px) {
    .order-summary-content table.cart.cart-readonly tr.cart-item-row {
        grid-template-columns: 60px 1fr 130px 150px !important;
        grid-template-areas:
            "picture name quantity unitprice"
            "picture sku  quantity subtotal" !important;
    }
}

/* 11.6e  >=1024px (desktop table): give the subtotal column a 200px floor so
   the line-total never gets squeezed against the quantity column. */
@media (min-width: 1024px) {
    .order-summary-content table.cart th.subtotal,
    .order-summary-content table.cart td.subtotal {
        min-width: 200px !important;
    }
}

/* 11.9  768–1024px: show the discount box and gift-card box side by side.
   The base keeps .cart-collaterals at 390px (one box per row); widen it here
   and lay the two deal cards out as a centred flex row. justify-content:center
   means a lone box (only one of the two present) sits centred instead of
   hugging the edge. The order-totals block is left as-is (stacked below).
   Each card keeps a top margin for its title tab (which sits at top:-42px). */
@media (min-width: 768px) and (max-width: 1024px) {
    .shopping-cart-page .cart-collaterals {
        width: 100% !important;
        max-width: 760px !important;
        margin: 0 auto 25px !important;
        float: none !important;
    }
    .shopping-cart-page .cart-collaterals .deals {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 24px !important;
        margin: 0 !important;
    }
    .shopping-cart-page .cart-collaterals .deals::after { display: none !important; } /* drop the float clearfix */
    .shopping-cart-page .cart-collaterals .deals > div {
        flex: 0 1 46% !important;
        width: auto !important;
        max-width: 46% !important;
        margin: 46px 0 0 !important;
        float: none !important;
    }
}

/* =====================================================================
   12. LOGIN / REGISTER PAGES · TOP BAR · FILTER ICONS · MISC POLISH
   ---------------------------------------------------------------------
   Client feedback pass. Grouped by the numbered request it satisfies.
   CSS only; LTR + RTL safe (colours + logical properties). !important is
   used where a base or admin rule would otherwise win.
   ===================================================================== */

/* ---------------------------------------------------------------------
   12.1  Login & Register block TITLES  →  match the .coupon-box .title
   look (a plum tab with white, upper-cased label). Covers:
     · .returning-wrapper.fieldset .title      (login — returning customer)
     · .new-wrapper.register-block .title       (login — new customer)
     · .new-wrapper .title / guest block title  (login — other states)
     · .registration-page .fieldset .title      (register — every section)
   The narrow centred tab laps onto the card below (see 12.3), exactly like
   the discount-coupon box on the cart page.
   Scoped to .customer-blocks so the hidden .external-authentication .title
   (display:none) on the same page is left alone.
   --------------------------------------------------------------------- */
.login-page .customer-blocks .title,
.registration-page .fieldset .title {
    display: inline-block !important;
    min-width: 185px !important;
    margin: 0 auto !important;
    border: none !important;
    border-radius: 10px 10px 0 0 !important;   /* rounded TOP only — it is a tab */
    padding: 12px 26px !important;
    background-color: var(--luxe-brand) !important;   /* plum, like .coupon-box .title */
    position: relative !important;
    z-index: 1 !important;
}
.login-page .customer-blocks .title strong,
.registration-page .fieldset .title strong {
    color: #fff !important;                    /* white label, like .coupon-box .title strong */
    letter-spacing: 2px;
    text-transform: uppercase;
}
/* the disabled-registration new-wrapper title has plain text (no <strong>) */
.login-page .customer-blocks .new-wrapper > .title {
    color: #fff !important;
}

/* ---------------------------------------------------------------------
   12.2  Login & Register BUTTONS  →  match .button-2.apply-discount-
   coupon-code-button: a compact, centred, rounded rose CTA (not a full
   590px bar). The rose fill/hover already come from §3; here we own the
   shape + sizing so login-button / register-button read like the coupon
   "apply" button.
   --------------------------------------------------------------------- */
.login-page .login-button,
.login-page .register-button {
    display: inline-block !important;
    width: auto !important;
    min-width: 220px !important;
    margin: 10px auto 0 !important;
    padding: 13px 44px !important;
    border-radius: 10px !important;
    border-width: 2px !important;
    letter-spacing: 1px;
}

/* ---------------------------------------------------------------------
   12.3  FORM-FIELD CARDS + soft shadow (req. 5) and the connecting box for
   the login "new customer" description. Each block below its tab becomes a
   clean rounded white card with a soft plum shadow — replacing the flat
   2px #eee frame. Applies to login AND register (req. 7).
     · .login-page .form-fields    (returning customer inputs)
     · .login-page .text           (new-customer / guest description box)
     · .registration-page .form-fields
   --------------------------------------------------------------------- */
.login-page .customer-blocks .form-fields,
.login-page .customer-blocks .text,
.registration-page .form-fields {
    border: 1px solid rgba(62, 44, 57, .14) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 6px 22px rgba(43, 27, 34, .08) !important;
}

/* ---------------------------------------------------------------------
   12.4  Text controls on these pages get more breathing room L/R (req. 6),
   applied to login and register (req. 7). Base pads inputs 8px all round;
   bump the horizontal padding so the value doesn't hug the rounded border.
   Scoped to the actual text-like inputs so radios/checkboxes are untouched.
   --------------------------------------------------------------------- */
.login-page .form-fields input[type="text"],
.login-page .form-fields input[type="email"],
.login-page .form-fields input[type="password"],
.login-page .form-fields input[type="tel"],
.registration-page .form-fields input[type="text"],
.registration-page .form-fields input[type="email"],
.registration-page .form-fields input[type="password"],
.registration-page .form-fields input[type="tel"] {
    padding-inline: 16px !important;
}

/* ---------------------------------------------------------------------
   12.4b  Login inputs — equal width. At >=1281px, 1280.css widens the login
   text/password fields to 370px but omits input[type="email"], so the email
   field stayed at the base 350px and looked narrower than the password box.
   Include every text-like type (and username/email/password classes) at the
   same breakpoint so they always match. Below 1281px they are already equal.
   --------------------------------------------------------------------- */
@media (min-width: 1281px) {
    .login-page .inputs input[type="text"],
    .login-page .inputs input[type="email"],
    .login-page .inputs input[type="password"],
    .login-page .inputs input[type="tel"] {
        width: 370px !important;
    }
}

/* ---------------------------------------------------------------------
   12.5  Register page — gender radios sat inside .gender span, which the
   responsive sheet (1024.css) gives a 2px bottom border. Drop it (req. 8).
   RTL-safe (border only). Also covers the account page gender field.
   --------------------------------------------------------------------- */
.registration-page .gender span,
.account-page .gender span {
    border-bottom: none !important;
}

/* ---------------------------------------------------------------------
   12.6  Filter-panel toggle ICONS → brand chevron, not the grey PNG arrows
   (req. 12). The plugin paints filter-collapse/expand.png (grey) on the
   group headers. Remove them and draw a single plum chevron on the trailing
   edge that flips between open (up) and collapsed (down). Works for the
   desktop panel and the mobile drawer; symmetric position → RTL-safe.
   --------------------------------------------------------------------- */
.filter-block a.toggleControl {
    background-image: none !important;
    position: relative !important;
}
.filter-block a.toggleControl:after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    inset-inline-end: 18px !important;
    width: 8px !important;
    height: 8px !important;
    background: none !important;
    border: solid var(--luxe-brand) !important;   /* brand colour, not grey */
    border-width: 0 2px 2px 0 !important;
    transform: translateY(-70%) rotate(45deg);    /* ▼ collapsed / default */
    transition: transform .2s var(--luxe-ease);
}
/* expanded group → chevron points up */
.filter-block a.toggleControl:not(.closed):after {
    transform: translateY(-30%) rotate(-135deg);  /* ▲ open */
}

/* ---------------------------------------------------------------------
   12.7  TOP BAR (plum .header-upper) — Login / Register links were dark on
   plum and turned plum-on-plum (invisible) on hover (req. 9). Make them a
   readable light tint, with a clear gold highlight on hover. Extra class in
   the selector (.header) lifts specificity above the header-2 hover rule in
   §2 so it wins in both header layouts.
   --------------------------------------------------------------------- */
.header .header-upper .header-links a,
.header .header-upper .header-links span {
    color: #F1E4DC !important;
}
.header .header-upper .header-links a:hover,
.header .header-upper .header-links a span:hover {
    color: var(--luxe-accent) !important;   /* gold — readable on plum */
}

/* ---------------------------------------------------------------------
   12.8  TOP BAR search box — typed text/placeholder were dark (§7.1) on the
   plum bar, so effectively invisible (req. 10). Light them up.
   --------------------------------------------------------------------- */
.header-upper .store-search-box input.search-box-text {
    color: #fff !important;
}
.header-upper .store-search-box input.search-box-text::placeholder {
    color: rgba(255, 255, 255, .70) !important;
}
.header-upper .store-search-box input.search-box-text::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .70) !important;
}

/* ---------------------------------------------------------------------
   12.9  Cart page "Order total" value was grey (#888) even though it is a
   highlighted figure (req. 13). Bring it onto the rose price colour so the
   emphasised total reads on-brand like the other prices.
   --------------------------------------------------------------------- */
.cart-total .order-total {
    color: var(--luxe-cta) !important;
}

/* ---------------------------------------------------------------------
   12.10  Footer newsletter — the subscribe button was stuck directly under
   the email box (req. 15). Add a small gap between them.
   --------------------------------------------------------------------- */
.footer-2 .newsletter-email .newsletter-subscribe-button,
.newsletter-email .newsletter-subscribe-button {
    margin-top: 10px !important;
}

/* =====================================================================
   13. ADD-TO-CART BUTTONS — explicit brand colouring
   ---------------------------------------------------------------------
   .product-box-add-to-cart-button (catalog product boxes) and
   .add-to-cart-button (product detail / quick view) are the primary buy
   action, so they take the rose CTA — matching every other add-to-cart in
   the design system (§3). §3 already recolours them through contextual
   selectors (.item-box button / .overview .add-to-cart-button); these
   rules name the two classes directly so the colour holds in EVERY context
   (catalog text button, icon layout, product page, quick-view, related /
   also-bought carousels) regardless of wrapper. Base painted them the old
   pink #cc8a97. background-color (not the shorthand) is used so the icon
   layout keeps its cart-button.png glyph. RTL-safe (colour only).
   --------------------------------------------------------------------- */
.product-box-add-to-cart-button,
.add-to-cart-button {
    background-color: var(--luxe-cta) !important;   /* rose */
    border-color: var(--luxe-cta) !important;
    color: #fff !important;
    border-radius: 10px !important;
}
.product-box-add-to-cart-button:hover,
.add-to-cart-button:hover {
    background-color: var(--luxe-cta-dark) !important;   /* deepen on hover */
    border-color: var(--luxe-cta-dark) !important;
    color: #fff !important;
}

/* =====================================================================
   14. PRODUCT DETAILS PAGE — layout tightening (req. 1-4)
   ---------------------------------------------------------------------
   The product page uses the one-column layout (.center-1), so the base
   theme only floats the gallery/overview side-by-side for .two-columns
   pages — here they stack vertically with large gaps. These rules:
     1. trim the vertical spacing between overview blocks,
     2. keep the quantity box + add-to-cart button on one line,
     3. shrink the oversized add-to-cart button,
     4. lay the gallery and overview out horizontally above 1024px.
   theme.luxe.css loads before the base sheets, so !important is used to
   win over styles.css / 1024.css. CSS only; layout is LTR/RTL neutral.
   --------------------------------------------------------------------- */

/* ---- 14.1  Req 1 — reduce vertical gaps between overview blocks ------ */
.product-details-page .overview .product-reviews-overview { margin-bottom: 10px !important; }
.product-details-page .overview .short-description        { margin: 0 0 14px !important; line-height: 22px; }
.product-details-page .overview .manufacturers            { margin: 8px 0 !important; }
.product-details-page .overview .additional-details,
.product-details-page .overview .delivery,
.product-details-page .overview .availability             { margin: 10px 0 !important; }
.product-details-page .overview .prices                   { margin: 10px 0 !important; }
.product-details-page .overview .add-to-cart              { margin: 0 0 12px !important; }
.product-details-page .overview-buttons {
    margin: 12px 0 !important;
    padding-bottom: 12px !important;
}
.product-details-page .overview-buttons div { margin-bottom: 4px !important; }
.product-details-page .product-estimate-shipping          { margin-bottom: 12px !important; }

/* ---- 14.2  Req 2 — quantity + add-to-cart on a single line ---------- */
.product-details-page .overview .add-to-cart-panel {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: 20px !important;            /* breathing room between the qty pill and the button */
}
.product-details-page .overview .add-to-cart-panel > * { float: none !important; }

/* ---- 14.3  Req 3 — narrower add-to-cart button -----------------------
   Height stays on the theme's stock 48px and the typography on the standard
   button scale (14px / bold / uppercase / white) — the same as .button-1
   everywhere else (.registration-page, .write-review, .checkout-page ...),
   so this reads as a normal nopCommerce button. The button is made narrower
   ONLY by dropping the base min-width:230px and tightening the side padding;
   nothing about the type or the box height is shrunk.
   The qty box is deliberately left alone: it lives in the .product-detail-quantity
   stepper pill, which sizes its own input/steppers in §10.2. */
.product-details-page .overview .add-to-cart-button {
    min-width: 0 !important;
    width: auto !important;
    height: 48px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: #fff !important;
    border: none !important;
}

/* ---- 14.4  Req 4 — horizontal (gallery | overview) above 1024px ----- */
@media (min-width: 1025px) {
    .product-details-page .product-essential {
        display: flex !important;
        align-items: flex-start;
        gap: 40px;
        text-align: start;
    }
    .product-details-page .product-essential .gallery {
        flex: 1 1 55%;
        max-width: 55%;
        margin: 0 !important;
    }
    /* default gallery: let the main picture shrink to fit the narrower column
       (thumbs stay 150px on the right). Scoped away from the Cloud Zoom gallery,
       which manages its own picture/thumb sizing via the plugin CSS. */
    .product-details-page .product-essential .gallery:not(.sevenspikes-cloudzoom-gallery) .picture {
        width: calc(100% - 160px) !important;
    }
    .product-details-page .product-essential .gallery.sevenspikes-cloudzoom-gallery img {
        max-width: 100%;
    }
    .product-details-page .product-essential .overview {
        flex: 1 1 45%;
        min-width: 0;
        margin: 0 !important;
        padding-top: 0 !important;
        text-align: start;
    }
}

/* ---- 14.5  Thumbnails as a horizontal row under the main image -------
   The CloudZoom thumbnail carousel is DISABLED (plugin Settings.xml:
   EnablePictureThumbnailsInCarousel = false), so slick never runs. Without
   the carousel wrapper the plugin's carousel.css leaves every thumb as a
   full-width display:block <a> (all !important) and they stack in a tall
   vertical column — "not properly arranged". Lay .picture-thumbs out as a
   wrapping flex ROW below the main picture instead. Scoped to the CloudZoom
   gallery so the default gallery is untouched; direction-agnostic (the row
   and text-align:start follow the writing direction, correct in RTL & LTR).
   Overrides need !important to beat carousel.css's !important item rules. */
.product-details-page .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;   /* don't stretch short thumbs to the tallest one's height */
    gap: 10px;
    clear: both;
    width: 100% !important;    /* beat .two-columns .picture-thumbs { width:113px } (1024.rtl.css) */
    height: auto !important;   /* beat the fixed 452px vertical-strip height (1024.rtl.css:935) */
    margin-top: 14px;
    text-align: start;
}
.product-details-page .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs a.cloudzoom-gallery {
    display: block !important;
    float: none !important;
    width: 84px !important;
    height: auto !important;
    margin: 0 !important;
    flex: 0 0 auto;
    border: 1px solid #e5ddd3;
    border-radius: 6px;
    overflow: hidden;
}
.product-details-page .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs a.cloudzoom-gallery img {
    display: block;
    width: 100%;
    height: auto;
}

/* =====================================================================
   15. WHATSAPP SHARE ICON + SMALLER CATALOG ADD-TO-CART
   ===================================================================== */

/* ---- 15.1  WhatsApp share button — SVG glyph instead of FontAwesome ---
   custom.js used to tag this button "fa fa-whatsapp", but the v4 FontAwesome
   @font-face is NOT loaded on the storefront (same reason the +/- glyphs are
   hand-drawn in §10), so the icon rendered blank. The mark is now painted
   through a CSS mask from an inline data-URI SVG — sharp at any DPI, no font
   or image dependency, and it inherits the button's colour via currentColor
   (matching the footer social marks in §11.4).
   Glyph: FontAwesome Free brand mark (Icons: CC BY 4.0). */
.product-whatsapp-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;          /* icon-only tile — same 48x48 box as its   */
    height: 48px !important;         /* siblings (.add-to-wishlist-button etc.)  */
    padding: 0 !important;
    font-size: 0 !important;         /* no text label; title="" names it for a11y */
    /* Kill the native <button> default border (2px OUTSET) — it renders as a
       raised/shadowed ring. The base theme only resets the border on its own
       .add-to-wishlist/.add-to-compare/.email-a-friend buttons (styles.css),
       and this custom button is not in that group, so it must reset its own. */
    border: none !important;
    box-shadow: none !important;
}
.product-whatsapp-button::before {
    content: "" !important;
    /*flex: 0 0 18px;*/
    width: 24px;
    height: 24px;
    background-color: currentColor;  /* = the button's white text colour */
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20d='M380.9%2097.1C339%2055.1%20283.2%2032%20223.9%2032c-122.4%200-222%2099.6-222%20222%200%2039.1%2010.2%2077.3%2029.6%20111L0%20480l117.7-30.9c32.4%2017.7%2068.9%2027%20106.1%2027h.1c122.3%200%20224.1-99.6%20224.1-222%200-59.3-25.2-115-67.1-157zm-157%20341.6c-33.2%200-65.7-8.9-94-25.7l-6.7-4-69.8%2018.3L72%20359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2%200-101.7%2082.8-184.5%20184.6-184.5%2049.3%200%2095.6%2019.2%20130.4%2054.1%2034.8%2034.9%2056.2%2081.2%2056.1%20130.5%200%20101.8-84.9%20184.6-186.6%20184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5%202.8-3.7%205.6-14.3%2018-17.6%2021.8-3.2%203.7-6.5%204.2-12%201.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8%205.7-9.1%2016.3-30.3%201.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7%200-9.7%201.4-14.8%206.9-5.1%205.6-19.4%2019-19.4%2046.3%200%2027.3%2019.9%2053.7%2022.6%2057.4%202.8%203.7%2039.1%2059.7%2094.8%2083.8%2035.2%2015.2%2049%2016.5%2066.6%2013.9%2010.7-1.6%2032.8-13.4%2037.4-26.4%204.6-13%204.6-24.1%203.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E") no-repeat center / contain;
            mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20d='M380.9%2097.1C339%2055.1%20283.2%2032%20223.9%2032c-122.4%200-222%2099.6-222%20222%200%2039.1%2010.2%2077.3%2029.6%20111L0%20480l117.7-30.9c32.4%2017.7%2068.9%2027%20106.1%2027h.1c122.3%200%20224.1-99.6%20224.1-222%200-59.3-25.2-115-67.1-157zm-157%20341.6c-33.2%200-65.7-8.9-94-25.7l-6.7-4-69.8%2018.3L72%20359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2%200-101.7%2082.8-184.5%20184.6-184.5%2049.3%200%2095.6%2019.2%20130.4%2054.1%2034.8%2034.9%2056.2%2081.2%2056.1%20130.5%200%20101.8-84.9%20184.6-186.6%20184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5%202.8-3.7%205.6-14.3%2018-17.6%2021.8-3.2%203.7-6.5%204.2-12%201.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8%205.7-9.1%2016.3-30.3%201.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7%200-9.7%201.4-14.8%206.9-5.1%205.6-19.4%2019-19.4%2046.3%200%2027.3%2019.9%2053.7%2022.6%2057.4%202.8%203.7%2039.1%2059.7%2094.8%2083.8%2035.2%2015.2%2049%2016.5%2066.6%2013.9%2010.7-1.6%2032.8-13.4%2037.4-26.4%204.6-13%204.6-24.1%203.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ---- 15.2  Catalog (.item-box) add-to-cart — narrower, stock height ---
   Height is deliberately NOT set here, so the button keeps the theme's stock
   48px from `.item-box button` — the same box height as the product-page
   add-to-cart (§14.3) and every other nopCommerce button.

   It is made smaller by WIDTH instead: base sets `width: calc(100% - 48px)`,
   where the subtracted 48px reserves room for the wishlist button beside it.
   That button is commented out in _ProductBox.cshtml, so the calc only left a
   dead 48px hole and stretched the button across the card. Shrink-to-fit with
   symmetrical padding sizes it to its label instead.

   Scoped to the "with-text" product-box variant — the "with-icon" variant is a
   fixed 48x48 glyph tile and must keep its square proportions. */
.item-box .with-text .product-box-add-to-cart-button {
    width: auto !important;
    min-width: 0 !important;
    padding: 0 28px !important;
    font-size: 14px !important;
}

/* ---- 15.3  Additional-services icons — inline SVG instead of .jpg ----
   The list is now server-rendered (_AdditionalServices.cshtml) with Feather
   line icons rather than the old 44px .jpg badges, so the sizing/decoration
   §10.1 gave those raster tiles is retuned here: a line icon reads better at
   32px next to 14px copy, and the 8px radius + object-fit only ever made
   sense for a photo. `color` drives the strokes through currentColor. */
svg.add-product-info-image {
    width: 32px !important;
    height: 32px !important;
    color: var(--luxe-brand) !important;
    border-radius: 0 !important;
}

/* =====================================================================
   16. CATALOG QTY BOX + ADD-TO-CART — space them apart
   ---------------------------------------------------------------------
   The Ajax Cart plugin renders the catalog buy controls as
   .ajax-cart-button-wrapper, adding .qty-enabled when the
   EnableProductQuantityTextBox setting is on (AddProductToCartAjaxButton.cshtml).
   Its children — .productQuantityTextBox / .productQuantityDropdown and the
   add-to-cart button — are plain inline-blocks that ajaxCart.css sizes to 22%
   and 78%, i.e. exactly 100% with nothing between them, so the qty box and the
   button sit flush against each other.

   Flex + gap rather than a margin on the qty box: the button is width:auto
   here (§15.2), and a margin would push the pair past the wrapper's width and
   let the inline-blocks wrap onto a second line. A flex row cannot wrap by
   default, so the gap can never break the layout. Direction-agnostic, so it
   works in the RTL (Hebrew) sheet as well as LTR.

   Scoped to .with-text: the "with-icon" variant is two flush 48x48 tiles that
   ajaxCart.css deliberately pins with `margin: 0 !important`, and it should
   keep its tight pairing. Only the catalog boxes are touched — on the product
   page the wrapper holds the button alone (data-isproductpage="true"), where
   the qty/button spacing is §14.2's job instead.
   ===================================================================== */
.item-box .with-text .ajax-cart-button-wrapper.qty-enabled {
    display: flex !important;
    align-items: center;
    gap: 10px;
}
.item-box .with-text .ajax-cart-button-wrapper.qty-enabled input[type="text"],
.item-box .with-text .ajax-cart-button-wrapper.qty-enabled select {
    flex: 0 0 auto;   /* keep the 22% qty box from being squeezed by the button */
}

/* =====================================================================
   17. PRODUCT PAGE ON PHONES — close up two oversized gaps
   ---------------------------------------------------------------------
   Scoped to <=1024px: the >=1025px layout is §14.4's side-by-side flex row,
   which is spaced deliberately and must not be dragged in by these rules.
   ===================================================================== */

/* ---- 17.1  Dead space between the qty pill and the add-to-cart button --
   §14.2 asks for a 20px gap, but far more than that shows up on a phone, so
   something in the row is claiming width the button does not fill. Both known
   candidates are neutralised here rather than just shrinking the gap, since
   trimming `gap` alone cannot remove slack that lives INSIDE a child:

     - The Ajax Cart plugin (EnableOnProductPage=true,
       ProductPageAddToCartButtonSelector=".add-to-cart-button") swaps the
       button for its own .ajax-cart-button-wrapper, which ajaxCart.css pins to
       `width: calc(100% - 48px)` — the usual reservation for the wishlist
       button that _ProductBox.cshtml has commented out. As a flex child that
       wrapper eats the rest of the row while the auto-width button (§14.3)
       sits inside it, so the space reads as a gap. width:auto collapses it.
     - Any child allowed to flex-grow would strand the button the same way.
       flex:0 0 auto makes every child hug its own content.

   justify-content:center then centres the tight pill+button pair, matching the
   centred price / availability / share icons above it on this breakpoint. */
@media (max-width: 1024px) {
    .product-details-page .overview .add-to-cart-panel {
        justify-content: center;
        gap: 10px !important;
    }
    .product-details-page .overview .add-to-cart-panel > * {
        flex: 0 0 auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .product-details-page .overview .add-to-cart-panel .ajax-cart-button-wrapper {
        width: auto !important;
    }
}

/* ---- 17.2  Dead space between the overview block and the tabs ----------
   Two stacked bottom margins, ~110px of empty page before the OVERVIEW /
   REVIEWS / CONTACT US tab strip: .overview { margin: 0 0 30px } (styles.css)
   plus .product-essential { margin-bottom: 80px }, which the Quick Tabs plugin
   raises from Brooklyn's stock 50px (QuickTabs.css) to pace the tabs on a wide
   desktop. That rhythm is far too generous on a ~414px screen, where it reads
   as the page having ended. Left untouched above 1024px. */
@media (max-width: 1024px) {
    .product-details-page .overview          { margin-bottom: 0 !important; }
    .product-details-page .product-essential { margin-bottom: 24px !important; }
}

/* =====================================================================
   18. ONE PAGE CHECKOUT — brand skin + "feels fast" density pass
   ---------------------------------------------------------------------
   Markup is stock nopCommerce OPC (Views/Checkout/OnePageCheckout.cshtml):
   an accordion <ol class="opc"> of .tab-section <li>s, each with a
   .step-title (number + heading) and a .step panel whose address form is
   the shared _CreateOrUpdateAddress partial (.edit-address > .inputs rows).

   The stock look (styles.css §.opc / §.inputs) hurts perceived speed three
   ways, all addressed here:
     - fields are pinned to a fixed 350/390px and CENTRED, so the eye jumps
       around a half-empty column and the form looks longer than it is;
     - step panels carry 30px+ vertical margins and 40px back-link gaps, so
       every step demands a scroll;
     - step numbers are plain bold text floated left with no state, so the
       customer can't tell at a glance where they are.

   The pass keeps the accordion behaviour untouched (JS-driven) and only
   restyles: circular brand step badges with a clear active/allowed state,
   a fluid two-column address grid, full-width fields with a rose focus
   ring, tightened spacing, and a carded order-summary/confirm step. CSS
   only — no markup change. !important is used where it must outrank the
   base .opc / .inputs width + alignment rules; new decoration does not.
   ===================================================================== */

/* ---- 18.1  Column width — keep the form in a comfortable reading measure
   _ColumnsOne renders full-bleed; a checkout form past ~760px just spreads
   fields too wide. Centre the step list in a capped column. */
.checkout-page .checkout-data > .opc {
    max-width: 820px;
    margin-inline: auto;
}

/* ---- 18.2  Step accordion headers — carded rows with a state a customer
   can read at a glance. Base gives every header the same grey box at 0.7
   opacity; here the CURRENT step gets a rosewood card + rose number, DONE
   ("allow") steps stay quietly clickable, and PENDING steps recede. */
.opc .step-title {
    display: flex !important;
    align-items: center;
    gap: 14px;
    margin-bottom: 8px !important;
    padding: 16px 18px !important;
    border: 1px solid var(--luxe-accent-dark) !important;
    border-radius: 10px;
    background: var(--luxe-card) !important;
    opacity: 1 !important;                 /* replace the 0.7 dim with real states below */
    transition: border-color .2s var(--luxe-ease), box-shadow .2s var(--luxe-ease), background .2s var(--luxe-ease);
}
.opc .step-title * {
    float: none !important;                /* drop the legacy float layout — flex owns it now */
    margin: 0 !important;
}
.opc .step-title .title {
    font-size: 16px;
    color: var(--luxe-ink);
}
/* Circular number badge — the digit itself comes from a CSS counter, NOT the
   server-rendered number, so the badges always read 1..N over the steps that
   are actually visible. A step hidden with display:none (billing when
   DisableBillingAddressCheckoutStep is on, or any step the accordion drops)
   does not increment a counter, so shipping becomes "1" on its own and the
   sequence can never show a gap like 1,2,4. Works identically on every device
   — pure layout, no JS. */
.opc {
    counter-reset: luxe-opc-step;
}
.opc > .tab-section {
    counter-increment: luxe-opc-step;
}
.opc .step-title .number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--luxe-page);
    color: var(--luxe-mauve);
    border: 1px solid var(--luxe-accent-dark);
    font-weight: 700;
    line-height: 1;
    font-size: 0;                          /* hide the server-rendered digit */
}
.opc .step-title .number::before {
    content: counter(luxe-opc-step);       /* sequential over visible steps */
    font-size: 15px;
}
/* DONE steps (accordion adds .allow once a step has been passed) — clickable,
   brand-tinted badge to signal "you can jump back here". */
.opc .allow .step-title {
    border-color: var(--luxe-accent-dark) !important;
    background: var(--luxe-page) !important;
}
.opc .allow .step-title:hover {
    border-color: var(--luxe-cta) !important;
    box-shadow: 0 2px 10px rgba(183, 110, 121, .15);
}
.opc .allow .step-title .number {
    background: var(--luxe-accent);
    color: #fff;
    border-color: transparent;
}
/* CURRENT step (accordion adds .active) — the one card that stands out. */
.opc .active .step-title {
    padding: 16px 18px !important;
    border-color: var(--luxe-cta) !important;
    background: var(--luxe-card) !important;
    box-shadow: 0 4px 16px rgba(62, 44, 57, .12);
}
.opc .active .step-title .number {
    background: var(--luxe-cta);
    color: #fff;
    border-color: transparent;
}
.opc .active .step-title .title {
    color: var(--luxe-brand);
    font-weight: 700;
}

/* ---- 18.3  Step panel — trim the legacy 30px margins so each step sits
   right under its header instead of a scroll away. */
.opc .step {
    margin: 10px 0 18px !important;
    padding: 6px 4px !important;
}
.opc .step .button-1 {
    margin: 0 !important;
}
.opc .section {
    margin: 0 0 14px !important;
}
/* Buttons row — the Continue/Confirm CTA is centred on its own line; the Back
   link and the loading indicator each take a full-width centred row of their
   own (order 2/3) so the CTA stays dead-centre no matter which of them is
   present. This also works on the billing step, which has no Back link. */
.opc .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
}
.opc .buttons .button-1 {
    order: 1;
}

/* ---- 18.4  Address form — fluid two-column grid instead of a narrow
   centred stack. _CreateOrUpdateAddress renders each field as a
   .edit-address > .inputs block; laying those out as a grid roughly halves
   the form's height (fewer scrolls = faster) and left-aligns everything. */
.opc .edit-address {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 22px;
}
/* Each field is a wrapping flex row. The markup order is label → input →
   required(*) → validation, but the "*" from <nop-required> sits AFTER the
   control in the DOM, so on the stock stack it dropped onto its own line below
   the field. Re-ordering with flex puts label + "*" together on the first
   line, the control on the second (flex-basis:100% forces the wrap), and the
   validation message on the third. */
.opc .edit-address .inputs {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin: 0 0 12px !important;
    text-align: left !important;
    white-space: normal;
}
.opc .edit-address .inputs label {
    order: 0;
    width: auto !important;
    flex: 0 0 auto;
    text-align: left !important;
    margin: 0 4px 6px 0 !important;
    color: var(--luxe-brand);
    font-weight: 600;
}
.opc .edit-address .inputs .required {
    order: 1;
    margin: 0 0 6px !important;
    color: var(--luxe-cta-dark);
    font-weight: 700;
}
.opc .edit-address .inputs > input,
.opc .edit-address .inputs > select,
.opc .edit-address .inputs > textarea {
    order: 2;
    flex: 1 1 100%;                        /* full-width control on its own line */
}
.opc .edit-address .inputs > span[data-valmsg-for],
.opc .edit-address .inputs > .field-validation-error {
    order: 3;
    flex: 1 1 100%;
    margin-top: 4px;
}
/* Country/state selects and any address-wide field span the full row. */
.opc .edit-address .inputs.custom-attributes,
.opc .edit-address .inputs.reversed {
    grid-column: 1 / -1;
}

/* ---- 18.5  Fields — override the fixed 350/390px + centring so inputs
   fill their cell, and give them a rose focus ring for a responsive feel. */
.opc input[type="text"],
.opc input[type="password"],
.opc input[type="email"],
.opc input[type="tel"],
.opc select,
.opc textarea {
    width: 100% !important;
    box-sizing: border-box;
    min-height: 46px;                      /* inputs and selects share one height */
    padding: 11px 14px !important;
    line-height: 1.5;                      /* stop the select label being clipped */
    border: 1px solid var(--luxe-accent-dark) !important;
    border-radius: 8px;
    background-color: #fff !important;      /* force white — theme tints some controls */
    color: var(--luxe-ink);
    transition: border-color .15s var(--luxe-ease), box-shadow .15s var(--luxe-ease);
}
/* A native <select> reserves less vertical room for its text than an <input>,
   which is what clipped the label. Match the input's box and give the value a
   little more breathing room without changing the overall height. */
.opc select {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    height: 46px;
}
.opc #ExpireMonth,
.opc #ExpireYear {
    width: auto !important;
}
.opc input[type="text"]:focus,
.opc input[type="email"]:focus,
.opc input[type="tel"]:focus,
.opc input[type="password"]:focus,
.opc select:focus,
.opc textarea:focus {
    outline: none;
    border-color: var(--luxe-cta) !important;
    box-shadow: 0 0 0 3px rgba(183, 110, 121, .18);
}
.opc .ship-to-same-address label,
.opc .select-billing-address > label,
.opc .select-shipping-address > label {
    font-weight: 600;
    color: var(--luxe-brand);
}

/* ---- 18.6  Back link + please-wait — both sit on their own centred row under
   the CTA. IMPORTANT: display is NOT forced here. The markup ships the
   please-wait span as style="display:none" and the checkout JS toggles it with
   .show()/.hide() when Continue is pressed, so the loader must only appear
   during the AJAX hop. An earlier `display:inline-flex !important` pinned it
   visible at all times — dropped. Appearance is styled; visibility stays the
   JS's job, and the spinner is an inline-block ::before so no display override
   is needed. */
.opc .back-link {
    order: 3;
    flex: 1 1 100%;
    text-align: center;
    margin: 6px 0 0 !important;
}
.opc .please-wait {
    order: 2;
    flex: 1 1 100%;
    text-align: center;
    margin: 4px 0 0 !important;
    color: var(--luxe-mauve);
    font-style: italic;
}
.opc .please-wait::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    vertical-align: -2px;
    border: 2px solid var(--luxe-accent-dark);
    border-top-color: var(--luxe-cta);
    border-radius: 50%;
    animation: luxe-opc-spin .6s linear infinite;
}
@keyframes luxe-opc-spin { to { transform: rotate(360deg); } }

/* ---- 18.7  Confirm / order-summary step — carded so the final review
   reads as a distinct, trustworthy block, and terms sit left with the CTA. */
.opc .section.order-summary {
    padding: 6px 2px;
}
.opc .terms-of-service {
    text-align: left !important;
    margin: 6px 0 0;
}
.opc .confirm-order .message-error,
.opc .section .min-order-warning {
    color: var(--luxe-cta-dark);
    font-weight: 600;
}

/* ---- 18.8  Phones — collapse the address grid back to one column so the
   fields keep their full tap width below the theme's 768px breakpoint. */
@media (max-width: 768px) {
    .opc .edit-address {
        grid-template-columns: 1fr;
    }
    .opc .step-title .title { font-size: 15px; }
    .opc .buttons { gap: 10px; }
}

/* Small phones — the step headers/panels feel oversized here (fine on larger
   screens). Trim the bold step titles by ~1px and tighten the header + panel
   heights so more of the form fits above the fold. */
@media (max-width: 479px) {
    .opc .step-title .title { font-size: 14px; }   /* 1px smaller than the 15px tablet size */
    /* the bold method titles too (shipping & payment) — 14px → 13px on phones */
    .opc .method-list .method-name > label,
    .opc .method-list .payment-details label { font-size: 13px; }
    .opc .step-title {
        padding: 12px 14px !important;             /* shorter header row (was 16px 18px) */
        gap: 10px;
    }
    .opc .step-title .number { width: 28px; height: 28px; }
    /* the active header sets its own padding at higher specificity, so match it
       here or the current step stays taller than the allow/inactive ones. */
    .opc .active .step-title { padding: 12px 14px !important; }
    .opc .step {
        margin: 6px 0 12px !important;             /* less space around each panel */
        padding: 2px 2px !important;
    }
    .opc .section { margin: 0 0 10px !important; }
}

/* ---- 18.9  "Don't miss this" controls — the toggles and choices that decide
   how an order ships/pays but render as plain unstyled checkboxes/radios in
   stock OPC, so customers skip right past them and either overpay for delivery
   or can't submit. Each easily-missed control is lifted into a visible callout
   or selectable card, and every checkbox/radio is enlarged and brand-tinted.

   Controls covered:
     - .pickup-in-store   → the "collect in store" opt-out of shipping fees
                            (_PickupPoints.cshtml .section.pickup-in-store)
     - .ship-to-same-address → reuse billing as shipping (OpcBillingAddress)
     - .use-reward-points → apply points (OpcPaymentMethods)
     - ul.method-list    → shipping & payment choices (radio lists)
     - .terms-of-service → the accept-terms gate on the confirm step
   ------------------------------------------------------------------------- */

/* Enlarge + brand every native check/radio in the checkout so they read as
   interactive, not decorative. accent-color needs no custom markup. */
.opc input[type="checkbox"],
.opc input[type="radio"] {
    width: 18px;
    height: 18px;
    accent-color: var(--luxe-cta);
    vertical-align: middle;
    cursor: pointer;
}

/* Shared callout box for the two opt-in toggles that benefit from standing out:
   tinted panel + rose left bar so the eye is pulled to them. NOTE: pickup-in-
   store is deliberately NOT in this list — see below. */
.opc .section.ship-to-same-address,
.opc .use-reward-points {
    padding: 14px 16px;
    border: 1px solid var(--luxe-accent);
    border-left: 4px solid var(--luxe-cta);
    border-radius: 8px;
    background: linear-gradient(0deg, var(--luxe-page), var(--luxe-card));
}
.opc .section.ship-to-same-address .selector,
.opc .use-reward-points {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.opc .section.ship-to-same-address .selector label,
.opc .use-reward-points label {
    margin: 0;
    font-weight: 700;
    color: var(--luxe-brand);
    cursor: pointer;
}

/* Pickup-in-store — a card that reads with the SAME styling as the shipping /
   payment option cards (req #3): same 2px border, radius, white fill and centred
   width, so it's clearly noticeable yet consistent with the options below it.
   Lights up like a selected card when the box is ticked. */
.opc .section.pickup-in-store {
    max-width: 560px;
    margin: 0 auto 10px !important;
    padding: 14px 16px;
    border: 2px solid var(--luxe-accent-dark);
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    transition: border-color .15s var(--luxe-ease), box-shadow .15s var(--luxe-ease);
}
.opc .section.pickup-in-store:hover {
    border-color: var(--luxe-mauve);
}
.opc .section.pickup-in-store:has(input:checked) {
    border-color: var(--luxe-cta);
    box-shadow: 0 0 0 1px var(--luxe-cta), 0 6px 16px -10px var(--luxe-cta);
}
.opc .section.pickup-in-store .selector {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.opc .section.pickup-in-store .selector label {
    margin: 0;
    font-weight: 700;
    color: var(--luxe-brand);
    cursor: pointer;
}
.opc .section.pickup-in-store .description {
    margin: 6px 0 0 28px;
    color: var(--luxe-mauve);
    font-size: 13px;
    text-align: left !important;   /* keep left-aligned on every screen size */
}

/* Shipping & payment choices — turn the bare radio list into tappable cards
   and light up the chosen one. The list is centred on the page (req #2) with a
   comfortable reading width so the cards line up under the centred Continue
   button; card content stays left-aligned inside. */
.opc .method-list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 560px;
    display: grid;
    gap: 10px;
}
.opc .method-list > li {
    position: relative;
    width: auto;                                  /* defeat base 390px/500px fixed width so cards fill the centred list */
    margin: 0;
    padding: 14px 16px;
    border: 2px solid var(--luxe-accent-dark);   /* 2px in both states — no shift on select */
    border-radius: 10px;
    background: #fff;                              /* white cards (req #5) */
    cursor: pointer;                              /* whole card is a hit target (req #1, via custom.js) */
    transition: border-color .15s var(--luxe-ease), box-shadow .15s var(--luxe-ease);
}
.opc .method-list > li:has(input:checked) {
    border-color: var(--luxe-cta);
    box-shadow: 0 0 0 1px var(--luxe-cta), 0 6px 16px -10px var(--luxe-cta);
}
.opc .method-list > li:hover {
    border-color: var(--luxe-mauve);
}

/* The native radio is hidden (req #7) but kept in the DOM and focusable, so the
   associated <label for="..."> still selects the option on click. A custom dot
   rendered on the row's ::before gives the visible "chosen" affordance. */
.opc .method-list input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    pointer-events: none;
}
/* Row layout: [custom dot] [logo?] [details]. align-items:flex-start so the dot
   and logo pin to the top when the title runs to 2 lines / description to 3–4. */
.opc .method-list .method-name {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.opc .method-list .method-name::before {
    content: "";
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    border: 2px solid var(--luxe-accent-dark);
    border-radius: 50%;
    background: #fff;
    transition: border-color .15s var(--luxe-ease), box-shadow .15s var(--luxe-ease);
}
.opc .method-list > li:has(input:checked) .method-name::before {
    border-color: var(--luxe-cta);
    box-shadow: inset 0 0 0 5px var(--luxe-cta);  /* filled dot when selected */
}

/* Payment logo — the base theme (styles/1024.css) absolutely-positions this at
   left:42px and indents the label 88px, which floats the image ON TOP of the
   text (the overlap bug). Force it back into the flex row as a fixed left column
   so the image can never sit over the text or the dot. */
.opc .method-list .payment-logo {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    height: auto !important;
    flex: 0 0 auto;
    width: 56px;
    margin: 0 !important;
}
.opc .method-list .payment-logo img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
}
/* Details column takes the rest; min-width:0 lets a long title wrap instead of
   overflowing the card. */
.opc .method-list .payment-details {
    flex: 1 1 auto;
    min-width: 0;
}
.opc .method-list .method-name > label,
.opc .method-list .payment-details label {
    display: block;
    margin: 0 !important;               /* kill base 88px/left indent (1024.css) */
    font-weight: 600;
    color: var(--luxe-ink);
    text-align: left !important;        /* keep title left-aligned on every screen size */
    cursor: pointer;
}
/* Descriptions. Shipping's sits outside .method-name, so indent it to line up
   under the label (past the 20px dot + 12px gap). Payment's already lives
   inside the details column, so it needs no extra indent. */
.opc .method-list .method-description {
    margin: 6px 0 0 32px;
    color: var(--luxe-mauve);
    font-size: 13px;
    text-align: left !important;
}
.opc .method-list .payment-description {
    margin: 6px 0 0 !important;         /* kill base 88px left indent (1024.css) */
    color: var(--luxe-mauve);
    font-size: 13px;
    text-align: left !important;
}
/* selected card — rose border, white fill kept (req #5) */
.opc .method-list > li:has(input:checked) {
    border-color: var(--luxe-cta);
    box-shadow: 0 3px 14px rgba(183, 110, 121, .16);
}
.opc .method-list > li:has(input:checked) label {
    color: var(--luxe-brand);
}

/* Terms-of-service gate on the confirm step — the single control that blocks
   order submission. Box it and pull the eye to the required checkbox. */
.opc .terms-of-service {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border: 1px dashed var(--luxe-cta);
    border-radius: 8px;
    background: var(--luxe-page);
}
.opc .terms-of-service label {
    margin: 0;
    font-weight: 600;
    color: var(--luxe-brand);
    cursor: pointer;
}
.opc .terms-of-service .read {
    color: var(--luxe-cta-dark);
    text-decoration: underline;
    cursor: pointer;
}

/* =====================================================================
   §12  WhatsApp floating contact button
   ---------------------------------------------------------------------
   Markup lives in Footer/Default.cshtml (.whatsapp-float + .txt_wpp label).
   Pinned to the bottom INLINE-START corner via logical props, so it sits
   bottom-left on LTR and bottom-right on the live RTL (Hebrew) store —
   exactly the requested behaviour, no direction-specific overrides.
   #goToTop is pushed to the bottom INLINE-END corner just below so the two
   fixed controls never share a corner in either direction.
   Colour is the official WhatsApp green (kept off-brand on purpose: users
   recognise the mark instantly, and the pill matches the app's identity).
   ===================================================================== */
.whatsapp-float {
    position: fixed;
    inset-block-end: 22px;            /* bottom */
    inset-inline-start: 22px;         /* LTR: left  |  RTL: right */
    z-index: 1031;                    /* just above #goToTop (1030) */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    box-shadow: 0 6px 18px rgba(37, 211, 102, .35), 0 2px 6px rgba(0, 0, 0, .18);
    transition: transform .25s var(--luxe-ease), box-shadow .25s var(--luxe-ease), background-color .25s var(--luxe-ease);
}
.whatsapp-float:hover,
.whatsapp-float:focus-visible {
    background: #1ebe5d;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(37, 211, 102, .45), 0 3px 8px rgba(0, 0, 0, .22);
}
.whatsapp-float .my-float {
    display: block;
}

/* Gentle attention pulse — one soft expanding ring, low-key and professional.
   Sits behind the button (z-index:-1) so it never intercepts the click. */
.whatsapp-float::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #25D366;
    z-index: -1;
    animation: luxe-wpp-pulse 2.6s var(--luxe-ease) infinite;
}
@keyframes luxe-wpp-pulse {
    0%   { transform: scale(1);    opacity: .55; }
    70%  { transform: scale(1.9);  opacity: 0; }
    100% { transform: scale(1.9);  opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .whatsapp-float::before { animation: none; }
}

/* Hover label that slides out from the button, on the inline-end side so it
   opens toward the page centre (away from the screen edge) in both directions. */
.txt_wpp {
    position: fixed;
    inset-block-end: 34px;            /* vertically centred against the 56px button */
    inset-inline-start: 84px;         /* just past the button on the inline-start corner */
    z-index: 1031;
    max-width: 220px;
    padding: 9px 14px;
    border-radius: 10px;
    background: var(--luxe-brand);
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    white-space: nowrap;
    box-shadow: 0 6px 18px rgba(43, 27, 34, .22);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-6px);
    transition: opacity .25s var(--luxe-ease), transform .25s var(--luxe-ease), visibility .25s;
    pointer-events: none;
}
/* mirror the little entrance slide for RTL (translate toward the button) */
[dir="rtl"] .txt_wpp { transform: translateX(6px); }
.whatsapp-float:hover + .txt_wpp,
.whatsapp-float:focus-visible + .txt_wpp {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
@media (max-width: 767px) {
    /* keep the button, drop the always-a-bit-noisy label on small screens */
    .txt_wpp { display: none; }
    .whatsapp-float { width: 52px; height: 52px; inset-block-end: 18px; inset-inline-start: 18px; }
}

/* Move #goToTop to the opposite (inline-END) bottom corner so it never
   overlaps the WhatsApp button. Physical left/right are cleared FIRST so the
   logical inset-inline-end wins in both LTR and RTL (see styles.css: the base
   rule pins #goToTop to right:20px, which would clash on the RTL store). */
#goToTop {
    left: auto !important;
    right: auto !important;
    inset-inline-end: 22px !important;   /* LTR: right | RTL: left */
    inset-inline-start: auto !important;
    border-radius: 10px !important;      /* rounded tile (was in theme.custom-5) */
}

/* =====================================================================
   §13  STRUCTURAL / LAYOUT RULES  (migrated from theme.custom-5.css)
   ---------------------------------------------------------------------
   Non-brand, structural rules moved here so the whole theme lives in one
   file. Everything visual/brand from the old theme.custom-5.css (buttons,
   social icons, coupon & gift-card titles, cart +/- and remove icons,
   product & floating WhatsApp) was intentionally dropped — it is already
   handled in the sections above (§1, §11, §12) with brand tokens and SVG
   glyphs, so it is NOT duplicated here.
   ===================================================================== */

/* ---- Scrollbar ---- */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 5px; }
::-webkit-scrollbar-thumb { background: #909090; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* ---- Utilities ---- */
.hidden { display: none; }
.mt-1 { margin-top: 1rem; }
.mb-1 { margin-bottom: 1rem; }
.ml-1 { margin-left: 1rem; }
.mr-1 { margin-right: 1rem; }
.pt-1 { padding-top: 1rem; }
.pb-1 { padding-bottom: 1rem; }
.font-12 { font-size: 12px; }
.font-14 { font-size: 14px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-size: 20px; }
.font-24 { font-size: 24px; }
.font-26 { font-size: 26px; }
.font-28 { font-size: 28px; }
.font-30 { font-size: 30px; }

/* ---- Header ---- */
/* Logo link must be transparent (removed from the §1 brand-surface group so
   it is the ONLY thing there not painted plum). !important to beat the base
   theme's own logo-link background. */
.header-logo a { background-color: transparent !important; }
.responsive-nav-wrapper > div { vertical-align: middle; }
.header-links span,
.header-links a { font-size: 12px; }
.new_select > span { font-size: 12px; }
.new_select > span:hover { color: white; }

/* ---- Home page ---- */
.page-body > .category-grid.home-page-category-grid { display: none; }
.home-page .topic-block { margin-bottom: 20px; }
.topic-block-title h2 { font-size: 20px; }
.topic-block-body { line-height: 120%; }
.imgresponsive { width: 100%; height: auto; }

/* generic button rounding (structural, no colour) */
input[type="button"],
input[type="submit"],
button,
.button-1,
.button-2 { border-radius: 10px; }

.openReadMoreButton {
    visibility: hidden;
    background-color: #2a2a2a;
    color: #fff;
    font-family: 'Rubik';
    margin: 1px;
    width: 15%;
    min-width: 70px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    height: auto;
}

/* ---- Footer middle block ---- */
.footer-middle { padding: 15px 20px; }

/* ---- Footer payment icons (SVG brand marks) ----
   The marks are now SVG with very different aspect ratios (square Amex/bit vs
   wide Visa/PayPal). The old 33% float grid sized by WIDTH (width:100%;
   max-width:75px), which stretched the square logos huge and left the wide ones
   short. Size by HEIGHT instead so every logo shares one optical height and
   keeps its own width, laid out as a centred wrapping strip. Footer background
   is light (#f6f6f6), so the full-colour brand marks read correctly as-is. */
.responsiveSsltext {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    margin-top: 12px;
}
.ssltext { float: none; width: auto; margin: 0; }
.ssltext img { height: 30px; width: auto; max-width: none; }   /* fallback height */
/* Optical balancing: a plain uniform height makes wide wordmarks (Visa,
   PayPal) look large while compact/square marks (Amex, Mastercard, bit) look
   tiny & unreadable, because each packs its detail into a very different
   footprint. Tune each mark's height instead — compact symbols taller, wide
   wordmarks shorter — so they all read at roughly the same visual size.
   Selected by filename so no markup/class changes are needed. */
.ssltext img[src*="american"]  { height: 38px; }   /* square Amex box  */
.ssltext img[src*="master"]    { height: 34px; }   /* circles + text   */
.ssltext img[src*="bit"]       { height: 34px; }   /* square wordmark  */
.ssltext img[src*="pci"]       { height: 28px; }
.ssltext img[src*="apple_pay"] { height: 28px; }
.ssltext img[src*="visa"]      { height: 24px; }   /* wide wordmark    */
.ssltext img[src*="paypal"]    { height: 22px; }   /* widest wordmark  */

/* ---- Breadcrumb ---- */
.breadcrumb li > meta,
.breadcrumb li:not(:first-child) > span { padding: 0px; border: none; margin: 0; }

/* ---- Shops (branches) page ---- */
.shops-list-wrapper { position: relative; }
.shops-list { margin: 30px 0 0; }
.shops-item .info-wrap { padding: 10px 0 0; }
.shops-item .shop-name { text-transform: uppercase; font-size: 18px; margin: 0 0 5px; }
.shops-item .distance-line { color: #666; margin: 0 0 7px; }
.shops-item .short-description { margin: 0 0 7px; line-height: 1.6; }
.shops-item .picture-img { max-width: 100%; }

.inputs label { font-size: 16px; }

/* ---- Banners ---- */
.half-banner { width: 100%; }
.quater-banner { width: 49%; float: left; margin: 0.5%; }

/* ---- Home category grid ---- */
.home-page-category-grid .slick-slide { height: 300px; }
.home-page-category-grid .item-box .title { line-height: unset; margin-top: 20px; }
.home-page-category-grid .title a span { bottom: -320px; width: 80%; background: none; }

.add-to-wishlist-button { display: none; }

/* ---- Marquee ---- */
.marquee-wrapper { text-align: center; background-color: #DCCEB8; }
.marquee-wrapper .container { overflow: hidden; }
.marquee-inner span { float: left; width: 50%; }
.marquee-wrapper .marquee-block {
    --total-marquee-items: 1;
    width: calc(400px * (var(--total-marquee-items)));
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto;
    padding: 5px 0 22px;
}
.marquee-inner { display: block; width: 200%; position: absolute; }
.marquee-inner p { font-weight: 800; }
.marquee-inner.to-left { animation: marqueeLeft 5s linear infinite; }
.marquee-inner.to-right { animation: marqueeRight 5s linear infinite; }
.marquee-item { height: auto; display: inline-block; margin: 0 10px; float: left; transition: all .2s ease-out; }
.fullWidth.boxes-2 { max-height: 500px; overflow-y: scroll; }
@keyframes marqueeLeft { 0% { left: 0; } 100% { left: -100%; } }
@keyframes marqueeRight { 0% { left: -100%; } 100% { left: 0; } }

/* ---- Product page misc ---- */
.additional-services-icons li { margin-top: 5px; }
.add-product-info-image { float: right; margin: 5px 0px 5px 15px; width: 40px; }

/* ---- Cart: desktop layout (mobile card handled in §11.6) ---- */
.footable-row-detail-value input[type="checkbox"] { display: none; }
.cart td { min-width: 45px; }
.cart td.quantity { width: 150px; display: flex; margin-top: 25px; }
#updatecart { display: none; }

.registration-page label[for="Newsletter"] { white-space: normal; }

/* ---- Item box ---- */
.item-box .product-title + .sku { display: block; }
.item-box .description { height: 50px; }
.item-box .sku-label { float: right; }

/* ---- Custom 12-column layout grid ---- */
.layout-item-grid {
    width: 100%;
    --grid-gap: 16px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--grid-gap);
    box-sizing: border-box;
    --row-height-ratio: 0.35;   /* taller tiles */
    --row-min-height: 100px;
    --row-max-height: 800px;
}
.intermediate { position: relative; height: 100%; }
.layout-item-box {
    display: block;
    box-sizing: border-box;
    grid-column: span 12;
    min-height: var(--row-min-height);
    max-height: var(--row-max-height);
    overflow: hidden;
}
.layout-item-box > img {
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: block;
}
.width-50 { grid-column: span 6; }
.info-lines { display: flex; flex-direction: column; gap: 10px; }
.info-line { display: flex; align-items: center; gap: 10px; }
.info-line img { width: 32px; height: 32px; object-fit: contain; }

/* ---- Responsive (structural) ---- */
@media (min-width:481px) {
    .imgForMobile { display: none; }
    .imgForNoMobile { display: inline; }
    .width-50 { grid-column: span 6 !important; }
}

@media (min-width:641px) {
    .shops-item .picture-wrap { float: right; width: 350px; }
    .shops-item .info-wrap { margin: 0 370px 0 0; text-align: right; }
}

@media (min-width:769px) {
    .TalAndaddr { color: white; text-align: center; }
    .TalAndWaze a { visibility: hidden; display: none; }
    .TalAndWaze #google-map { display: inline-block; visibility: visible; }
    .TalAndWaze #google-map img { max-width: 64px; }
    .half-banner { width: 49%; float: left; margin: 0.5%; }
    .quater-banner { width: 24%; }
}

@media (min-width: 1001px) {
    .footer-block.footer-topic .title+*:before { margin-bottom: 0px; }
    .product-grid .title,
    .home-page-category-grid>.title { font-size: 255%; }
    .shops-item { margin: 0; float: right; width: 49%; }
    .shops-item .picture-wrap { width: 250px; }
    .shops-item .info-wrap { margin: 0 270px 0 0; text-align: right; }
    .shops-list:after { content: ''; display: block; clear: both; }
}

@media (min-width: 1025px) {
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: white;
        box-shadow: rgb(100 100 111 / 50%) 0px 2px 7px 0px;
    }
    .sticky .header-actions-wrapper { max-width: 980px; display: block; margin: 0 auto; }
    .home-page-category-grid .title a:hover:after { top: 0px; right: 0px; bottom: 0px; left: 0px; }
    .login-page .returning-wrapper { float: left; }
    .login-page .new-wrapper { float: right; }
    .dropdown.categories.fullWidth.boxes-2 a img { max-height: 220px; padding: 20px 0; }
    .payment-method .method-list .payment-details label,
    .payment-method .method-list .payment-description { margin-right: 190px; }
    .section.payment-method .method-name { min-height: 60px; }
    .payment-method .payment-logo { height: auto; max-height: 60px; }
    .payment-method .payment-logo img { max-width: 150px; max-height: 60px; }
    .width-50 { grid-column: span 6 !important; }
}

@media (min-width:1281px) {
    .sticky .header-actions-wrapper { max-width: 1200px; }
    .home-page .topic-block { margin-bottom: 20px; }
    .footer-block.newsletter-block { width: 20% !important; }
    .footer-block { width: 16% !important; }
}

@media (max-width: 1024px) {
    .responsive-nav-wrapper .menu-title,
    .responsive-nav-wrapper .Branches-button { background: none !important; }
    .responsive-nav-wrapper div.menu-title>span,
    .responsive-nav-wrapper div.Branches-button>a {
        text-indent: unset;
        width: 60px;
        font-size: 16px;
        padding: 10px 0px;
        font-weight: bold;
    }
    .logo img { max-height: 40px; }
    .responsive-nav-wrapper .Branches-button {
        background: url('../Themes/Brooklyn/Content/imgheader/Branches-button-2.png') no-repeat center;
        width: 70px;
        display: inline-block;
    }
    .product-detail-quantity { margin: 0 auto; float: none !important; width: 120px; }
    .additional-services-icons { max-width: 600px; margin: 0 auto; }
    .additional-services-icons h3 { text-align: right; }
}

@media (max-width:1000px) {
    .TalAndWaze a { visibility: visible; display: inline-block; text-align: right; border: 0.1px; }
    .TalAndWaze img { display: inherit; max-width: 64px; }
    .logo img { max-height: 60px; }
}

@media (max-width:768px) {
    .logo img { max-height: 40px; }
    .additional-services-icons h3 { font-size: 0.9rem; }
    .cart td.quantity { width: auto !important; }
}

@media (max-width:480px) {
    .imgForMobile { display: block; }
    .imgForNoMobile { display: none; }
    .item-box { float: right; width: 48%; max-width: none; margin-right: 2%; }
    .item-box .description { height: 90px; }
    .home-page-category-grid .slick-slide { height: 380px; }
    .home-page-category-grid .item-box .title { margin-top: 100px; font-size: 20px; }
    .TalAndWaze { text-align: center; }
    .nop-jcarousel.category-grid { margin-bottom: -50px; }
    .header-links span,
    .header-links a { font-size: 13px; }
    .add-product-info-image { margin: 5px 0px 5px 10px; }
    .width-50 { grid-column: span 12 !important; }
    .cart td { padding: 0 !important; }
}

/* =====================================================================
   §14  JCAROUSEL ARROWS  (featured "center-1" carousel)
   ---------------------------------------------------------------------
   Remove the plugin's fading gradient column background, and recolour the
   chevron in a dark palette colour. The chevron is a PNG, so to fill it
   with an EXACT theme colour we use the PNG as a CSS mask and paint it
   with --luxe-brand instead of relying on the image's own colour.

   The plugin's RTL sheet swaps which PNG each arrow uses (prev<->next) so
   the arrow points the correct way in Hebrew. We mirror that swap with a
   [dir="rtl"] block so the masked shape stays direction-correct. Paths are
   relative to this file: css/ -> ../../../../ reaches the web root, then
   into the JCarousel plugin's Brooklyn image folder.

   Scope: the gradient column + :before chevron only exist at >=1025px. Below
   that the plugin draws a compact 48x48 arrow whose glyph IS the button's own
   background image (with a 2px border, no :before). So these rules MUST stay
   desktop-only — otherwise on mobile we'd strip that background (arrow vanishes)
   and leave an empty bordered box. Mobile keeps the plugin default untouched.
   ===================================================================== */
@media all and (min-width: 1025px) {
.center-1 .jCarouselMainWrapper .slick-prev,
.center-1 .jCarouselMainWrapper .slick-next {
    background: none !important;   /* drop gradient-left/right column */
}
/* Chevron drawn in CSS (two borders on a rotated box) instead of the PNG, so
   the line thickness is ours to set (--chevron-weight) and the colour is exact.
   --chevron-size = arm length, --chevron-weight = stroke thickness. */
.center-1 .jCarouselMainWrapper .slick-prev:before,
.center-1 .jCarouselMainWrapper .slick-next:before {
    --chevron-size: 18px;
    --chevron-weight: 4px;                 /* <- thickness of the arrow lines */
    --chevron-inset: 50px;                 /* <- distance from the column edge (bigger = more inside) */
    content: "" !important;
    background: none !important;           /* drop the PNG chevron */
    -webkit-mask: none !important;
            mask: none !important;
    width: var(--chevron-size) !important;
    height: var(--chevron-size) !important;
    box-sizing: border-box !important;
    border-style: solid !important;
    border-color: var(--luxe-brand) !important;   /* dark palette colour */
    border-width: 0 !important;            /* per-side widths set below */
}
/* LTR: prev = left chevron, next = right chevron */
.center-1 .jCarouselMainWrapper .slick-prev:before {
    left: var(--chevron-inset) !important;   /* pull inward from the column edge */
    right: auto !important;
    border-bottom-width: var(--chevron-weight) !important;
    border-left-width:   var(--chevron-weight) !important;
    transform: rotate(45deg) !important;
}
.center-1 .jCarouselMainWrapper .slick-next:before {
    right: var(--chevron-inset) !important;
    left: auto !important;
    border-top-width:   var(--chevron-weight) !important;
    border-right-width: var(--chevron-weight) !important;
    transform: rotate(45deg) !important;
}
/* RTL: swap so the arrow still points the correct way (mirrors JCarousel.rtl.css) */
[dir="rtl"] .center-1 .jCarouselMainWrapper .slick-prev:before {
    right: var(--chevron-inset) !important;
    left: auto !important;
    border-width: 0 !important;
    border-top-width:   var(--chevron-weight) !important;
    border-right-width: var(--chevron-weight) !important;
}
[dir="rtl"] .center-1 .jCarouselMainWrapper .slick-next:before {
    left: var(--chevron-inset) !important;
    right: auto !important;
    border-width: 0 !important;
    border-bottom-width: var(--chevron-weight) !important;
    border-left-width:   var(--chevron-weight) !important;
}
} /* end @media (min-width:1025px) */

/* ---------------------------------------------------------------------
   §14b  Same chevron on mobile/tablet (<1025px)
   ---------------------------------------------------------------------
   Below 1025px the plugin draws a 48x48 button whose glyph IS the button's
   background image, with a 2px #eee border and NO :before. Drop that image
   and border, then draw the same CSS chevron centred inside the button.
   Position/size of the button itself is left to the plugin (was already fine).
   --------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
.center-1 .jCarouselMainWrapper .slick-prev,
.center-1 .jCarouselMainWrapper .slick-next {
    background: none !important;   /* drop the mobile arrow PNG */
    border: none !important;       /* drop the #eee box border */
}
.center-1 .jCarouselMainWrapper .slick-prev:before,
.center-1 .jCarouselMainWrapper .slick-next:before {
    --chevron-size: 16px;
    --chevron-weight: 4px;
    content: "" !important;
    position: absolute !important;
    top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
    margin: auto !important;                       /* centre in the 48x48 button */
    width: var(--chevron-size) !important;
    height: var(--chevron-size) !important;
    box-sizing: border-box !important;
    background: none !important;
    border-style: solid !important;
    border-color: var(--luxe-brand) !important;
    border-width: 0 !important;
}
/* LTR: prev = left chevron, next = right chevron */
.center-1 .jCarouselMainWrapper .slick-prev:before {
    border-bottom-width: var(--chevron-weight) !important;
    border-left-width:   var(--chevron-weight) !important;
    transform: rotate(45deg) !important;
}
.center-1 .jCarouselMainWrapper .slick-next:before {
    border-top-width:   var(--chevron-weight) !important;
    border-right-width: var(--chevron-weight) !important;
    transform: rotate(45deg) !important;
}
/* RTL: swap direction */
[dir="rtl"] .center-1 .jCarouselMainWrapper .slick-prev:before {
    border-width: 0 !important;
    border-top-width:   var(--chevron-weight) !important;
    border-right-width: var(--chevron-weight) !important;
}
[dir="rtl"] .center-1 .jCarouselMainWrapper .slick-next:before {
    border-width: 0 !important;
    border-bottom-width: var(--chevron-weight) !important;
    border-left-width:   var(--chevron-weight) !important;
}
} /* end @media (max-width:1024px) */

/* =====================================================================
   §15  BAR NOTIFICATIONS  (add-to-cart / success / warning / error)
   ---------------------------------------------------------------------
   Base theme uses generic green/orange/red. Retheme to the luxe palette
   (Scheme B - deeper / higher contrast) while keeping the semantic colours
   so shoppers still read green=done, red=problem. Text stays white (base
   theme already sets it). !important guards against styles.rtl.css, which
   also sets these backgrounds and loads after this file.
   ===================================================================== */
.bar-notification.success { background: #4E9E80 !important; }
.bar-notification.warning { background: #C98A5E !important; }
.bar-notification.error   { background: #A83F46 !important; }


/* homepage grid */


.rich-blog-homepage {
	margin: 0 0 100px;
}
.rich-blog-homepage .title {
	margin: 0 0 40px;
	text-align: center;
	font-size: 22px;
    letter-spacing: 3.3px;
	color: #444;
    text-transform: uppercase;
}
.rich-blog-homepage .blog-posts {
    margin: 0 0 30px;
}
.rich-blog-homepage .blog-post {
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	background-color: #fff;
}
.rich-blog-homepage .post-picture {
	display: block;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.rich-blog-homepage .post-picture:before {
	content: "";
	display: block;
	padding-top: 50%;
}
.rich-blog-homepage .post-picture img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	margin: auto;
}
.rich-blog-homepage .post-details {
	position: relative;
	padding: 25px 15px 25px 100px;
}
.rich-blog-homepage .post-title {
	display: block;
	margin: 0 0 10px;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.rich-blog-homepage .post-title:after,
.blog-page .post-title:after {
	margin: 10px 0 0;
}
.rich-blog-homepage .post-date,
.blog-page .post-date {
	position: absolute;
	top: 0;
	left: 15px;
	width: 60px;
	height: 110px;
	overflow: hidden;
	background-color: #ececec;
	padding: 22px 0;
	text-align: center;
	font-size: 16px;
	color: #444;
}
.post-date span:first-child,
.post-date span:last-child {
	display: block;
}
.post-date span:first-child {
	font-size: 22px;
	line-height: 24px;
}
.post-date span:last-child {
	font-size: 12px;
	line-height: 24px;
	font-weight: normal;
}
.rich-blog-homepage .post-description {
	height: 92px;
	overflow: hidden;
	text-align: left;
	line-height: 30px;
}
.rich-blog-homepage .read-more {
	display: none;
}
.rich-blog-homepage .view-all {
	text-align: center;
}
.rich-blog-homepage .view-all a {
	font-weight: bold;
	color: #cc8a97;
}
.rich-blog-homepage .view-all a:hover {
	text-decoration: underline;
}

/* search form */


.blog-search-box {
	font-size: 0;
}
.blog-search-box form {
	display: inline-block;
	position: relative;
	margin: -2px -2px 0 !important;
    width: 101%;
    font-size: 14px;
}
.blog-search-box form:after {
	content: "";
	display: block;
	clear: both;
}
.blog-search-box span.search-box-text {
	display: block;
}
.blog-search-box input.search-box-text {
	width: 100% !important;
	height: 36px;
	border-width: 2px 2px 0;
	font-size: 14px;
    color: #888;
}
.blog-search-box .instant-search-busy {
    background: #fff url('../Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/Brooklyn/Content/images/ajax-loader-small.gif') right center no-repeat !important;
}
.blog-search-box .search-box-button {
	width: 100%;
	height: 38px;
	border: none;
	background-color: #cc8a97;
    font-size: 14px;
    font-weight: bold;
	color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;  
}
.blog-search-box .search-box-button:hover {
	opacity: 0.9;
}

.blog-instant-search {
    height: auto !important;
    border: 2px solid #e7e7e7;
	box-shadow: 0 0px 8px rgba(0, 0, 0, 0.15);
	background-color: #fff;
}
.blog-instant-search .k-list-container {
    width: 100% !important;
    height: auto !important;
    position: static !important;
}
.blog-instant-search .k-item {
    border-top: 1px solid #e7e7e7;
	padding: 10px;
    cursor: pointer;
}
.blog-instant-search .rich-blog-autocomplete-last-item {
    font-weight: bold;
}
.blog-instant-search .k-item:first-child {
	border: 0;
}
.blog-instant-search .k-item.k-state-hover, 
.blog-instant-search .k-item.k-state-focused {
    background-color: #f6f6f6;
}
a .search-term-highlighter {
    font-weight: bold;
}
p .search-term-highlighter {
    color: #cc8a97;
}
.rich-blog-autocomplete-last-item {
    background-color: #f6f6f6;
}

/* blog list & blog post */


.blog-page .post {
	position: relative;
	margin: 0 0 30px;
    padding: 0 0 25px;
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	background-color: #fff;
	/*padding: 25px 20px 25px 100px;*/
	text-align: left;
}
.blog-page .rich-blog-image ~ .post,
.blog-page .post ~ .rich-blog-image {
    border: 1px solid red !important;
}
.blog-page .rich-blog-image ~ .post-head {
    margin: 25px 20px 0 0;
    padding: 0;
}
.blog-page .post .post-head,
.blog-page .post .post-body,
.blog-page .post .tags,
.blog-page .post .buttons,
.blog-page .post .post-footer {
    padding-left: 100px !important;
    padding-right: 20px;
} 
.blog-page .post .read-comment {
    margin-left: 100px;
}
.blog-page .post-head {
	padding: 45px 0 0;
}
.blog-page .post-title {
	margin: 0 0 10px;
}
.blog-page .post-date {

}
.blog-page .rich-blog-image {
    display: block;
    padding: 0;
	overflow: hidden;
	font-size: 0;
}

.rich-blog-image ~ .blog-page .post   {
    border: 1px solid blue;
}
.blog-page .rich-blog-image a {
	display: block;
	position: relative;
	height: 100%;
	font-size: 0;
}
.blog-page .rich-blog-image img {
	width: 100%;
}

.blog-page .post-body,
.blogpost-page .post-body {
	margin: 0 0 10px;
    overflow: hidden;
}
.blog-page .post-body p,
.blogpost-page .post-body p {
	margin: 0 0 10px;
}

.blog-page .tags,
.blogpost-page .tags {
	margin: 0 10px 10px 0;
	font-size: 0;
}
.blog-page .tags label,
.blogpost-page .tags label {
	margin: 0 10px 0 0;
}
.blog-page .tags a:hover,
.blogpost-page .tags a:hover {
	text-decoration: none;
}
.blog-page .read-comments {
	margin: 0 0 10px;
}
.blog-page .read-comments:hover {
	text-decoration: none;
}
.blog-page .buttons {
	margin: 0;
	text-align: left;
}
.blog-page .buttons .read-more {
	display: inline;
	background-color: transparent;
	padding: 0;
	color: #cc8a97;
}

.blog-page .post-actions .read-more {
	display: none; /*this is the second "details" button, currently hidden*/
}

.post-relations {
	margin: 10px 0 0;
	font-size: 0;
}
.post-relations label {
	margin: 0 10px 0 0;
	font-size: 13px; /*reset zeroing*/
}
.post-relations ul {
	display: inline-block;
}
.post-relations li {
	display: inline-block;
	font-size: 13px; /*reset zeroing*/
}
.post-relations li.separator {
    margin: 0 5px 0 3px;
}
.post-relations li a {
	display: block;
	color: #cc8a97;
}

.share-post {
	margin: 20px 0 0;
	font-size: 0;
}
.share-post li {
	display: inline-block;
}
.share-post a {
	display: block;
	width: 32px;
	height: 32px;
	background-image: url('../Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/Brooklyn/Content/images/share-sprite.png');
	background-repeat: no-repeat;
}
.share-post .facebook a {
	background-position: 0 0;
}
.share-post .twitter a {
	background-position: -32px 0;
}
.share-post .pinterest a {
	background-position: -64px 0;
}
.share-post .linkedin a {
	background-position: -96px 0;
}
.share-post .google a {
	background-position: -128px 0;
}
.share-post a:hover {
	opacity: 0.9;
}

.blogpost-page .page-body {
	padding: 0;
}
.blogpost-page .post-date {
    position: absolute;
    top: 50px;
    width: 100%;
	height: 52px;
	margin: 0;
	border: 2px solid #ececec;
	text-align: center;
	color: #444;
}
.blogpost-page .post-date span {
	display: inline !important;
	margin: 0 1px;
	line-height: 44px;
	vertical-align: baseline;
}
.blogpost-page .post-date span:last-child {
	font-weight: bold;
}
.blogpost-page .rich-blog-image {
	margin: 0 0 20px;
}
.blogpost-page .rich-blog-image img {
	width: 100%;
}

.post-navigation {
	overflow: hidden;
	margin: 0 0 20px;
}
.post-navigation a {
	position: relative;
	min-width: 52px;
	min-height: 52px;
	overflow: hidden;
	font-size: 0;
	line-height: 52px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.post-navigation a:empty {
	opacity: 0.5;
}
.post-navigation .prev {
	float: left;
}
.post-navigation .next {
	float: right;
}
.post-navigation a:before {
	content: "";
	position: absolute;
	top: 0;
	width: 52px;
	height: 52px;
	border: 2px solid #ececec;
	background-color: #fff;
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.post-navigation .prev:before {
	left: 0;
	background-image: url('../Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/Brooklyn/Content/images/prev.png');
}
.post-navigation .next:before {
	right: 0;
	background-image: url('../Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/Brooklyn/Content/images/next.png');
}
.post-navigation a:hover {
	color: #444;
}
.post-navigation a:hover:before {
	border-color: #cc8a97;
	background-color: #cc8a97;
	background-position: center bottom;
}

.blogpost-page .post-footer {
	position: relative;
}
.blogpost-page .related-posts-list {
	margin: 10px 0 0;
}
.blogpost-page .share-post {
	right: 0;
	bottom: 0;
}

/* search results */


.blog-search-results li {
	display: inline-block;
	margin: 0 10px 30px;
    border: 2px solid #eee;
    padding: 20px;
} 
.blog-search-results li a {
    display: inline-block;
    margin-bottom: 10px;
	color: #cc8a97;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.blog-search-results li a:hover {
	text-decoration: underline;
}
.blog-search-results li p {
    line-height: 24px;
}



@media all and (min-width: 481px) {
	
.rich-blog-homepage .blog-posts {
	width: 100%;
	max-width: 730px;
	margin: 0 auto 30px;
}
.blog-posts .read-comments {
	display: inline-block;
	position: relative;
    padding: 0 0 0 15px;
    vertical-align: top;
	line-height: 24px;
}
.blog-posts .read-comments:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 2px;
	height: 13px;
	margin: auto;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #d9d9d9;   
}
.blog-search-box {
    float: left;
    margin: 0 1% 2%;
    text-align: left;
    width: 48%;
}
.blog-search-box form {
    width: 102%;
}
	
}


@media all and (min-width: 769px) {

.post-relations {
	padding: 0 170px 0 0;
}
.share-post {
	position: absolute;
	right: 20px;
	bottom: 19px;
}	
.post-navigation a {
	max-width: 40%;
	font-size: 14px /*reset zeroing*/
}
.post-navigation .prev {
	padding: 0 0 0 62px;
	text-align: left;
}
.post-navigation .next {
	padding: 0 62px 0 0;
	text-align: right;
}

}


@media all and (min-width: 769px) and (max-width: 1024px) {
    
.blog-search-box{
    margin: 0 1% 2%;
    width: 31.3333%;
}

}

@media all and (min-width: 1025px) {

.rich-blog-homepage .blog-posts {
	max-width: none;
}
.rich-blog-homepage .blog-posts:after {
	content: "";
	display: block;
	clear: both;
}
.rich-blog-homepage .blog-post {
	float: left;
	width: 33.33333%;
}
.rich-blog-homepage .blog-post:nth-child(3n+1) {
	clear: both;
	margin-left: 0;
}
.rich-blog-homepage .blog-post:only-child {
	float: none;
	width: auto;
	margin: 0 0 30px;
}
	
.blog-search-box {
	margin: 0 0 40px;
}
.blog-search-box form {
	display: block;
	width: auto;
}
.blog-search-box {
    float: none;
    width: 100%;
}
	
.blogpost-page .post-date {
    top: 150px;
    width: 74%;
    z-index: -1;
}
.blog-posts .read-comments {
    margin-left: 100px;
}
.blog-posts .tags ~ .read-comments {
    margin-left: 0;
}

}
@media all and (min-width: 1281px) {
    .blogpost-page .post-date {
        width: 78%;
    }
}
* {
	direction: rtl;
}
.rich-blog-homepage .blog-posts {
	margin: 0 -6% 30px 0;
}
.rich-blog-homepage .post-picture img {
	left: 0;
	right: 0;
}
.rich-blog-homepage .post-details {
	padding: 25px 100px 25px 15px;
}
.rich-blog-homepage .post-title {
	text-align: right;
}
.rich-blog-homepage .post-date,
.blog-page .post-date {
	right: 15px;
	left: auto;
}
.rich-blog-homepage .post-description {
	text-align: right;
}
.blog-search-box form {
	margin: -2px 0 -2px !important;
}
.blog-search-box .instant-search-busy {
	background: #fff  url('../Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/Brooklyn/Content/images/ajax-loader-small.gif') left center no-repeat !important;
}
.blog-page .post {
	text-align: right;
}
.blog-page .rich-blog-image ~ .post-head {
	margin: 25px 0 0 20px;
}
.blog-page .post .post-head,
.blog-page .post .post-body,
.blog-page .post .tags,
.blog-page .post .buttons,
.blog-page .post .post-footer {
	padding-right: 100px !important;
	padding-left: 20px;
}
.blog-page .post .read-comment {
	margin-right: 100px;
	margin-left: 0;
}
.blog-page .tags,
.blogpost-page .tags {
	margin: 0 0 10px 10px;
}
.blog-page .tags label,
.blogpost-page .tags label {
	margin: 0 0 0 10px;
}
.blog-page .buttons {
	text-align: right;
}
.post-relations label {
	margin: 0 0 0 10px;
}
.post-relations li.separator {
	margin: 0 3px 0 5px;
}
.share-post .twitter a {
	background-position: -32px 0;
}
.share-post .pinterest a {
	background-position: -64px 0;
}
.share-post .linkedin a {
	background-position: -96px 0;
}
.share-post .google a {
	background-position: -128px 0;
}
.post-navigation .prev {
	float: right;
}
.post-navigation .next {
	float: left;
}
.post-navigation .prev:before {
	right: 0;
	left: auto;
}
.post-navigation .next:before {
	left: 0;
	right: auto;
}
.blogpost-page .share-post {
	left: 0;
	right: auto;
}
.post-navigation .next::before {
    background-image: url("../Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/Brooklyn/Content/images/prev.png");
}

@media all and (min-width: 481px) {
	.blog-posts .read-comments {
		padding: 0 15px 0 0;
	}
	.blog-posts .read-comments:before {
		right: 0;
		left: auto;
		border-right: 1px solid #e3e3e3;
		border-left: 1px solid #d9d9d9;
	}
	.blog-search-box {
		float: right;
		text-align: right;
	}
}

@media all and (min-width: 769px) {
	.post-relations {
		padding: 0 0 0 170px;
	}
	.share-post {
		left: 20px;
		right: auto;
	}
	.post-navigation .prev {
		padding: 0 62px 0 0;
		text-align: right;
	}
	.post-navigation .next {
		padding: 0 0 0 62px;
		text-align: left;
	}
}

@media all and (min-width: 1025px) {
	.rich-blog-homepage .blog-post {
		float: right;
	}
	.rich-blog-homepage .blog-post:nth-child(3n+1) {
		margin-right: 0;
		margin-left: 0;
	}
	.blog-posts .read-comments {
		margin-right: 100px;
		margin-left: 0;
	}
	.blog-posts .tags ~ .read-comments {
		margin-right: 0;
		margin-left: 0;
	}
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

input.instant-search-busy {
	background: transparent url('../Plugins/SevenSpikes.Nop.Plugins.InstantSearch/images/ajax-loader-small.gif') no-repeat right center !important;
}

/* WITH CATEGORY */

.store-search-box input.search-box-text.narrow {
	width: 190px !important;
}
.store-search-box span.search-box-text {
	float: left;
}
.store-search-box select {
	float: left;
	width: 50px;
	height: 36px;
	border: none;
	background-color: transparent;
	font-size: 13px;
	color: #888;
}
.store-search-box select option {
	background-color: #fff;
	color: #888;
}

/* AUTOCOMPLETE */

.instantSearch {
	width: 276px !important;
	height: auto !important;
}
.instantSearch .k-list-container {
	position: static !important;
	width: 100% !important;
	box-shadow: 0 2px 12px 4px rgba(0, 0, 0, 0.086);
	background-color: #fff;
	padding: 10px 0;
}
.instantSearch .k-list-scroller {
    height: 100% !important;
    overflow-y: auto;
}
.instantSearch .k-item {
	margin: 10px 0;
	cursor: pointer;
}
.instantSearch .k-item:first-child {
	border-top: none;
}
.instant-search-item {
	overflow: hidden;
}
.instant-search-item .img-block {
	position: relative;
	float: left;
	overflow: hidden;
	width: 80px;
	height: 80px;
	text-align: center;
}
.instant-search-item .img-block img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.instant-search-item .detail {
	margin: 0 10px 0 95px;
	line-height: normal;
}
.instant-search-item .detail .title {
	height: 40px;
	overflow: hidden;
	margin: 0 0 5px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.instant-search-item .detail .price {
	font-size: 14px;
	font-weight: bold;
	color: #cc8a97;
}
.instant-search-item .detail .sku {
	font-size: 12px;
    margin: 0 0 5px;
}
.k-item.k-state-hover .instant-search-item,
.k-item.k-state-focused .instant-search-item  {
	background: #f8f8f8;
}



@media all and (min-width: 481px) {

    .store-search-box input.search-box-text.narrow {
	    width: 230px !important;
    }
    .store-search-box select {
	    width: 120px;
    }
    .instantSearch {
	    width: 386px !important;
    }
}


@media all and (min-width: 1025px) {

    .header-1 input.instant-search-busy {
	    background-image: none !important;
    }
    .store-search-box input.search-box-text.narrow {
	    width: 190px !important;
    }
    .header-1 .store-search-box select {
	    height: 29px;
	    font-size: 12px;
	    color: rgba(255, 255, 255, 0.6);
    }
	.header-2 .store-search-box select {
	    height: 33px;
	    font-size: 12px;
    }
    .instantSearch {
	    width: 270px !important;
    }
    .instantSearch.resize {
	    width: 340px !important;
    }
}


@media all and (min-width: 1281px) {

    .store-search-box select {
	    width: 50px;
    }
    .instantSearch.resize {
	    width: 270px !important;
    }
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

input.instant-search-busy {
	background-position: left center !important;
}
.store-search-box span.search-box-text {
	float: right;
}
.store-search-box select {
	float: right;
}
.instantSearch {
	margin-left: -36px !important;
}
.instantSearch.resize {
	margin-left: -86px !important;
}
.instant-search-item .img-block {
	float: right;
}
.instant-search-item .detail {
	margin: 0 95px 0 10px;
}

@media all and (min-width: 481px) {

.instantSearch.resize {
	margin-left: -156px !important;
}

}

@media all and (min-width: 1025px) {

.instantSearch {
	margin-left: -30px !important;
}
.instantSearch.resize {
	margin-left: -150px !important;
}

}

@media all and (min-width: 1281px) {

.instantSearch.resize {
	margin-left: -80px !important;
}

}

/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.mega-menu, .menu-title,
.mega-menu .dropdown {
	display: none;
}
.mega-menu .topic-wrapper {
	display: none;
}


@media all and (min-width: 1025px) {

.menu-title,
.close-menu {
	display: none;
}

/* MAIN PANEL & DROPDOWN*/

.mega-menu {
	display: block;
}
.mega-menu-responsive {
	display: none !important;
}

.header-menu,
.header-menu > ul > li {
	position: static;
}
.mega-menu .sublist-wrap {
	top: auto;
	left: auto;
}

.mega-menu .dropdown {
	display: none;
	position: absolute;
	z-index: 3; /*necessary if there is a :before or :after with another z-index*/
	box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.086);
	overflow: hidden;
	background-color: #fff;
}
.mega-menu .dropdown.active {
	display: block;
}
.mega-menu .dropdown.fullWidth {
	left: 50%;
	width: 980px;
	margin-left: -490px;
	border-bottom: 10px solid #cc8a97;
}
.mega-menu .with-subcategories ~ .sublist-wrap {
    z-index: 1;
}

/* ROWS AND BOXES */

.mega-menu .row {
	overflow: hidden;
}
.dropdown .box {
	float: left;
	padding: 15px 0 5px;
}
.categories.fullWidth .box {
	margin: 0 0 35px;
	padding: 0;
}

.mega-menu .boxes-1 .box {
    width: 100%;
}

.mega-menu .boxes-2 .box {
    width: 50%;
}

.mega-menu .boxes-3 .box {
    width: 33.333%;
}

.mega-menu .boxes-4 .box {
    width: 25%;
}

.mega-menu .boxes-5 .box {
    width: 20%;
}

.mega-menu .boxes-6 .box {
    width: 16.666%;
}

.mega-menu .boxes-7 .box {
    width: 14.28%;
}

.mega-menu .boxes-8 .box {
    width: 12.5%;
}


.mega-menu .categories .picture {
	width: 100%;
	height: 220px;
	margin: 0 0 30px;
	overflow: hidden;
}
.mega-menu .categories .picture a {
	display: block;
}
.mega-menu .title {
	margin: 0 0 12px;
	padding: 0 20px;
	text-align: left;
	font-size: 16px;
	letter-spacing: 2px;
	color: #444;
	text-transform: uppercase;
}
.mega-menu .title:after {
    content: "";
    display: block;
	width: 30px;
    height: 3px;
    margin: 10px auto 0 0;
	background-color: #cc8a97;
}
.mega-menu .box ul {
}
.mega-menu .box li {
	padding: 0 10px;
	text-align: left;
}
.mega-menu .box li a {
	border-bottom: 2px solid #eee;
    color: #888;
    display: block;
    font-size: 14px;
    padding: 12px 10px 5px;
}
.mega-menu .box li a:hover {
	color: #cc8a97;
}
.mega-menu .box li:last-child a {
	border-bottom: none;
}
.mega-menu .fullWidth .box ul {
	padding: 0 20px;
}
.mega-menu .fullWidth .box li {
	padding: 5px 0;
}
.mega-menu .fullWidth .box li a {
	display: inline;
	border: none;
	padding: 0;
}
.mega-menu li a.view-all {
	font-weight: bold;
	background: none;
}

.pictures-per-row-two .categories.fullWidth {
	border: none;
}
.pictures-per-row-two .categories.fullWidth .box {
	width: 50%;
	margin: 0;
	overflow: hidden;
}
.pictures-per-row-two .categories.fullWidth .box .picture {
	float: left;
	width: 50%;
	margin: 0;
}
.pictures-per-row-two .categories.fullWidth .box .details {
	float: left;
	width: 50%;
	padding: 20px 0;
}
.pictures-per-row-two .categories.fullWidth .box:nth-child(3) .picture,
.pictures-per-row-two .categories.fullWidth .box:nth-child(3) .details,
.pictures-per-row-two .categories.fullWidth .box:nth-child(4) .picture,
.pictures-per-row-two .categories.fullWidth .box:nth-child(4) .details {
	float: right;
}

.mega-menu .topic-wrapper {
	display: block;
	max-width: 500px;
	overflow: hidden;
	padding: 20px;
	font-size: 14px;
}
.mega-menu .topic-wrapper p {
}
.mega-menu .topic-wrapper strong {
}

}

@media all and (min-width: 1281px) {

.mega-menu .dropdown.fullWidth {
	width: 1200px;
	margin-left: -600px;
}

}
/*
* Copyright 201 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

@media all and (min-width:1025px) {
	
.mega-menu .sublist-wrap {
	right: auto;
}
.mega-menu .dropdown.fullWidth {
	right: 50%;
	left: auto;
	margin-right: -490px;
}
.dropdown .box {
	float: right;
}
.mega-menu .title {
	text-align: right;
}
.mega-menu .title:after {
	margin: 10px 0 0 auto;
}
.mega-menu .box li {
	text-align: right;
}
.pictures-per-row-two .categories.fullWidth .box .picture {
	float: right;
}
.pictures-per-row-two .categories.fullWidth .box .details {
	float: right;
}
.pictures-per-row-two .categories.fullWidth .box:nth-child(3) .picture,
.pictures-per-row-two .categories.fullWidth .box:nth-child(3) .details,
.pictures-per-row-two .categories.fullWidth .box:nth-child(4) .picture,
.pictures-per-row-two .categories.fullWidth .box:nth-child(4) .details {
	float: left;
}

}

@media all and (min-width:1281px) {
	
.mega-menu .dropdown.fullWidth {
	margin-right: -600px;
}
}

/*
* Copyright 2019 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

/* AJAX LOADER & ERRORS */

.k-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1060;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
}
.nopAjaxCartPanelAjaxBusy,
.miniProductDetailsPanelAjaxBusy {
	position: absolute;
	z-index: 1070;
	width: auto;
	height: auto;
	background: url('../Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Themes/Brooklyn/Content/img/loader.gif') no-repeat fixed 50% 50%;
	opacity: 0.7;
}
.addProductVariantToCartErrors {
	color: #c00;
}
.addProductVariantToCartErrors ul {
	margin: 20px;
}
.addProductVariantToCartErrors li {
	margin: 0 0 10px 0;
}
.productQuantityTextBox {
	float: left;
	width: 20px;
	text-align: center;
	font-size: 16px;
}
.ajaxCart {
    position: absolute;
    z-index: 1070;
    padding: 0 !important;
    background: #fff;
    box-shadow: 0 1px 3px #666;
}
.ajaxCart li {
	list-style: none;
}


/*** QUANTITY BOX & BUY BUTTON ***/


.ajax-cart-button-wrapper {
    display: inline-block;
	width: calc(100% - 48px);
}
.ajax-cart-button-wrapper input[type="text"],
.ajax-cart-button-wrapper select {
    text-align: center;
    width: 22%;
    height: 48px;
    min-width: 0;
}
.ajax-cart-button-wrapper select { 
    padding: 3px; 
}
.ajax-cart-button-wrapper button {
	width: 100% !important;
	padding: 0 10px;
    color: #fff !important;
}
.ajax-cart-button-wrapper input[type="text"] + button,
.ajax-cart-button-wrapper select ~ button {
	width: 78% !important;
}

/* buttons with icons */

.with-icon .ajax-cart-button-wrapper {
    width: auto;
	margin: 0 1px 0 0; 
}
.with-icon .ajax-cart-button-wrapper input[type="text"],
.with-icon .ajax-cart-button-wrapper select {
	width: 48px;
}
.with-icon .ajax-cart-button-wrapper input[type="text"] + button,
.with-icon .ajax-cart-button-wrapper select ~ button {
    width: 48px !important;
	margin: 0 !important;
}
.items-per-row-four .with-icon .picture .add-to-wishlist-button {
	display: none !important;
}
.items-per-row-four .with-icon .buttons .add-to-wishlist-button {
	display: inline-block !important;
}

/* more items per row */

.items-per-row-four .with-text .ajax-cart-button-wrapper {
	width: 100%;
    max-width: none;
}
.items-per-row-four .picture .add-to-wishlist-button {
	display: none;
	position: absolute;
	top: 50%;
	right: 23.5%;
	width: 26% !important;
	height: 26%;
	margin: -13% 0 0;
	background: rgba(255,255,255,0.8) url('../Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Themes/Brooklyn/Content/img/wishlist-button-new.png') center no-repeat !important;
	opacity: 0;
}
.items-per-row-four .buttons .add-to-wishlist-button {
	display: none; /*hides original wishlist button*/
}
.items-per-row-four .with-text .quick-view-button {
	display: block;
	left: 23.5%;
	width: 26%;
	height: 26%;
	margin: -13% 0 0;
}
.items-per-row-four .with-text .quick-view-button a {
	display: block !important;
	width: 100%;
	height: 100%;
	padding: 0;
	font-size: 0;
	background: url('../Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Themes/Brooklyn/Content/img/quick-view-button.png') center no-repeat;
	line-height: normal;
}
.items-per-row-four .category-page .picture .add-to-wishlist-button {
	right: 23.4%;
}
.items-per-row-four .category-page .with-text .quick-view-button {
	left: 23.4%;
}

/* ajax cart inside quick view */

.quickViewWindow .ajax-cart-button-wrapper {
	width: auto;
	max-width: none;
}
.quickViewWindow .ajax-cart-button-wrapper button {
	width: 180px !important;
}
.quickViewWindow .picture .add-to-wishlist-button,
.ajaxCart .picture .add-to-wishlist-button {
	display: none !important; /*removes the button in product grids inside popups*/
}

.quickViewWindow .overview .add-to-cart {
    width: auto;
}


/*** SINGLE PRODUCT WINDOW ***/


.productAddedToCartWindow, .miniProductDetailsView {
    padding: 0;
    width: 750px;
    color: #555;
    line-height: 18px;
}
.miniProductDetailsView:focus,
.productAddedToCartWindow:focus {
	outline: -webkit-focus-ring-color auto 0;
}
.productAddedToCartWindowTitle {
    position: absolute;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #eee;
}
.productAddedToCartWindowTitle,
.miniProductDetailsView .product-name {
    top: 50px;
    right: 40px;
    left: 370px;
    height: 35px;
    overflow: hidden;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    color: #444;
    letter-spacing: 3px;
}
.ajaxCart .k-window-titlebar.k-header {
    position: absolute;
    right: 0;
	margin: 0 !important;
    width: 380px;
    max-height: 90px;
    font-size: 0;
}
.ajaxCart .k-window-titlebar.k-header .k-window-actions {
	position: absolute;
	top: 9px;
	right: 10px;
	font-size: 0;
	z-index: 1;
}
.ajaxCart .k-window-titlebar.k-header .k-window-actions a {
	display: block;
    width: 19px;
    height: 19px;
    background: url('../Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Themes/Brooklyn/Content/img/menu-close-button.png') no-repeat center;
	font-size: 0;
}
.productAddedToCartWindowDescription h1 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.productAddedToCartWindowDescription h1 a {
    color: #a4a4a4;
}
.productAddedToCartWindowDescription h1 a:hover {
}
.productAddedToCartWindowDescription strong {
    font-size: 16px;
    color: #cc8a97;
}
.productAddedToCartWindowSummary {
    margin: 30px 0 0;
    clear: both;
    text-align: left;
}
.productAddedToCartWindowSummary a {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #cc8a97;
}
.productAddedToCartWindowSummary a:hover {
    text-decoration: underline;
}
.productAddedToCartWindowSummary div {
    float: left;
    min-width: 49.5%;
    margin: 0 0 20px;
}
.productAddedToCartItem {
    overflow: hidden;
}
.productAddedToCartWindowImage {
    float: left;
    margin: 0;
    width: 350px;
    overflow: hidden;
    text-align: center;
}
.productAddedToCartWindowImage a {
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 0;
}
.productAddedToCartWindowImage a:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.productAddedToCartWindowImage img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	margin: auto;
}
.productAddedToCartWindowDescription {
    float: left;
    margin: 0;
    padding: 100px 20px 30px;
    max-width: 400px;
}
.productAddedToCartWindowDescription h1 {
	margin: 0 0 10px;
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}
.productAddedToCartWindowDescription h1 a {
	color: #333;
}
.productAddedToCartWindowDescription strong {
	display: block;
	margin-bottom: 10px;
	font-size: 18px;
}
.productAddedToCartWindowDescription span {
	display: block;
	margin-bottom: 3px;
    font-size: 13px;
    color: #888;
}
.ajaxCart .productAddedToCartWindowCheckout {
    width: 100%;
    padding: 14px 30px;
    border: none;
    background: #cc8a97;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease-in-out;
}
.ajaxCart .productAddedToCartWindowCheckout:hover {
    opacity: 0.9;
}
.ajaxCart .productAddedToCartWindowSummary .viewBasketLink {
	float: left;
	min-width: 49.5%;
	margin-bottom: 5px;
	border: 2px solid #eee;
	padding: 0 5px;
	line-height: 45px;
	background-color: #f9f9f9;
	text-align: center;
	font-size: 14px;
}
.ajaxCart .productAddedToCartWindowSummary .viewBasketLink:hover {
	text-decoration: none;
}
.ajaxCart .productAddedToCartWindowSummary .continueShoppingLink {
	clear: both;
}


/*** GROPED PRODUCTS WINDOW ***/

.miniProductDetailsView .product-essential {
	margin: 0;
    padding-bottom: 1px;
	overflow: hidden;
}
.miniProductDetailsView .product-name {
    display: none;
}
.miniProductDetailsView .product-details-page .overview {
    float: right;
    width: 400px;
    margin: 0;
    padding: 50px 20px 30px;
    text-align: left;
}
.miniProductDetailsView h1 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 2px;
    color: #a4a4a4;
    text-shadow: 1px 1px 0 #eee;
}
.miniProductDetailsView .product-essential .gallery {
    display: block; /*Cloud Zoom css override*/
    float: left;
    width: 350px !important;
    overflow: hidden;
}
.miniProductDetailsView .product-essential .picture {
	float: none;
	overflow: hidden;
	width: auto !important;
	height: auto !important;
	line-height: normal !important;
    font-size: 0;
}
.miniProductDetailsView .product-essential .picture img {
	width: auto;
	z-index: 0 !important;
}
.miniProductDetailsView .short-description {
	margin-bottom: 10px;
	padding-top: 0;
	border-top: none;
	width: 250px;
    height: 75px;
    overflow: hidden;
}
.miniProductDetailsView .tax-shipping-info {
    font-size: 13px;
}
.miniProductDetailsView .attributes {
    border: none;
    padding: 0;
}
.miniProductDetailsView .attributes label {
    font-size: 13px;
}
.miniProductDetailsView .attributes select {
	padding: 4px;
    max-width: 240px;
}
.miniProductDetailsView .rental-attributes dt {
    float: left;
    width: 100px;
}
.miniProductDetailsView .rental-attributes dd {
    margin: 0 0 10px;
}
.miniProductDetailsView .attribute-squares {
	text-align: left;
}
.miniProductDetailsView .attribute-squares label {
	line-height: 0;
}
.miniProductDetailsView .attribute-square {
	width: 28px;
	height: 28px;
}
.miniProductDetailsView .cart-info {
    overflow: visible;
    min-width: 260px;
}
.miniProductDetailsView .product-variant-line {
	margin: 0;
}
.miniProductDetailsView .prices {
    margin: 15px 0;
}
.miniProductDetailsView .customer-entered-price {
	margin-bottom: 10px;
}

.miniProductDetailsView .enter-price-input {
	padding: 4px;
	width: 69px;
}
.miniProductDetailsView .add-to-cart {
    overflow: hidden;
    margin: 0;
}
.miniProductDetailsView .add-to-cart .min-qty-notification {
    width: 100%;
}
.miniProductDetailsView .add-to-cart > *,
.miniProductDetailsView .add-button-wrap {
    float:left;
}
.miniProductDetailsView .giftcard {
	padding: 10px 15px;
	background: #fff;
	margin: 0;
}
.miniProductDetailsView .product-collateral {
	margin-top: 10px;
}
.miniProductDetailsView .message-error {
	display: block;
	margin: 10px 0 0 0;
    text-align: left;
    font-size: 13px;
    color: #de524e;
}
.miniProductDetailsView .message-error li {
	margin: 5px 0;
}
.ajaxCart .product-grid {
    clear: both;
    margin: 30px 0 0;
}
.ajaxCart .product-grid:last-child {
	margin: 0;
}
.ajaxCart .product-grid .title {
    margin: 0 0 15px;
}
.ajaxCart .item-grid {
    padding: 0 15px;
}
.ajaxCart .related-products-grid .title strong,
.ajaxCart .cross-sells .title strong {
    font-size: 16px;
}
.ajaxCart .related-products-grid .item-box {
    padding: 5px;
}
.ajaxCart .related-products-grid .item-box .picture {
    margin: 0 0 10px;
}
.ajaxCart .related-products-grid .item-box .product-title {
    font-size: 13px;
    text-transform: none;
    font-weight: normal;
    color: #888;
}
.ajaxCart .add-info .buttons,
.ajaxCart .description,
.ajaxCart .product-rating-box {
    display: none;
}
.ajaxCart .addProductToCartErrors {
    margin: 40px 0 0;
    padding: 0 15px;
}


@media all and (min-width: 769px) {

.product-list .ajax-cart-button-wrapper {
    display: inline-block;
	width: auto !important;
}
.product-list .ajax-cart-button-wrapper input[type="text"],
.product-list .ajax-cart-button-wrapper select {
	width: 48px;
}
.product-list .with-text .ajax-cart-button-wrapper button {
    width: auto !important;
}
.product-list .with-icon .ajax-cart-button-wrapper button {
    width: 48px !important;
    min-width: 0 !important;
}
.items-per-row-three .product-list .sevenspikes-ajaxcart .add-to-wishlist-button {
	width: 48px !important;
}

}

@media all and (min-width: 1025px) {

.ajax-cart-button-wrapper input[type="text"],
.ajax-cart-button-wrapper select {
    width: 30%;
}
.ajax-cart-button-wrapper input[type="text"] + button,
.ajax-cart-button-wrapper select ~ button {
	width: 70% !important;
}
.items-per-row-four .sevenspikes-ajaxcart .picture .add-to-wishlist-button {
	display: block;
}
.items-per-row-four .item-box:hover .sevenspikes-ajaxcart .picture .add-to-wishlist-button {
	opacity: 1;
}

}

@media all and (min-width: 1281px) {

.ajax-cart-button-wrapper input[type="text"],
.ajax-cart-button-wrapper select {
    width: 24%;
}
.ajax-cart-button-wrapper select {
    width: 24%;
    font-size: 16px;
}
.ajax-cart-button-wrapper input[type="text"] + button,
.ajax-cart-button-wrapper select ~ button {
	width: 76% !important;
}

}
/*
* Copyright 2019 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

/* RTL */


.productQuantityTextBox {
    float: right;
}

.with-icon .ajax-cart-button-wrapper {
	margin: 0 0 0 1px; 
}
.items-per-row-four .picture .add-to-wishlist-button {
	right: auto;
	left: 23.5%;
}
.items-per-row-four .with-text .quick-view-button {
	right: 23.5%;
	left: auto;
}
.items-per-row-four .category-page .picture .add-to-wishlist-button {
	right: auto;
	left: 23.4%;
}
.items-per-row-four .category-page .with-text .quick-view-button {
	right: 23.4%;
	left: auto;
}
.productAddedToCartWindowTitle,
.miniProductDetailsView .product-name {
	left: 40px;
	right: 370px;
}
.ajaxCart .k-window-titlebar.k-header {
	right: auto;
	left: 0;
}
.miniProductDetailsView .product-name {
    left: inherit;
    right: 13px;
    text-align: right;
}
.ajaxCart .k-window-titlebar.k-header .k-window-actions {
	right: inherit;
	left: 10px;
}
.miniProductDetailsView .product-essential .overview {
    margin: 0;
}

.productAddedToCartWindowImage,
.productAddedToCartWindowDescription {
    float: right;
}

.productAddedToCartWindowDescription {
    text-align: right;
}
.productAddedToCartWindowSummary {
	text-align: right;
}
.miniProductDetailsView .product-essential .gallery {
	float: right;
}
.miniProductDetailsView .product-details-page .overview {
	float: left;
	text-align: right;
}
.miniProductDetailsView .rental-attributes dt {
	float: right;
}
.miniProductDetailsView .attribute-squares {
	text-align: right;
}
.miniProductDetailsView .add-to-cart > *,
.miniProductDetailsView .add-button-wrap {
	float: right;
	margin: 0;
}
.miniProductDetailsView .add-to-cart > *:first-child {
	margin: 0;
}
.miniProductDetailsView .message-error {
	text-align: right;
}
.productAddedToCartWindowSummary div {
    float: right;
}
.miniProductDetailsView .product-essential .overview .prices,
.miniProductDetailsView .attributes dl,
.miniProductDetailsView h1 {
    text-align: right;
}

/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.ribbon-wrapper {
    position: relative;
}
@media all and (min-width: 769px) {
.product-list .ribbon-wrapper {
    float: left; /*should not be applied on smaller resolutions where the product list looks like a grid*/
}
}

/* ribbon positioning */

.ribbon-position {
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 1;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
.ribbon-position.top-left {
	top: 0;
	left: 0;
}
.ribbon-position.top-right {
	top: 0;
	right: 0;
}
.ribbon-position.bottom-left {
	bottom: 0;
	left: 0;
}
.ribbon-position.bottom-right {
	bottom: 0;
	right: 0;
}
.ribbon-position.top-middle {
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
}
.ribbon-position.right-middle {
	top: 0;
	right: 0;
	bottom: 0;
	text-align: right;
}
.ribbon-position.bottom-middle {
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}
.ribbon-position.left-middle {
	top: 0;
	bottom: 0;
	left: 0;
	text-align: left;
}
.ribbon-position.center {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}
.ribbon-position.right-middle:before,
.ribbon-position.left-middle:before,
.ribbon-position.center:before {
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}

/* ribbon wrapping element */

.product-ribbon {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

/* ribbon label without image*/

.ribbon-text {
	font-size: 12px;
	line-height: normal;
}

/* ribbon label with image */

.ribbon-image-text {
	font-size: 12px;
	line-height: normal;
	position: absolute;
	top: 0;
	left: 0;
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

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

    .product-list .item-box .ribbon-wrapper {
        float: none;
    }

}

@media all and (min-width: 769px) {

    .product-list .item-box .ribbon-wrapper {
        width: 200px; /*set width according to theme design and layout*/
    }
    .product-list .item-box .ribbon-wrapper .picture {
        float: none;
        width: auto;
    }
	.product-list .item-box .ribbon-wrapper + .details {
		margin: 0 0 0 220px;
	}

}

@media all and (min-width: 1025px) {

    .gallery .ribbon-wrapper {
        float: left;
    }
    .jcarousel-item .ribbon-position {
        z-index: 0;
    }

}

@media all and (min-width: 1281px) {
	
	.product-list .item-box .ribbon-wrapper + .details {
		margin: 0 0 0 230px;
	}
	
}

@media all and (min-width: 769px) {
	
.product-list .ribbon-wrapper {
    float: right; /*should not be applied on smaller resolutions where the product list looks like a grid*/
}

}

/*
* Copyright 2015 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

@media all and (min-width: 769px) {
	
	.product-list .item-box .ribbon-wrapper + .details {
		margin: 0 220px 0 0;
	}
	
}

@media all and (min-width: 1025px) {

    .gallery .ribbon-wrapper {
        float: right;
    }

}

@media all and (min-width: 1281px) {
	
	.product-list .item-box .ribbon-wrapper + .details {
		margin: 0 230px 0 0;
	}
	
}

.header-logo a,
.header-upper,
.header-actions a.ico-cart,
.header-menu > ul > li > a::after,
#goToTop,
.social-sharing li,
.newsletter-email .newsletter-subscribe-button,
.footer-block .title + *::before,
.header-2 .header-lower,
.mega-menu .title::after,
.item-box button,
.item-box .with-icon .product-box-add-to-cart-button,
.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page *,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.write-review .button-1,
.wishlist-content .button-2.wishlist-add-to-cart-button,
.compare-products-page .button-2,
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .login-button,
.login-page .register-button,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1,
.contact-page .button-1,
.email-a-friend-page .button-1,
.account-page .title strong::after,
.account-page .button-2,
.order-details-page .button-2.print-order-button,
.order-details-page .actions button,
.mini-shopping-cart .count,
.mini-shopping-cart button,
.shopping-cart-page .button-2.update-cart-button,
.shopping-cart-page .estimate-shipping-button,
.shopping-cart-page .button-1,
.checkout-page .button-1,
.search-input .button-1,
.sitemap-page .entity-title h2::after,
.post-title::after,
.news-title::after,
.blog-posts .read-more,
.news-items .read-more,
.new-comment .title strong::after,
.comment-list .title strong::after,
.new-comment .button-1,
.forum-search-box .basic .search-box-button,
.forums-table-section-title > a::after,
.forums-table-section-title strong::after,
.topic-post .pm-button,
.profile-info-box .pm-button,
.forum-edit-page .buttons button.button-1,
.move-topic-page .buttons button.button-1,
.private-messages .buttons button.button-1,
.responsive-nav-wrapper,
.item-box .rating div,
.overview .rating div,
.product-review-box .rating div,
.footer-2 .newsletter-block .title,
.apply-vendor-page .button-1,
.ui-dialog-titlebar,
.ui-dialog .notify-me-button,
button.apply-shipping-button,
/*plugins*/ .ajaxCart .productAddedToCartWindowCheckout,
.previous-product a:hover .previous-product-label,
.next-product a:hover .next-product-label,
.sale-of-the-day-offer .go-to-product-page,
.blog-search-box .search-box-button,
.post-navigation a:hover::before,
.jCarouselMainWrapper .slick-dots .slick-active button,
.ajaxFilters .k-window-titlebar,
.ropc .complete-button button,
.header-menu > ul > li > span:after,
.shops-item .shop-name:after,
.shops-item .read-more,
.newsletter-subscribe-popup .newsletter-subscribe-popup-title::after,
.sale-of-the-day-offer li.slick-active button {
  background-color: #2a2a2a;
}
/* set same border color as bg */

.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page *,
.wishlist-content .button-2.wishlist-add-to-cart-button,
.account-page .button-2,
.order-details-page .button-2.print-order-button,
.order-details-page .actions button,
.shopping-cart-page .button-2.update-cart-button,
.shopping-cart-page .estimate-shipping-button,
.forum-edit-page .buttons button.button-1,
.move-topic-page .buttons button.button-1,
.private-messages .buttons button.button-1,
.attribute-squares .selected-value .attribute-square,
/*plugins*/ .previous-product a:hover .previous-product-label,
.next-product a:hover .next-product-label,
.ui-slider-handle,
.mega-menu .dropdown.fullWidth,
.post-navigation a:hover::before,
.product-filters .ui-slider-handle {
  border-color: #2a2a2a;
}
/* set differen background color to this button */

.header-2 .header-actions a.ico-cart {
  background-color: #444444;
}
/* color */

.ui-dialog-titlebar,
.eu-cookie-bar-notification button,
.eu-cookie-bar-notification a,
.header-2 .header-links a span:hover,
.header-2 .header-links a:hover,
.styleSelect_item li:hover span,
.footer-block a:hover,
.footer-powered-by a,
.footer-designed-by a,
.block .list li.active > a,
.block.block-account-navigation .list li.active a,
.block .list a:hover,
.block .view-all a,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.news-list-homepage .news-date,
.poll strong,
.poll .buttons button,
.poll-total-votes,
.breadcrumb a:hover,
.contact-vendor .button-2,
.product-filters .filter-content li a:hover,
.item-box .product-title a:hover,
.item-box .actual-price,
.item-box .tax-shipping-info a,
.pager li a:hover,
.pager li.current-page span,
.product-review-links a,
.overview .subscribe-button,
.variant-overview .subscribe-button,
.overview .value a,
.variant-overview .value a,
.overview .product-price,
.variant-overview .product-price,
.overview .prices .tax-shipping-info a,
.variant-overview .prices .tax-shipping-info a,
.ui-tabs .ui-tabs-nav li a,
.product-tags-list li,
.vendor-list li,
.product-reviews-page h1 a,
.product-review-item .review-info a,
.product-review-helpfulness .vote,
.wishlist-content .tax-shipping-info a,
.wishlist-content .button-2,
.wishlist-page .share-info a:hover,
.compare-products-page .clear-list,
.topic-block a,
.topic-page a,
.enter-password-form button,
.email-a-friend-page .title h2,
#check-availability-button,
.login-page .inputs.reversed a,
.login-page .checkout-as-guest-button,
.add-more-external-records a,
.account-page .return-items-button,
.return-request-list-page a,
.reward-points-history td.points-balance,
.avatar-page .buttons .button-2,
.shopping-cart-page .button-2,
.checkout-page .button-2,
.order-details-page .page-title a,
.terms-of-service a,
.order-completed .details a,
.opc .back-link a:hover,
.order-details-page .order-overview strong,
.order-details-page .tax-shipping-info a,
.order-details-page button.return-items-button,
.sitemap-page a:hover,
.post-title:hover,
.news-title:hover,
.blog-page .tags li,
.blogpost-page .tags li,
.blog-posts .read-comments,
.comment-info .username,
.news-list-homepage .view-all a,
.forum-search-box .advanced a,
.forums-table-section a:hover,
.forums-table-section-title > a:hover,
.forums-table-section .view-all a,
.forums-table-section .latest-post .origin a,
.forums-table-section .latest-post .author a,
.forums-table-section .topic-details .topic-starter a,
.forum-actions .actions a,
.topic-actions .actions a,
.topic-post .username,
.topic-post .post-actions .quote-post-button,
.topic-post .post-actions a:hover,
.forum-edit-page .buttons button,
.move-topic-page .buttons button,
.private-messages .buttons button,
.private-messages-page td a.pm-unread,
.private-messages-page .to a:hover,
.private-messages-page .from a:hover,
.private-messages-page .subject a:hover,
.profile-page .topic-title a,
.profile-page .topic-title a:hover,
.header-menu .sublist li:hover > a,
.mini-shopping-cart .price span,
.mini-shopping-cart .totals strong,
.cart .edit-item > a,
.cart tbody .subtotal,
.compare-products-table .product-price td,
td.footable-last-column,
.go-to-page,
.blog-page .buttons .read-more,
.order-details-page .button-2.re-order-button,
.account-page .button-2.return-items-button,
/*topics descriptions posts*/ .category-description a,
.manufacturer-description a,
.full-description a,
.topic-html-content a,
.post-body a,
.news-body a,
.custom-tab a,
/*plugins*/ .mega-menu .box li a:hover,
.sale-of-the-day-offer .price.actual-price,
.rich-blog-homepage .view-all a,
.instant-search-item .detail .price,
.priceRangeCurrentPricesPanel span,
.specification-current-value-panel span,
.filtersGroupPanel li > a:hover,
.filter-block a.clearFilterOptions,
.filter-block a.clearPriceRangeFilter,
.selected-options-list > li span,
.productAddedToCartWindowSummary a,
.productAddedToCartWindowDescription strong,
.quickViewWindow .links-panel a,
.sale-of-the-day-offer .product-name h4:hover,
.blog-search-results li a,
.jDropDown li span:hover,
.jDropDown li.selected span,
.footer-tax-shipping a,
p .search-term-highlighter,
.ropc .estimate-shipping button,
.ropc .coupon-code button,
.post-relations li a,
.checkbox-list li label:hover,
.spc-header li span,
.spc-categories .category-sublist li a:hover,
.spc-categories .category-info:hover .category-title a,
.getUserGeoLocation,
.align-map-button,
.filter-shops-button,
.shops-item .show-directions,
.shop-map-images .map-controls a,
.shop-full-description a,
.product-filters .selected-price-range {
  color: #2a2a2a;
}