.btn-primary {
  background: #006b3f;
  color: #fff;
  border-radius: 0;
  position: relative;
  border-color: #005230;
  letter-spacing: 1px
}
.btn-primary:hover {
  background: #002e1b;
  color: #fff;
  border-color: #003821
}
.btn-primary:active {
  background: #006b3f
}
.btn-primary:active:hover {
  background: #009e5d;
  border-color: #005230
}
.btn-primary:focus {
  background: #009e5d;
  border-color: #005230
}
.btn-secondary {
  background: #006b3f;
  color: #fff;
  border-radius: 0;
  position: relative;
  border-color: #005230;
  letter-spacing: 1px
}
.btn-secondary:hover {
  background: #002e1b;
  color: #000;
  border-color: #003821
}
.btn-secondary:active {
  background: #006b3f
}
.btn-secondary:active:hover {
  background: #009e5d;
  border-color: #005230
}
.btn-secondary:focus {
  background: #009e5d;
  border-color: #005230
}
.btn-addtocart {
  background: #006b3f;
  color: #fff;
  border-radius: 0;
  position: relative;
  border-color: #005230;
  letter-spacing: 1px
}
.btn-addtocart:hover {
  background: #002e1b;
  color: #fff;
  border-color: #003821
}
.btn-addtocart:active {
  background: #006b3f
}
.btn-addtocart:active:hover {
  background: #009e5d;
  border-color: #005230
}
.btn-addtocart:focus {
  background: #009e5d;
  border-color: #005230
}
.btn-viewallchoice {
  background: #006b3f;
  color: #fff;
  border-radius: 0;
  position: relative;
  border-color: #005230;
  letter-spacing: 1px;
  border: 1px solid #006b3f;
  background: transparent;
  padding-left: 25px
}
.btn-viewallchoice:before {
  content: "";
  speak: none;
  position: absolute;
  z-index: 11;
  font-weight: 400;
  font-size: 16px;
  font-family: "FontAwesome";
  top: 5px;
  left: 5px;
  color: #fff
}
.btn-viewallchoice:hover {
  background: #002e1b;
  color: #fff;
  border-color: #003821
}
.btn-viewallchoice:active {
  background: #006b3f
}
.btn-viewallchoice:active:hover {
  background: #009e5d;
  border-color: #005230
}
.btn-viewallchoice:focus {
  background: #009e5d;
  border-color: #005230
}
.btn-continueshop {
  background: rgba(0, 0, 0, 0);
  color: #006b3f;
  border-radius: 0;
  position: relative;
  border-color: rgba(0, 0, 0, 0);
  letter-spacing: 1px;
  border: 1px solid rgba(0, 0, 0, 0);
  background: transparent;
  padding-left: 35px
}
.btn-continueshop:before {
  content: "";
  speak: none;
  position: absolute;
  z-index: 11;
  font-weight: 400;
  font-size: 16px;
  font-family: "FontAwesome";
  top: 5px;
  left: 5px;
  color: #006b3f
}
.btn-continueshop:hover {
  background: rgba(0, 0, 0, 0);
  color: #006b3f;
  border-color: rgba(0, 0, 0, 0)
}
.btn-continueshop:active {
  background: rgba(0, 0, 0, 0)
}
.btn-continueshop:active:hover {
  background: rgba(26, 26, 26, 0);
  border-color: rgba(0, 0, 0, 0)
}
.btn-continueshop:focus {
  background: rgba(26, 26, 26, 0);
  border-color: rgba(0, 0, 0, 0)
}
.cimm_page-title {
  color: #006b3f;
  font-size: 26px;
  font-family: "oswald";
  text-transform: capitalize;
  margin: 0 0 15px;
  padding: 0;
  position: relative
}
.cimm_page-title:before,
.cimm_page-title:after {
  content: "";
  display: table
}
.cimm_page-title:after {
  clear: both
}
.cimm_block-title {
  color: #8c9296;
  font-size: 18px;
  font-family: "oswald";
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  position: relative
}
.cimm_block-title:before,
.cimm_block-title:after {
  content: "";
  display: table
}
.cimm_block-title:after {
  clear: both
}
.cimm_filter-block-title,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title {
  color: #8c9296;
  font-size: 18px;
  font-family: "oswald";
  text-transform: uppercase;
  margin: 0;
  padding: 12px 0;
  position: relative;
  border-bottom: 1px solid #a1a1a1
}
.cimm_filter-block-title:before,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title:before,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title:before,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title:before,
.cimm_filter-block-title:after,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title:after {
  content: "";
  display: table
}
.cimm_filter-block-title:after,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title:after {
  clear: both
}
.cimm_item-name {
  color: #8c9296;
  font-size: 18px;
  font-family: "oswald";
  text-transform: uppercase;
  margin: 0;
  padding: 12px 0;
  position: relative
}
.cimm_item-name:before,
.cimm_item-name:after {
  content: "";
  display: table
}
.cimm_item-name:after {
  clear: both
}
.cimm_slider-title {
  color: #006b3f;
  font-size: 18px;
  font-family: "oswald";
  text-transform: capitalize;
  margin: 0 0 15px;
  padding: 0;
  position: relative
}
.cimm_slider-title:before,
.cimm_slider-title:after {
  content: "";
  display: table
}
.cimm_slider-title:after {
  clear: both
}
* {
  outline: 0
}
html {
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%
}
.blockElement {
  display: block
}
.hideMe,
.showInDevice {
  display: none
}
.clear {
  clear: both
}
.clearAfter::after {
  clear: both;
  display: block;
  content: ""
}
.alignCenter {
  text-align: center
}
.alignLeft {
  text-align: left
}
.alignRight {
  text-align: right
}
.noBorder {
  border: none !important
}
.dropdown-backdrop {
  cursor: wait
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
  z-index: unset
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  background: #006b3f
}
abbr[data-original-title],
abbr[title] {
  cursor: text;
  border-bottom: 0
}
.modal-body {
  color: #8c9296
}
.required {
  color: #f55
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0
}
.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
  position: relative
}
dt,
label {
  font-weight: 400
}
dl,
p {
  margin: 0
}
ul,
ul li,
ol,
ol li {
  list-style-type: none;
  padding: 0;
  margin: 0
}
a {
  cursor: pointer
}
a:focus,
a:hover {
  text-decoration: none
}
.text-wrap {
  word-break: break-word
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "oswald"
}
h1 {
  font-size: 38px;
  color: #006b3f
}
h2 {
  font-size: 32px
}
h3 {
  font-size: 26px;
  color: #006b3f
}
h4 {
  font-size: 24px
}
h5 {
  font-size: 20px;
  color: #006b3f
}
h6 {
  font-size: 16px
}
.row-space {
  margin: 15px 0;
  border: 0
}
.row-space:before,
.row-space:after {
  content: "";
  display: table
}
.row-space:after {
  clear: both
}
.dataTables_filter {
  text-align: right
}
.dataTables_paginate {
  text-align: right
}
.dataTables_paginate .pagination {
  margin: 0
}
@font-face {
  font-family: "RobotoRegular";
  font-style: normal;
  font-weight: 400;
  src: url(https://cdn.cimm2.com/fonts/Roboto-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(https://cdn.cimm2.com/fonts/Roboto-Regular-webfont.woff) format("woff"), url(https://cdn.cimm2.com/fonts/Roboto-Regular-webfont.ttf) format("truetype"), url(https://cdn.cimm2.com/fonts/Roboto-Regular-webfont.svg#robotoregular) format("svg")
}
@font-face {
  font-family: "RobotoBlack";
  font-style: normal;
  font-weight: 400;
  src: url(https://cdn.cimm2.com/fonts/Roboto-Black-webfont.eot?#iefix) format("embedded-opentype"), url(https://cdn.cimm2.com/fonts/Roboto-Black-webfont.woff) format("woff"), url(https://cdn.cimm2.com/fonts/Roboto-Black-webfont.ttf) format("truetype"), url(https://cdn.cimm2.com/fonts/Roboto-Black-webfont.svg#robotoblack) format("svg")
}
@font-face {
  font-family: "RobotoCondensedBold";
  font-style: normal;
  font-weight: 400;
  src: url(https://cdn.cimm2.com/fonts/RobotoCondensed-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(https://cdn.cimm2.com/fonts/RobotoCondensed-Bold-webfont.woff) format("woff"), url(https://cdn.cimm2.com/fonts/RobotoCondensed-Bold-webfont.ttf) format("truetype"), url(https://cdn.cimm2.com/fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold) format("svg")
}
@font-face {
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.cimm2.com/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(https://fonts.cimm2.com/fonts/glyphicons-halflings-regular.woff) format("woff"), url(https://fonts.cimm2.com/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(https://fonts.cimm2.com/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}
@font-face {
  font-family: "icomoon";
  src: url(../fonts/icomoon.eot?-9hqo51);
  src: url(../fonts/icomoon.eot?#iefix-9hqo51) format("embedded-opentype"), url(../fonts/icomoon.woff?-9hqo51) format("woff"), url(../fonts/icomoon.ttf?-9hqo51) format("truetype"), url(../fonts/icomoon.svg?-9hqo51#icomoon) format("svg");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 400;
  src: url(https://cdn.cimm2.com/fonts/Oswald-Regular.eot?#iefix) format("embedded-opentype"), url(https://cdn.cimm2.com/fonts/Oswald-Regular.woff) format("woff"), url(https://cdn.cimm2.com/fonts/Oswald-Regular.ttf) format("truetype"), url(https://cdn.cimm2.com/fonts/Oswald-Regular.svg) format("svg")
}
.mTop-0 {
  margin-top: 0 !important
}
.mRight-0 {
  margin-right: 0 !important
}
.mBottom-0 {
  margin-bottom: 0 !important
}
.mLeft-0 {
  margin-left: 0 !important
}
.marginX-0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}
.marginY-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}
.margin-1 {
  margin: 4px !important
}
.mTop-1 {
  margin-top: 4px !important
}
.mRight-1 {
  margin-right: 4px !important
}
.mBottom-1 {
  margin-bottom: 4px !important
}
.mLeft-1 {
  margin-left: 4px !important
}
.marginX-1 {
  margin-right: 4px !important;
  margin-left: 4px !important
}
.marginY-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important
}
.margin-2 {
  margin: 8px !important
}
.mTop-2 {
  margin-top: 8px !important
}
.mRight-2 {
  margin-right: 8px !important
}
.mBottom-2 {
  margin-bottom: 8px !important
}
.mLeft-2 {
  margin-left: 8px !important
}
.marginX-2 {
  margin-right: 8px !important;
  margin-left: 8px !important
}
.marginY-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important
}
.margin-3 {
  margin: 16px !important
}
.mTop-3 {
  margin-top: 16px !important
}
.mRight-3 {
  margin-right: 16px !important
}
.mBottom-3 {
  margin-bottom: 16px !important
}
.mLeft-3 {
  margin-left: 16px !important
}
.marginX-3 {
  margin-right: 16px !important;
  margin-left: 16px !important
}
.marginY-3 {
  margin-top: 16px !important;
  margin-bottom: 16px !important
}
.margin-4 {
  margin: 24px !important
}
.mTop-4 {
  margin-top: 24px !important
}
.mRight-4 {
  margin-right: 24px !important
}
.mBottom-4 {
  margin-bottom: 24px !important
}
.mLeft-4 {
  margin-left: 24px !important
}
.marginX-4 {
  margin-right: 24px !important;
  margin-left: 24px !important
}
.marginY-4 {
  margin-top: 24px !important;
  margin-bottom: 24px !important
}
.margin-5 {
  margin: 48px !important
}
.mTop-5 {
  margin-top: 48px !important
}
.mRight-5 {
  margin-right: 48px !important
}
.mBottom-5 {
  margin-bottom: 48px !important
}
.mLeft-5 {
  margin-left: 48px !important
}
.marginX-5 {
  margin-right: 48px !important;
  margin-left: 48px !important
}
.marginY-5 {
  margin-top: 48px !important;
  margin-bottom: 48px !important
}
.padding-0 {
  padding: 0
}
.pTop-0 {
  padding-top: 0
}
.pRight-0 {
  padding-right: 0
}
.pBottom-0 {
  padding-bottom: 0
}
.pLeft-0 {
  padding-left: 0
}
.paddingX-0 {
  padding-right: 0;
  padding-left: 0
}
.paddingY-0 {
  padding-top: 0;
  padding-bottom: 0
}
.padding-1 {
  padding: 4px
}
.pTop-1 {
  padding-top: 4px
}
.pRight-1 {
  padding-right: 4px
}
.pBottom-1 {
  padding-bottom: 4px
}
.pLeft-1 {
  padding-left: 4px
}
.paddingX-1 {
  padding-right: 4px;
  padding-left: 4px
}
.paddingY-1 {
  padding-top: 4px;
  padding-bottom: 4px
}
.padding-2 {
  padding: 8px
}
.pTop-2 {
  padding-top: 8px
}
.pRight-2 {
  padding-right: 8px
}
.pBottom-2 {
  padding-bottom: 8px
}
.pLeft-2 {
  padding-left: 8px
}
.paddingX-2 {
  padding-right: 8px;
  padding-left: 8px
}
.paddingY-2 {
  padding-top: 8px;
  padding-bottom: 8px
}
.padding-3 {
  padding: 16px
}
.pTop-3 {
  padding-top: 16px
}
.pRight-3 {
  padding-right: 16px
}
.pBottom-3 {
  padding-bottom: 16px
}
.pLeft-3 {
  padding-left: 16px
}
.paddingX-3 {
  padding-right: 16px;
  padding-left: 16px
}
.paddingY-3 {
  padding-top: 16px;
  padding-bottom: 16px
}
.padding-4 {
  padding: 24px
}
.pTop-4 {
  padding-top: 24px
}
.pRight-4 {
  padding-right: 24px
}
.pBottom-4 {
  padding-bottom: 24px
}
.pLeft-4 {
  padding-left: 24px
}
.paddingX-4 {
  padding-right: 24px;
  padding-left: 24px
}
.paddingY-4 {
  padding-top: 24px;
  padding-bottom: 24px
}
.padding-5 {
  padding: 48px
}
.pTop-5 {
  padding-top: 48px
}
.pRight-5 {
  padding-right: 48px
}
.pBottom-5 {
  padding-bottom: 48px
}
.pLeft-5 {
  padding-left: 48px
}
.paddingX-5 {
  padding-right: 48px;
  padding-left: 48px
}
.paddingY-5 {
  padding-top: 48px;
  padding-bottom: 48px
}
.margin-auto {
  margin: auto !important
}
header .cimm_header {
  font-family: "RobotoRegular"
}
header .cimm_header .cimm_header_top {
  position: relative;
  height: 42px;
  background: #8c9296;
  font-family: "RobotoRegular";
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  border-bottom: 4px solid #ee3426
}
header .cimm_header .cimm_header_top .cimm_header_top-phone {
  float: left
}
header .cimm_header .cimm_header_top .cimm_header_top-phone ul li {
  color: #fff;
  padding: 10px
}
header .cimm_header .cimm_header_top .cimm_header_top-menu {
  float: right;
  text-align: right
}
header .cimm_header .cimm_header_top .cimm_header_top-menu ul li {
  text-transform: capitalize;
  display: inline-block;
  position: relative
}
header .cimm_header .cimm_header_top .cimm_header_top-menu ul li:hover ul {
  display: block
}
header .cimm_header .cimm_header_top .cimm_header_top-menu ul li ul.dropdown-menu {
  padding: 0
}
header .cimm_header .cimm_header_top .cimm_header_top-menu ul li ul.dropdown-menu li {
  border-bottom: 1px solid #a1a1a1;
  width: 100%
}
header .cimm_header .cimm_header_top .cimm_header_top-menu ul li ul.dropdown-menu li a {
  color: #8c9296;
  padding: 5px 10px
}
header .cimm_header .cimm_header_top .cimm_header_top-menu ul li a {
  color: #fff;
  padding: 10px;
  display: block
}
header .cimm_header .cimm_header_mid {
  background: rgba(0, 0, 0, 0)
}
header .cimm_header .cimm_header_mid .headerForMobi {
  height: 52px;
  background: #000
}
header .cimm_header .cimm_header_mid .headerForMobi a {
  font-size: 22px;
  cursor: pointer;
  display: block;
  padding: 3px 0
}
header .cimm_header .cimm_header_mid .headerForMobi a i:before {
  font-size: 28px;
  position: relative;
  top: 3px;
  color: #fff
}
header .cimm_header .cimm_header_mid .headerForMobi .storeHours img {
  position: relative;
  top: -4px
}
header .cimm_header .cimm_header_mid .cimm_logo {
  margin: 19px 0;
  height: 115px;
  position: relative
}
header .cimm_header .cimm_header_mid .cimm_logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto auto 0
}
header .cimm_header .cimm_header_mid .cimm_headerRight {
  margin: 20px 0;
  float: right
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap {
  text-align: right
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li {
  display: inline-block;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100px
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li a {
  display: block;
  color: #8c9296;
  font-size: 12px;
  text-transform: uppercase
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li a.btn-secondary {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li span {
  font-weight: 400;
  font-family: "RobotoRegular";
  text-transform: uppercase
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li span.imgBox {
  display: block;
  font-size: 46px;
  color: #006b3f;
  position: relative;
  margin: 0 auto;
  overflow: hidden
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li span.imgBox em {
  position: absolute;
  bottom: -9px;
  left: 11px;
  color: #fff;
  font-size: 46px;
  -ms-transform: rotate(-27deg);
  -webkit-transform: rotate(-27deg);
  transform: rotate(-27deg)
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li span.imgBox .glyphicon {
  font-size: 36px
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li span.imgBox .icon-cart:before {
  content: "\e900";
  font-family: "icomoon";
  font-weight: 400
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li span.imgBox .icon-myAccount:before {
  content: "\e901";
  font-family: "icomoon";
  font-weight: 400
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li span.imgBox .icon-storeHours:before {
  content: "\e902";
  font-family: "icomoon";
  font-weight: 400;
  font-style: normal
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow {
  position: absolute;
  top: 100%;
  background: #fff;
  right: 0;
  width: 275px;
  min-height: 280px;
  left: auto;
  border: 0;
  border-radius: 0;
  padding: 20px 15px
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow span {
  text-transform: none
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow ul,
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow ul li {
  width: 100%;
  text-transform: none;
  font-family: "oswald"
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow .rememberLogWrap {
  text-transform: none;
  padding: 0 0 10px;
  border-bottom: 1px solid #ccc
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow .rememberLogWrap .button,
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow .rememberLogWrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.calendarFilterWrap .tableHeader ul.calendarFilterHead header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow .rememberLogWrap li,
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow .rememberLogWrap .cimm_inlineButton,
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow .rememberLogWrap .multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow .rememberLogWrap .btnPrevious,
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow .rememberLogWrap .multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow .rememberLogWrap .btnNext,
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow .rememberLogWrap .btnFinish {
  min-width: auto;
  padding: 6px 10px;
  font-size: 18px;
  height: 40px
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow .customCheckBox {
  margin-top: 15px
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow .forgotPassword {
  font-family: "oswald";
  color: #006b3f;
  font-weight: 400;
  text-decoration: underline;
  font-size: 14px
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .loginWindow a.cimm_button {
  color: #fff;
  margin-top: 15px;
  text-transform: uppercase
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .myAccountMenu {
  position: absolute;
  top: 100%;
  background: #fff;
  right: 0;
  width: 275px;
  min-height: 155px;
  left: auto;
  border: 0;
  border-radius: 0
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .myAccountMenu li {
  width: 100%;
  text-transform: none;
  font-family: "oswald";
  text-align: left;
  border-bottom: 1px solid #e5e5e5
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .myAccountMenu li a {
  font-weight: 400;
  color: #8c9296;
  font-size: 16px;
  padding: 3px 10px
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .myAccountMenu li a em {
  margin-right: 10px;
  font-size: 16px
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .myAccountMenu li:last-child {
  border-bottom: 0
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li .myAccountMenu li:last-child a {
  color: #006b3f
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap>li:first-child {
  width: 105px
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li.cartCountDisplayLi a span.cartCountrefresh {
  display: block
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap li.cartCountDisplayLi a svg {
  width: 35px;
  fill: #fff;
  -ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  position: absolute;
  bottom: 2px;
  left: 5px
}
header .cimm_header .cimm_header_mid .cimm_header_top {
  background: #f7941d;
  border-bottom: 0
}
.cimm_searchWrapper {
  text-align: center;
  position: relative;
  width: 60%;
  float: left;
  margin: 55px 26px
}
.cimm_searchWrapper input[type="text"] {
  border: 1px solid #8c9296;
  height: 44px;
  padding: 20px 7px;
  font-family: "RobotoRegular";
  font-size: 16px;
  letter-spacing: 1px
}
.cimm_searchWrapper .cimm_searchBox {
  border-left: 0
}
.cimm_searchWrapper button.cimm_searchIcon,
.cimm_searchWrapper .cimm_searchIcon.button,
.cimm_searchWrapper .calendarFilterWrap .tableHeader ul.calendarFilterHead li.cimm_searchIcon,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .cimm_searchWrapper li.cimm_searchIcon,
.cimm_searchWrapper .cimm_searchIcon.cimm_inlineButton,
.cimm_searchWrapper .multiTab .multiTabContent .buttonWrap .cimm_searchIcon.btnPrevious,
.multiTab .multiTabContent .buttonWrap .cimm_searchWrapper .cimm_searchIcon.btnPrevious,
.cimm_searchWrapper .multiTab .multiTabContent .buttonWrap .cimm_searchIcon.btnNext,
.multiTab .multiTabContent .buttonWrap .cimm_searchWrapper .cimm_searchIcon.btnNext,
.cimm_searchWrapper .cimm_searchIcon.btnFinish {
  width: 50px;
  float: left;
  border-left: 0;
  height: 44px;
  background: #006b3f;
  color: #fff;
  font-size: 20px;
  padding: 0;
  border-radius: 0
}
.cimm_searchWrapper button.cimm_cateSearchDD,
.cimm_searchWrapper .cimm_cateSearchDD.button,
.cimm_searchWrapper .calendarFilterWrap .tableHeader ul.calendarFilterHead li.cimm_cateSearchDD,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .cimm_searchWrapper li.cimm_cateSearchDD,
.cimm_searchWrapper .cimm_cateSearchDD.cimm_inlineButton,
.cimm_searchWrapper .multiTab .multiTabContent .buttonWrap .cimm_cateSearchDD.btnPrevious,
.multiTab .multiTabContent .buttonWrap .cimm_searchWrapper .cimm_cateSearchDD.btnPrevious,
.cimm_searchWrapper .multiTab .multiTabContent .buttonWrap .cimm_cateSearchDD.btnNext,
.multiTab .multiTabContent .buttonWrap .cimm_searchWrapper .cimm_cateSearchDD.btnNext,
.cimm_searchWrapper .cimm_cateSearchDD.btnFinish {
  width: auto;
  border: 2px solid #8c9296;
  border-right: 0;
  height: 35px;
  background: #006b3f;
  color: #fff;
  font-size: 16px !important;
  border-radius: 0
}
.cimm_searchWrapper button.cimm_cateSearchDD:hover,
.cimm_searchWrapper .cimm_cateSearchDD.button:hover,
.cimm_searchWrapper .calendarFilterWrap .tableHeader ul.calendarFilterHead li.cimm_cateSearchDD:hover,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .cimm_searchWrapper li.cimm_cateSearchDD:hover,
.cimm_searchWrapper .cimm_cateSearchDD.cimm_inlineButton:hover,
.cimm_searchWrapper .multiTab .multiTabContent .buttonWrap .cimm_cateSearchDD.btnPrevious:hover,
.multiTab .multiTabContent .buttonWrap .cimm_searchWrapper .cimm_cateSearchDD.btnPrevious:hover,
.cimm_searchWrapper .multiTab .multiTabContent .buttonWrap .cimm_cateSearchDD.btnNext:hover,
.multiTab .multiTabContent .buttonWrap .cimm_searchWrapper .cimm_cateSearchDD.btnNext:hover,
.cimm_searchWrapper .cimm_cateSearchDD.btnFinish:hover,
.cimm_searchWrapper button.cimm_cateSearchDD:focus,
.cimm_searchWrapper .cimm_cateSearchDD.button:focus,
.cimm_searchWrapper .calendarFilterWrap .tableHeader ul.calendarFilterHead li.cimm_cateSearchDD:focus,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .cimm_searchWrapper li.cimm_cateSearchDD:focus,
.cimm_searchWrapper .cimm_cateSearchDD.cimm_inlineButton:focus,
.cimm_searchWrapper .multiTab .multiTabContent .buttonWrap .cimm_cateSearchDD.btnPrevious:focus,
.multiTab .multiTabContent .buttonWrap .cimm_searchWrapper .cimm_cateSearchDD.btnPrevious:focus,
.cimm_searchWrapper .multiTab .multiTabContent .buttonWrap .cimm_cateSearchDD.btnNext:focus,
.multiTab .multiTabContent .buttonWrap .cimm_searchWrapper .cimm_cateSearchDD.btnNext:focus,
.cimm_searchWrapper .cimm_cateSearchDD.btnFinish:focus {
  border: 2px solid #8c9296;
  border-right: 0;
  background-color: #006b3f;
  color: #fff;
  outline: 0
}
.cimm_searchWrapper button.cimm_cateSearchDD span,
.cimm_searchWrapper .cimm_cateSearchDD.button span,
.cimm_searchWrapper .calendarFilterWrap .tableHeader ul.calendarFilterHead li.cimm_cateSearchDD span,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .cimm_searchWrapper li.cimm_cateSearchDD span,
.cimm_searchWrapper .cimm_cateSearchDD.cimm_inlineButton span,
.cimm_searchWrapper .multiTab .multiTabContent .buttonWrap .cimm_cateSearchDD.btnPrevious span,
.multiTab .multiTabContent .buttonWrap .cimm_searchWrapper .cimm_cateSearchDD.btnPrevious span,
.cimm_searchWrapper .multiTab .multiTabContent .buttonWrap .cimm_cateSearchDD.btnNext span,
.multiTab .multiTabContent .buttonWrap .cimm_searchWrapper .cimm_cateSearchDD.btnNext span,
.cimm_searchWrapper .cimm_cateSearchDD.btnFinish span {
  padding: 3px
}
.cimm_searchWrapper .dropdown-menu li {
  padding: 0 10px
}
.cimm_storeLocator {
  font-family: "oswald"
}
.cimm_storeLocator h6 {
  font-weight: 600;
  font-family: "oswald"
}
.cimm_storeLocator h6 em {
  color: #006b3f;
  font-size: 28px;
  vertical-align: middle
}
.cimm_storeLocator h2 {
  margin: 8px 0;
  font-size: 22px;
  font-family: "RobotoRegular"
}
.cimm_storeLocator h2 span:first-child {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 5px;
  font-weight: 600
}
.cimm_storeLocator h2 span:nth-child(2) {
  text-transform: capitalize;
  letter-spacing: 1px;
  margin-right: 5px;
  font-weight: 500
}
.storeLocator {
  color: #006b3f !important;
  font-family: "oswald";
  text-decoration: underline;
  font-size: 14px;
  font-weight: 600
}
.locationSearchWrap input[type="text"] {
  width: calc(100% - 50px);
  height: 35px
}
.locationSearchWrap button,
.locationSearchWrap .button,
.locationSearchWrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .locationSearchWrap li,
.locationSearchWrap .cimm_inlineButton,
.locationSearchWrap .multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap .locationSearchWrap .btnPrevious,
.locationSearchWrap .multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap .locationSearchWrap .btnNext,
.locationSearchWrap .btnFinish {
  border: 0;
  background: #006b3f;
  color: #fff;
  width: 50px;
  height: 35px
}
.mobiHeader {
  padding: 0;
  background: none !important
}
.mobiHeader .cimm_mobileNavIconWrap button .icon-bar,
.mobiHeader .cimm_mobileNavIconWrap .button .icon-bar,
.mobiHeader .cimm_mobileNavIconWrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li .icon-bar,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .mobiHeader .cimm_mobileNavIconWrap li .icon-bar,
.mobiHeader .cimm_mobileNavIconWrap .cimm_inlineButton .icon-bar,
.mobiHeader .cimm_mobileNavIconWrap .multiTab .multiTabContent .buttonWrap .btnPrevious .icon-bar,
.multiTab .multiTabContent .buttonWrap .mobiHeader .cimm_mobileNavIconWrap .btnPrevious .icon-bar,
.mobiHeader .cimm_mobileNavIconWrap .multiTab .multiTabContent .buttonWrap .btnNext .icon-bar,
.multiTab .multiTabContent .buttonWrap .mobiHeader .cimm_mobileNavIconWrap .btnNext .icon-bar,
.mobiHeader .cimm_mobileNavIconWrap .btnFinish .icon-bar {
  background-color: #006b3f
}
.cimm_MobsignWrap {
  float: right
}
.cimm_MobsignWrap li {
  display: inline-block;
  padding: 3px
}
.cimm_MobsignWrap li .floatBlock {
  float: left
}
.cimm_MobsignWrap li .cimm_mobileNavIconWrap .navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px
}
.cimm_MobsignWrap li .cartCountMob {
  font-size: 16px !important
}
.MobHeaderLabel div .cimm_header_top {
  background-color: #006b3f !important
}
.HeaderNav a {
  color: #fff
}
.cimm_header_topMob {
  position: relative;
  height: 30px;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  background: #006b3f
}
.cimm_header_topMob .cimm_storeLocatorMob h2 {
  font-size: 14px;
  margin-top: 8px !important;
  font-family: "RobotoRegular"
}
.cimm_header_topMob {
  position: relative;
  height: 40px;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  background: #f7941d
}
.cimm_header_topMob .cimm_storeLocatorMob {
  font-family: RobotoRegular
}
.cimm_header_topMob .cimm_storeLocatorMob h2 {
  font-size: 14px;
  margin-top: 12px !important
}
nav.navbar {
  background: #006b3f;
  border-radius: 0;
  min-height: 40px;
  margin: 0;
  border: 0;
  box-shadow: 0 5px 10px 0 #c4c4c4
}
nav.navbar .cimm_nav {
  position: relative
}
nav.navbar .cimm_nav>ul>li {
  display: inline-block;
  text-align: left;
  position: relative
}
nav.navbar .cimm_nav>ul>li.active>a {
  background: #006b3f;
  color: #fff
}
nav.navbar .cimm_nav>ul>li.active>a:hover {
  background: #fff;
  color: #006b3f
}
nav.navbar .cimm_nav>ul>li.active>a:focus {
  color: #006b3f !important
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout {
  position: absolute;
  top: 100%;
  max-height: 0;
  overflow: hidden;
  background: #fff;
  width: 240px;
  z-index: 120;
  -webkit-transition: max-height 300ms ease, width 300ms ease;
  -moz-transition: max-height 300ms ease, width 300ms ease;
  -ms-transition: max-height 300ms ease, width 300ms ease;
  -o-transition: max-height 300ms ease, width 300ms ease;
  transition: max-height 300ms ease, width 300ms ease
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuContainer ul {
  list-style-type: none;
  padding: 1px 0 10px;
  margin: 0;
  box-shadow: 0 5px 10px 0 #c4c4c4
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuContainer ul li {
  font-size: 14px;
  cursor: pointer;
  width: 100%;
  border-bottom: 0 solid #e5e5e5
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuContainer ul li a {
  padding: 1px 20px;
  display: block;
  margin: 0;
  color: #333
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuSection_l1 {
  position: relative;
  top: 0;
  background: #fff;
  width: 240px;
  z-index: 100
}
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_l1 ul>li.active>span a {
  color: #006b3f;
  font-weight: 700
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuSection_l1 ul li.active a {
  padding: 1px 20px;
  display: block;
  margin: 0
}
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_img,
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_imgDefault {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 360px;
  z-index: 98;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top left
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuSection_img .megaMenuImgContainer {
  height: 100%;
  width: 100%
}
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_img .megaMenuImgContainer .img-overlay,
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_img .megaMenuImgDefaultContainer .img-overlay,
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_imgDefault .megaMenuImgContainer .img-overlay,
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_imgDefault .megaMenuImgDefaultContainer .img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.33)
}
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_img .megaMenuImgContainer .img-overlay h6,
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_img .megaMenuImgDefaultContainer .img-overlay h6,
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_imgDefault .megaMenuImgContainer .img-overlay h6,
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_imgDefault .megaMenuImgDefaultContainer .img-overlay h6 {
  color: #fff;
  padding: 10px 30px
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuSection_l1 li a:hover {
  background: #006b3f;
  font-weight: 700
}
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_img .megaMenuImgContainer .img-overlay h3,
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_img .megaMenuImgDefaultContainer .img-overlay h3,
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_imgDefault .megaMenuImgContainer .img-overlay h3,
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_imgDefault .megaMenuImgDefaultContainer .img-overlay h3 {
  color: #fff;
  line-height: 1em;
  letter-spacing: -0.015em;
  text-transform: uppercase;
  padding: 10px 30px
}
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_img .megaMenuImgContainer img,
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_img .megaMenuImgDefaultContainer img,
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_imgDefault .megaMenuImgContainer img,
nav.navbar .cimm_nav>ul>li.dropdown .megaMenuFlyout .megaMenuSection_imgDefault .megaMenuImgDefaultContainer img {
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuSubSec {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 80;
  width: 240px;
  height: 100%;
  background: #fff
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuSubSec .megaMenuContainer {
  border-left: 2px solid #f1f1f1
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuSubSec .megaMenuContainer ul h6 {
  color: #006b3f;
  font-family: RobotoRegular;
  font-weight: 700;
  margin-left: 20px
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuSection_l2 {
  z-index: 90;
  left: 240px
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuSection_l3 {
  z-index: 80;
  left: 240px
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuSection_l4 {
  z-index: 80;
  left: 240px
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout-open {
  width: 240px;
  max-height: 730px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px #000;
  border-radius: 4px
}
nav.navbar .cimm_nav>ul>li.active.dropdown:after {
  content: "";
  speak: none;
  position: absolute;
  z-index: 11;
  font-weight: 400;
  font-size: 24px;
  font-family: "FontAwesome";
  top: 2px;
  right: 20px;
  color: #fff
}
nav.navbar .cimm_nav>ul>li.active.dropdown:hover:after {
  content: "";
  speak: none;
  position: absolute;
  z-index: 11;
  font-weight: 400;
  font-size: 24px;
  font-family: "FontAwesome";
  top: 2px;
  color: #006b3f
}
nav.navbar .cimm_nav>ul>li.active.dropdown:hover .dropdown-menu {
  display: block
}
nav.navbar .cimm_nav>ul>li:hover>a {
  color: #fff
}
nav.navbar .cimm_nav>ul>li:hover .dropdown-menu {
  display: block
}
nav.navbar .cimm_nav>ul>li>a {
  color: #fff;
  text-transform: uppercase;
  padding: 7px 28px;
  white-space: normal;
  letter-spacing: 1px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "oswald";
  font-size: 18px;
  color: #fff
}
nav.navbar .cimm_nav>ul>li>a:hover {
  background: #fff;
  color: #006b3f
}
nav.navbar .cimm_nav>ul>li>a:focus {
  color: #fff !important;
  background: #006b3f
}
nav.navbar .cimm_nav>ul>li>.dropdown-menu {
  background: #fff;
  min-width: 275px
}
nav.navbar .cimm_nav>ul>li>.dropdown-menu li {
  width: 100%;
  border-bottom: 0 solid #e5e5e5
}
nav.navbar .cimm_nav>ul>li>.dropdown-menu li:last-child {
  border: 0
}
nav.navbar .cimm_nav>ul>li>.dropdown-menu li>a {
  padding: 1px 20px;
  display: block;
  margin: 0;
  color: #333
}
nav.navbar .cimm_nav>ul>li>.dropdown-menu li:hover a {
  background: #006b3f;
  color: #fff
}
nav.navbar .cimm_nav>ul>li>.dropdown-menu>ul {
  width: 282px;
  vertical-align: top;
  display: inline-block
}
nav.navbar .container {
  padding: 0
}
nav.navbar .cimm_nav>ul>li.active>a {
  padding: 7px 44px 7px 28px;
  float: left;
  z-index: 1;
  font-weight: 700
}
nav.navbar .cimm_nav>ul>li:last-child .dropdown-menu {
  left: -112px
}
nav.navbar .cimm_nav>ul>li>.dropdown-menu {
  padding: 0
}
nav.navbar .cimm_nav>ul>li>.dropdown-menu li:hover .dropdown-menu {
  left: 100%;
  top: 0;
  border: 0;
  margin: 0
}
nav.navbar .cimm_nav>ul>li>.dropdown-menu.shopbyprod,
nav.navbar .cimm_nav>ul>li>.dropdown-menu.shopbymanuf,
nav.navbar .cimm_nav>ul>li>.dropdown-menu.shopbybrand {
  width: 855px
}
nav.navbar .cimm_nav>ul>li>.dropdown-menu>ul {
  width: 282px
}
nav.navbar .cimm_nav>ul>li>.dropdown-menu>ul>li>a {
  text-transform: capitalize
}
nav.navbar .cimm_nav>ul>li>.dropdown-menu>a {
  font-size: 18px
}
.cimm_leftnav .cimm_filter {
  padding: 0;
  border: 1px solid #a1a1a1
}
.cimm_leftnav .cimm_filter .cimm_filter-block,
.cimm_leftnav .cimm_filter .cimm_search-block {
  background: rgba(0, 0, 0, 0);
  padding: 0;
  margin-bottom: 0;
  border: 0
}
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter-block-title,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title {
  cursor: pointer;
  position: relative;
  background: #8c9296;
  padding: 10px 20px;
  margin: 0;
  text-transform: uppercase;
  font-family: "oswald";
  font-size: 18px;
  color: #fff;
  border: 0
}
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter-block-title.cleatBtn:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title.cleatBtn:after,
.cimm_leftnav .cimm_filter .cimm_filter-block .cleatBtn.cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cleatBtn.cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cleatBtn.cimm_search-block-title:after {
  content: ""
}
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title:after,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title:after {
  speak: none;
  position: absolute;
  z-index: 11;
  font-weight: 400;
  font-size: 18px;
  font-family: "FontAwesome";
  top: 30%;
  right: 0;
  color: #006b3f
}
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter-block-title.collapsed:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title.collapsed:after,
.cimm_leftnav .cimm_filter .cimm_filter-block .collapsed.cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .collapsed.cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .collapsed.cimm_search-block-title:after {
  speak: none;
  position: absolute;
  z-index: 11;
  font-weight: 400;
  font-size: 18px;
  font-family: "FontAwesome";
  top: 30%;
  right: 0;
  color: #006b3f
}
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container .filterTextBox,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container .filterTextBox {
  margin-top: 10px
}
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container .slimScrollDiv,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container .slimScrollDiv {
  margin-top: 10px
}
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container ul li a,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container ul li a,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container ul li label span,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container ul li label span {
  font-family: "oswald";
  font-size: 14px;
  color: #8c9296;
  text-transform: capitalize
}
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title:after {
  content: ""
}
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title:after {
  content: ""
}
.cimm_filter .cimm_filter-block .cimm_refinedMultiFilterResults ol li,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_refinedMultiFilterResults ol li {
  padding: 5px 20px;
  text-transform: capitalize
}
.cimm_filter .cimm_filter-block .cimm_refinedMultiFilterResults ol li span.Refine-value,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_refinedMultiFilterResults ol li span.Refine-value {
  display: block;
  padding-left: 15px
}
.cimm_filter .cimm_filter-block .cimm_filterAttribute .filterTypeTitle,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filterAttribute .filterTypeTitle {
  color: #8c9296;
  font-family: "RobotoRegular";
  font-size: 16px;
  padding: 10px 20px;
  position: relative
}
.cimm_filter .cimm_filter-block .cimm_filter_block-shippingoption,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-shippingoption {
  border-bottom: 1px solid #ccc;
  background: #f5f5f5
}
.cimm_filter .cimm_filter-block .cimm_filter_block-shippingoption .filterTypeTitle,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-shippingoption .filterTypeTitle {
  color: #8c9296;
  font-family: "RobotoRegular";
  font-size: 16px;
  position: relative;
  padding: 15px 15px 0
}
.cimm_filter .cimm_filter-block .cimm_filter_block-shippingoption ul li,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-shippingoption ul li {
  font-family: "oswald"
}
.cimm_filter .cimm_filter-block .cimm_filter-block-title a,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title a,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title a,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title a,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title a {
  display: block;
  color: #fff
}
.cimm_filter .cimm_filter-block .cimm_filter-block-title a .plusToggle,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title a .plusToggle,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title a .plusToggle,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title a .plusToggle,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title a .plusToggle {
  position: absolute;
  right: 20px
}
.cimm_filter .cimm_filter-block .cimm_filter-block-title.category_title,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title.category_title,
.cimm_leftnav .cimm_filter .cimm_filter-block .category_title.cimm_myaccount-block-title,
.cimm_leftnav .cimm_filter .cimm_search-block .category_title.cimm_myaccount-block-title,
.cimm_leftnav .cimm_filter .cimm_search-block .category_title.cimm_search-block-title {
  padding: 10px 20px 10px 50px
}
.cimm_filter .cimm_filter-block .cimm_filter-block-title.category_title a.prevLink,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title.category_title a.prevLink,
.cimm_leftnav .cimm_filter .cimm_filter-block .category_title.cimm_myaccount-block-title a.prevLink,
.cimm_leftnav .cimm_filter .cimm_search-block .category_title.cimm_myaccount-block-title a.prevLink,
.cimm_leftnav .cimm_filter .cimm_search-block .category_title.cimm_search-block-title a.prevLink {
  color: #fff;
  text-transform: capitalize;
  font-family: "oswald";
  position: absolute;
  left: 0;
  font-size: 30px;
  width: 40px;
  display: block;
  top: 0;
  background: #8c9296;
  padding: 0 10px;
  height: 100%
}
.cimm_filter .cimm_filter-block .cimm_filter-block-title.category_title a.prevLink em,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title.category_title a.prevLink em,
.cimm_leftnav .cimm_filter .cimm_filter-block .category_title.cimm_myaccount-block-title a.prevLink em,
.cimm_leftnav .cimm_filter .cimm_search-block .category_title.cimm_myaccount-block-title a.prevLink em,
.cimm_leftnav .cimm_filter .cimm_search-block .category_title.cimm_search-block-title a.prevLink em {
  position: absolute;
  top: 22%
}
.cimm_filter .cimm_filter-block .cimm_filter-block-title+div>ul,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title+div>ul,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title+div>ul,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title+div>ul,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block .cimm_search-block-title+div>ul,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title+div>ul {
  padding: 10px 0
}
.cimm_filter .cimm_filter-block .cimm_filter_block_type-title,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block_type-title {
  color: #8c9296;
  font-family: "oswald";
  font-size: 16px;
  padding: 10px 20px;
  position: relative;
  margin: 0
}
.cimm_filter .cimm_filter-block ul li,
.cimm_leftnav .cimm_filter .cimm_search-block ul li {
  padding: 3px 15px
}
.cimm_filter .cimm_filter-block ul.myAccountLeftMenu li,
.cimm_leftnav .cimm_filter .cimm_search-block ul.myAccountLeftMenu li {
  line-height: 22px
}
.cimm_filter .cimm_filter-block ul.myAccountLeftMenu li em,
.cimm_leftnav .cimm_filter .cimm_search-block ul.myAccountLeftMenu li em {
  width: 26px
}
.cimm_filter .cimm_filter-block .slimScrollBar,
.cimm_leftnav .cimm_filter .cimm_search-block .slimScrollBar {
  width: 11px !important;
  right: 3px !important
}
.cimm_filter ul>li a {
  color: #006b3f
}
footer {
  color: #fff
}
footer .cimm_footer_mid {
  background: #fff;
  min-height: 213px;
  padding: 20px 0;
  font-size: 20px;
  border-top: 1px solid #006b3f
}
footer .cimm_footer_mid .footerCol h5, footer .cimm_footer_mid .footerCol .footerCol_heading {
  font-family: "oswald";
  position: relative;
  font-weight: 500
}
footer .cimm_footer_mid .footerCol h5 a, footer .cimm_footer_mid .footerCol .footerCol_heading a {
  font-family: "oswald";
  text-transform: uppercase;
  color: #8c9296;
  font-size: 20px;
  font-weight: 600
}
footer .cimm_footer_mid .footerCol h5 em, footer .cimm_footer_mid .footerCol .footerCol_heading em {
  display: none;
  position: absolute;
  top: 0;
  right: 10px;
  width: 10px;
  height: 10px;
  color: #006b3f
}
footer .cimm_footer_mid ul li {
  font-size: 16px;
  color: #8c9296;
  line-height: 24px;
  font-family: "RobotoRegular"
}
footer .cimm_footer_mid ul li a {
  font-size: 16px;
  color: #8c9296;
  padding: 3px 0;
  display: block;
  font-family: "RobotoRegular"
}
footer .cimm_footer_mid ul li a.cimm_button {
  padding: 10px;
  font-size: 18px;
  width: 220px;
  margin: 10px 0;
  background: #000;
  text-align: center;
  text-transform: uppercase;
  font-family: "RobotoRegular"
}
footer .cimm_footer_mid .SocialMediaBlock li {
  float: left;
  margin-bottom: 6px;
  margin-right: 5px;
  background-color: #006b3f;
  padding: 5px 14px 10px
}
footer .cimm_footer_mid .SocialMediaBlock li a {
  font-size: 35px
}
footer .cimm_footer_mid .SocialMediaBlock li a em {
  vertical-align: middle
}
footer .cimm_footer_mid .SocialMediaBlock li a i {
  color: #fff;
  font-size: 24px
}
footer .cimm_footer_down {
  background: #fff;
  padding: 10px
}
footer .cimm_footer_down p {
  margin: 0;
  font-size: 12px;
  letter-spacing: 1px;
  color: #006b3f;
  font-family: "RobotoRegular"
}
footer .email_SignUp {
  background-color: #006b3f;
  height: 110px
}
footer .email_SignUp .email_Letter {
  margin: 0 auto
}
footer .email_SignUp .email_Letter p:first-child {
  font-size: 24px;
  font-family: "oswald";
  font-weight: 100;
  letter-spacing: 1px
}
footer .email_SignUp .email_Letter p:nth-child(2) {
  font-size: 23px;
  font-weight: 600;
  line-height: 14px
}
footer .email_SignUp .email_Letter .email_searchBox {
  float: left;
  width: calc(100% - 277px);
  height: 50px;
  padding: 5px 23px;
  font-size: 18px;
  font-family: "RobotoRegular"
}
footer .email_SignUp .signUp_Button {
  width: 200px;
  float: left;
  border: 0;
  border-left: 0;
  border-radius: 2px;
  height: 50px;
  background: #f7941d;
  color: #fff;
  font-size: 24px;
  font-weight: 600
}
.unilog-link {
  color: #006b3f;
  font-size: 12px
}
.cimm_category_bannercont .cimm_category-banners {
  margin-bottom: 20px;
  min-height: 180px;
  border: 1px solid #a1a1a1;
  vertical-align: middle;
  text-align: center;
  line-height: 180px
}
.cimm_category_bannercont .cimm_category-banners .slick-list {
  padding: 0
}
.cimm_ctegory-description {
  text-align: justify
}
.cimm_category-item .cimm_category-itemimage {
  border: 0
}
.cimm_category-item .cimm_category-itemname {
  background: transparent
}
.cimm_category-item .cimm_category-itemimage {
  height: 200px;
  position: relative;
  background: rgba(0, 0, 0, 0)
}
.cimm_category-item .cimm_category-itemimage a {
  display: block
}
.cimm_category-item .cimm_category-itemimage a img {
  height: 180px;
  padding: 2px;
  max-width: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: auto
}
.cimm_category-item .cimm_category-itemname {
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  padding: 10px;
  height: 60px
}
.cimm_category-item .cimm_category-itemname a {
  color: #8c9296;
  font-size: 14px;
  font-family: "oswald";
  letter-spacing: .3px
}
.cimm_category-item .cimm_category-itemname a:hover {
  color: #006b3f;
  text-decoration: underline
}
.cimm_listGridTopControls {
  padding: 15px 0;
  border-bottom: 1px solid #1f2122;
  font-size: 14px
}
.cimm_listGridTopControls .cimm_listGridTopLeftCtrls {
  padding: 10px 0
}
.cimm_listGridTopControls .cimm_listGridTopLeftCtrls div {
  margin-right: 5%
}
.cimm_listGridTopControls .cimm_listGridTopLeftCtrls div:last-child {
  margin-right: 0;
  width: 180px
}
.cimm_listGridTopControls .cimm_listGridTopLeftCtrls div#mulitFilterTrailClone {
  width: 100%
}
.cimm_listGridTopControls .cimm_listGridTopLeftCtrls div .dropdown-toggle {
  color: #fff;
  background: #006b3f
}
.cimm_listGridTopControls .cimm_listGridTopRightCtrls form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  border: 1px solid #8c9296;
  width: 75%
}
.cimm_listGridTopControls .cimm_listGridTopRightCtrls form#ItemsperPageForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 85px;
  padding: 0;
  height: 34px
}
.cimm_listGridTopControls .cimm_listGridTopRightCtrls .bs-caret {
  width: 35px;
  height: 32px;
  display: inline;
  background: #8c9296;
  position: absolute;
  top: 0;
  right: 0
}
.cimm_listGridTopControls .cimm_listGridTopRightCtrls .bootstrap-select>.dropdown-toggle {
  border-radius: 0;
  border: 0;
  font-size: 14px;
  font-family: "oswald";
  padding: 5px 10px;
  height: 31px
}
.cimm_listGridTopControls .cimm_listGridTopRightCtrls .bootstrap-select.btn-group .dropdown-toggle .caret {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  top: 30%;
  right: 12px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}
.cimm_listGridTopControls .cimm_listGridTopRightCtrls .bootstrap-select.btn-group.dropup .dropdown-toggle .caret {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  top: 45%;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg)
}
.listGridContainer .listView {
  width: 100%;
  min-height: 260px;
  border-bottom: 1px solid #555;
  padding: 20px 0
}
.listGridContainer .listView>ul>li {
  float: left
}
.listGridContainer .listView>ul>li.sessionImg {
  width: 28%;
  margin-right: 2%;
  position: relative
}
.listGridContainer .listView>ul>li.sessionImg a {
  display: block
}
.listGridContainer .listView>ul>li.sessionImg a .prodImage {
  width: 100%;
  position: relative;
  height: 220px
}
.listGridContainer .listView>ul>li.sessionImg a .prodImage img {
  height: 220px;
  padding: 2px;
  max-width: 100%;
  display: block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: auto
}
.listGridContainer .listView>ul>li.sessionDesp {
  width: 70%;
  float: left;
  height: 220px;
  position: relative
}
.listGridContainer .listView>ul>li.sessionDesp h3.productTitle {
  margin: 0;
  color: #8c9296;
  font-size: 18px;
  text-transform: uppercase;
  font-family: "oswald"
}
.listGridContainer .listView ul li.sessionDesp h3.productTitle a {
  margin: 0;
  color: #8c9296;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "oswald"
}
.listGridContainer .listView ul li.sessionDesp .listGridItemDesc p {
  line-height: 18px;
  padding: 5px 0;
  font-weight: 500;
  font-size: 14px;
  font-family: "oswald";
  min-height: 60px;
  color: #8c9296
}
.listGridContainer .gridView ul li.sessionDesp h3.productTitle a {
  margin: 0;
  color: #8c9296;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "oswald"
}
.listGridContainer .gridView ul li.sessionDesp .listGridItemDesc p {
  line-height: 18px;
  padding: 5px 0;
  font-weight: 500;
  font-size: 14px;
  font-family: "oswald";
  min-height: 60px;
  color: #8c9296
}
.listGridContainer .listView>ul>li.sessionDesp .listGridItemDesc {
  padding: 10px 0
}
.listGridContainer .listView>ul>li.sessionDesp .itemCountGrid {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 267px
}
.listGridContainer .listView>ul>li.prodModeItemCountGrid,
.listGridContainer .listView>ul>li.productModeItemsDiv,
.listGridContainer .listView>ul>li.productModeItemsDiv {
  width: 100%
}
.listGridContainer .listView>ul>li.sessionDespOne {
  width: 38%;
  margin-right: 2%
}
.listGridContainer .listView>ul>li.sessionDespOne ul li {
  width: 100%;
  float: none;
  font-size: 14px;
  padding: 0 0 2px;
  font-family: "oswald";
  font-weight: 500
}
.listGridContainer .listView>ul>li.sessionDespOne ul li strong {
  font-family: "RobotoRegular"
}
.listGridContainer .listView>ul>li.sessionDespOne ul li strong.availLabel {
  font-size: 14px;
  display: block
}
.listGridContainer .listView>ul>li.sessionDespOne ul li h3.productTitle {
  margin: 0;
  color: #8c9296;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "oswald"
}
.listGridContainer .listView>ul>li.sessionDespOne ul li.restrictionBlock {
  padding: 5px 0
}
.listGridContainer .listView>ul>li.sessionDespOne ul li.restrictionBlock img {
  display: inline-block;
  margin-right: 12px
}
.listGridContainer .listView>ul>li.sessionDespOne ul li.productDesc {
  text-transform: capitalize;
  line-height: 18px;
  font-size: 14px;
  font-family: "oswald";
  margin-bottom: 8px
}
.listGridContainer .listView>ul>li.sessionDespOne ul li a {
  color: #8c9296
}
.listGridContainer .listView>ul>li.sessionDespOne li.reviewSecGrid {
  display: none
}
.listGridContainer .listView>ul>li.sessionDespOne ul.modelPartNumbers {
  margin-bottom: 10px
}
.listGridContainer .listView>ul .selectCompareGroupBlock .itemDetailInfoList {
  width: 100%;
  float: none;
  padding-top: 6px;
  clear: both
}
.listGridContainer .listView>ul .selectCompareGroupBlock .itemDetailInfoList a {
  color: #000;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 400;
  padding-left: 6px;
  text-transform: capitalize;
  position: relative;
  background: #fff;
  border-radius: 10px
}
.listGridContainer .listView>ul .selectCompareGroupBlock .itemDetailInfoList a:after {
  content: "";
  height: 14px;
  width: 14px;
  position: absolute;
  left: -13px;
  top: 1px;
  border: 1px solid #000
}
.listGridContainer .listView>ul .selectCompareGroupBlock .itemDetailInfoList a.active:before {
  width: 0;
  height: 0;
  position: absolute;
  left: 2px;
  top: 5px;
  content: "";
  z-index: 11
}
.listGridContainer .listView>ul>li.sessionDespTwo {
  width: 30%
}
.listGridContainer .listView>ul>li.sessionDespTwo ul {
  margin-top: 20px
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li {
  float: none
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li p {
  float: left;
  margin-right: 30px;
  margin-bottom: 15px
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li p strong {
  font-size: 18px;
  font-family: "oswald"
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li p input {
  width: 60px;
  height: 35px;
  text-align: center
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li p.cimm_priceWrap {
  margin-right: 0
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li .btn-addtocart {
  margin-bottom: 10px
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li div {
  margin-bottom: 10px
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li div.productGroupBtn {
  cursor: pointer;
  position: relative
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li div.productGroupBtn a {
  color: #8c9296
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li div.productGroupBtn a em {
  margin-right: 10px
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li div.productGroupBtn a:hover {
  text-decoration: underline
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li div.productGroupBtn ul {
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  background: #fff;
  border: 1px solid #8c9296
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li div.productGroupBtn ul li {
  width: 100%;
  border-bottom: 1px solid #555
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li div.productGroupBtn ul li:last-child {
  border: 0
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li div.productGroupBtn ul li input {
  height: 35px;
  padding: 10px;
  width: 100%
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li div.productGroupBtn ul li a {
  color: #8c9296;
  text-transform: capitalize;
  display: block;
  padding: 5px
}
.listGridContainer .listView>ul>li.sessionDespTwo ul li div.productGroupBtn ul li a:hover {
  background: #006b3f;
  color: #fff
}
.listGridContainer .gridView {
  width: 33.33%;
  float: left;
  margin: 20px 0;
  border-right: 1px solid #ccc;
  padding: 0 18px;
  height: 855px;
  position: relative
}
.listGridContainer .gridView:nth-child(3n+3) {
  border-right: 0;
  padding-right: 0
}
.listGridContainer .gridView ul li.sessionImg {
  width: 100%;
  position: relative;
  margin-bottom: 10px
}
.listGridContainer .gridView ul li.sessionImg a {
  display: block
}
.listGridContainer .gridView ul li.sessionImg a .prodImage {
  width: 100%;
  position: relative;
  height: 220px
}
.listGridContainer .gridView ul li.sessionImg a .prodImage img {
  height: 220px;
  padding: 2px;
  max-width: 100%;
  display: block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: auto
}
.listGridContainer .gridView ul li.sessionDesp {
  width: 100%;
  height: 340px
}
.listGridContainer .gridView ul li.sessionDesp h3.productTitle {
  margin: 0;
  color: #8c9296;
  font-size: 18px;
  text-transform: uppercase;
  font-family: "oswald"
}
.listGridContainer .gridView ul li.sessionDesp .listGridItemDesc {
  padding: 10px 0
}
.listGridContainer .gridView ul li.sessionDesp .itemCountGrid {
  display: block;
  position: absolute;
  bottom: 32px;
  width: 220px;
  transform: translate(10px, 10px)
}
.listGridContainer .gridView ul li.prodModeItemCountGrid,
.listGridContainer .gridView ul li.productModeItemsDiv,
.listGridContainer .gridView ul li.productModeItemsDiv {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  left: 0
}
.listGridContainer .gridView ul li.prodModeItemCountGrid .itemDetailInfoList,
.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList,
.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList {
  background: #006b3f;
  width: 180px;
  margin: 0 auto;
  padding: 10px
}
.listGridContainer .gridView ul li.prodModeItemCountGrid .itemDetailInfoList a,
.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList a,
.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList a {
  color: #fff;
  font-family: "oswald";
  letter-spacing: 1px;
  text-transform: uppercase
}
.listGridContainer .gridView ul li.prodModeItemCountGrid .itemDetailInfoList a:after,
.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList a:after,
.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList a:after {
  content: "";
  height: 14px;
  width: 14px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 1px;
  border: 1px solid #000
}
.listGridContainer .gridView ul li.prodModeItemCountGrid .itemDetailInfoList a.active:before,
.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList a.active:before,
.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList a.active:before {
  width: 0;
  height: 0;
  border-top: 7px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  left: 2px;
  top: 5px;
  content: "";
  z-index: 11
}
.listGridContainer .gridView ul li.prodModeItemCountGrid .itemCountList,
.listGridContainer .gridView ul li.productModeItemsDiv .itemCountList,
.listGridContainer .gridView ul li.productModeItemsDiv .itemCountList {
  display: none
}
.listGridContainer .gridView ul li.sessionDespOne ul li {
  width: 100%;
  float: none;
  font-size: 12px;
  padding: 0 0 0px;
  font-family: "oswald";
  font-weight: 500
}
.listGridContainer .gridView ul li.sessionDespOne ul li strong {
  font-family: "RobotoRegular"
}
.listGridContainer .gridView ul li.sessionDespOne ul li strong.availLabel {
  font-size: 14px;
  display: block
}
.listGridContainer .gridView ul li.sessionDespOne ul li h3.productTitle {
  margin: 0;
  color: #8c9296;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "oswald"
}
.listGridContainer .gridView ul li.sessionDespOne ul li.productAvailablility {
  /* height: 110px */
}
.listGridContainer .gridView ul li.sessionDespOne ul li.restrictionBlock {
  padding: 5px 0
}
.listGridContainer .gridView ul li.sessionDespOne ul li.restrictionBlock img {
  display: inline-block;
  margin-right: 12px
}
.listGridContainer .gridView ul li.sessionDespOne ul li.productDesc {
  text-transform: capitalize;
  line-height: 18px;
  font-size: 14px;
  font-family: "oswald";
  min-height: 60px;
  color: #8c9296
}
.listGridContainer .gridView ul li.sessionDespOne ul li a {
  color: #8c9296
}
.listGridContainer .gridView ul li.sessionDespOne .modelPartNumbers {
  height: 60px;
  margin-bottom: 10px
}
.listGridContainer .gridView ul li.sessionDespOne .modelPartNumbers li {
  padding: 0 0 2px
}
.listGridContainer .gridView ul li.sessionDespTwo ul li {
  float: none
}
.listGridContainer .gridView ul li.sessionDespTwo ul li.productQty {
  min-height:47px;
}
.listGridContainer .gridView ul li.sessionDespTwo ul li p {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px
}
.listGridContainer .gridView ul li.sessionDespTwo ul li p strong {
  font-size: 18px;
  font-family: "oswald"
}
.listGridContainer .gridView ul li.sessionDespTwo ul li p input {
  width: 60px;
  height: 35px;
  text-align: center
}
.listGridContainer .gridView ul li.sessionDespTwo ul li p.cimm_priceWrap {
  margin-right: 0
}
.listGridContainer .gridView ul li.sessionDespTwo ul li .btn-addtocart {
  margin-bottom: 5px
}
.listGridContainer .gridView ul li.sessionDespTwo ul li div {
  margin-bottom: 0px
}
.listGridContainer .gridView ul li.sessionDespTwo ul li div.promoDiv {
  margin-bottom: 0;
  clear: both
}
.listGridContainer .gridView ul li.sessionDespTwo ul li div.promoDiv p {
  float: none !important
}
.listGridContainer .gridView ul li.sessionDespTwo ul li div.productGroupBtn {
  cursor: pointer;
  position: relative
}
.listGridContainer .gridView ul li.sessionDespTwo ul li div.productGroupBtn a {
  color: #8c9296
}
.listGridContainer .gridView ul li.sessionDespTwo ul li div.productGroupBtn a strong {
  margin-right: 10px
}
.listGridContainer .gridView ul li.sessionDespTwo ul li div.productGroupBtn a:hover {
  text-decoration: underline
}
.listGridContainer .gridView ul li.sessionDespTwo ul li div.productGroupBtn ul {
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  background: #fff;
  border: 1px solid #555
}
.listGridContainer .gridView ul li.sessionDespTwo ul li div.productGroupBtn ul li {
  width: 100%;
  border-bottom: 1px solid #eee
}
.listGridContainer .gridView ul li.sessionDespTwo ul li div.productGroupBtn ul li:last-child {
  border: 0
}
.listGridContainer .gridView ul li.sessionDespTwo ul li div.productGroupBtn ul li input {
  height: 35px;
  padding: 10px;
  width: 100%
}
.listGridContainer .gridView ul li.sessionDespTwo ul li div.productGroupBtn ul li a {
  color: #8c9296;
  text-transform: capitalize;
  display: block;
  padding: 5px
}
.listGridContainer .gridView ul li.sessionDespTwo ul li div.productGroupBtn ul li a:hover {
  background: #006b3f;
  color: #fff
}
.listGridContainer .gridView ul li.sessionDespTwo ul li.reviewSecList {
  display: none
}
.listGridContainer .gridView:after {
  content: "";
  width: 100%;
  height: 1px;
  /* background: #ccc; */
  position: absolute;
  bottom: -20px;
  left: 0
}
.listGridContainer .cimm_productModeDetailWrap ul li {
  float: none
}
.cimm_mainContentEnclosure .row .container {
  width: 100%
}
.assignedStaticPageWrap {
  height: 210px;
  overflow: hidden;
  position: relative
}
.assignedStaticPageWrap .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  cursor: pointer;
  z-index: 5;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.59) 46%, #fff 78%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(46%, rgba(255, 255, 255, 0.59)), color-stop(78%, #fff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.59) 46%, #fff 78%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.59) 46%, #fff 78%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.59) 46%, #fff 78%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.59) 70%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}
.assignedStaticPageWrap .overlay:after {
  font-family: FontAwesome;
  content: "\f103 Show More";
  color: #46acee;
  font-size: 16px;
  position: absolute;
  left: 45%;
  bottom: 20px
}
.assignedStaticPageWrap .recal_overlay:after {
  font-family: FontAwesome;
  content: "\f102 Show Less";
  color: #46acee;
  font-size: 16px
}
.multiTab.searchPage .cimm_page-title {
  text-transform: capitalize;
  margin: 10px 0;
  line-height: 30px
}
.multiTab.searchPage>ul.multiTabHeading {
  z-index: 0
}
.multiTab.searchPage>ul.multiTabHeading>li {
  border: 1px solid #8c9296;
  border-bottom: 0
}
.multiTab.searchPage>ul.multiTabHeading>li a {
  font-size: 16px;
  font-family: "RobotoRegular";
  background: 0;
  color: #8c9296;
  text-transform: uppercase;
  position: relative
}
.multiTab.searchPage>ul.multiTabHeading>li a.active {
  color: #fff;
  z-index: 10;
  background: #8c9296
}
.multiTab.searchPage .multiTabContent {
  /*border-top: 1px solid #1f2122;*/
  overflow: visible
}
.multiTab.searchPage .multiTabContent>div {
  border: 0;
  padding: 0
}
.productAvailablility .storeLocator {
  font-size: 12px
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image {
  width: 450px;
  height: 400px;
  float: right;
  text-align: center;
  position: relative;
  margin: 0 auto
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image img {
  max-height: 400px !important;
  position: absolute;
  max-width: 100%;
  top: 60%;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2px;
  margin: auto
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer a.imgEnlargeIcon {
  position: absolute;
  top: 4px;
  right: 4%;
  color: #006b3f;
  font-size: 24px;
  z-index: 2
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist {
  float: left;
  width: 100px
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .cimm_slideItemImg {
  width: 100px;
  height: 100px;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 0
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .cimm_slideItemImg a {
  border: 0
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .cimm_slideItemImg a img {
  max-width: 100%;
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 198px
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-prev {
  top: 8px;
  left: 35px
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-prev::before {
  content: "\f106"
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-next:before {
  content: "\f107"
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-next {
  top: 100%;
  left: 35px
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-prev,
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-next {
  width: 30px;
  height: 35px
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-prev:before,
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-next:before {
  font-size: 33px
}
.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .cimm_brandTitle {
  margin: 0;
  float: left;
  margin-right: 15px;
  color: #8c9296;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "oswald"
}
.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .detailreview {
  float: left
}
.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap {
  float: right
}
.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap>a {
  color: #555;
  margin: 0 3px;
  vertical-align: middle;
  font-size: 16px
}
.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap a#sharePageTrigger:hover+ol {
  display: block
}
.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol {
  position: absolute;
  background: #fff;
  z-index: 2;
  padding: 4px;
  top: 28px;
  right: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px
}
.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol.sharePageWrap {
  width: 0;
  overflow: hidden;
  padding: 0
}
.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol.sharePageWrap.sharePageWrapTog {
  box-shadow: 0 0 6px 1px #ccc;
  padding: 6px 4px 4px 6px;
  width: 79px;
  overflow: visible;
  -webkit-transition: scale .1s ease-in-out;
  -moz-transition: scale .1s ease-in-out;
  -ms-transform: scale .1s ease-in-out;
  -o-transition: scale .1s ease-in-out;
  transition: scale .1s ease-in-out
}
.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol li {
  line-height: 20px
}
.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol li a,
.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol li div {
  display: block;
  padding: 4px 2px
}
.cimm_itemdetail .cimm_itemDescription .detailreview_printWrap {
  padding: 10px 0
}
.cimm_itemdetail .cimm_prodDetailTitle {
  margin: 0;
  padding: 5px 0;
  font-size: 22px;
  line-height: 26px;
  font-family: "oswald";
  text-transform: capitalize
}
.cimm_itemdetail .cimm_itemShortDesc {
  line-height: 22px;
  padding: 3px 0
}
.cimm_itemdetail ul li {
  padding: 3px 0;
  font-size: 14px
}
.cimm_itemdetail ul li.FilterSelection {
  background-color: rgba(221, 221, 221, 0.568627);
  padding: 10px 20px
}
.cimm_itemdetail ul li .filterSelOptions {
  float: left;
  width: auto;
  margin-bottom: 20px;
  padding: 0;
  margin-right: 5%
}
.cimm_itemdetail ul li .bs-caret {
  width: 35px;
  height: 32px;
  display: inline;
  background: #555;
  position: absolute;
  top: 0;
  right: 0
}
.cimm_itemdetail ul li .caret {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  top: 30% !important;
  right: 12px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}
.cimm_itemdetail ul li strong {
  font-family: "oswald"
}
.cimm_itemdetail ul li.quantityWrap strong {
  font-size: 20px;
  float: left;
  margin: 0 15px 15px 0
}
.cimm_itemdetail ul li.quantityWrap span a {
  background: #eee;
  padding: 5px 10px;
  float: left;
  height: 30px;
  border: 1px solid #8c9296;
  cursor: pointer
}
.cimm_itemdetail ul li.quantityWrap span a em {
  color: #555;
  font-size: 16px
}
.cimm_itemdetail ul li.quantityWrap span a+.quantity {
  border-left: 0;
  border-right: 0
}
.cimm_itemdetail ul li.quantityWrap span input {
  float: left;
  width: 60px;
  text-align: center;
  height: 30px;
  border-top: 1px solid #8c9296;
  border-bottom: 1px solid #8c9296;
  border-width: 1px;
  border-style: ridge;
  font-weight: 700;
  font-size: 18px
}
.cimm_itemdetail ul li.detailButtonWrap div {
  width: 240px;
  margin-right: 30px;
  float: left;
  margin-bottom: 15px
}
.cimm_itemdetail ul li.detailButtonWrap div a:not(.popMsg) {
  display: block
}
.cimm_itemdetail ul li.detailButtonWrap div a[data-toggle="modal"],
.cimm_itemdetail ul li.detailButtonWrap div a[data-toggle="dropdown"] {
  height: 35px;
  padding: 5px 7px;
  font-size: 18px;
  text-decoration: none;
  font-weight: 600
}
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn,
.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn {
  border: 3px solid #8c9296;
  text-align: center;
  font-family: "RobotoRegular";
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  position: relative
}
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul,
.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul {
  width: 100%;
  padding: 5px
}
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li,
.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li {
  width: 100%;
  border-bottom: 1px solid #eee;
  text-align: left
}
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li label,
.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li label {
  width: 100%
}
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li:last-child,
.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li:last-child {
  border: 0
}
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li.alignCenter,
.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li.alignCenter {
  text-align: center
}
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li input,
.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li input {
  height: 35px;
  padding: 10px;
  width: 100%
}
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li a,
.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li a {
  color: #8c9296;
  text-transform: capitalize;
  display: block;
  padding: 5px
}
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li a:hover,
.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li a:hover {
  background: #006b3f;
  color: #fff
}
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn:hover,
.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn:hover {
  background: #8c9296
}
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn:hover .dropdown-toggle,
.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn:hover .dropdown-toggle {
  color: #fff
}
.documentStack li {
  display: inline-block;
  margin: 0 10px
}
.documentStack li strong {
  display: block;
  text-align: center
}
.descBody li {
  list-style: none
}
.descBody li span {
  word-break: break-all
}
#specificationSection tr td {
  vertical-align: top
}
.hidden {
  display: none
}
.eventCalendar-wrap {
  position: relative;
  overflow: hidden
}
.eventCalendar-wrap .arrow {
  position: absolute;
  z-index: 5;
  top: 3px
}
.eventCalendar-wrap .prev {
  left: 0
}
.eventCalendar-wrap .prev:after {
  content: "\f0d9";
  font-family: fontAwesome;
  position: absolute;
  top: 5px;
  left: 18px;
  color: #fff;
  font-size: 24px
}
.eventCalendar-wrap .next {
  right: 0
}
.eventCalendar-wrap .next:after {
  content: "\f0da";
  font-family: fontAwesome;
  position: absolute;
  top: 5px;
  left: 18px;
  color: #fff;
  font-size: 24px
}
.eventsCalendar-currentTitle .monthTitle {
  display: block;
  text-align: center
}
.eventsCalendar-monthWrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100% !important
}
.eventsCalendar-monthWrap.currentMonth {
  z-index: 1;
  overflow: hidden
}
.eventsCalendar-daysList {
  display: table;
  width: 100%
}
.eventsCalendar-daysList.showAsWeek {
  display: block
}
.eventsCalendar-daysList li {
  display: table-cell
}
.eventsCalendar-daysList li a {
  padding: 0;
  display: block;
  text-align: center;
  min-width: 7px
}
.eventsCalendar-daysList.showAsWeek li {
  display: block;
  float: left;
  width: 14.28%;
  height: 20px
}
.eventsCalendar-loading {
  display: block;
  min-width: 100px;
  height: 40px;
  line-height: 40px
}
.eventsCalendar-list {
  position: relative;
  z-index: 1
}
.eventsCalendar-list.oldEventList {
  z-index: 2
}
.eventsCalendar-subtitle {
  padding-left: 5px;
  font-weight: 700;
  font-size: 120%
}
.eventsCalendar-daysList.showAsWeek li.eventCalendar-current {
  background: #006b3f
}
.eventsCalendar-daysList.showAsWeek li.eventCalendar-current a {
  color: #fff
}
.calendarFilterWrap {
  width: 75%;
  float: left;
  margin-left: 1%
}
.calendarFilterWrap .tableHeader {
  background: #e5e5e5
}
.calendarFilterWrap .tableHeader h2 {
  margin: 0;
  color: #8c9296;
  font-size: 14px;
  padding: 0 15px;
  line-height: 45px
}
.calendarFilterWrap .tableHeader ul.calendarFilterHead li {
  float: left;
  background: #a1a1a1;
  border-left: 2px solid #e5e5e5;
  width: 100px
}
.calendarFilterWrap .tableHeader ul.calendarFilterHead li:hover,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li.active {
  background: #006b3f;
  color: #fff
}
.calendarFilterWrap .tableHeader ul.calendarFilterHead li label {
  margin: 0;
  display: block;
  cursor: pointer
}
.calendarFilter h4 {
  margin: 3px 0;
  color: #006b3f
}
.calendarFilter h4 a {
  color: #006b3f
}
.calendarFilter ul li {
  margin: 8px 0;
  border-top: 1px solid #9e9a9a;
  padding: 4px 0 0 20px
}
.calendarFilter .calendarFilterHead {
  color: #006b3f
}
.calendarFilter .calendarFilterHead h2 {
  margin: 10px 0 6px;
  font-size: 16px;
  display: inline-block;
  position: relative;
  margin-right: 15px
}
.calendarFilter h2>i.left {
  position: absolute;
  left: 0;
  top: 3px
}
.calendarFilter h2>i.right {
  position: absolute;
  right: 0;
  top: 3px
}
.calendarFilter h5 {
  color: #006b3f;
  font-size: 15px;
  border-top: 1px solid #eee;
  padding-top: 5px
}
.calendarFilter span.pull-right {
  color: #006b3f;
  font-size: 14px;
  margin-top: 4px
}
.eventsCalendar-list-wrap h2 {
  margin: 0;
  border-bottom: 1px solid #eee;
  color: #006b3f;
  text-transform: uppercase
}
.eventsCalendarHead {
  width: 100%;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  color: #006b3f
}
.cimm_subTitleev {
  font-size: 14px;
  height: 30px
}
.cimm_subTitleev h2 {
  float: left;
  font-size: 18px;
  margin: 0
}
.cimm_shownev {
  font-size: 14px
}
.cimm_shownev a {
  text-decoration: underline
}
.cimm_shownev a i {
  padding: 0 5px 0 0
}
.eventsSidebar {
  background: #eee;
  color: #000;
  padding: 10px
}
.eventRightContent h3 {
  margin: 0 0 10px;
  color: #006b3f
}
ul.eventInfoBlock li {
  padding: 3px 0
}
form#eventForm h2 {
  color: #006b3f
}
.eventRightContent p a.mailtoLink {
  color: #006b3f;
  font-size: 14px
}
.eventRightContent p a {
  color: #006b3f
}
#events_Table_wrapper #events_Table_filter {
  display: none
}
#events_Table_wrapper .dataTables_length {
  display: none
}
#events_Table_wrapper #events_Table td:nth-child(2) {
  width: 41%
}
#events_Table_wrapper #events_Table td.calendarDetail {
  text-align: right
}
#location,
#events_Table_wrapper .dataTables_info,
#events_Table_wrapper .dataTables_paginate {
  display: none
}
.group td a:not(.cimm_inlineButton) {
  color: #006b3f
}
#events_Table_wrapper #events_Table td.calendarDetail a {
  color: #fff;
  display: block
}
#events_Table_wrapper #events_Table td p {
  margin: 5px 0 0
}
#events_Table_wrapper #events_Table td.sorting_1 p.allEvent {
  font-size: 16px
}
#events_Table_wrapper #events_Table td span.location a,
#events_Table_wrapper #events_Table td span.location {
  color: #006b3f;
  font-size: 14px;
  margin: 5px 0 8px;
  display: block
}
#events_Table_wrapper #events_Table .group td {
  color: #006b3f;
  font-size: 15px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 8px 0;
  display: table-cell;
  font-weight: 600
}
#events_Table_wrapper #events_Table td {
  border: 0;
  padding: 10px 15px;
  border-bottom: 1px solid #ccc
}
#events_Table_wrapper #events_Table th {
  background: #2e3b44;
  color: #f6ec3a;
  border-right: 1px solid #fff;
  font-size: 14px;
  display: none
}
.eventCalendar-wrap {
  z-index: 0;
  width: 100%;
  float: left;
  font-size: 14px
}
.eventCalendar-wrap .arrow {
  text-decoration: none;
  color: #fff;
  line-height: 28px;
  width: 45px;
  height: 45px;
  top: 0;
  padding: 11px;
  background: #006b3f
}
.eventCalendar-wrap .arrow:hover {
  opacity: .7
}
.eventCalendar-wrap .arrow span {
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  float: left;
  text-indent: -5000px
}
.eventCalendar-wrap .arrow.prev span {
  border-left-width: 0;
  border-right: 6px solid #fff
}
.eventsCalendar-slider {
  height: 235px !important;
  width: 24%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px
}
.eventsCalendar-currentTitle {
  line-height: 45px;
  background: #006b3f;
  margin: 0 0 2px
}
.eventsCalendar-currentTitle .monthTitle {
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-family: "RobotoRegular";
  text-transform: uppercase;
  letter-spacing: 1px
}
.eventsCalendar-daysList {
  zoom: 1;
  padding: 0;
  width: 100%
}
#events_Table_wrapper #events_Table td p a:hover,
.eventsDetail_Calendar-list li div p a:hover {
  color: #006b3f
}
.eventsCalendar-daysList:before,
.eventsCalendar-daysList:after {
  content: "";
  display: table
}
.eventsCalendar-daysList:after {
  clear: both
}
.eventsCalendar-day-header {
  text-align: center;
  background: #fff;
  color: #006b3f;
  padding: 4px 0;
  margin-bottom: 3px !important
}
.eventsCalendar-daysList.showAsWeek li {
  font-weight: 700;
  height: auto;
  margin: 0
}
.eventsCalendar-daysList.showAsWeek li.empty {
  min-height: 20px
}
.eventsCalendar-day a {
  text-decoration: none;
  color: #000
}
.showAsWeek .eventsCalendar-day {
  border-left-width: 0
}
.showAsWeek .eventsCalendar-day a {
  line-height: 22px;
  color: #000;
  font-weight: 400
}
.eventsCalendar-day a:hover {
  background: #ccc
}
.eventsCalendar-daysList li.dayWithEvents a {
  color: #006b3f;
  font-weight: 700
}
li.eventsCalendar-day.dayWithEvents a:hover {
  background: #e5e5e5;
  color: #000
}
li.eventsCalendar-day.current a:hover {
  background-color: #006b3f;
  color: #fff
}
.eventsCalendar-loading {
  border-radius: 4px;
  margin: 5px auto;
  padding: 0 10px;
  background-color: #aec5d6;
  color: #fff;
  width: 200px;
  text-align: center;
  font-weight: 400;
  box-shadow: 0 0 10px #ccc;
  text-shadow: 0 0 3px #aaa;
  z-index: 4
}
.eventsCalendar-loading.error {
  background-color: #ee3426
}
.eventsCalendar-subtitle {
  padding-top: 10px;
  color: #2f4d9c
}
.goingEvents {
  width: 22.5%;
  float: right;
  margin-left: 2.5%;
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
  display: none
}
.eventsCalendar-list-content.scrollable {
  height: 100px;
  overflow-y: auto;
  margin: 0 5px 5px 0
}
.eventsCalendar-list {
  margin: 0;
  padding: 0;
  list-style-type: none
}
.eventsCalendar-list li {
  padding: 0 0 5px;
  margin: 0;
  clear: both;
  border-top: 1px solid #eee
}
.eventsDetail_Calendar-list li:first-child {
  border: 0
}
.eventsCalendar-list li time {
  line-height: 20px;
  margin: 10px 0
}
.eventsCalendar-list li time em {
  color: #006b3f;
  font-weight: 700;
  padding-bottom: 10px;
  font-style: normal
}
.eventsCalendar-list li time small {
  font-size: 10px;
  float: left;
  background-color: #807e7e;
  color: #fff;
  padding: 0 5px 0 4px;
  margin: 0 0 0 3px
}
.eventsCalendar-list li .eventTitle {
  color: #006b3f;
  margin: 4px 0 0;
  font-size: 15px
}
.eventsCalendar-list li .eventDesc {
  clear: both;
  font-size: 90%;
  line-height: 1.5em
}
.eventsCalendar-list .eventsCalendar-noEvents {
  font-size: 120%;
  border-radius: 4px;
  margin: 5px;
  padding: 5px;
  background-color: #6873b7;
  color: #fff;
  text-align: center;
  font-weight: 400;
  text-shadow: 0 0 3px #aaa
}
.eventsCalendar-list-content {
  margin-top: 15px
}
.eventsDetail_Calendar-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important
}
.eventsDetail_Calendar-list li div {
  padding: 5px 0 !important
}
.eventsDetail_Calendar-list li div ul {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  color: #000 !important
}
.eventsDetail_Calendar-list li time {
  margin: 10px 0 !important
}
.eventsDetail_Calendar-list li time small {
  font-size: 10px !important;
  float: left !important;
  background-color: #807e7e !important;
  color: #fff !important;
  padding: 0 5px 0 4px !important;
  margin: 0 0 0 3px !important
}
.eventsDetail_Calendar-list li .eventDetail_Title {
  display: block !important;
  clear: both !important;
  color: #0061aa !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin: 10px 0 !important
}
.eventsDetail_Calendar-list li .eventDetail_Title:hover {
  text-decoration: underline !important
}
.eventsDetail_Calendar-list li .eventDetail_Desc {
  clear: both !important;
  margin: 4px 0 5px !important;
  font-size: 80% !important;
  line-height: 1.5em !important
}
.eventsDetail_Calendar-list .eventsDetail_Calendar-noEvents {
  font-size: 120% !important;
  border-radius: 4px !important;
  margin: 5px !important;
  padding: 5px !important;
  background-color: #ccc !important;
  color: #fff !important;
  text-align: center !important;
  font-weight: 700 !important;
  box-shadow: 0 0 10px #ccc !important;
  text-shadow: 0 0 3px #aaa !important
}
.features li {
  margin-bottom: 3px
}
#thanksPanel li {
  margin-bottom: 0
}
#introPanel {
  padding-top: 20px
}
.poweredBy img {
  float: left;
  margin-right: 3px
}
.poweredBy .data {
  float: left
}
.poweredBy .name {
  font-weight: 700;
  color: #444;
  text-decoration: none;
  display: block;
  margin-top: 28px
}
.poweredBy .twitter {
  text-decoration: none;
  display: block;
  float: left
}
.features {
  padding-left: 20px;
  float: left
}
#appLogo {
  margin-right: 30px
}
pre {
  clear: both;
  background-color: #ffc;
  padding: 5px;
  border: solid 1px #fed17e;
  overflow: auto
}
#license {
  width: 300px;
  float: right;
  font-size: 10px;
  line-height: 12px;
  text-align: center
}
.eventCalendar-wrap .moreEvents {
  text-transform: uppercase
}
input[type="password"]::-ms-reveal {
  display: none
}
@media(max-width:768px) {
  .goingEvents {
    width: 49%;
    float: right;
    margin-left: 0
  }
.eventsCalendar-slider {
  width: 100%
}
.calendarFilterWrap {
  width: 100%;
  float: none;
  margin-left: 0;
  clear: both
}
}
@media(max-width:480px) {
  .goingEvents,
  .eventsCalendar-slider {
    width: 100%;
    float: none
  }
}
.upcomingEvents a {
  color: #006b3f
}
.upcomingEvents h3:hover {
  text-decoration: underline
}
.cimm_slide,
#slideLeft {
  position: absolute;
  top: 20px;
  left: 0;
  height: calc(100% - 40px);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 100%;
  background: #fff;
  opacity: 1;
  overflow: auto;
  padding: 0 20px;
  z-index: 112
}
.cimm_slide h2,
#slideLeft h2 {
  padding: 12px 30px;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-size: 24px;
  font-weight: 200;
  margin: 0;
  color: #8c9296
}
.cimm_slide h2 em,
#slideLeft h2 em {
  position: absolute;
  left: 5px;
  color: #bdbdbd
}
.cimm_slide li,
#slideLeft li {
  position: relative
}
.cimm_slideWrap {
  width: 200px;
  position: relative;
  height: 150px;
  overflow: hidden
}
.moveRight.cimm_slide,
.moveRight#slideLeft {
  left: 100%;
  opacity: 0;
  visibility: hidden
}
.moveLeft.cimm_slide,
.moveLeft#slideLeft {
  left: -100%;
  opacity: 0;
  visibility: hidden
}
.cimm_slideIconWrap {
  position: absolute;
  height: 25px;
  width: 25px;
  left: 20px;
  top: 30px;
  pointer-events: none
}
.cimm_slideMobileNavIcon {
  height: 25px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 113
}
.cimm_slideMobileNavIcon a {
  height: 25px;
  width: 25px;
  position: absolute;
  left: 0;
  bottom: 0
}
.cimm_slideMobileNavIcon span {
  display: block;
  position: absolute;
  top: 13px;
  right: 0;
  height: 2px;
  width: 25px;
  background: #444;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.cimm_slideMobileNavIcon span:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 25px;
  height: 2px;
  background-color: #444;
  top: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}
.cimm_slideMobileNavIcon span.active {
  top: 20px;
  right: 8px;
  width: 12px
}
.cimm_slideMobileNavIcon span.active:after {
  left: -6px;
  top: -6px;
  width: 12px
}
.sleekNavigationLinks {
  width: 300px;
  position: fixed;
  z-index: 10000;
  bottom: 0;
  top: 0;
  left: -450px;
  transition: .5s ease;
  -ms-transition: .5s ease;
  -moz-transition: .5s ease;
  -webkit-transition: .5s ease;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  background: #fff
}
.sleekNavigationLinks ul {
  margin: 0;
  padding: 0;
  background: #fff;
  height: calc(100% - 80px);
  overflow-x: auto
}
.sleekNavigationLinks ul li {
  position: relative;
  margin: 0;
  padding: 0
}
.sleekNavigationLinks ul li a {
  font-size: 14px;
  display: block;
  padding: 10px 40px 10px 5px;
  color: #8c9296
}
.sleekNavigationLinks ul li a:hover em {
  padding: 10px 8px 10px 12px;
  color: #000;
  right: 0
}
.sleekNavigationLinks ul li a em {
  position: absolute;
  right: 4px;
  padding: 10px 8px;
  top: 4px;
  cursor: pointer;
  transition: padding .25s ease, right .25s ease
}
.sleekNavigationLinks ul li em {
  position: absolute;
  top: 0;
  right: 0;
  color: #8c9296;
  padding: 14px 10px 14px 14px
}
.sleekNavigationLinks ul li ul {
  display: none
}
.sleekNavigationLinks ul li.myAccountList ul {
  display: block
}
.sleekNavigationLinks ul li.menuHead {
  background: #444;
  color: #fff;
  margin: 0;
  padding: 8px 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600
}
#slideLeft {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  background: #fff;
  padding: 10px;
  transition: cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: left .5s cubic-bezier(0.2, 0.05, 0.05, 0.8);
  height: 100%;
  overflow: auto
}
#slideLeft h2 {
  text-align: left
}
#slideLeft.active {
  left: 0
}
#map_canvas {
  width: 100%;
  top: -100%
}
.locationZipcode {
  width: 100%;
  margin-bottom: 20px
}
.locationZipcode input {
  float: left;
  height: 34px;
  padding: 5px 10px;
  width: 50%
}
.locationZipcode select,
.locationZipcode .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  float: left;
  width: 35%
}
.locationZipcode .button,
.locationZipcode .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .locationZipcode li,
.locationZipcode .cimm_inlineButton,
.locationZipcode .multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap .locationZipcode .btnPrevious,
.locationZipcode .multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap .locationZipcode .btnNext,
.locationZipcode .btnFinish {
  float: left;
  height: 34px;
  min-width: auto;
  font-size: 13px;
  padding: 6px 10px;
  width: 15%;
  background: #8c9296
}
.labelWrap {
  float: left;
  width: 95px;
  margin: 6px 15px 0 0;
  text-align: right
}
.inputWrap {
  float: left;
  width: calc(100% - 110px)
}
.inputWrap input {
  width: 100%;
  padding: 5px
}
.locationSearch+a {
  color: #006b3f;
  text-decoration: underline;
  display: block;
  text-align: right;
  margin: 14px 0
}
.location-search input {
  height: 34px;
  padding: 5px 10px;
  float: left;
  margin-right: 3px
}
.location-search .cimm_inlineButton {
  height: 34px;
  display: inline-block
}
.locationDataWrap .store-list>li {
  padding: 10px 0;
  border-bottom: 1px solid #555
}
.locationDataWrap .store-list>li:first-child {
  padding: 0 0 10px
}
.locationDataWrap .store-list>li div {
  cursor: pointer;
  color: #006b3f;
  font-family: "oswald"
}
.locationDataWrap .store-list>li div span.iconToggle {
  float: left;
  width: 8%;
  font-size: 20px
}
.locationDataWrap .store-list>li div span.pull-left {
  width: 62%;
  color: #006b3f;
  font-family: "oswald"
}
.locationDataWrap .store-list>li div span.pull-right {
  width: 26%
}
.locationDataWrap .store-list>li div span.plusToggle {
  float: left;
  width: 8%;
  font-size: 20px
}
.locationDataWrap .store-list>li .locationDetailList li {
  padding: 2px 2px 2px 20px;
  word-break: break-all
}
.locationDataWrap .store-list>li .locationDetailList li.Phone {
  margin: 10px 0
}
.locationDataWrap .store-list>li .locationDetailList li.Note {
  display: none
}
.crdirections {
  text-decoration: underline
}
.locDetailWrap ul {
  float: left;
  width: 49%;
  margin-right: 2%;
  padding: 10px 0;
  position: relative;
  height: 260px
}
.locDetailWrap ul:nth-child(3) {
  margin-right: 0
}
.locDetailWrap ul li {
  padding: 3px 0
}
.locDetailWrap ul li:last-child {
  position: absolute;
  bottom: 0;
  width: 100%
}
.locationDetails {
  font-size: 14px
}
.locationDetails .searchHeading {
  font-size: 16px;
  color: #006b3f;
  margin: 0 0 16px
}
.locationDetails .locationHeading {
  font-size: 20px;
  color: #006b3f;
  text-transform: uppercase;
  margin: 0 0 12px
}
body.cmsBody {
  background: #fff
}
body {
  position: relative;
  height: 100%;
  font-family: "RobotoRegular";
  font-size: 16px;
  color: #8c9296;
  overflow-x: hidden;
  outline: 0;
  background: #fff;
  background-size: cover
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: #006b3f;
  border-color: #006b3f
}
#backToTop {
  text-align: center;
  width: 45px;
  height: 45px;
  background: #555;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  opacity: .6;
  -ms-filter: alpha(opacity=60);
  filter: alpha(opacity=60);
  z-index: 99
}
#backToTop a {
  display: block;
  position: relative;
  width: 45px;
  height: 45px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s
}
#backToTop a:after {
  -webkit-animation-name: backToTop-arrow;
  animation-name: backToTop-arrow;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  z-index: 10;
  content: "\f077";
  speak: none;
  position: absolute;
  z-index: 11;
  font-weight: 400;
  font-size: 18px;
  font-family: "FontAwesome";
  top: 10px;
  left: 14px;
  color: #fff
}
#backToTop:hover {
  opacity: 1;
  background: #8c9296;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100)
}
.modal-title {
  position: relative;
  color: #8c9296
}
.modal-title .backBtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-size: 14px;
  color: #8c9296;
  cursor: pointer
}
.modal-title .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  font-size: 24px;
  color: #8c9296;
  opacity: 1
}
.modal-body ul li a.forgotPass {
  margin-top: 10px
}
.dummyHeight {
  height: 30px
}
.fixIt,
#fixedHead {
  position: fixed;
  background: #fff;
  width: 100%;
  z-index: 999;
  top: 0;
  -webkit-transition: top .5s ease-in-out;
  -moz-transition: top .5s ease-in-out;
  -o-transition: top .5s ease-in-out;
  transition: top .5s ease-in-out
}
.clearenceIcon {
  background: #006b3f;
  border-radius: 3px 0 0 3px;
  color: #fff;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color .2s
}
.clearenceIcon::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.63);
  content: "";
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px
}
.clearenceIcon::after {
  background: #fff;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #006b3f;
  border-top: 13px solid transparent;
  content: "";
  position: absolute;
  right: 0;
  top: 0
}
.clearenceIcon:hover {
  background-color: #eee;
  color: #006b3f
}
.clearenceIcon:hover::after {
  border-left-color: #eee
}
.pp_description {
  margin: 0 !important;
  font-size: 16px !important
}
.pp_details {
  text-align: center !important;
  float: none !important;
  width: auto !important;
  padding-top: 4px !important
}
.pgnation .pagebarUTH {
  text-align: right;
  padding: 6px 0 0;
  font-family: "RobotoRegular"
}
.pgnation .pagebarUTH span {
  color: #006b3f;
  font-size: 20px;
  padding: 0 3px
}
.pgnation .pagebarUTH a {
  color: #8c9296;
  font-size: 16px;
  padding: 0 3px
}
.pgnation .pagebarUTH a:hover {
  color: #006b3f
}
.priceSpan {
  font-family: "RobotoRegular";
  font-size: 20px;
  text-transform: lowercase
}
.priceSpan img {
  width: auto !important;
  display: inline-block !important
}
.price {
  font-family: "RobotoRegular";
  font-size: 16px;
  margin-top: 8px
}
.price img {
  width: auto;
  display: inline-block
}
.cimm_BreadCrumbs .breadcrumb {
  background: 0;
  padding: 0;
  margin: 15px 0
}
.cimm_BreadCrumbs .breadcrumb li+li:before {
  content: "|"
}
.cimm_BreadCrumbs .breadcrumb li:last-child {
  color: #006b3f
}
.cimm_BreadCrumbs .breadcrumb li>a {
  color: #8c9296
}
.searchResults {
  color: #8c9296;
  font-family: "oswald";
  font-size: 16px;
  font-weight: 700
}
.searchResults .spellCheckWrap {
  color: #006b3f
}
.searchResults .spellCheckWrap .spellCheckHighlight {
  font-style: italic
}
.cimm_blockHeading {
  margin: 0 0 10px;
  text-transform: capitalize;
  font-size: 16px
}
.cimm_blockHeading a {
  color: #006b3f
}
.quantity {
  width: 50px;
  text-align: center;
  height: 32px;
  padding: 5px;
  text-align: center
}
.productTitle {
  margin: 0;
  color: #8c9296;
  font-size: 18px;
  font-family: "oswald"
}
.cimm_compareControls {
  margin-top: -2px;
  display: block
}
.cimm_compareControls a {
  color: #8c9296
}
.groupList {
  cursor: pointer;
  position: relative;
  font-size: 14px
}
.groupList ul {
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  background: #fff;
  border: 1px solid #a1a1a1
}
.groupList ul li {
  width: 100%;
  border-bottom: 1px solid #a1a1a1
}
.groupList ul li:last-child {
  border: 0
}
.groupList ul li input {
  height: 35px;
  padding: 10px;
  width: 100%
}
.groupList ul li a {
  color: #8c9296;
  text-transform: capitalize;
  display: block;
  padding: 5px
}
.groupList ul li a:hover {
  background: #006b3f;
  color: #fff
}
.cimm_item-skus li {
  padding: 2px 0
}
.cimm_item-skus li strong {
  font-weight: 500
}
.cimm_item-skus li span {
  color: #006b3f;
  font-weight: 600
}
.cimm_qtyWrap span {
  display: inline-block
}
#generalModel .modal-dialog {
  min-width: 840px
}
#generalModel .modal-body {
  max-height: 500px;
  overflow-y: auto
}
.dataTables_wrapper {
  color: #8c9296
}
.productGroupPopWrap {
  color: #8c9296
}
.productGroupPopWrap .addNewPgWrap .button,
.productGroupPopWrap .addNewPgWrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .productGroupPopWrap .addNewPgWrap li,
.productGroupPopWrap .addNewPgWrap .cimm_inlineButton,
.productGroupPopWrap .addNewPgWrap .multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap .productGroupPopWrap .addNewPgWrap .btnPrevious,
.productGroupPopWrap .addNewPgWrap .multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap .productGroupPopWrap .addNewPgWrap .btnNext,
.productGroupPopWrap .addNewPgWrap .btnFinish {
  width: 130px;
  float: left
}
.productGroupPopWrap .addNewPgWrap input {
  width: calc(100% - 130px);
  float: left;
  height: 40px;
  padding: 5px 10px
}
.productGroupPopWrap .existingPgListWrap h4 {
  color: #006b3f
}
.productGroupPopWrap .existingPgListWrap ul li {
  width: 25%;
  display: inline-block
}
.productGroupPopWrap .selectedItemsWrap h4 {
  color: #006b3f
}
.productGroupPopWrap .selectedItemsWrap div {
  margin: 10px 0
}
.productGroupPopWrap .selectedItemsWrap div .row {
  border-bottom: 1px solid #a1a1a1
}
.productGroupPopWrap .selectedItemsWrap div .row a.delBtn {
  display: block
}
.productGroupPopWrap .submitProductGroup a {
  display: inline-block
}
.productGroupPopWrap .addNewPgResponse ul li a {
  color: #006b3f;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 700
}
.mulAddTocartWrap .addToCartHeaderContent a {
  color: #006b3f;
  font-size: 16px
}
.mulAddTocartWrap .addToCartHeaderContent a em {
  margin-right: 10px
}
.mulAddTocartWrap .muladdtoCartItemsWrap .muladdtoCartItems {
  padding: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #a1a1a1
}
.mulAddTocartWrap .popCheckout {
  margin-bottom: 10px
}
.cimm_salesBottomStrip ul li {
  color: #006b3f;
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0
}
.cimm_salesBottomStrip ul li p {
  color: #000
}
.orderDetailBlock .printOptioOrdConf {
  font-size: 14px
}
.popMsg {
  background: #6b6a6a !important;
  padding: 5px;
  border-radius: 4px;
  position: absolute;
  width: 250px;
  top: 25px;
  font-size: 14px;
  color: #fff !important;
  z-index: 10
}
.cimm_instructions {
  margin: 40px auto
}
.cimm_instructions ul {
  list-style-type: disc
}
.cimm_instructions ul li {
  list-style-type: disc
}
.cimm_instructions ul li em {
  vertical-align: middle
}
.cimm_refreshList {
  font-size: 16px;
  margin-bottom: 10px
}
.profileImage img {
  width: 180px
}
.uploadImage_wrap .uploadImage,
.uploadImage_wrap .uploadFile {
  width: calc(100% - 190px);
  float: left;
  border: 2px solid #8c9296;
  height: 35px;
  cursor: pointer;
  position: relative
}
.uploadImage_wrap .uploadImage span,
.uploadImage_wrap .uploadFile span {
  text-align: center;
  display: block;
  padding: 4px;
  color: #8c9296;
  position: absolute;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.uploadImage_wrap .uploadImage input,
.uploadImage_wrap .uploadFile input {
  opacity: 0;
  height: 35px;
  width: 100%;
  cursor: pointer;
  border: 0
}
.uploadImage_wrap .uploadFile {
  width: calc(100% - 78px)
}
.uploadImage_wrap .button,
.uploadImage_wrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap li,
.uploadImage_wrap .cimm_inlineButton,
.uploadImage_wrap .multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap .btnPrevious,
.uploadImage_wrap .multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap .btnNext,
.uploadImage_wrap .btnFinish {
  margin-right: 3px;
  float: left;
  height: 35px;
  padding: 5px 10px
}
.prodGrpEditSec button,
.prodGrpEditSec .button,
.prodGrpEditSec .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .prodGrpEditSec li,
.prodGrpEditSec .cimm_inlineButton,
.prodGrpEditSec .multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap .prodGrpEditSec .btnPrevious,
.prodGrpEditSec .multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap .prodGrpEditSec .btnNext,
.prodGrpEditSec .btnFinish {
  margin-top: 10px
}
.userInfoWrap h5 {
  margin: 0
}
.searchBoxWrap {
  background: #8c9296
}
.searchBoxWrap .gotoWrap h4.header {
  float: left;
  color: #fff
}
.searchBoxWrap .gotoWrap .brandsShortCut li {
  float: left;
  margin: 12px 0 0 10px
}
.searchBoxWrap .gotoWrap .brandsShortCut li a {
  color: #fff
}
.searchBoxWrap .gotoWrap .brandsShortCut li a:hover {
  color: #006b3f
}
.cimm_brandAtoZletters {
  width: 100%;
  margin: 0;
  background: #006b3f
}
.cimm_brandAtoZletters ul {
  margin: 5px 0;
  border-radius: 6px;
  padding: 0 10px
}
.cimm_brandAtoZletters ul li {
  display: inline-block;
  padding: 10px 5px
}
.cimm_brandAtoZletters ul li a {
  color: #fff
}
.cimm_brandAtoZletters.cimm_brandLetter {
  background: 0
}
.cimm_brandAtoZletters.cimm_brandLetter ul {
  padding: 0
}
.cimm_brandAtoZletters.cimm_brandLetter ul li {
  padding: 0 6px 0 4px;
  border-right: 1px solid #8c9296;
  line-height: 14px;
  font-size: 14px
}
.cimm_brandAtoZletters.cimm_brandLetter ul li a {
  padding: 0 8px;
  color: #8c9296
}
.cimm_brandAtoZletters.cimm_brandLetter ul li:first-child {
  padding: 0 6px 0 0
}
.cimm_brandAtoZletters.cimm_brandLetter ul li:first-child a {
  padding: 0 8px 0 0
}
.cimm_brandAtoZletters.cimm_brandLetter ul li:last-child {
  border-right: 0
}
.cimm_brandAtoZletters.fixIt {
  position: fixed;
  top: 0;
  width: 1170px;
  z-index: 2
}
#sharePop .modal-body {
  max-height: 190px;
  overflow: auto
}
.hideOverflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
#updateSelectedItems {
  -ms-transform: translate(-239px, 0);
  -webkit-transform: translate(-239px, 0);
  transform: translate(-239px, 0)
}
#updateSelectedItems.slideBtns-hide {
  -ms-transform: translate(-239px, 100%);
  -webkit-transform: translate(-239px, 100%);
  transform: translate(-239px, 100%)
}
.fixed {
  position: fixed;
  top: -50px;
  width: 100%;
  background: #fff;
  z-index: 115;
  padding: 5px 0
}
.fixed ul {
  max-width: 1180px;
  margin: 0 auto
}
.brandsListRow {
  border-bottom: 1px solid #a1a1a1
}
.brandsListRow.grid-item {
  border: 0
}
.registerRightBox {
  background: #e5e5e5;
  padding: 20px;
  font-weight: 700
}
.registerRightBox h6 {
  font-size: 13px;
  color: #000
}
.registerRightBox ul li a {
  color: #006b3f
}
.registerRightBox ul li a:hover {
  text-decoration: underline
}
.registerLeftBox h5 {
  font-size: 13px;
  color: #000;
  font-weight: 700
}
.registerLeftBox label {
  color: #000;
  font-weight: 700;
  vertical-align: top
}
.registerLeftBox label a {
  color: #006b3f
}
.registerLeftBox ul {
  margin: 20px 0
}
.registerLeftBox ul li {
  line-height: 20px;
  color: #000
}
.registerLeftBox ul li>em {
  color: #eee;
  font-size: 18px
}
.registerLeftBox .accountSelectionWrap {
  background: #e5e5e5;
  padding: 10px;
  display: inline-block;
  margin: 0 0 20px
}
.registerLeftBox label.customCheckBox {
  margin-bottom: 20px
}
.orderSummaryWrap h3 {
  margin: 0 0 6px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "RobotoRegular"
}
.orderSummaryWrap a {
  color: #006b3f;
  text-decoration: underline;
  font-weight: 700
}
.orderSummaryWrap .table thead tr th {
  border-bottom: 1px solid #8c9296
}
.orderSummaryWrap .table tbody {
  text-align: center
}
.orderSummaryWrap .table tbody tr td p {
  font-size: 12px
}
.orderSummaryWrap .cimm_salesBottomStrip {
  border-top: 1px solid #8c9296;
  padding: 6px 0 10px
}
.orderSummaryWrap .cimm_salesBottomStrip ul {
  width: 100%;
  float: none
}
.orderSummaryWrap .cimm_salesBottomStrip ul li {
  font-size: 18px
}
.orderSummaryWrap .cimm_salesBottomStrip ul li .priceLabel {
  float: left;
  text-transform: capitalize
}
.orderSummaryWrap .cimm_salesBottomStrip ul li .priceValue {
  float: right
}
.actionIcon {
  background: 0;
  border: 0;
  font-size: 22px;
  padding: 0;
  margin: 0 6px;
  color: #006b3f
}
.actionIcon:active {
  color: #006b3f
}
.copyPaste {
  width: 100%;
  height: 200px
}
#example1 {
  height: 280px;
  overflow: auto
}
.quickcartclass li {
  list-style-type: decimal;
  margin-left: 15px
}
.quickcartclass li ul li {
  display: block;
  float: none;
  position: relative
}
.quickcartclass li ul li:after {
  content: "";
  height: 6px;
  width: 6px;
  background: #1f2122;
  position: absolute;
  left: -12px;
  border-radius: 50%;
  top: 6px
}
.quickcartclass a {
  color: #006b3f;
  font-weight: 600
}
.cimm_regCapthaWrap {
  margin-bottom: 10px
}
.cimm_regCapthaWrap input {
  float: left;
  padding: 4px 10px;
  width: 50%;
  height: 30px
}
.cimm_regCapthaWrap input[type="button"] {
  float: left
}
.select_attributeBody>ul>li.selectOptions {
  float: left;
  width: 31.33%;
  margin-bottom: 20px;
  padding: 0;
  margin-right: 2%
}
.select_attributeBody>ul>li.selectOptions .slideBlock {
  width: 100%;
  margin: 0
}
.select_attributeBody>ul>li.selectOptions .slideBlock li {
  width: 100%;
  margin-right: 0;
  float: none;
  padding: 5px 0
}
.select_attributeBody>ul>li.selectOptions .slideBlock.open {
  display: block
}
.select_attributeBody>ul>li div.select_attributeList {
  cursor: pointer;
  padding: 5px;
  font-size: 16px;
  color: #006b3f;
  text-decoration: underline;
  font-family: "RobotoRegular"
}
.select_attributeBody>ul>li div.toggle_attributeList {
  display: inline-block;
  padding: 6px 25px 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #a1a1a1;
  border-radius: 4px;
  color: #333;
  background-color: #fff;
  width: 100%;
  position: relative
}
.select_attributeBody>ul>li div.toggle_attributeList .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle
}
.select_attributeBody>ul>li ul {
  padding: 5px;
  overflow: auto
}
.select_attributeBody>ul>li ul li {
  width: 30%;
  margin-right: 10px;
  float: left;
  padding: 4px 5px
}
.cimm_multiAddcart {
  width: 150px
}
.menuSiteOverlay,
.site-overlay,
.modalPopOverlay {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.18);
  z-index: 116;
  cursor: wait
}
.cartHead h5 {
  float: left;
  margin: 0;
  padding: 4px 15px 8px;
  background: #006b3f
}
.cartHead h5 a {
  padding: 0 !important;
  font-size: 12px !important
}
.cartHead h5 a.active {
  text-decoration: underline
}
.cartBody {
  padding: 10px
}
#quickOrderPadDrop {
  width: 342px;
  border: 0
}
#headerCopyPasteText {
  width: 100%;
  height: 150px
}
#ManagePurchaseAgent_wrapper .dt-buttons {
  float: left
}
#ManagePurchaseAgent_wrapper .dataTables_filter {
  float: right;
  margin-bottom: 5px
}
#ManagePurchaseAgent_wrapper table tbody tr td a.cimm_inlineButton {
  float: left;
  height: 30px
}
#ManagePurchaseAgent_wrapper table tbody tr td label.switch {
  float: right
}
.fileUploadDescription a {
  background: none !important;
  color: #006b3f !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 700
}
#newRetailCustomer {
  padding: 15px;
  border: 4px solid #e6e6e6
}
.userInfoFields {
  padding-bottom: 5px;
  display: inline-block
}
#cimm_customImageUpload input {
  font-size: 14px
}
.grid-item {
  width: 20%;
  height: auto;
  float: left;
  margin-bottom: 25px
}
.zoomWrapper {
  width: 320px !important;
  height: 320px !important;
  text-align: center;
  position: relative;
  margin: 0 auto
}
.zoomWrapper img {
  max-height: 320px;
  max-width: 100% !important;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto !important;
  width: auto !important
}
.tog_myAccount {
  cursor: pointer
}
.tog_myAccount span {
  float: right
}
.site-overlay,
.modalPopOverlay {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  z-index: 112;
  cursor: wait
}
.loadAfter {
  height: 100%;
  width: 100%;
  position: fixed;
  background: #fff;
  z-index: 112;
  cursor: wait
}
.loadAfter img {
  max-width: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
.loadAfter i {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 48px;
  height: 48px
}
.site-overlay {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  z-index: 112;
  cursor: wait
}
#multipleResult .bulkActionBtn {
  width: 150px;
  margin: 0 auto 12px
}
.featuredProductList .cimm_slideItemDesp ul li {
  text-align: center !important
}
.cimm_resultSelect {
  background: #e5e5e5;
  padding: 5px 10px
}
.cimm_resultSelect a {
  color: #006b3f;
  font-weight: 600
}
.cimm_genericSearch {
  padding: 10px 5px;
  margin: 0 0 15px;
  border: 1px solid #a1a1a1
}
.cimm_genericSearch a {
  color: #006b3f;
  font-weight: 600
}
.multipleResult {
  font-size: 14px;
  text-align: center;
  padding: 8px;
  background: #e5e5e5
}
.poppupEnabled {
  overflow: hidden
}
#googleMap,
#panel,
#map_canvas {
  height: 500px;
  overflow: hidden
}
.compareWrap .cimm_multiAddcart {
  float: right;
  margin-right: 20px
}
#mailContentDisplay .cimm_compLogoCont {
  background: #fff;
  padding: 10px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000
}
.packDesc {
  color: #ed7118;
  font-size: 14px
}
.divWrap {
  margin-top: 10px
}
.cimm_itemTitle {
  margin: 0;
  padding: 5px 0;
  font-family: "RobotoRegular";
  text-transform: uppercase;
  font-size: 14px
}
#customerPartNumSubmit {
  left: auto;
  right: 0;
  width: 300px
}
div.dataTables_wrapper .cartPagination div.dataTables_paginate {
  text-align: left
}
.cartTotalBlock {
  color: #006b3f;
  font-size: 20px;
  font-weight: 700;
  text-align: right
}
.cartTotal_Top {
  text-align: right;
  margin-bottom: 25px
}
.cartTotal_Top span {
  background: #a1a1a1;
  color: #fff !important;
  border-radius: 2px
}
.eMailLogo {
  background: #fff;
  padding: 10px;
  border-top: 2px solid #a1a1a1;
  border-bottom: 2px solid #a1a1a1;
  margin-bottom: 20px
}
#sortByForm .dropdown-menu {
  left: 0
}
.dropdown-menu.customDropDown {
  padding: 5px;
  background: #fff;
  border: 1px solid #a1a1a1
}
.dropdown-menu.customDropDown li {
  width: 100%;
  border-bottom: 1px solid #a1a1a1;
  text-align: left;
  padding: 3px 0
}
.dropdown-menu.customDropDown li input {
  height: 35px;
  padding: 10px;
  width: 100%
}
.dropdown-menu.customDropDown li a {
  color: #8c9296 !important;
  text-transform: capitalize;
  display: block;
  padding: 5px
}
.dropdown-menu.customDropDown li.text-center {
  text-align: center
}
.searchZero .sorryNote {
  color: #006b3f;
  font-weight: 700;
  display: block
}
.searchZero p {
  font-size: 20px;
  font-weight: 600
}
.searchZero p a:not(.cimm_inlineButton) {
  color: #006b3f;
  text-decoration: underline
}
.searchZero p .linkText {
  font-size: 18px;
  font-weight: 600;
  display: block;
  color: #006b3f
}
.searchZero p:last-child {
  font-size: 16px
}
.clearenceTag {
  background: url(../images/Clearance_Icon.png) no-repeat 0 0;
  height: 65px;
  width: 65px;
  display: block;
  background-size: contain;
  position: absolute;
  top: -15px
}
.clearenceTag.clearenceTagSmall {
  height: 45px;
  width: 45px
}
.tabelImage a {
  display: inline-block;
  position: relative
}
.cimm_staticPageWrap .container-fluid {
  padding: 0;
  overflow: hidden
}
.locationDataWrap .panel {
  margin: 0;
  box-shadow: none
}
.checkoutStoreInfo {
  line-height: 26px
}
.checkoutStoreInfo strong {
  text-transform: uppercase
}
.checkoutStoreInfo p .storeLocator {
  text-decoration: none
}
.loadShippingCharges {
  padding: 6px 10px !important;
  font-size: 14px !important
}
.cimm_slider-title {
  letter-spacing: 1px;
  font-size: 26px;
  font-weight: 400;
  margin: 15px 0
}
.cutomTCBanner {
  width: 100%
}
.portal_customer .customSubHeader {
  font-size: 18px;
  font-family: "RobotoRegular"
}
.btn-custom {
  font-size: 18px !important;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase
}
.input-group-btn>.btn,
.locationZipcode .btn {
  font-size: 14px;
  padding: 5px 10px;
  height: 35px
}
.cimm_searchForm .input-group-btn>.btn {
  font-size: 18px
}
#cimm_tabBlock .multiTabContent {
  overflow: visible
}
.bootstrap-select>.dropdown-toggle {
  border-radius: 0;
  border: 0;
  font-size: 14px;
  font-family: #8c9296;
  padding: 5px 10px;
  height: 31px
}
.cimm_staticPageWrap ol,
#mycanvas ol {
  padding-left: 20px
}
.cimm_staticPageWrap ol li,
#mycanvas ol li {
  list-style-type: decimal
}
.cimm_topBanners .slick-list {
  padding: 0
}
.cimm_topBannerEnclosure {
  margin-bottom: 20px
}
.cimm_topBannerEnclosure img {
  width: 100%
}
.modal-footer .btn+.btn {
  font-size: 18px
}
.paymentError {
  color: #f55;
  font-weight: 700
}
#creditCard {
  display: block;
  overflow-x: hidden
}
.load-payment {
  display: none;
  border: 0;
  overflow: hidden;
  padding: 0 0 0 15px
}
#paymentOptBlock {
  display: block;
  margin-left: -12px;
  overflow-x: hidden
}
.payment-Error {
  color: #ee3426;
  font-weight: 700
}
.log-right-contents .center-img {
  width: 100%;
  padding-top: 25px
}
.log-right-contents .loadingmsg {
  width: 100%;
  padding-top: 100px
}
.footeFb {
  width: 30px;
  height: 30px
}
.order_pic_table tbody tr td span {
  font-size: 10px;
  margin: 5px 0 0 30px
}
.orderSection {
  width: 100%
}
.orderSection tbody tr td {
  border-top: 0;
  padding: 0
}
.orderSection tbody tr td.subOrderCouponTotal {
  text-align: left
}
.orderSection tbody tr td.subOrderCouponQtySec {
  text-align: right
}
.couponDiscountBlockSec {
  min-height: 220px
}
.couponDiscountBlockSec p,
.couponDiscountBlockSec span,
.couponDiscountBlockSec a {
  font-size: 15px
}
.couponDiscountBlockSec span,
.couponDiscountBlockSec a {
  position: relative;
  top: 10px
}
.couponDiscountBlockSec a {
  color: #006b3f;
  text-decoration: underline;
  font-weight: 700;
  letter-spacing: 1px
}
.couponDiscountBlockSec .removeCouponBlock table,
.couponDiscountBlockSec .addCouponBlock table {
  width: 100%;
  margin: 0 0px
}
.couponDiscountBlockSec .removeCouponBlock table tbody tr td,
.couponDiscountBlockSec .addCouponBlock table tbody tr td {
  line-height: 30px
}
.couponDiscountBlockSec .removeCouponBlock table tbody tr td a,
.couponDiscountBlockSec .addCouponBlock table tbody tr td a {
  top: 5px
}
.couponDiscountBlockSec .removeCouponBlock table tbody tr td.couponCodeLabel,
.couponDiscountBlockSec .addCouponBlock table tbody tr td.couponCodeLabel {
  width: 17%
}
.couponDiscountBlockSec .removeCouponBlock table tbody tr td.removeCouponVal,
.couponDiscountBlockSec .addCouponBlock table tbody tr td.removeCouponVal {
  width: 50%
}
.couponDiscountBlockSec .removeCouponBlock table tbody tr td.removeCouponVal .form-control,
.couponDiscountBlockSec .addCouponBlock table tbody tr td.removeCouponVal .form-control {
  width: 85%
}
.creditSkuTable tbody tr td.subOrderCouponSec {
  font-size: 12px;
  padding: 0;
  width: 20%
}
.creditSkuTable tbody tr td.couponDespField {
  width: 45%
}
.creditSkuTable tbody tr td.couponPriceField {
  width: 20%
}
.creditSkuTable tbody tr td.couponQtyField {
  width: 15%
}
.changePasswordEngage {
  font-size: 16px;
  font-weight: 700
}
#changeEmailSection .modal-dialog {
  width: 750px
}
#changeEmailSection .modal-dialog .modal-content {
  padding: 15px;
  min-height: 400px
}
#changeEmailSection .modal-dialog .modal-content .modal-body h3 {
  color: #006b3f;
  text-transform: uppercase
}
#changeEmailSection .modal-dialog .modal-content .modal-body .button,
#changeEmailSection .modal-dialog .modal-content .modal-body .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.calendarFilterWrap .tableHeader ul.calendarFilterHead #changeEmailSection .modal-dialog .modal-content .modal-body li,
#changeEmailSection .modal-dialog .modal-content .modal-body .cimm_inlineButton,
#changeEmailSection .modal-dialog .modal-content .modal-body .multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap #changeEmailSection .modal-dialog .modal-content .modal-body .btnPrevious,
#changeEmailSection .modal-dialog .modal-content .modal-body .multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap #changeEmailSection .modal-dialog .modal-content .modal-body .btnNext,
#changeEmailSection .modal-dialog .modal-content .modal-body .btnFinish {
  padding: 10px 15px;
  font-size: 20px
}
.changeEmailSec .pull-right {
  text-decoration: underline
}
#changeEmailModel .form-group label {
  font-size: 20px
}
#changeEmailModel .form-group .form-control {
  width: 75%
}
#changeEmailModel .form-group button,
#changeEmailModel .form-group .button,
#changeEmailModel .form-group .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.calendarFilterWrap .tableHeader ul.calendarFilterHead #changeEmailModel .form-group li,
#changeEmailModel .form-group .cimm_inlineButton,
#changeEmailModel .form-group .multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap #changeEmailModel .form-group .btnPrevious,
#changeEmailModel .form-group .multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap #changeEmailModel .form-group .btnNext,
#changeEmailModel .form-group .btnFinish {
  border-radius: 4px;
  font-size: 12px;
  padding: 6px 15px;
  text-transform: capitalize
}
#cancelSuccess .modal-dialog .modal-content .modal-header p,
#authFailureModel .modal-dialog .modal-content .modal-header p,
#updateSuccess .modal-dialog .modal-content .modal-header p {
  font-size: 20px
}
.form-group .form-control {
  color: #8c9296 !important
}
.posEngage .posEngageSec {
  color: #fff;
  text-align: center;
  background: #006b3f;
  padding: 8px;
  font-weight: 700
}
.posSecEngageCart {
  color: #006b3f;
  font-weight: 700;
  text-align: center
}
.shippingbouldertext p {
  color: #555;
  font-size: 16px;
  font-weight: 400
}
#RetailCustomer #newRetailCustomer a.eyeicon,
.loginWindow a.eyeicon,
#mainLoginForm a.eyeicon,
#loginModal a.eyeicon,
#advancePassword a.eyeicon,
#changeEmail a.eyeicon,
#changePassword a.eyeicon {
  float: right;
  position: relative;
  bottom: 29px;
  right: 10px;
  width: 28px;
  font-size: 13px !important
}
.toggle-password-mask {
  float: right;
  margin-right: 9px;
  margin-top: -29px;
  position: relative;
  z-index: 2
}
.toggle-password-mask span {
  cursor: pointer;
  text-decoration: underline
}
.propwarning .propwarningmsg {
  font-size: 16px;
  color: #000
}
.propwarning .propwarningmsg img {
  width: 16px;
  height: 15px;
  margin-right: 5px
}
.propwarning .propwarningmsg a {
  color: #006b3f;
  text-decoration: underline
}
.propwarning .propwarningmsg span {
  position: relative;
  top: 4px
}
.californiaRestrictionModal img {
  width: 16px;
  height: 15px;
  margin-right: 5px
}
.californiaRestrictionModal h3 img {
  width: 25px;
  height: 25px;
  margin-left: 5px
}
.californiaRestrictionModal .modal-content .modal-header a {
  color: #006b3f;
  text-decoration: underline
}
.californiaRestrictionModal .modal-content .modal-footer .btn {
  background: #006b3f;
  color: #fff;
  border-radius: 0
}
#newRetailCustomer .password-rules {
  background: #ccc;
  border: 5px solid #343333;
  border-radius: 15px;
  width: 300px;
  padding: 5px 10px;
  position: absolute;
  z-index: 100000;
  right: 15px;
  display: none
}
#changePassword .password-rules {
  margin-top: 36px
}
button,
.button,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.cimm_inlineButton,
.multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap .btnNext,
.btnFinish,
input[type="submit"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -appearance: none;
  font-family: "oswald";
  text-transform: uppercase;
  outline: 0
}
button:active,
.button:active,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li:active,
.cimm_inlineButton:active,
.multiTab .multiTabContent .buttonWrap .btnPrevious:active,
.multiTab .multiTabContent .buttonWrap .btnNext:active,
.btnFinish:active,
input[type="submit"]:active {
  outline: 0;
  color: #fff
}
[data-mce-href]:not(.btn),
.link {
  color: #006b3f
}
[data-mce-href]:not(.btn):hover,
.link:hover {
  text-decoration: underline;
  color: #db821f
}
#events_Table_wrapper #events_Table td p a,
.eventsDetail_Calendar-list li div p a {
  color: #006b3f !important
}
.cimm_staticPageWrap ul:not(.slick-slider) li,
#mycanvas ul:not(.slick-slider) li,
#featureSection ul:not(.slick-slider) li {
  padding-left: 20px;
  position: relative
}
.cimm_staticPageWrap ul:not(.slick-slider) li:before,
#mycanvas ul:not(.slick-slider) li:before,
#featureSection ul:not(.slick-slider) li:before {
  display: inline-block;
  width: 6px;
  position: absolute;
  left: 7px;
  height: 6px;
  content: "";
  border-radius: 10px;
  top: 10px;
  background: #006b3f
}
.form-group .bootstrap-select .btn.dropdown-toggle {
  text-transform: capitalize;
  font-weight: 400;
  font-family: "oswald";
  border: 1px solid #8c9296;
  border-radius: 0;
  color: #8c9296;
  font-size: 14px
}
.button,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.cimm_inlineButton,
.multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap .btnNext,
.btnFinish {
  background: #006b3f;
  padding: 12px;
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 16px;
  border-radius: 0;
  letter-spacing: normal;
  cursor: pointer;
  text-align: center;
  border: 0;
  border-radius: 2px
}
.button:hover,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li:hover,
.cimm_inlineButton:hover,
.multiTab .multiTabContent .buttonWrap .btnPrevious:hover,
.multiTab .multiTabContent .buttonWrap .btnNext:hover,
.btnFinish:hover {
  background: #003821;
  border-color: #003821
}
.compareSimDiffBtns.active {
  background: #006b3f
}
.cimm_inlineButton {
  padding: 6px 13px;
  vertical-align: bottom;
  height: auto;
  display: inline-block
}
.cimm_inlineButton:hover {
  color: #fff
}
.btn-addtocart {
  display: block
}
.btn-addtocart.btns-disable {
  opacity: .3
}
.btn-addtocart:hover {
  background: #db821f
}
.btn-primary:hover {
  background: #db821f
}
.btn-secondary:hover {
  background: #006b3f;
  border: 1px solid #006b3f;
  opacity: .8
}
.btns-disable {
  cursor: not-allowed !important;
  opacity: .8
}
.btns-disable:hover {
  text-decoration: none
}
.btn {
  font-family: "RobotoRegular";
  height: 40px;
  padding: 6px 25px 5px;
  text-transform: uppercase;
  font-size: 18px
}
.btn:hover {
  color: #fff
}
.refreshBtn {
  color: #006b3f;
  font-size: 24px
}
.cimm_btnGroupEnclosure {
  margin: 25px auto;
  padding-bottom: 30px
}
.cimm_btnGroupEnclosure .cimm_cartContinueShop {
  font-weight: 700;
  text-decoration: underline;
  font-size: 16px;
  margin-right: 10px
}
.cimm_btnGroupEnclosure .checkoutBtnEnclosure {
  height: 50px;
  border-bottom: 1px solid #000;
  margin: 20px 0
}
.cimm_btnGroupEnclosure ul li {
  display: block
}
.cimm_btnGroupEnclosure ul li:last-child {
  padding-right: 0
}
.cimm_btnGroupEnclosure ul li a.groupBtns {
  color: #006b3f;
  font-size: 16px;
  background: 0;
  cursor: pointer
}
.cimm_btnGroupEnclosure ul li a.groupBtns i {
  margin-right: 10px;
  font-size: 18px
}
.cimm_btnGroupEnclosure ul li ul {
  position: absolute;
  top: 22px;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 3px;
  z-index: 1;
  border: 1px solid #a1a1a1;
  border-radius: 2px;
  max-height: 200px;
  overflow-y: auto
}
.cimm_btnGroupEnclosure ul li ul li {
  width: 100%;
  padding: 2px 0;
  border-bottom: 1px solid #a1a1a1
}
.cimm_btnGroupEnclosure ul li ul li:last-child {
  border-bottom: 0
}
.cimm_btnGroupEnclosure ul li ul li a {
  padding: 2px;
  text-transform: capitalize;
  display: block
}
.cimm_btnGroupEnclosure ul li ul li a:hover {
  color: #fff;
  background: #006b3f
}
.cimm_btnGroupEnclosure ul li ul li input {
  width: 100%;
  height: 30px;
  padding: 10px 5px
}
.myProductGroupbutton {
  position: relative;
  padding: 0 0 0 10px !important;
  text-decoration: underline !important;
  display: inline-block;
  font-size: 14px;
  color: #006b3f !important
}
.myProductGroupbutton:before {
  content: "+";
  position: absolute;
  left: 0
}
.productGroupBtn {
  cursor: pointer;
  position: relative
}
.productGroupBtn a {
  color: #8c9296
}
.productGroupBtn a.log-addTocart-btn {
  color: #fff
}
.productGroupBtn a.log-addTocart-btn:hover {
  color: #fff;
  text-decoration: none
}
.productGroupBtn a em {
  margin-right: 10px
}
.productGroupBtn a:hover {
  color: #fff;
  text-decoration: underline
}
.productGroupBtn ul {
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  background: #fff;
  border: 1px solid #a1a1a1
}
.productGroupBtn ul li {
  width: 100%;
  border-bottom: 1px solid #a1a1a1
}
.productGroupBtn ul li:last-child {
  border: 0
}
.productGroupBtn ul li input {
  height: 35px;
  padding: 10px;
  width: 100%
}
.productGroupBtn ul li a {
  color: #8c9296;
  text-transform: capitalize;
  display: block;
  padding: 5px
}
.productGroupBtn ul li a:hover {
  background: #006b3f;
  color: #fff
}
.slideBtns-hide {
  -ms-transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  opacity: 0
}
.slideBtns {
  transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out
}
.slideBtns.btns-disable {
  opacity: .8
}
.switch {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 30px
}
.switch input {
  display: none
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e5e5e5;
  -webkit-transition: .4s;
  transition: .4s;
  z-index: 1;
  padding: 5px 10px 5px 7px;
  color: #fff
}
.slider:before {
  position: absolute;
  content: "";
  z-index: -1;
  height: 30px;
  width: 60px;
  left: 0;
  bottom: 0;
  background-color: #555;
  -webkit-transition: .4s;
  transition: .4s
}
input:checked+.slider:before {
  background-color: #005c39
}
input:focus+.slider {
  box-shadow: 0 0 1px #005c39
}
input:checked+.slider.active:before {
  -webkit-transform: translateX(60px);
  -ms-transform: translateX(60px);
  transform: translateX(60px)
}
.light-ripple,
.dark-ripple {
  overflow: hidden;
  transition: .1s ease-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative
}
.light-ripple:hover,
.dark-ripple:hover {
  cursor: pointer
}
.lRipple,
.dRipple {
  background-color: rgba(255, 255, 255, 0.45);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  margin-top: -25px;
  margin-left: -25px;
  position: relative;
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute
}
.dRipple {
  background-color: rgba(88, 88, 88, 0.28)
}
.animate {
  -webkit-animation: ripple .4s linear;
  animation: ripple .4s linear
}
@-webkit-keyframes ripple {
  100% {
    -webkit-transform: scale(12);
    transform: scale(12);
    background-color: transparent
  }
}
@keyframes ripple {
  100% {
    -webkit-transform: scale(12);
    transform: scale(12);
    background-color: transparent
  }
}
input[type="text"],
input[type="password"],
textarea.form-control {
  font-family: "oswald";
  /* border: 1px solid #8c9296; */
  border-radius: 0
}
textarea {
  resize: vertical
}
.cimm_advancedSearchFilter {
  margin-bottom: 10px;
  border: 1px solid #ccc;
  padding: 5px;
  background: #333
}
.cimm_advancedSearchFilter input {
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 10px
}
.cimm_advancedSearchFilter div {
  margin-bottom: 10px
}
.cimm_advancedSearchFilter a {
  display: block
}
#reqDate {
  background: url(../images/calIcon.png) no-repeat;
  background-position: 96% 50%;
  background-size: 20px
}
.inline-radiobtn label.customRadioBtn {
  display: inline-block !important;
  margin: 0 5px;
  position: static;
  pointer-events: all
}
.customRadioBtn {
  position: relative;
  padding: 0 0 0 20px;
  cursor: pointer;
  margin: 0
}
.customRadioBtn input[type="radio"] {
  display: none
}
.customRadioBtn input[type="radio"]+span:before,
.customRadioBtn input[type="radio"]+span:after {
  content: "";
  position: absolute;
  height: 12px;
  width: 12px;
  top: 2px;
  left: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box
}
.customRadioBtn input[type="radio"]+span:before {
  border: 2px solid transparent
}
.customRadioBtn input[type="radio"]+span:after {
  display: block;
  border: 2px solid #a1a1a1
}
.customRadioBtn input[type="radio"]:checked+span:after,
.customRadioBtn input[type="radio"]:checked+span:before {
  border: 2px solid #006b3f;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.customRadioBtn input[type="radio"]:checked+span:before {
  background: #006b3f;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5)
}
.customRadioBtn input[type="radio"]:disabled+span:after {
  border: 2px solid #eee;
  cursor: not-allowed
}
.customRadioBtn input[type="radio"]:disabled:checked+span:before {
  background: #eee;
  border: 2px solid #eee
}
.customCheckBox {
  position: relative;
  display: inline-block;
  /*padding-left: 22px;*/
  cursor: pointer;
  line-height: 16px;
  margin: 0
}
.customCheckBox input[type="checkbox"] {
  display: none
}
.customCheckBox a {
  color: #8c9296
}
.customCheckBox2,
ul.cimm_formContent li label.customCheckBox2 {
  position: relative;
  display: inline-block;
  padding-left: 0;
  cursor: pointer;
  line-height: 16px;
  left: 0;
  pointer-events: auto;
  z-index: 2
}
.customCheckBox input[type="checkbox"]+span:before,
.customCheckBox2 input[type="checkbox"]+span:before {
  content: "";
  background: #fff;
  position: absolute;
  height: 0;
  width: 3px;
  top: 5px;
  left: 5px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.customCheckBox input[type="checkbox"]+span:after,
.customCheckBox2 input[type="checkbox"]+span:after {
  content: "";
  position: absolute;
  width: 12px;
  display: block;
  height: 12px;
  border: 1px solid #a1a1a1;
  top: 0;
  left: 0;
  background: #fff;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.customCheckBox input[type="checkbox"]:checked+span:after,
.customCheckBox2 input[type="checkbox"]:checked+span:after {
  border: 1px solid #006b3f;
  background: #006b3f;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.cimm_popupLogin .customCheckBox:focus,
.cimm_popupLogin a:focus {
  outline: 2px solid #bce6fb
}
.customCheckBox input[type="checkbox"]:checked+span:before,
.customCheckBox2 input[type="checkbox"]:checked+span:before {
  background: #006b3f;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  height: 9px;
  top: 1px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.customCheckBox input[type="checkbox"]:disabled+span:after,
.customCheckBox2 input[type="checkbox"]:disabled+span:after {
  border: 1px solid #d2d2d2;
  cursor: not-allowed
}
.customCheckBox input[type="checkbox"]:disabled+span:before,
.customCheckBox2 input[type="checkbox"]:disabled+span:before {
  background: #fff;
  top: 1px;
  left: 1px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(0);
  height: 14px;
  width: 14px;
  cursor: not-allowed
}
ul.cimm_formContent>li>span>input[type="checkbox"],
.customCheckBox2 input[type="checkbox"] {
  opacity: 0;
  margin: 0 4px 0 2px;
  cursor: pointer;
  position: relative;
  z-index: 2
}
.customCheckBox input[type="checkbox"]:disabled,
.customCheckBox2 input[type="checkbox"]:disabled {
  cursor: not-allowed
}
ul.cimm_formContent li label.customCheckBox2 span {
  line-height: 18px
}
.customCheckBox.customRightChkBox {
  padding: 0 22px 0 0
}
.customCheckBox.customRightChkBox input[type="checkbox"]+span:before {
  left: 100%;
  margin: 0 0 0 -10px
}
.customCheckBox.customRightChkBox input[type="checkbox"]+span:after,
.customCheckBox2.customRightChkBox input[type="checkbox"]+span:after {
  left: 100%;
  margin: 0 0 0 -16px
}
.customCheckBox.customRightChkBox input[type="checkbox"]:checked+span:before,
.customCheckBox2.customRightChkBox input[type="checkbox"]:checked+span:before {
  left: 100%;
  margin: 0 0 0 -10px
}
.pgCheckboxWrap {
  width: 110px;
  margin: 0 auto
}
.customCheckBoxRight {
  position: relative;
  display: inline-block;
  padding-right: 22px;
  cursor: pointer;
  line-height: 16px;
  color: #28343c
}
.customCheckBoxRight input[type="checkbox"] {
  display: none
}
.customCheckBoxRight input[type="checkbox"]+span:before {
  content: "";
  background: #fff;
  position: absolute;
  height: 0;
  width: 3px;
  top: 5px;
  right: 6px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.customCheckBoxRight input[type="checkbox"]+span:after {
  content: "";
  position: absolute;
  width: 14px;
  display: block;
  height: 14px;
  border: 1px solid #000;
  top: 0;
  right: 0;
  background: #fff;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.customCheckBoxRight input[type="checkbox"]:checked+span:after {
  border: 1px solid #4079aa;
  background: #4079aa;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.customCheckBoxRight input[type="checkbox"]:checked+span:before {
  background: #4079aa;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  height: 9px;
  top: 2px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.customCheckBoxRight input[type="checkbox"]:disabled+span:after {
  border: 2px solid #eee;
  cursor: not-allowed
}
.customCheckBoxRight input[type="checkbox"]:disabled+span:before {
  background: #fff;
  top: 2px;
  left: 2px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(0);
  height: 14px;
  width: 14px;
  cursor: not-allowed
}
.table>tbody>tr>td {
  vertical-align: middle
}
.table>thead>tr>th {
  vertical-align: middle
}
.table.customBorderTable thead tr th {
  text-transform: uppercase;
  border: 0;
  border-top: 1px solid #a1a1a1 !important;
  text-align: center
}
.table.customBorderTable thead tr th:first-child {
  text-align: left
}
.table.customBorderTable tbody tr:last-child td {
  border-bottom: 1px solid #a1a1a1
}
.table.customBorderTable tbody td {
  border: 0;
  border-top: 1px solid #a1a1a1;
  position: relative;
  vertical-align: middle;
  text-align: left;
  font-size: 14px
}
.table.customBorderTable tbody td:after {
  content: "";
  width: 1px;
  min-height: 90%;
  height: 110px;
  background: #a1a1a1;
  position: absolute;
  top: 5px;
  right: 0
}
.table.customBorderTable tbody td a.updateLink {
  display: block;
  text-decoration: underline
}
.table.customBorderTable tbody td:last-child:after {
  content: none
}
.table.customBorderTable tbody td .cimm_cartProdDescription {
  width: 280px;
  text-align: left;
  min-height: 110px
}
.table.customBorderTable tbody td .cimm_cartProdDescription input {
  padding: 2px 5px
}
#reOrderForm .table.customBorderTable tbody td:after {
  height: 35px
}
.compareTableWrap .table thead tr th {
  text-align: center
}
.compareTableWrap .table thead tr th:first-child {
  text-align: left
}
.compareTableWrap .table tbody tr td {
  width: 120px;
  text-align: center
}
.compareTableWrap .table tbody tr td:first-child {
  text-align: left
}
.compareTableWrap .table tbody tr td a.comprProdTitle {
  display: block
}
.compareTableWrap .pushbtnGroup {
  display: block;
  text-align: center;
  margin: 10px 0 25px
}
.compareTableWrap .pushbtnGroup li {
  display: inline-block
}
.compareTableWrap .different.active {
  background: #f55;
  color: #fff
}
.compareTableWrap .similar.active {
  background: #9df59d;
  color: #8c9296
}
.tableWrapper {
  max-width: 100%;
  overflow-y: auto
}
@media only screen and (max-width:992px) {
  table.rwd-table,
  .rwd-table thead,
  .rwd-table tbody,
  .rwd-table th,
  .rwd-table td,
  .rwd-table tr {
    display: block
  }
.rwd-table thead tr {
  display: none
}
.rwd-table tr {
  border: 1px solid #ccc
}
.table.rwd-table td {
  border: 0;
  border-bottom: 1px solid #eee;
  position: relative;
  padding: 8px 8px 8px 50%;
  white-space: normal;
  text-align: left;
  word-wrap: break-word
}
.rwd-table td:before {
  position: absolute;
  top: 6px;
  left: 6px;
  max-width: 48%;
  padding-right: 10px;
  text-align: left;
  font-weight: 700;
  content: attr(data-th)
}
}
.multiTab {
  width: 100%
}
.multiTab.detailPage .multiTabHeading li {
  background: 0;
  border: 3px solid #8c9296;
  border-bottom: 0;
  border-left-width: 2px;
  border-right-width: 2px
}
.multiTab.detailPage .multiTabContent>div {
  margin-bottom: 2px;
  padding: 25px;
  border: 3px solid #8c9296;
  color: #8c9296;
  font-size: 16px;
  font-weight: 500
}
.multiTab ul.multiTabHeading {
  position: relative
}
.multiTab ul.multiTabHeading li {
  float: left
}
.multiTab ul.multiTabHeading li a {
  background: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  color: #8c9296;
  font-family: "RobotoRegular";
  padding: 10px 15px;
  display: block
}
.multiTab ul.multiTabHeading li a.active {
  color: #fff;
  background: #8c9296
}
.multiTab ul.multiTabHeading slide {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  background: #006b3f;
  bottom: 0;
  transition: left .25s cubic-bezier(0.5, 0, 0.25, 1);
  -webkit-transition: left .25s cubic-bezier(0.5, 0, 0.25, 1);
  display: none
}
.multiTab .multiTabContent {
  position: relative;
  width: 100%;
  z-index: 9;
  overflow: hidden
}
.multiTab .multiTabContent>h3 {
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
  background: #ebebeb;
  color: #404040;
  padding: 10px 15px;
  position: relative;
  font-size: 14px;
  cursor: pointer;
  height: 36px;
  border-bottom: 1px solid #555
}
.multiTab .multiTabContent>h3:after {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 12px
}
.multiTab .multiTabContent>h3.active {
  background: #404040;
  color: #fff
}
.multiTab .multiTabContent>h3.active:after {
  content: "\f0dd";
  font-family: "FontAwesome"
}
.multiTab .multiTabContent>h3:after {
  content: "\f0da";
  font-family: "FontAwesome"
}
.multiTab .multiTabContent>div {
  padding: 20px;
  /* background: #fff;*/
  border: 2px solid #e5e5e5
}
.multiTab .multiTabContent .buttonWrap {
  text-align: right;
  margin-top: 15px
}
.multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap .btnNext {
  margin-right: 10px;
  display: inline
}
.multiTab ul.multiTabHeading2 {
  position: relative;
  border-bottom: 2px solid #404040
}
.multiTab ul.multiTabHeading2 li {
  float: left
}
.multiTab ul.multiTabHeading2 li a {
  padding: 10px 15px;
  display: block;
  background: #ebebeb
}
.multiTab ul.multiTabHeading2 li a.active {
  background: #404040;
  color: #fff
}
.multiTab ul.multiTabHeading2 slide {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  background: #006b3f;
  bottom: 0;
  transition: left .25s cubic-bezier(0.5, 0, 0.25, 1);
  -webkit-transition: left .25s cubic-bezier(0.5, 0, 0.25, 1);
  display: none
}
.multiTab .multiTabContent2 {
  position: relative;
  width: 100%;
  z-index: 9;
  overflow: hidden;
  padding-top: 15px
}
.multiTab .multiTabContent2>h3 {
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
  background: #ebebeb;
  color: #404040;
  padding: 10px 15px;
  position: relative;
  font-size: 14px;
  cursor: pointer;
  height: 36px;
  border-bottom: 1px solid #555
}
.multiTab .multiTabContent2>h3:after {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 12px
}
.multiTab .multiTabContent2>h3.active {
  background: #404040;
  color: #fff
}
.multiTab .multiTabContent2>h3.active:after {
  content: "";
  font-family: "Glyphicons Halflings"
}
.multiTab .multiTabContent2>h3:after {
  content: "";
  font-family: "Glyphicons Halflings"
}
.btnFinish {
  margin-right: 0;
  display: inline-block
}
.multiTabContent .hideBlock {
  position: absolute
}
.multiTabContent .showBlock {
  position: relative
}
.ac_trending {
  position: absolute;
  background-color: #fff;
  z-index: 999;
  box-shadow: 0 2px 4px #555;
  width: 100%;
  top: 34px;
  padding: 10px 0;
  text-align: left;
  font-size: 14px
}
.ac_trending ul li {
  line-height: 24px;
  font-weight: 500;
  text-transform: capitalize
}
.ac_trending ul li.ac_heading {
  color: #9e9a9a;
  padding: 0 15px
}
.ac_trending ul li.ac_heading em {
  margin-right: 8px
}
.ac_trending ul li a {
  display: block;
  padding: 0 15px;
  color: #8c9296
}
.ac_trending ul li a:hover {
  background: #e5e5e5
}
.ac_results {
  padding: 0;
  background-color: #fff;
  overflow: hidden;
  z-index: 999
}
.ac_results ul {
  width: 50%;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  background-color: #fff;
  border: 1px solid #1f2122;
  z-index: 1112;
  box-shadow: 0 2px 4px #1f2122;
  top: auto
}
.ac_results ul li {
  text-align: left;
  margin: 0;
  padding: 6px 10px;
  cursor: pointer;
  color: #8c9296;
  font: menu;
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
  width: 100%
}
.ac_results ul li.catheader,
.ac_results ul li.catheader.ac_over {
  font-size: 14px;
  background-color: #006b3f;
  color: #fff;
  cursor: default;
  text-align: left
}
.ac_results ul li.ac_over {
  background: #e6e6e6
}
.ac_results ul li strong {
  color: #006b3f
}
.ac_results ul li.suggest {
  position: absolute;
  left: 100%;
  top: 0;
  background: #fff;
  width: 200%;
  border: 1px solid #1f2122;
  box-shadow: 2px 2px 4px #1f2122;
  padding: 10px;
  min-height: 150px
}
.ac_results ul li.suggest.hideSuggest {
  display: none
}
.ac_results ul li.suggest .cat-product {
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px solid #ccc
}
.ac_results ul li.suggest .titleImg-container {
  min-height: 60px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 5px;
  padding-bottom: 5px;
  text-align: left
}
.ac_results ul li.suggest .titleImg-container .parent-title {
  color: #8c9296;
  float: left;
  width: calc(100% - 90px);
  font-size: 16px;
  padding-bottom: 5px
}
.ac_results ul li.suggest .titleImg-container a.title {
  color: #006b3f;
  font-family: "RobotoRegular";
  letter-spacing: 1px;
  width: calc(100% - 90px);
  float: left;
  padding: 5px 0;
  text-transform: uppercase;
  font-size: 16px
}
.ac_results ul li.suggest .titleImg-container img {
  width: 85px;
  float: right
}
.ac_results ul li.suggest .cat-product .cat_img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  float: left;
  border: 1px solid #e5e5e5
}
.ac_results ul li.suggest .cat-product .cat_img img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  text-align: center
}
.ac_results ul li.suggest .cat-product .info {
  width: calc(100% - 60px);
  vertical-align: middle;
  float: left
}
.ac_results ul li.suggest .cat-product .info a {
  color: #8c9296;
  font-size: 16px;
  display: block;
  font-weight: 700;
  padding: 0 0 5px
}
.ac_results ul li.suggest .cat-product .info p {
  color: #8c9296;
  font-size: 14px
}
.ac_results ul li.suggest .cat-product .info .ac_priceWrap {
  width: 125px;
  float: left;
  margin-left: 10px
}
.ac_results ul li.suggest .cat-product .info .ac_priceWrap .btn-addtocart {
  font-size: 14px;
  margin-top: 5px;
  height: auto
}
.ac_results ul li.suggest a.button,
.ac_results ul li.suggest a.cimm_inlineButton,
.ac_results ul li.suggest .multiTab .multiTabContent .buttonWrap a.btnPrevious,
.multiTab .multiTabContent .buttonWrap .ac_results ul li.suggest a.btnPrevious,
.ac_results ul li.suggest .multiTab .multiTabContent .buttonWrap a.btnNext,
.multiTab .multiTabContent .buttonWrap .ac_results ul li.suggest a.btnNext,
.ac_results ul li.suggest a.btnFinish {
  float: right !important;
  width: auto !important;
  border: none !important;
  text-transform: capitalize;
  padding: 10px 5px;
  margin-top: 10px;
  font-size: 14px !important
}
.catWrap {
  width: 35%;
  float: left
}
.catWrap div {
  text-align: left;
  font: menu;
  line-height: 24px
}
.catWrap div strong {
  color: #006b3f
}
.catWrap li:first-child {
  background: #e6e6e6
}
.ac_results .itemWraper {
  padding-top: 22px;
  width: 65%;
  float: left;
  background: #e6e6e6
}
.ac_results .itemWraper .prodWrap li {
  display: inline-block;
  width: 25%
}
.ac_results .itemWraper .prodWrap li span {
  display: block;
  margin-top: 5px;
  height: 50px
}
.ac_results .itemWraper .prodWrap li img {
  width: 100%;
  display: block
}
.ac_results .itemWraper .mfgWrap {
  padding-bottom: 5px
}
.ac_results .itemWraper>a {
  background: #46acee;
  color: #fff;
  padding: 6px 25px;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: "oswald";
  font-weight: 300
}
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 45%;
  display: block;
  width: 30px;
  height: 50px;
  margin-top: -22px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: rgba(201, 201, 201, 0.4);
  z-index: 9
}
.bxslider .slick-prev {
  left: 0
}
.slick-prev {
  left: 20px
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 5px 8px 5px 5px
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}
.slick-track:after {
  clear: both;
  display: block;
  content: ""
}
.slick-initialized .slick-slide {
  display: block;
  height: auto
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}
.slick-slide img {
  display: block;
  width: 100%;
  max-width: 100%
}
.slick-next {
  right: 5px
}
ul.slick-dots {
  position: absolute;
  bottom: 6px;
  width: 100%;
  text-align: center
}
ul.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}
ul.slick-dots li button,
ul.slick-dots li .button,
ul.slick-dots li .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.calendarFilterWrap .tableHeader ul.calendarFilterHead ul.slick-dots li li,
ul.slick-dots li .cimm_inlineButton,
ul.slick-dots li .multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap ul.slick-dots li .btnPrevious,
ul.slick-dots li .multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap ul.slick-dots li .btnNext,
ul.slick-dots li .btnFinish {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: transparent
}
ul.slick-dots li button::before,
ul.slick-dots li .button::before,
ul.slick-dots li .calendarFilterWrap .tableHeader ul.calendarFilterHead li::before,
.calendarFilterWrap .tableHeader ul.calendarFilterHead ul.slick-dots li li::before,
ul.slick-dots li .cimm_inlineButton::before,
ul.slick-dots li .multiTab .multiTabContent .buttonWrap .btnPrevious::before,
.multiTab .multiTabContent .buttonWrap ul.slick-dots li .btnPrevious::before,
ul.slick-dots li .multiTab .multiTabContent .buttonWrap .btnNext::before,
.multiTab .multiTabContent .buttonWrap ul.slick-dots li .btnNext::before,
ul.slick-dots li .btnFinish::before {
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  content: "";
  text-align: center;
  background: #006b3f;
  border-radius: 10px
}
ul.slick-dots li.slick-active button:before,
ul.slick-dots li.slick-active .button:before,
ul.slick-dots li.slick-active .calendarFilterWrap .tableHeader ul.calendarFilterHead li:before,
.calendarFilterWrap .tableHeader ul.calendarFilterHead ul.slick-dots li.slick-active li:before,
ul.slick-dots li.slick-active .cimm_inlineButton:before,
ul.slick-dots li.slick-active .multiTab .multiTabContent .buttonWrap .btnPrevious:before,
.multiTab .multiTabContent .buttonWrap ul.slick-dots li.slick-active .btnPrevious:before,
ul.slick-dots li.slick-active .multiTab .multiTabContent .buttonWrap .btnNext:before,
.multiTab .multiTabContent .buttonWrap ul.slick-dots li.slick-active .btnNext:before,
ul.slick-dots li.slick-active .btnFinish:before {
  background: #bdbdbd
}
.slick-prev:hover,
.slick-next:hover {
  background: #fff;
  box-shadow: 1px 2px 10px 1px #adadad
}
.slick-prev:hover:before,
.slick-next:hover:before {
  color: #e5e5e5
}
.slick-prev:before,
.slick-next:before {
  font-family: FontAwesome;
  font-size: 38px;
  line-height: 1;
  opacity: .75;
  color: #fff
}
.slick-prev::before {
  content: "\f104"
}
.slick-prev:hover:before,
.slick-next:hover:before {
  color: #555
}
.slick-next::before {
  content: "\f105"
}
.cimm_stickyPageWrap:after {
  content: "";
  display: block
}
.cimm_sliderWrap {
  overflow: hidden
}
.cimm_sliderWrap .cimm_CaroBlockTitle {
  color: #8c9296;
  font-family: "oswald";
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin: 15px 0;
  position: relative;
  text-align: left
}
.cimm_sliderWrap .cimm_CaroBlockTitle label, .cimm_CaroBlockTitle_label {
  background: #fff;
  position: relative;
  z-index: 1;
  font-size: 22px;
  text-transform: uppercase;
  margin: 5px 0
}
.cimm_sliderWrap .cimm_caroWrap {
  margin: 0 0 0 -15px;
  padding: 0
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical {
  margin: -15px 0 0;
  padding: 20px 0 30px
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-slide {
  margin: 15px 0 0
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-slide[aria-hidden="true"] {
  box-shadow: 0 0 0 #ababab
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-next {
  top: 30px;
  height: 30px;
  width: 50px;
  left: 50%;
  margin-left: -25px
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-next:before {
  content: "\f106";
  line-height: .5
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-prev {
  top: calc(100% - 10px);
  height: 30px;
  width: 50px;
  left: 50%;
  margin-left: -25px
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-prev:before {
  content: "\f107";
  line-height: .5
}
.cimm_sliderWrap .cimm_caroWrap .slick-slide {
  margin: 0 0 0 15px;
  border-radius: 3px
}
.cimm_sliderWrap .cimm_caroWrap li {
  float: left
}
.cimm_sliderWrap .cimm_caroWrap li ul li {
  float: none;
  padding: 0
}
.cimm_sliderWrap .cimm_caroWrap li ul li:before {
  display: none
}
.cimm_sliderWrap .cimm_linkItemImg {
  height: 200px;
  width: 100%;
  position: relative
}
.cimm_sliderWrap .cimm_linkItemImg a {
  display: block
}
.cimm_sliderWrap .cimm_linkItemImg a img {
  max-width: 100%;
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 200px
}
.cimm_sliderWrap .cimm_linkItemDesp {
  padding: 5px 10px 10px
}
.cimm_sliderWrap .cimm_linkItemDesp li {
  float: none
}
.cimm_sliderWrap .cimm_linkItemDesp li img {
  width: auto;
  display: inline-block
}
.cimm_slideBrandImg {
  width: 100%;
  height: 100px;
  position: relative
}
.cimm_slideBrandImg a {
  text-align: center;
  height: 100%
}
.cimm_slideBrandImg a img {
  max-width: 100%;
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 100px
}
.cimm_slideItemImg {
  width: 210px;
  height: 210px;
  border-radius: 2px;
  background-color: #f5f5f5;
  padding: 15px;
  border: 0;
  position: relative;
  margin: 0 auto
}
.cimm_slideItemImg a {
  display: block;
  border: 1px solid #a1a1a1;
  border-radius: 2px;
  background-color: #fff;
  text-align: center;
  height: 100%
}
.cimm_slideItemImg a img {
  max-height: 170px;
  max-width: 170px;
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
#recentorders .cimm_slideItemDesp ul li {
  text-align: center
}
.cimm_slideItemDesp {
  padding: 10px;
  text-align: center
}
.cimm_slideItemDesp .productTitle {
  display: inline-block;
  line-height: 20px;
  font-size: 15px;
  color: #006b3f
}
.cimm_slideItemDesp ul li {
  margin: 0 0 5px;
  text-align: left
}
.bannerContainer {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw
}
.sliderCaption {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 75%;
  height: 100px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-family: "oswald";
  padding: 10px 13px
}
.sliderCaption h2 {
  margin: 0 0 5px
}
@media print {
  body {
    height: auto;
    width: 1000px
  }
a[href]:after {
  content: none !important
}
.container {
  -webkit-print-color-adjust: exact
}
.cimm_footerEnclosure,
.cimm_stickyPageWrap:after {
  height: 0
}
.cimm_stickyPageWrap {
  margin: 0
}
#leftMenu+.col-md-9 {
  width: 100%
}
header,
nav,
footer,
.hideForPrint,
.cimm_BreadCrumbs,
.imgEnlargeIcon,
#linkedItemSectionContent,
.multiTabHeading,
.documentStack li a,
.cimm_itemdetail_thumblist {
  display: none !important
}
.cimm_pdfLink {
  display: block !important;
  color: #006b3f
}
.cimm_itemDetailWrap .cimm_itemMainImage {
  width: 330px;
  float: left
}
.cimm_itemDetailWrap .cimm_itemDescription {
  width: calc(100% - 350px);
  float: left
}
.multiTab.detailPage .multiTabContent div ul.documentStack li {
  float: none;
  width: 100%;
  margin: 0;
  text-align: left
}
.multiTabContent>div {
  display: block !important;
  border: 0 !important;
  padding: 5px 0 !important
}
.multiTabContent>h3 {
  display: block !important;
  border: 0 !important;
  padding: 15px 0 5px !important;
  font-weight: 600 !important
}
.multiTab .multiTabContent>h3:after,
.multiTab .multiTabContent>h3.active:after {
  content: ""
}
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
  float: left
}
.col-sm-12,
.col-md-12 {
  width: 100%
}
.col-sm-11,
.col-md-11 {
  width: 91.66666667%
}
.col-sm-10,
.col-md-10 {
  width: 83.33333333%
}
.col-sm-9,
.col-md-9 {
  width: 75%
}
.col-sm-8,
.col-md-8 {
  width: 66.66666667%
}
.col-sm-7,
.col-md-7 {
  width: 58.33333333%
}
.col-sm-6,
.col-md-6 {
  width: 50%
}
.col-sm-5,
.col-md-5 {
  width: 41.66666667%
}
.col-sm-4,
.col-md-4 {
  width: 33.33333333%
}
.col-sm-3,
.col-md-3 {
  width: 25%
}
.col-sm-2,
.col-md-2 {
  width: 16.66666667%
}
.col-sm-1,
.col-md-1 {
  width: 8.33333333%
}
}
@media all and (max-width:1024px) {
  .cimm_logo {
    margin: 0 !important
  }
.AdvancedSearchSection .form-inline {
  margin-top: 10px
}
.cartTotal_Top {
  display: none
}
header .cimm_header .cimm_headerMidContent .cimm_searchWrapper .webViewSearch input[type="text"],
header .cimm_header .cimm_headerMidContent .cimm_searchWrapper .webViewSearch .cimm_searchIcon {
  border: 0;
  background: transparent
}
.webViewSearch {
  border-radius: 4px;
  background: #e5e5e5;
  box-shadow: inset 1px 1px 1px #adadad
}
.webViewSearch em {
  color: #ababab
}
.multiTab .multiTabContent .buttonWrap .btnPrevious:hover,
.multiTab .multiTabContent .buttonWrap .btnNext:hover {
  background: #006b3f
}
.btnFinish:hover {
  background: #006b3f
}
.cimm_inlineButton {
  letter-spacing: .5px
}
#ManagePurchaseAgent_wrapper .dataTables_filter {
  float: none;
  width: 100%
}
.navbar-toggle {
  display: block;
  margin: 0
}
.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 5px
}
#generalModel .modal-dialog {
  min-width: auto
}
.listGridContainer .gridView ul li.sessionDespTwo ul li p input {
  width: 45px
}
.listGridContainer .gridView ul li.sessionDespTwo ul li p {
  margin-right: 10px
}
ul.breadcrumb li {
  display: none
}
.breadcrumb li a {
  text-decoration: underline
}
.breadcrumb li+li:before {
  content: "\f104";
  font-family: FontAwesome;
  font-size: 18px;
  color: #8c9296
}
ul.breadcrumb li:nth-last-child(2) {
  display: block
}
.cimm_BreadCrumbs .breadcrumb li:nth-last-child(2):before {
  content: "";
  padding: 0
}
.cimm_productCategory .cimm_categoryItemBlock a p {
  height: 60px;
  padding: 5px
}
.priceSpan {
  font-size: 18px
}
.uploadImage_wrap .uploadFile span,
.uploadImage_wrap .uploadImage span,
.uploadImage_wrap .uploadFile span {
  font-size: 12px
}
.cimm_searchWrapper {
  width: 53%;
  margin: 36px 0
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap>li:first-child {
  width: 103px
}
header .cimm_header .cimm_header_mid .cimm_headerRight .cimm_signWrap>li:first-child a {
  font-size: 12px
}
footer .cimm_footer_mid .SocialMediaBlock li {
  padding: 5px 10px 8px
}
footer .email_SignUp .email_Letter p:first-child {
  font-size: 26px
}
footer .email_SignUp .email_Letter p:nth-child(2) {
  font-size: 23px;
  line-height: 13px
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image img {
  top: 0
}
.cimm_itemdetail ul li.detailButtonWrap div a[data-toggle="modal"],
.cimm_itemdetail ul li.detailButtonWrap div a[data-toggle="dropdown"] {
  padding: 7px 0;
  font-size: 16px
}
.thumblist .slick-prev,
.thumblist .slick-next {
  width: 30px;
  height: 30px;
  transform: rotate(-90deg)
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-next {
  top: 52%;
  left: 82%
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-prev {
  top: 61px;
  left: 0
}
.cimm_itemdetail .cimm_itemDescription {
  margin-top: 15%
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist {
  width: 100%;
  float: none
}
}
@media all and (max-width:980px) {
  .cimm_mobileNavIconWrap {
    float: left
  }
.cimm_mobileNavIconWrap button,
.cimm_mobileNavIconWrap .button,
.cimm_mobileNavIconWrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .cimm_mobileNavIconWrap li,
.cimm_mobileNavIconWrap .cimm_inlineButton,
.cimm_mobileNavIconWrap .multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap .cimm_mobileNavIconWrap .btnPrevious,
.cimm_mobileNavIconWrap .multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap .cimm_mobileNavIconWrap .btnNext,
.cimm_mobileNavIconWrap .btnFinish {
  position: relative;
  float: right;
  padding: 9px 0;
  margin: 2px 0;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}
.icon-bar {
  width: 25px !important;
  background-color: #fff;
  height: 4px !important
}
header .cimm_header .cimm_header_mid {
  background: #fff
}
.cimm_logo {
  height: 60px !important
}
.cimm_searchWrapper {
  margin-bottom: 10px;
  width: 100%
}
.listGridContainer .gridView {
  height: 670px
}
.showFromTab {
  display: block
}
.hideForIpad {
  display: none
}
.pgnation .pagebarUTH {
  margin: 20px 0
}
.toggle_content {
  display: none
}
footer .cimm_footer_mid .footerCol h5 em, footer .cimm_footer_mid .footerCol .footerCol_heading em {
  display: block
}
.fixOnApp {
  position: fixed;
  width: 100%;
  top: 0;
  background: #fff;
  padding-top: 10px;
  z-index: 111
}
.fixOnApp+div {
  padding: 100px 0 40px;
  margin: 0
}
.fixOnApp .cimm_headerLeft {
  margin: 0 !important
}
.fixOnApp #slideLeft,
.fixOnApp .cimm_slide,
.fixOnApp #slideLeft {
  height: 100%
}
.fixOnApp #slideLeft ul,
.fixOnApp .cimm_slide ul,
.fixOnApp #slideLeft ul {
  height: calc(100% - 100px);
  overflow-x: auto
}
header .cimm_header .cimm_headerMidContent .cimm_searchWrapper {
  width: calc(100% - 38px)
}
header .cimm_header .cimm_headerMidContent .cimm_searchWrapper input[type="text"] {
  height: 32px
}
header .cimm_header .cimm_headerMidContent .cimm_searchWrapper .cimm_searchIcon {
  height: 32px
}
header .cimm_header .cimm_headerMidContent button,
header .cimm_header .cimm_headerMidContent .button,
header .cimm_header .cimm_headerMidContent .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.calendarFilterWrap .tableHeader ul.calendarFilterHead header .cimm_header .cimm_headerMidContent li,
header .cimm_header .cimm_headerMidContent .cimm_inlineButton,
header .cimm_header .cimm_headerMidContent .multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap header .cimm_header .cimm_headerMidContent .btnPrevious,
header .cimm_header .cimm_headerMidContent .multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap header .cimm_header .cimm_headerMidContent .btnNext,
header .cimm_header .cimm_headerMidContent .btnFinish {
  margin: 0
}
.table.customBorderTable tbody tr:last-child td {
  border-bottom: 0
}
.table.customBorderTable tbody td:after {
  content: none
}
.table.customBorderTable tbody td .cimm_cartProdDescription {
  width: 100%
}
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .thumblist .slick-prev {
  top: 49%;
  width: 25px;
  height: 50px;
  left: -25px
}
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .thumblist .slick-next {
  top: 49%;
  width: 25px;
  height: 50px;
  left: 100%
}
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .thumblist .slick-next:before {
  content: "\f105";
  top: 0
}
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .thumblist .slick-prev:before {
  content: "\f104";
  top: 0
}
.cimm_itemDetailWrap .cimm_itemMainImage,
.cimm_itemDetailWrap .cimm_itemDescription {
  float: none;
  width: 100%
}
.cimm_itemDetailWrap .cimm_itemDescription ul.text-right {
  text-align: left
}
.cimm_stickyPageWrap,
footer,
.cimm_stickyPageWrap:after,
.cimm_footerEnclosure,
footer .footerMiddelContent {
  height: auto;
  margin: 0
}
.detailPage {
  width: 100%
}
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .itemDetailImage {
  float: none
}
.cimm_itemDetailWrap .cimm_itemMainImage .thumblist,
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .thumblist {
  width: 260px;
  margin: 0 auto;
  float: none
}
.cimm_itemDetailWrap .cimm_itemMainImage .thumblist .cimm_slideItemImg {
  height: 82px
}
.cimm_itemDetailWrap .cimm_itemMainImage .thumblist .cimm_slideItemImg a img {
  max-height: 80px
}
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .thumblist li {
  margin: 0 0 0 15px
}
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .thumblist .slick-list,
.cimm_itemDetailWrap .cimm_itemMainImage .thumblist .slick-list {
  padding: 0;
  margin: 0 0 0 -15px
}
header .cimm_header .cimm_headerMidContent .cimm_searchWrapper {
  margin: 0
}
.showInDevice {
  display: block
}
.hideForDevices {
  display: none !important
}
.cimm_blockHeading+ul {
  margin-bottom: 15px
}
#recentorders .slick-prev {
  top: 48%;
  left: 10px
}
#recentorders .slick-prev:before {
  content: "\f104"
}
#recentorders .slick-next {
  bottom: inherit;
  top: 48%;
  right: 10px
}
#recentorders .slick-next:before {
  content: "\f105"
}
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .thumblist .slick-next,
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .thumblist .slick-prev {
  top: 50%;
  width: 25px;
  height: 50px
}
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .thumblist .slick-next {
  left: 100%
}
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .thumblist .slick-prev {
  left: -25px
}
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .thumblist .slick-prev:before {
  content: "\f104";
  top: -1px
}
.cimm_itemDetailWrap .cimm_itemMainImage.verticalThumblist .thumblist .slick-next:before {
  content: "\f105";
  top: -1px
}
.multiTab.searchPage>ul.multiTabHeading>li {
  width: 50%
}
footer .cimm_footer_mid .SocialMediaBlock li {
  margin-right: 8px !important
}
.cimm_searchWrapper {
  margin-bottom: 30px
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image {
  width: 100%
}
}
@media all and (max-width:768px) {
  #events_Table_wrapper #events_Table td.calendarDetail {
    text-align: left
  }
.mobHeaderDiv {
  top: 20px
}
.Moblogo {
  padding: 0;
  float: left
}
.HeaderNav {
  display: none
}
.HeaderLabel {
  display: none
}
.cimm_storeLocator h6 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  font-size: 14px
}
.cimm_storeLocator h2 {
  font-size: 18px;
  margin: 14px 0
}
.cimm_storeLocator h6 em {
  font-size: 24px
}
header .cimm_header .cimm_header_mid .cimm_logo {
  margin: 0 auto
}
.cimm_page-title {
  font-size: 16px
}
.calendarFilter ul li {
  border: 0
}
.btn {
  height: 36px;
  padding: 6px 20px 5px;
  font-size: 16px
}
body,
.btnFinish,
.button,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.cimm_inlineButton,
.multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap .btnNext,
.btnFinish,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.cimm_inlineButton,
.multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap .btnPrevious {
  font-size: 14px
}
.cimm_salesBottomStrip ul {
  width: 100%
}
.compareTableWrap .pushbtnGroup li {
  text-align: right;
  width: 49%
}
#sortByForm .dropdown-menu {
  left: 0
}
.compareTableWrap .pushbtnGroup li:nth-child(2n+2) {
  text-align: left
}
.tableScroll {
  overflow-x: scroll
}
.tableScroll .table {
  width: 800px
}
#events_Table_wrapper #events_Table td {
  border: 0
}
#events_Table_wrapper #events_Table td:last-child {
  border-bottom: 1px solid #ccc
}
.listGridContainer .gridView {
  width: 48%
}
.listGridContainer .gridView:nth-child(even) {
  margin-right: 0;
  border-right: 0;
  padding: 0 15px
}
.listGridContainer .gridView:nth-child(odd) {
  border-right: 1px solid #ccc;
  padding-left: 0;
  padding-right: 20px
}
#mailContentDisplay .cimm_itemDescription {
  float: left;
  width: calc(100% - 400px)
}
.cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock {
  width: 47%
}
.cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock:nth-child(3n+2) {
  margin: 25px .5% 0
}
.cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock:nth-child(2n+2) {
  margin: 25px .5% 0 4.5%
}
#events_Table_wrapper #events_Table td,
.storeListTable td {
  width: 100%;
  display: block
}
#events_Table_wrapper #events_Table td:nth-child(2) {
  width: 70%
}
.storeListTable td,
.storeListTable td a.button,
.storeListTable td a.cimm_inlineButton,
.storeListTable td .multiTab .multiTabContent .buttonWrap a.btnPrevious,
.multiTab .multiTabContent .buttonWrap .storeListTable td a.btnPrevious,
.storeListTable td .multiTab .multiTabContent .buttonWrap a.btnNext,
.multiTab .multiTabContent .buttonWrap .storeListTable td a.btnNext,
.storeListTable td a.btnFinish {
  text-align: center;
  margin: 0 auto
}
#events_Table_wrapper #events_Table td.calendarDetail a:not(.link),
.storeListTable td a.button,
.storeListTable td a.cimm_inlineButton,
.storeListTable td .multiTab .multiTabContent .buttonWrap a.btnPrevious,
.multiTab .multiTabContent .buttonWrap .storeListTable td a.btnPrevious,
.storeListTable td .multiTab .multiTabContent .buttonWrap a.btnNext,
.multiTab .multiTabContent .buttonWrap .storeListTable td a.btnNext,
.storeListTable td a.btnFinish {
  width: 220px;
  display: block;
  text-align: center
}
.table.customBorderTable tbody td .cimm_cartProdDescription {
  width: 100%
}
.cimm_btnGroupEnclosure ul li {
  padding: 0;
  display: block;
  margin: 15px 0
}
.userInfoWrap {
  margin-top: 10px
}
.userInfoWrap b,
.userInfoWrap span {
  width: 100%;
  float: none
}
.uploadImage_wrap .uploadFile span,
.uploadImage_wrap .uploadImage span,
.uploadImage_wrap .uploadFile span {
  font-size: 14px;
  padding: 5px
}
#ManagePurchaseAgent_wrapper table tbody tr td a.cimm_inlineButton,
#ManagePurchaseAgent_wrapper table tbody tr td label.switch {
  float: none;
  margin: 10px 0;
  width: 120px;
  display: block
}
#updateCartForm .cimm_salesBottomStrip {
  width: 100%;
  margin: 0
}
.cimm_itemMainImage {
  margin-bottom: 30px
}
#productSearchForm input[type="text"] {
  width: calc(100% - 205px);
  display: inline-block
}
.searchZero a {
  margin: 2px 0;
  vertical-align: middle
}
.uploadImage_wrap .uploadFile span,
.uploadImage_wrap .uploadImage span,
.uploadImage_wrap .uploadFile span {
  font-size: 12px
}
.cimm_itemDetailWrap .cimm_itemdetail-image {
  width: 400px !important
}
.cimm_itemdetail ul li.detailButtonWrap div a[data-toggle="modal"],
.cimm_itemdetail ul li.detailButtonWrap div a[data-toggle="dropdown"] {
  font-size: 16px
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image img {
  top: 60px
}
.cimm_itemdetail ul li.detailButtonWrap div a[data-toggle="modal"],
.cimm_itemdetail ul li.detailButtonWrap div a[data-toggle="dropdown"] {
  padding: 5px 0
}
.compareTableMobileView {
  overflow-x: scroll
}
.cimm_header_mid .MobileStoreHr img {
  vertical-align: middle;
  position: relative;
  top: -5px
}
.pushbtnGroup>a:last-child {
  margin: 10px 0
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-prev,
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-next {
  position: absolute;
  top: 58%;
  transform: rotate(270deg)
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-next {
  left: 94%
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-prev {
  left: 2%
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist {
  width: 100%;
  float: left
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image {
  width: 100%;
  float: none
}
}
@media all and (max-width:480px) {
  .mobHeaderDiv {
    top: 20px
  }
.HeaderLabel {
  display: none
}
.AdvancedSearchSection .form-control {
  width: calc(100% - 50px) !important;
  float: left
}
.AdvancedSearchSection .cimm_inlineButton {
  height: 34px;
  border-radius: 0 2px 2px 0
}
.cimm_searchWrapper {
  margin-bottom: 10px
}
.listGridContainer .gridView:nth-child(odd) {
  border-right: 0
}
.compareTableMobileView {
  overflow-x: scroll
}
.locDetailWrap ul {
  float: none;
  width: 100%;
  height: 220px
}
.orderDetailBlock .cimm_page-title {
  padding: 0 15px;
  margin: 0
}
.compareTableWrap {
  overflow-x: scroll
}
.compareTableWrap .pushbtnGroup a {
  margin: 10px 0 0;
  width: 100%
}
.documentStack a {
  word-break: break-all
}
.calendarFilterWrap .tableHeader h2 {
  float: none !important;
  width: 100%;
  text-align: center
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image {
  width: 100%;
  height: 320px
}
.uploadImage_wrap .uploadFile,
.uploadImage_wrap .uploadImage,
.uploadImage_wrap .uploadFile {
  width: calc(100% - 165px)
}
.listGridContainer .gridView {
  margin: 25px 0 0;
  width: 100%;
  border-right: 0
}
#mailContentDisplay .cimm_itemDescription {
  width: 100% !important
}
.cartTotal_Top span {
  margin-bottom: 10px
}
.cartTotal_Top {
  text-align: left
}
.cartTotal_Top a {
  margin: 0 !important
}
.cimm_btnGroupEnclosure .cimm_cartContinueShop {
  font-size: 14px
}
.cimm_cartActions {
  text-align: center
}
.select_attributeBody>ul>li.selectOptions {
  width: 100%;
  margin-right: 0
}
.calendarFilterWrap .tableHeader .calendarFilterHead {
  float: none !important;
  width: 270px;
  margin: 0 auto
}
.calendarFilterWrap .tableHeader ul.calendarFilterHead li {
  width: 90px
}
.listGridContainer .gridView,
.listGridContainer .gridView:nth-child(3n+3),
.listGridContainer .gridView:nth-child(2n+2),
.listGridContainer .gridView:nth-child(3n+1) {
  width: 100%;
  float: none;
  height: auto;
  min-height: 450px
}
.cimm_itemDetailWrap .cimm_itemMainImage .itemDetailImage {
  width: 100%;
  height: 300px
}
.cimm_itemDetailWrap .cimm_itemMainImage .itemDetailImage img {
  max-height: 300px !important
}
.uploadImage_wrap .uploadFile span,
.uploadImage_wrap .uploadImage span,
.uploadImage_wrap .uploadFile span {
  font-size: 10px;
  padding: 8px 2px
}
.marketingMaterial label {
  margin-top: 8px
}
#productSearchForm .cimm_inlineButton {
  margin-top: 10px
}
#productSearchForm input[type="text"] {
  width: 100%
}
.multiTab.detailPage .multiTabContent div {
  padding: 10px
}
.cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock,
.cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock:nth-child(3n+2),
.cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock:nth-child(2n+2) {
  margin: 25px 1% 0;
  width: 98%
}
.multiTab.searchPage>ul.multiTabHeading>li>a {
  font-size: 12px
}
.cimm_listGridTopControls .cimm_listGridTopRightCtrls {
  text-align: left
}
.listGridContainer .gridView:nth-child(3n+3) {
  border-right: 0;
  padding: 0
}
.listGridContainer .gridView:nth-child(3n+2) {
  border-right: 0;
  padding: 0
}
.cimm_storeLocator h2 {
  font-size: 14px
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image img {
  top: 60px
}
.thumblist {
  top: 100%
}
.cimm_itemdetail .cimm_itemDescription {
  margin-top: 35%
}
.cimm_itemdetail .cimm_itemdetail-imgcontainer .thumblist .slick-next {
  left: 86%
}
}
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
  #generalModel .modal-body {
    max-height: 320px
  }
}
@media screen and (min-width:320px) and (max-width:767px) {
  .listGridContainer .gridView ul li.sessionDespTwo {
    position: unset
  }
}
@media screen and (min-width:1024px) {
  .mobiHeader {
    display: none
  }
.AdvancedSearchSection .form-inline {
  margin-top: 10px
}
.showFromTab {
  display: none
}
.cimm_bodyContentWrap>.container {
  padding-bottom: 30px
}
}
@media screen and (max-width:375px) {
  .multiTab.searchPage>ul.multiTabHeading>li>a {
    font-size: 10px
  }
.cimm_cartProdDescription .lineItemComments {
  width: 100%
}
}
@media all and (max-width:767px) {
  .cimm_logo img {
    margin: 0 !important
  }
.mobHeaderDiv {
  top: 20px
}
.actionBtnWrap {
  text-align: left !important;
  margin-top: 10px
}
}
@media all and (min-width:768px) {
  .HeaderNav,
  .HeaderLabel {
    display: none
  }
.mobHeaderDiv {
  top: 20px
}
}
@media all and (min-width:768px) and (max-width:1024px -1) {
  header .cimm_header .cimm_header_mid {
    background-color: #8c9296 !important
  }
.HeaderLabel,
.HeaderNav {
  display: block
}
.HeaderNav,
.HeaderLabel {
  display: block
}
.mobHeaderDiv {
  top: 20px
}
.cimm_header .cimm_header_mid .cimm_logo a img {
  top: 65px
}
}
@media(min-width:1024px) {
  .HeaderNav {
    display: none
  }
.HeaderLabel {
  display: block
}
.mobHeaderDiv {
  top: 0
}
.MobHeaderLabel {
  display: none
}
}
@media all and (max-width:1200px) {
  .container {
    width: 100%
  }
}
@media(min-width:1400px) {
  .cimm_footer_mid .container {
    width: 1000px !important
  }
}
.propwarning .propwarningmsg {
  font-size: 12px;
  color: #000
}
.propwarning .propwarningmsg img {
  width: 16px;
  height: 15px;
  margin-right: 5px
}
.propwarning .propwarningmsg a {
  color: #ee3426;
  text-decoration: underline
}
.propwarning .propwarningmsg span {
  position: relative;
  top: 4px
}
.californiaRestrictionModal img {
  width: 16px;
  height: 15px;
  margin-right: 5px
}
.californiaRestrictionModal h3 img {
  width: 25px;
  height: 25px;
  margin-left: 5px
}
.californiaRestrictionModal .modal-content .modal-header a {
  color: #ee3426;
  text-decoration: underline
}
.californiaRestrictionModal .modal-content .modal-footer .btn {
  background: #006b3f;
  color: #fff;
  border-radius: 0
}
.oopischeckout .requiredField span.required {
  float: right
}
.oopischeckout .requiredField .form-control {
  border: 2px solid #006b3f
}
.oopischeckout .requiredField input[type="password"]::placeholder,
.oopischeckout .requiredField input[type="text"]::placeholder {
  color: #006b3f
}
#RetailCustomer #newRetailCustomer a.eyeicon,
#advancePassword a.eyeicon,
#changeEmail a.eyeicon,
#changePassword a.eyeicon,
#loginModal a.eyeicon,
#mainLoginForm a.eyeicon,
.loginWindow a.eyeicon {
  float: right;
  position: relative;
  bottom: 29px;
  right: 10px;
  width: 28px;
  font-size: 13px !important
}
.toggle-password-mask {
  float: right;
  margin-right: 9px;
  margin-top: -29px;
  position: relative;
  z-index: 2
}
.toggle-password-mask span {
  cursor: pointer;
  text-decoration: underline
}
#newRetailCustomer .password-rules {
  background: #ccc;
  border: 5px solid #343333;
  border-radius: 15px;
  width: 300px;
  padding: 5px 10px;
  position: absolute;
  z-index: 100000;
  right: 15px;
  display: none
}
#changePassword .password-rules {
  margin-top: 36px
}
.w-100 {
  width: 100% !important
}
input.class_red,
select.class_red {
  border: 2px solid #ee3426 !important;
  color: #135175
}
@media all and (min-width:1400px) {
  .megaMenuFlyout-panel-2 {
    width: 840px !important
  }
.megaMenuFlyout-panel-3 {
  width: 1080px !important
}
.megaMenuFlyout-panel-4 {
  width: 1320px !important
}
.megaMenuSection_img {
  display: block
}
.megaMenuSection_imgDefault {
  display: block
}
}
@media all and (max-width:1399px) {
  .megaMenuFlyout-panel-2 {
    width: 480px !important
  }
.megaMenuFlyout-panel-3 {
  width: 720px !important
}
.megaMenuFlyout-panel-4 {
  width: 960px !important
}
.megaMenuSection_img {
  display: none
}
.megaMenuSection_imgDefault {
  display: none
}
}
nav.navbar .cimm_nav>ul>li>.dropdown-menu li:hover a {
  background: #006b3f;
  color: #fff
}
nav.navbar .cimm_nav>ul>li.active.dropdown .megaMenuFlyout .megaMenuSection_l1 ul li a:hover {
  font-weight: 700;
  color: #fff
}
.sessionDespTwo_Three {
	/* min-height: 94px;*/
}
/* McGuckin Hardware — Header + Footer CSS
   Reference: mcguckin-homepage.html
   Stack: Bootstrap 3.4.1 + FA 4.x
   Fonts: Zilla Slab (--font-slab) + DM Sans (--font-sans) */

/* ═══════════════════════════
   TOKENS
═══════════════════════════ */
:root {
  --mcg-green:      #1F4E0F;
  --mcg-green-dk:   #163808;
  --mcg-green-lt:   #2C6818;
  --mcg-green-mid:  #3D7A28;
  --mcg-green-wash: #EEF4E8;
  --mcg-sage:       #a8d87a;
  --mcg-red:        #C8241C;
  --mcg-ink:        #1A1A1A;
  --mcg-mid:        #555B65;
  --mcg-muted:      #8A909A;
  --mcg-rule:       #E2E5EA;
  --mcg-rule-dk:    #D0D4D9;
  --mcg-white:      #ffffff;
  --mcg-cream:      #F5F2EC;
  --mcg-cream-dk:   #EDE8DF;
  --mcg-gold:       #C8920A;
  --mcg-gold-lt:    #FFF8E7;
  --mcg-ink-soft:   #2E2E2E;
  --mcg-r:          6px;
  --font-slab:      'Zilla Slab', Georgia, serif;
  --font-sans:      'DM Sans', system-ui, sans-serif;
  --mcg-shadow-sm:  0 1px 3px rgba(0,0,0,.06);
  --mcg-shadow-md:  0 4px 16px rgba(0,0,0,.08);
  --mcg-shadow-lg:  0 8px 32px rgba(0,0,0,.12);
}

/* ═══════════════════════════
   GLOBAL FONT
═══════════════════════════ */
body.mcg-page {
  font-family: var(--font-sans) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.navbar, .nav, .btn, input, button, select, textarea {
  font-family: var(--font-sans) !important;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--font-slab) !important; }

/* ═══════════════════════════
   SUPPRESS OLD THEME ELEMENTS
═══════════════════════════ */
.cimm_header_mid         { display: none !important; }
.headerForMobi.HeaderNav { display: none !important; }
.megaMenuFlyout          { display: none !important; }
.navbar.navbar-default:not(.mcg-navbar-wrap .navbar-default) { display: none !important; }
.modal                        { display: none; }
.modal.in                     { display: block !important; }
.dropdown.open .dropdown-menu { display: block !important; }

/* ═══════════════════════════
   TOP BAR
═══════════════════════════ */
.mcg-topbar {
  background: var(--mcg-green-dk);
  padding: 8px 0;
  font-size: 13px;
  color: rgba(255,255,255,.6);
  font-family: var(--font-sans);
  max-height: 60px;
  overflow: hidden;
  transition: max-height .3s ease, opacity .25s ease, padding .3s ease;
}
.container-topbar{max-width: 1340px;margin: auto;}
body.mcg-scrolled .mcg-topbar {
  max-height: 0; opacity: 0; padding-top: 0; padding-bottom: 0;
}
.mcg-topbar .container { max-width: 1340px; }
.mcg-topbar-inner {
  display: flex; align-items: center;
  justify-content: space-between; flex-wrap: wrap; gap: 8px;
}
.mcg-topbar-left, .mcg-topbar-right { display: flex; align-items: center; gap: 20px; }
.mcg-topbar-left a, .mcg-topbar-right a { color: rgba(255,255,255,.7); text-decoration: none; transition: color .2s; }
.mcg-topbar-left a:hover, .mcg-topbar-right a:hover { color: #fff; }
.mcg-topbar-left strong { color: rgba(255,255,255,.9); }
.mcg-topbar-left .fa { color: var(--mcg-sage); margin-right: 4px; }
.mcg-topbar-right span { opacity: .3; }

/* ═══════════════════════════
   ALERT BAR
═══════════════════════════ */
.mcg-alert-bar {
  background: var(--mcg-green);
  padding: 9px 0;
  font-family: var(--font-sans);
  max-height: 60px;
  overflow: hidden;
  transition: max-height .3s ease, opacity .25s ease, padding .3s ease;
}
body.mcg-scrolled .mcg-alert-bar {
  max-height: 0; opacity: 0; padding-top: 0; padding-bottom: 0;
}
.mcg-alert-bar a { color: #fff; text-decoration: none; font-size: 14px; }

/* ═══════════════════════════
   STICKY HEADER
═══════════════════════════ */
.mcg-header-wrap {
  background: var(--mcg-white);
  border-bottom: 1px solid var(--mcg-rule);
  padding: 0 24px;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
  overflow: visible;
  font-family: var(--font-sans);
}
.mcg-header-inner {
  max-width: 1340px;
  margin: 0 auto;
  height: 75px;
  display: flex;
  align-items: center;
  gap: 20px;
  overflow: visible;
  justify-content: space-evenly;
}

/* ═══════════════════════════
   LOGO
═══════════════════════════ */
.mcg-logo { flex-shrink: 0; }
.mcg-logo a { display: block; text-decoration: none; }
.mcg-logo-plate {
  background: var(--mcg-green-wash);
  border: 2px solid var(--mcg-green-mid);
  border-radius: var(--mcg-r);
  padding: 6px 18px 6px;
  display: inline-block;
  font-family: var(--font-slab);
}
.mcg-logo-plate img { max-height: 48px;width: 140px; display: block; }

/* ═══════════════════════════
   ALL DEPARTMENTS BUTTON
═══════════════════════════ */
.mcg-dept-btn {
  display: flex; align-items: center; gap: 8px;
  background: var(--mcg-green); color: #fff;
  padding: 10px 18px; border-radius: var(--mcg-r);
  border: none; cursor: pointer;
  font-family: var(--font-slab);
  font-size: 14px; font-weight: 600;
  letter-spacing: .02em; white-space: nowrap;
  transition: background .2s; flex-shrink: 0;text-transform: capitalize;
}
.mcg-dept-btn:hover, .mcg-dept-btn.is-active { background: var(--mcg-green-dk); }
.mcg-dept-bars { display: flex; flex-direction: column; gap: 4px; width: 18px; flex-shrink: 0; }
.mcg-dept-bars span { display: block; height: 2px; background: #fff; border-radius: 2px; }

/* ═══════════════════════════
   SEARCH BAR
═══════════════════════════ */
.mcg-search-wrap { flex: 1; max-width: 640px; }
.mcg-search-bar {
  display: flex; border: 2px solid var(--mcg-rule-dk);
  border-radius: var(--mcg-r); overflow: hidden;
  background: var(--mcg-white); transition: border-color .2s;
}
.mcg-search-bar:focus-within { border-color: var(--mcg-green); }
.mcg-search-input {
  flex: 1; border: none !important; box-shadow: none !important;
  outline: none !important; padding: 11px 16px; font-size: 14px;
  font-family: var(--font-sans);
  color: var(--mcg-ink); background: transparent; min-width: 0;
  height: auto; border-radius: 0 !important;
}
.mcg-search-btn {
  background: var(--mcg-green) !important; color: #fff !important;
  border: none !important; border-radius: 0 !important;
  padding: 0 20px; font-size: 16px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .2s;
}
.mcg-search-btn:hover { background: var(--mcg-green-dk) !important; }

/* ═══════════════════════════
   HEADER ACTIONS
═══════════════════════════ */
.mcg-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; overflow: visible; }
.mcg-action-item { position: relative; overflow: visible; }
.mcg-action-btn {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: 8px 12px; border-radius: var(--mcg-r);
  font-family: var(--font-sans);
  font-size: 10px; color: var(--mcg-mid);
  text-decoration: none !important; background: transparent;
  border: none; cursor: pointer;
  transition: background .15s, color .15s;
  letter-spacing: .02em; white-space: nowrap;font-size: 10px;text-align: center;
}
.mcg-action-btn:hover { background: var(--mcg-green-wash); color: var(--mcg-green); }
.mcg-action-icon { width: 22px; height: 22px; object-fit: contain; display: block; }
.mcg-action-icon-fa { font-size: 22px; display: block; }
.mcg-action-btn small { display: block; font-size: 11px; color: var(--mcg-muted); line-height: 1.2; }

.mcg-cart-btn {
  display: flex; align-items: center; gap: 8px;
  background: var(--mcg-green); color: #fff !important;
  padding: 10px 18px; border-radius: var(--mcg-r);
  font-family: var(--font-slab);
  font-size: 13px; font-weight: 600; letter-spacing: .02em;
  text-decoration: none !important; transition: background .2s;
  position: relative; white-space: nowrap; flex-shrink: 0;
}
.mcg-cart-btn:hover { background: var(--mcg-green-dk); color: #fff !important; }
.mcg-cart-btn .fa { font-size: 20px; }
.mcg-cart-badge {
  position: absolute; top: -4px; right: -4px;
  background: var(--mcg-red); color: #fff;
  font-size: 10px; font-weight: 700;
  width: 20px; height: 20px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  border: 2px solid var(--mcg-white);
}

/* Account / Login dropdown */
.mcg-action-item.dropdown .dropdown-menu,
.mcg-action-item.dropdown .loginWindow.dropdown-menu {
  z-index: 9999 !important;
  right: 0; left: auto; margin-top: 0;
  border-top: 3px solid var(--mcg-green);
}
/* ─── LOGIN DROPDOWN ─── */
.mcg-login-dd { min-width: 320px; padding: 0; border-radius: 0 0 var(--mcg-r) var(--mcg-r); overflow: hidden; }

/* Header strip */
.mcg-login-hd { padding: 14px 20px 12px; background: var(--mcg-green-wash); border-bottom: 1px solid var(--mcg-rule); }
.mcg-login-title { font-family: var(--font-slab); font-size: 16px; font-weight: 700; color: var(--mcg-green); display: block; line-height: 1.2; }
.mcg-login-sub { font-size: 12px; color: var(--mcg-mid); display: block; margin-top: 2px; }

/* Form body */
.mcg-login-dd form { padding: 16px 20px 8px; }

/* Error alert */
.mcg-login-dd #pLoginErr:not(:empty) {
  font-size: 12px; padding: 8px 12px;
  background: #fceeed; border: 1px solid rgba(200,36,28,.2);
  border-radius: var(--mcg-r); margin-bottom: 12px; display: block;
}

/* Form groups */
.mcg-login-dd .form-group { margin-bottom: 12px; position: relative; }
.mcg-login-dd .required { font-size: 11px; display: block; margin-bottom: 3px; }

/* Inputs */
.mcg-login-dd .form-control {
  width: 100%; height: 42px;
  border: 1.5px solid var(--mcg-rule-dk) !important;
  border-radius: var(--mcg-r) !important;
  padding: 0 14px; font-size: 14px;
  font-family: var(--font-sans); color: var(--mcg-ink);
  background: var(--mcg-white); box-shadow: none !important;
  transition: border-color .2s; outline: none;
}
.mcg-login-dd .form-control:focus { border-color: var(--mcg-green) !important; }
.mcg-login-dd .form-control::placeholder { color: var(--mcg-muted); }
.mcg-login-dd #popPassword { padding-right: 52px; }

/* Password show/hide toggle */
.mcg-login-dd .toggle-password-mask {
  position: absolute; right: 12px; bottom: 11px;
  cursor: pointer; font-size: 12px; font-weight: 600;
  color: var(--mcg-green); letter-spacing: .03em; line-height: 1;
}
.mcg-login-dd .toggle-password-mask:hover { text-decoration: underline; }

/* Remember + submit row — override Bootstrap floats */
.mcg-login-dd .rememberLogWrap {
  display: flex; flex-direction: column; gap: 10px; overflow: visible;
}
.mcg-login-dd .rememberLogWrap::after { display: none; } /* kill clearfix */

.mcg-login-dd .customCheckBox,
.mcg-login-dd .rememberLogWrap label {
  float: none !important;
  display: flex; align-items: center; gap: 8px;
  font-size: 12px; color: var(--mcg-mid); cursor: pointer; order: 1;
}
.mcg-login-dd .customCheckBox input[type="checkbox"],
.mcg-login-dd .rememberLogWrap input[type="checkbox"] {
  width: 15px; height: 15px; accent-color: var(--mcg-green); cursor: pointer; flex-shrink: 0;
}

/* Sign In button */
.mcg-login-dd .rememberLogWrap .button,
.mcg-login-dd .rememberLogWrap button[type="submit"] {
  float: none !important; width: 100%;
  padding: 12px; background: var(--mcg-green); color: #fff;
  border: none; border-radius: var(--mcg-r);
  font-family: var(--font-slab); font-size: 15px; font-weight: 600;
  letter-spacing: .03em; cursor: pointer; transition: background .2s; order: 2;
}
.mcg-login-dd .rememberLogWrap .button:hover,
.mcg-login-dd .rememberLogWrap button[type="submit"]:hover { background: var(--mcg-green-dk); }

/* Forgot password */
.mcg-login-dd .forgotPassword {
  font-size: 12px; color: var(--mcg-green) !important;
  text-align: center; display: block; order: 3;
  transition: opacity .15s; float: none !important;
}
.mcg-login-dd .forgotPassword:hover { opacity: .75; text-decoration: underline; }
.mcg-login-dd .clear,
.mcg-login-dd br { display: none; }

/* "New to McGuckin?" divider */
.mcg-login-divider {
  display: flex; align-items: center; gap: 10px;
  padding: 4px 20px; margin-bottom: 12px;
}
.mcg-login-divider::before, .mcg-login-divider::after {
  content: ''; flex: 1; height: 1px; background: var(--mcg-rule);
}
.mcg-login-divider span {
  font-size: 11px; color: var(--mcg-muted); white-space: nowrap;
  font-weight: 600; text-transform: uppercase; letter-spacing: .05em;
}

/* Register / Create Account button */
.mcg-login-dd .mcg-register-btn {
  display: block; margin: 0 20px 18px;
  padding: 11px; border: 2px solid var(--mcg-green);
  border-radius: var(--mcg-r); font-family: var(--font-slab);
  font-size: 14px; font-weight: 600; color: var(--mcg-green) !important;
  background: transparent; text-align: center;
  transition: background .2s, color .2s; letter-spacing: .02em;
}
.mcg-login-dd .mcg-register-btn:hover {
  background: var(--mcg-green); color: #fff !important; text-decoration: none;
}
.mcg-account-dd { min-width: 220px; padding: 4px 0; }
.mcg-account-dd > li { border-bottom: 1px solid #f0f0f0; }
.mcg-account-dd > li:last-child { border-bottom: 0; }
.mcg-account-dd > li > a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 16px;
  font-family: var(--font-sans);
  font-size: 13px;
  color: var(--mcg-mid);
  white-space: nowrap;
  line-height: 1.3;
}
.mcg-account-dd > li > a:hover,
.mcg-account-dd > li > a:focus {
  background: var(--mcg-green-wash);
  color: var(--mcg-green);
  text-decoration: none;
}
.mcg-account-dd > li > a em,
.mcg-account-dd > li > a i {
  width: 16px;
  text-align: center;
  flex-shrink: 0;
  font-size: 14px;
  color: var(--mcg-green);
}
.mcg-account-dd > li:last-child > a { color: var(--mcg-green); font-weight: 600; }

/* ═══════════════════════════
   MOBILE
═══════════════════════════ */
.mcg-mob-actions { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.mcg-mob-btn { position: relative; padding: 4px 6px; display: inline-flex; align-items: center; }
.mcg-mob-badge {
  position: absolute; top: -3px; right: -3px;
  background: var(--mcg-red); color: #fff; font-size: 10px; font-weight: 700;
  min-width: 17px; height: 17px; border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  padding: 0 3px; border: 2px solid var(--mcg-white);
}
.mcg-mob-burger.navbar-toggle {
  background: var(--mcg-green); border-color: var(--mcg-green-dk);
  border-radius: var(--mcg-r); padding: 7px 9px; margin: 0; float: none;
}
.mcg-mob-burger .icon-bar { background: #fff; }

/* ═══════════════════════════
   NAV BAR
═══════════════════════════ */
.mcg-navbar-wrap {
  background: var(--mcg-white);
  border-bottom: 1px solid var(--mcg-rule);
  padding: 0 24px;
  position: sticky;
  top: 72px;
  z-index: 990;
  overflow: hidden;
  max-height: 48px;
  font-family: var(--font-sans);
  transition: max-height .3s ease, opacity .25s ease, border-color .25s;
}
body.mcg-scrolled .mcg-navbar-wrap {
  max-height: 0; opacity: 0; pointer-events: none; border-bottom-color: transparent;
}
.mcg-navbar-wrap .container { max-width: 1340px; }
.mcg-navbar {
  margin: 0; padding: 0; list-style: none;
  display: flex; align-items: stretch;
  flex-wrap: nowrap; overflow-x: auto;
  scrollbar-width: none; -ms-overflow-style: none;
}
.mcg-navbar::-webkit-scrollbar { display: none; }
.mcg-nav-item { list-style: none; display: flex; align-items: stretch; }
.mcg-nav-link {
  display: flex; align-items: center;
  padding: 12px 16px; font-size: 13px; font-weight: 500;
  font-family: var(--font-sans);
  color: var(--mcg-mid); white-space: nowrap;
  border-bottom: 2.5px solid transparent;
  text-decoration: none !important;
  transition: color .2s, border-color .2s;
}
.mcg-nav-link:hover { color: var(--mcg-green); border-bottom-color: var(--mcg-green); }
.mcg-nav-more { align-items: center; padding: 0 4px; }
.mcg-nav-dots {
  display: flex; align-items: center; justify-content: center; gap: 4px;
  padding: 20px 12px; color: var(--mcg-muted);
  background: transparent; border: none; cursor: pointer;
  border-bottom: 2.5px solid transparent; transition: color .2s;
}
.mcg-nav-dots:hover, .mcg-nav-dots.is-active { color: var(--mcg-green); }
.mcg-nav-dots span { display: block; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }

/* ═══════════════════════════
   MEGA MENU OVERLAY
═══════════════════════════ */
.mcg-mega-overlay {
  display: none; position: fixed; inset: 0;
  background: rgba(0,0,0,.3); z-index: 998;
}
.mcg-mega-overlay.is-open { display: block; }

.mcg-mega-wrap {
  display: none;
  position: fixed;
  left: 0; right: 0;
  background: var(--mcg-white);
  border-top: 3px solid var(--mcg-green);
  box-shadow: var(--mcg-shadow-lg);
  z-index: 999;
  max-height: 70vh;
  overflow-y: auto;
  font-family: var(--font-sans);
}
.mcg-mega-wrap.is-open { display: block; }

.mcg-mega-inner {
  max-width: 1340px; margin: 0 auto;
  padding: 28px 24px 32px;
  display: grid;
  grid-template-columns: 220px 1fr 280px;
  gap: 32px;
}
.mcg-mega-close {
  position: absolute ; top: 10px; right: 16px;
  background: transparent; border: none; cursor: pointer;
  font-size: 18px; color: var(--mcg-muted);
  padding: 4px 8px; border-radius: var(--mcg-r);
  z-index: 1001; transition: color .15s, background .15s;
}
.mcg-mega-close:hover { color: var(--mcg-green); background: var(--mcg-green-wash); }

/* COL 1 — L1 */
.mcg-mega-col-l1 {
  border-right: 1px solid var(--mcg-rule);
  padding-right: 20px; overflow-y: auto;
  max-height: calc(70vh - 60px);
}
.mcg-mega-col-l1::-webkit-scrollbar { width: 4px; }
.mcg-mega-col-l1::-webkit-scrollbar-thumb { background: var(--mcg-rule-dk); border-radius: 2px; }
.mcg-l1-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 14px; cursor: pointer; border-radius: var(--mcg-r);
  font-family: var(--font-sans);
  font-size: 14px; font-weight: 500; color: var(--mcg-ink);
  transition: all .15s; gap: 8px;
}
.mcg-l1-row:hover, .mcg-l1-row.is-active {
  background: var(--mcg-green-wash); color: var(--mcg-green); font-weight: 600;
}
.mcg-l1-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mcg-l1-row .fa { font-size: 11px; color: var(--mcg-muted); flex-shrink: 0; opacity: .5; }
.mcg-l1-row.is-active .fa { opacity: 1; color: var(--mcg-green); }

/* COL 2 — L2 + L3 */
.mcg-mega-col-l2 { overflow-y: auto; max-height: calc(70vh - 60px); }
.mcg-mega-col-l2::-webkit-scrollbar { width: 5px; }
.mcg-mega-col-l2::-webkit-scrollbar-thumb { background: var(--mcg-rule-dk); border-radius: 2px; }
.mcg-l2-panel { display: none; }
.mcg-l2-panel.is-active { display: block; }
.mcg-l2-panel-hd {
  font-family: var(--font-sans);
  font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .1em; color: var(--mcg-muted);
  margin: 0 0 16px; padding-bottom: 10px;
  border-bottom: 1px solid var(--mcg-rule);
}
.mcg-l2-groups {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 20px 24px; margin-bottom: 20px;
}
.mcg-l2-title {
  display: block; font-family: var(--font-slab);
  font-size: 14px; font-weight: 700;
  color: var(--mcg-green); text-decoration: none;
  margin-bottom: 8px; letter-spacing: .02em;
}
.mcg-l2-title:hover { color: var(--mcg-green-dk); }
.mcg-l3-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 20px; }
.mcg-l3-list li { line-height: 1.4; }
.mcg-l3-link {
  font-family: var(--font-sans);
  font-size: 13px; color: var(--mcg-mid);
  text-decoration: none; transition: color .15s;
}
.mcg-l3-link:hover { color: var(--mcg-green); }
.mcg-l3-viewall { width: 100%; margin-top: 4px; }
.mcg-l3-viewall a {
  font-family: var(--font-sans);
  font-size: 12px; font-weight: 600; color: var(--mcg-green); text-decoration: none;
}
.mcg-l3-viewall a:hover { text-decoration: underline; }
.mcg-l2-viewall-btn {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--mcg-green); color: #fff !important;
  padding: 10px 20px; border-radius: var(--mcg-r);
  font-family: var(--font-slab);
  font-size: 13px; font-weight: 600; text-decoration: none !important;
  margin-top: 8px; transition: background .2s;
}
.mcg-l2-viewall-btn:hover { background: var(--mcg-green-dk); }

/* COL 3 — Promo */
.mcg-mega-col-promo { display: flex; flex-direction: column; gap: 12px; overflow: hidden; }
.mcg-promo-cat-img-wrap { flex: 1; min-height: 150px; border-radius: 10px; overflow: hidden; background: #F5F2EC; position: relative; display: flex; align-items: center; justify-content: center; }
.mcg-promo-cat-img-wrap img { width: 100%; height: 100%; object-fit: contain; display: block; }
.mcg-promo-cat-label { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 14px 12px; background: linear-gradient(to top, rgba(10,40,5,.72) 0%, transparent 100%); font-family: var(--font-slab); font-size: 14px; font-weight: 700; color: #fff; }
.mcg-promo-card { display: none; flex-shrink: 0; }
.mcg-promo-card.is-active, .mcg-promo-default { display: block; }
.mcg-promo-img-wrap { display: block; height: 100%; position: relative; overflow: hidden; }
.mcg-promo-img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.mcg-promo-overlay {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(to top, rgba(10,40,5,.88) 0%, transparent 100%);
  padding: 28px 20px 20px; display: flex; flex-direction: column; gap: 8px;
}
.mcg-promo-desc { font-family: var(--font-slab); font-size: 16px; font-weight: 700; color: #fff; display: block; }
.mcg-promo-cta {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--mcg-sage); color: var(--mcg-green-dk);
  padding: 8px 16px; border-radius: var(--mcg-r);
  font-family: var(--font-slab); font-size: 13px; font-weight: 700; width: fit-content;
}
.mcg-promo-static {
  background: var(--mcg-green-wash); border-radius: 10px; padding: 24px;
  display: flex; flex-direction: column; gap: 12px;
}
.mcg-promo-static-tag { font-family: var(--font-sans); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--mcg-green); }
.mcg-promo-static-title { font-family: var(--font-slab); font-size: 18px; font-weight: 700; color: var(--mcg-ink); line-height: 1.3; }
.mcg-promo-static-desc { font-family: var(--font-sans); font-size: 13px; color: var(--mcg-mid); line-height: 1.5; }
.mcg-promo-static-btn {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--mcg-green); color: #fff;
  padding: 10px 20px; border-radius: var(--mcg-r);
  font-family: var(--font-slab); font-size: 13px; font-weight: 600;
  text-decoration: none; width: fit-content; transition: background .2s;
}
.mcg-promo-static-btn:hover { background: var(--mcg-green-dk); }

/* Webview */
.mcg-webview-bar { background: var(--mcg-white); padding: 8px 16px; border-bottom: 1px solid var(--mcg-rule); }

/* ═══════════════════════════
   EMAIL SIGNUP STRIP
═══════════════════════════ */
.mcg-email-signup { background: var(--mcg-green); padding: 28px 0; }
.mcg-email-signup-inner {
  display: flex; align-items: center;
  justify-content: space-between; gap: 24px; flex-wrap: wrap;
}
.mcg-email-signup-text p {
  font-family: var(--font-sans); font-size: 14px;
  color: rgba(255,255,255,.75); margin: 0 0 4px; line-height: 1.5;
}
.mcg-email-signup-text p:first-child {
  font-family: var(--font-slab); font-size: 18px; font-weight: 700;
  color: #fff; margin-bottom: 6px;
}
.mcg-email-signup-form { display: flex; gap: 10px; flex: 1; max-width: 540px; }
.mcg-email-input {
  flex: 1; border: none; border-radius: var(--mcg-r);
  padding: 11px 16px; font-family: var(--font-sans); font-size: 14px;
  color: var(--mcg-ink); outline: none; box-shadow: none !important;
}
.mcg-email-btn {
  background: var(--mcg-sage); color: var(--mcg-green-dk);
  border: none; border-radius: var(--mcg-r); padding: 11px 24px;
  font-family: var(--font-slab); font-size: 14px; font-weight: 600;
  cursor: pointer; white-space: nowrap; letter-spacing: .02em; transition: background .2s;
}
.mcg-email-btn:hover { background: #b8e68c; }

/* ═══════════════════════════
   FOOTER
═══════════════════════════ */
.mcg-footer {
  background: var(--mcg-green-dk); color: rgba(255,255,255,.6);
  font-family: var(--font-sans); font-size: 13px; line-height: 1.6;
  padding: 48px 0 0; margin-top: 56px;
}
.mcg-footer-grid {
  display: grid; grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: 40px; padding-bottom: 40px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.mcg-footer-logo { margin-bottom: 14px; }
.mcg-footer-logo-plate {
  background: rgba(255,255,255,.08); border: 2px solid rgba(255,255,255,.15);
  border-radius: var(--mcg-r); padding: 6px 14px; display: inline-block;
}
.mcg-footer-logo-plate img { max-height: 46px;width: 140px; display: block; }
.mcg-footer-brand-desc {
  font-family: var(--font-sans); font-size: 14px; line-height: 1.65;
  color: rgba(255,255,255,.55); max-width: 280px; margin: 0 0 20px;
}
.mcg-footer-social { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.mcg-footer-social a { color: rgba(255,255,255,.5); font-size: 20px; text-decoration: none; display: flex; align-items: center; transition: color .2s; }
.mcg-footer-social a:hover { color: var(--mcg-sage); }
.mcg-footer-tiktok { width: 18px; height: 18px; object-fit: contain; opacity: .5; transition: opacity .2s; }
.mcg-footer-social a:hover .mcg-footer-tiktok { opacity: 1; }
.mcg-footer-col-title {
  font-family: var(--font-slab); font-size: 13px; font-weight: 700;
  color: #fff; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 14px;
}
.mcg-footer-links { list-style: none; margin: 0; padding: 0; }
.mcg-footer-links li { padding: 3px 0; font-family: var(--font-sans); font-size: 13px; color: rgba(255,255,255,.5); line-height: 1.55; }
.mcg-footer-links a { font-family: var(--font-sans); font-size: 13px; color: rgba(255,255,255,.5); text-decoration: none; display: block; padding: 3px 0; transition: color .15s; }
.mcg-footer-links a:hover { color: #fff; }
.mcg-footer-label { font-weight: 600; color: rgba(255,255,255,.65); }
.mcg-footer-bottom {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 12px; padding: 20px 0;
  font-family: var(--font-sans); font-size: 12px; color: rgba(255,255,255,.35);
}
.mcg-footer-bottom a { color: rgba(255,255,255,.4); text-decoration: none; transition: color .15s; }
.mcg-footer-bottom a:hover { color: rgba(255,255,255,.8); }
.mcg-footer-legal { display: flex; align-items: center; gap: 8px; }

/* ═══════════════════════════
   RESPONSIVE
═══════════════════════════ */
@media (max-width: 1024px) {
  .mcg-mega-inner { grid-template-columns: 200px 1fr; }
  .mcg-mega-col-promo { display: none; }
  .mcg-footer-grid { grid-template-columns: repeat(2, 1fr); }
  .mcg-footer-brand { grid-column: 1 / -1; }
  .mcg-email-signup-form { max-width: 100%; }
}
@media (max-width: 767px) {
  .mcg-header-inner { height: auto; min-height: 64px; flex-wrap: wrap; padding: 8px 0; gap: 12px; }
  .mcg-search-wrap { order: 10; max-width: 100%; width: 100%; }
  .mcg-mega-inner { grid-template-columns: 1fr; }
  .mcg-footer { margin-top: 40px; }
  .mcg-footer-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; }
  .mcg-footer-brand { grid-column: 1 / -1; }
  .mcg-email-signup-inner { flex-direction: column; align-items: flex-start; }
  .mcg-email-signup-form { width: 100%; flex-direction: column; }
  .mcg-email-input, .mcg-email-btn { width: 100%; }
  .mcg-footer-bottom { flex-direction: column; align-items: flex-start; gap: 8px; }
}
@media (max-width: 480px) {
  .mcg-footer-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   MCG PRODUCT GRID + SEARCH RESULTS REDESIGN
   ============================================================ */

/* --- CSS custom properties (scoped additions) --- */
:root {
  --mcg-green:       #1F4E0F;
  --mcg-green-dk:    #163808;
  --mcg-green-lt:    #2C6818;
  --mcg-green-mid:   #3D7A28;
  --mcg-green-wash:  #EEF4E8;
  --mcg-red:         #C8241C;
  --mcg-red-lt:      #FCEEED;
  --mcg-cream:       #F5F2EC;
  --mcg-cream-dk:    #EDE8DF;
  --mcg-ink:         #1A1A1A;
  --mcg-ink-soft:    #2E2E2E;
  --mcg-mid:         #555B65;
  --mcg-muted:       #8A909A;
  --mcg-rule:        #E2E5EA;
  --mcg-rule-dk:     #D0D4D9;
  --mcg-gold:        #C8920A;
  --mcg-shadow-sm:   0 1px 3px rgba(0,0,0,.06);
  --mcg-shadow-md:   0 4px 16px rgba(0,0,0,.10);
  --mcg-radius:      6px;
}

/* ---- Results header ---- */
.mcg-results-header {
  padding: 22px 0 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.mcg-results-title {
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--mcg-ink);
  margin: 0;
  line-height: 1.25;
}
.mcg-results-title em { color: var(--mcg-green); font-style: normal; }
.mcg-results-count { font-size: 13px; color: var(--mcg-muted); margin-top: 4px; }

/* ---- Filter / Sort bar ---- */
.mcg-filterbar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  border-top: 1px solid var(--mcg-rule);
  border-bottom: 1px solid var(--mcg-rule);
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.mcg-filter-group {
  display: flex;
  align-items: center;
  gap: 5px;
}
.mcg-filter-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--mcg-mid);
  text-transform: uppercase;
  letter-spacing: .05em;
  white-space: nowrap;
}
.mcg-sort-select,
.mcg-perpage-select {
  height: 34px;
  border: 1.5px solid var(--mcg-rule-dk);
  border-radius: var(--mcg-radius);
  padding: 0 26px 0 10px;
  font-size: 13px;
  color: var(--mcg-ink);
  background: #fff;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238A909A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 9px center;
  transition: border-color .2s;
}
.mcg-sort-select:focus,
.mcg-perpage-select:focus { border-color: var(--mcg-green); }

/* Hide the old Bootstrap form wrapper but keep the select functional */
.mcg-sort-form,
.mcg-perpage-form { display: contents; }

.mcg-filter-chip-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.mcg-active-filters {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
}
.mcg-afilter {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--mcg-green-wash);
  color: var(--mcg-green);
  padding: 4px 10px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  border: none;
  font-family: inherit;
  transition: background .15s;
}
.mcg-afilter:hover { background: #d4ecc5; color: var(--mcg-green); }
.mcg-afilter-x { font-size: 10px; opacity: .55; }
.mcg-clear-all {
  display: none; /* shown only when chips present — see :has() rules below */
  font-size: 12px;
  color: var(--mcg-red);
  font-weight: 600;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin-left: 2px;
  font-family: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.mcg-clear-all:hover { text-decoration: underline; color: var(--mcg-red); }
/* Show Clear All whenever the chip container has server-rendered OR JS-rebuilt chips.
   :has() re-evaluates live, so it catches buildSearchTrail()'s ol>li rebuild too. */
.mcg-filter-chip-row:has(.mcg-afilter) .mcg-clear-all,
.mcg-filter-chip-row:has(ol li) .mcg-clear-all { display: inline-flex !important; }
/* Hide "Brand:", "Category:" etc. prefix labels — show filter value only */
.mcg-afilter-label { display: none !important; }

/*
 * buildSearchTrail() in ProductList.js wipes #mulitFilterTrailClone and
 * rewrites it with platform <ol><li> markup on every page load.
 * These rules make that markup look identical to our .mcg-afilter chips
 * so there is no visible layout jump.
 */
#mulitFilterTrailClone ol{list-style:none!important;padding:0!important;margin:0!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;}
#mulitFilterTrailClone ol li{list-style:none!important;display:inline-flex!important;align-items:center!important;gap:5px!important;background:var(--mcg-green-wash)!important;color:var(--mcg-green)!important;padding:4px 10px!important;border-radius:100px!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;font-family:inherit!important;}
/* Hide "Category:", "Brand:" label prefix in JS-rebuilt chips — value only */
#mulitFilterTrailClone ol li span.Refine-label{display:none!important;}
#mulitFilterTrailClone ol li span.Refine-value{display:inline-flex!important;align-items:center!important;gap:3px!important;padding:0!important;}
#mulitFilterTrailClone ol li a.removeFilter{display:inline-flex!important;align-items:center!important;float:none!important;font-size:10px!important;opacity:.55!important;color:inherit!important;text-decoration:none!important;margin-left:0!important;letter-spacing:normal!important;}
#mulitFilterTrailClone ol li a.removeFilter i{font-size:10px!important;pointer-events:none!important;}
/* suppress the 3 &nbsp; before the × icon */
#mulitFilterTrailClone ol li a.removeFilter{font-size:0!important;}
#mulitFilterTrailClone ol li a.removeFilter i{font-size:10px!important;}

/* Layout toggle (grid / list) */
.mcg-layout-toggle {
  display: flex;
  gap: 4px;
  margin-left: auto;
}
.mcg-lt-btn {
  width: 34px;
  height: 34px;
  border-radius: var(--mcg-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--mcg-rule);
  background: #fff;
  color: var(--mcg-muted);
  cursor: pointer;
  transition: all .15s;
  padding: 0;
}
.mcg-lt-btn:hover { border-color: var(--mcg-green-mid); color: var(--mcg-green); }
.mcg-lt-btn.active,
.mcg-lt-btn.on { background: var(--mcg-green); color: #fff; border-color: var(--mcg-green); }

/* Previously purchased / clearance toggles */
.mcg-check-toggle {
  display: inline-flex;
  align-items: center;
  align-self: center;
  gap: 6px;
  font-size: 12px;
  color: var(--mcg-ink-soft);
  cursor: pointer;
  padding: 4px 0;
}
.mcg-check-toggle input[type="checkbox"] { accent-color: var(--mcg-green); width: 14px; height: 14px; cursor: pointer; }

/* ---- Product grid ---- */
.mcg-product-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 1280px) { .mcg-product-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .mcg-product-grid { grid-template-columns: 1fr; } }

/* List mode override */
.mcg-product-grid.mcg-list-mode {
  grid-template-columns: 1fr !important;
}
.mcg-product-grid.mcg-list-mode .mcg-card {
  flex-direction: row;
}
.mcg-product-grid.mcg-list-mode .mcg-card-img {
  width: 180px;
  height: auto;
  min-height: 150px;
  flex-shrink: 0;
}
.mcg-product-grid.mcg-list-mode .mcg-card-body {
  flex: 1;
}

/* ---- Product card ---- */
.mcg-product-item { display: flex; }   /* li wrapper stretches to fill grid cell */
.mcg-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--mcg-rule);
  box-shadow: var(--mcg-shadow-sm);
  transition: transform .2s, box-shadow .2s;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.mcg-card:hover { transform: translateY(-2px); box-shadow: var(--mcg-shadow-md); }

/* Image area */
.mcg-card-img {
  height: 195px;
  background: var(--mcg-cream);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 16px;
}
.mcg-card-img a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.mcg-card-img img {
  max-height: 160px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

/* Badges */
.mcg-card-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 3px 9px;
  border-radius: 4px;
  z-index: 2;
  pointer-events: none;
  line-height: 1.4;
}
.mcg-badge-clearance { background: var(--mcg-gold);  color: #fff; }
.mcg-badge-new       { background: var(--mcg-green); color: #fff; }
.mcg-badge-sale      { background: var(--mcg-red);   color: #fff; }

/* Top-right overlay actions (shopping list) */
.mcg-card-top-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.mcg-card-list-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--mcg-rule);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: var(--mcg-shadow-sm);
  color: var(--mcg-muted);
  text-decoration: none;
  transition: all .15s;
  font-size: 14px;
  line-height: 1;
}
.mcg-card-list-btn:hover { border-color: var(--mcg-green); background: var(--mcg-green-wash); color: var(--mcg-green); }

/* Card body */
.mcg-card-body {
  padding: 13px 15px 15px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.mcg-card-brand {
  font-size: 10px;
  font-weight: 700;
  color: var(--mcg-muted);
  text-transform: uppercase;
  letter-spacing: .07em;
}
.mcg-card-name {
  font-size: 13px;
  font-weight: 500;
  color: var(--mcg-ink);
  line-height: 1.4;
  flex: 1;
  text-decoration: none;
  display: block;
}
.mcg-card-name:hover,
.mcg-card-name:focus { color: var(--mcg-green); text-decoration: none; }

.mcg-card-desc {
  font-size: 12px;
  color: var(--mcg-mid);
  line-height: 1.45;
  margin: 0;
}
.mcg-card-meta {
  font-size: 11px;
  color: var(--mcg-muted);
  line-height: 1.5;
}
.mcg-card-meta strong { color: var(--mcg-ink-soft); }

/* Availability */
.mcg-card-avail {
  font-size: 11px;
  font-weight: 600;
  min-height: 18px;
}
.mcg-card-avail ul,
.mcg-card-avail li { list-style: none; padding: 0; margin: 0; }

/* Price */
.mcg-card-price {
  display: flex;
  align-items: baseline;
  gap: 7px;
  flex-wrap: wrap;
  min-height: 26px;
}
.mcg-price-now  { font-size: 20px; font-weight: 700; color: var(--mcg-ink); line-height: 1; }
.mcg-price-was  { font-size: 12px; color: var(--mcg-muted); text-decoration: line-through; }
.mcg-price-save { font-size: 11px; font-weight: 700; color: var(--mcg-red); text-transform: uppercase; letter-spacing: .03em; }

/* Promo / tier price rows */
.mcg-promo-row { font-size: 12px; color: var(--mcg-mid); }
.mcg-promo-row strong { color: var(--mcg-ink-soft); }

/* Restriction icons */
.mcg-restriction-icons { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 2px; }
.mcg-restriction-icons img { width: 22px; height: 22px; object-fit: contain; }

/* Qty + Add to cart */
.mcg-card-actions { margin-top: auto; padding-top: 8px; display: flex; flex-direction: column; gap: 6px; }
.mcg-qty-row { display: flex; align-items: center; gap: 7px; }
.mcg-qty-input {
  width: 58px;
  height: 34px;
  border: 1.5px solid var(--mcg-rule-dk);
  border-radius: var(--mcg-radius);
  text-align: center;
  font-size: 13px;
  color: var(--mcg-ink);
  background: #fff;
  outline: none;
  font-family: inherit;
}
.mcg-qty-input:focus { border-color: var(--mcg-green); }

.mcg-btn-add-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 12px;
  border-radius: var(--mcg-radius);
  background: var(--mcg-green);
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .03em;
  transition: background .2s;
  border: none;
  cursor: pointer;
  text-decoration: none !important;
  font-family: inherit;
  width: 100%;
  text-align: center;
}
.mcg-btn-add-cart:hover,
.mcg-btn-add-cart:focus { background: var(--mcg-green-dk); color: #fff !important; }
.mcg-btn-add-cart.mcg-btn-disabled,
.mcg-btn-add-cart[disabled],
.mcg-btn-add-cart.btns-disable {
  background: var(--mcg-rule) !important;
  color: var(--mcg-muted) !important;
  cursor: default;
  pointer-events: none;
}

/* "X Options" button for multi-variant products */
.mcg-btn-options {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 12px;
  border-radius: var(--mcg-radius);
  background: transparent;
  color: var(--mcg-green) !important;
  font-size: 13px;
  font-weight: 700;
  border: 1.5px solid var(--mcg-green);
  cursor: pointer;
  text-decoration: none !important;
  font-family: inherit;
  width: 100%;
  text-align: center;
  transition: background .2s, color .2s;
}
.mcg-btn-options:hover { background: var(--mcg-green-wash); }

/* Compare + shopping list row */
.mcg-card-secondary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding-top: 8px;
  border-top: 1px solid var(--mcg-rule);
  margin-top: 4px;
}
.mcg-card-compare-wrap,
.mcg-card-listbtn-wrap {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: var(--mcg-mid);
}
.mcg-card-compare-wrap:hover,
.mcg-card-listbtn-wrap:hover { color: var(--mcg-green); }
.mcg-card-compare-wrap label { cursor: pointer; font-size: 11px; color: var(--mcg-mid); margin: 0; }
.mcg-card-compare-wrap input[type="checkbox"] { accent-color: var(--mcg-green); width: 13px; height: 13px; cursor: pointer; }
.mcg-card-listbtn-wrap a { font-size: 11px; color: var(--mcg-mid); text-decoration: none; }
.mcg-card-listbtn-wrap a:hover { color: var(--mcg-green); }
.mcg-card-listbtn-wrap .dropdown-menu { font-size: 13px; }

/* ---- Pagination ---- */
.mcg-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 28px 0 16px;
}
.mcg-page-btn {
  min-width: 36px;
  height: 36px;
  border-radius: var(--mcg-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  border: 1.5px solid var(--mcg-rule);
  color: var(--mcg-mid);
  background: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: all .15s;
  padding: 0 8px;
}
.mcg-page-btn:hover { border-color: var(--mcg-green); color: var(--mcg-green); }
.mcg-page-btn.active { background: var(--mcg-green); color: #fff; border-color: var(--mcg-green); }

/* Load more */
.mcg-load-more-wrap { text-align: center; padding: 20px 0; }
.mcg-btn-load-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 32px;
  background: var(--mcg-green);
  color: #fff;
  border: none;
  border-radius: var(--mcg-radius);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: background .2s;
  text-decoration: none;
}
.mcg-btn-load-more:hover { background: var(--mcg-green-dk); color: #fff; }

/* ---- Left sidebar redesign ---- */
/* .mcg-sidebar-inner wraps everything inside cimm_leftMenuEnclosure */

.mcg-sb-section {
  background: #fff;
  border: 1px solid var(--mcg-rule);
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.mcg-sb-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  color: var(--mcg-ink);
  text-transform: uppercase;
  letter-spacing: .05em;
  border-bottom: 1px solid transparent;
  transition: border-color .15s;
  user-select: none;
  background: none;
  width: 100%;
  text-align: left;
  border-top: none;
  border-left: none;
  border-right: none;
  font-family: inherit;
}
.mcg-sb-head.mcg-sb-open { border-bottom-color: var(--mcg-rule); }
.mcg-sb-chevron {
  width: 13px;
  height: 13px;
  color: var(--mcg-muted);
  transition: transform .2s;
  flex-shrink: 0;
}
.mcg-sb-head.mcg-sb-open .mcg-sb-chevron { transform: rotate(180deg); }
.mcg-sb-body { padding: 10px 13px; }
.mcg-sb-body-hidden { display: none; }

/* Search-within box inside sidebar */
.mcg-sb-within { display: flex; gap: 5px; margin-bottom: 6px; }
.mcg-sb-within input {
  flex: 1;
  height: 32px;
  padding: 0 9px;
  border: 1.5px solid var(--mcg-rule-dk);
  border-radius: var(--mcg-radius);
  font-size: 12px;
  color: var(--mcg-ink);
  outline: none;
  font-family: inherit;
}
.mcg-sb-within input:focus { border-color: var(--mcg-green); }
.mcg-sb-within button {
  height: 32px;
  padding: 0 11px;
  background: var(--mcg-green);
  color: #fff;
  border: none;
  border-radius: var(--mcg-radius);
  cursor: pointer;
  font-size: 12px;
  transition: background .2s;
}
.mcg-sb-within button:hover { background: var(--mcg-green-dk); }

/* Active filter chips inside sidebar */
.mcg-sb-active-list { list-style: none; padding: 0; margin: 0; }
.mcg-sb-active-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  font-size: 12px;
  color: var(--mcg-ink-soft);
  border-bottom: 1px solid var(--mcg-rule);
}
.mcg-sb-active-item:last-child { border-bottom: none; }
.mcg-sb-active-key { font-size: 10px; color: var(--mcg-muted); font-weight: 700; text-transform: uppercase; flex-shrink: 0; }
.mcg-sb-active-val { flex: 1; }
.mcg-sb-active-remove {
  color: var(--mcg-muted);
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
  flex-shrink: 0;
  transition: color .15s;
}
.mcg-sb-active-remove:hover { color: var(--mcg-red); }
.mcg-sb-clearall {
  display: block;
  margin-top: 7px;
  font-size: 12px;
  color: var(--mcg-red);
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
}
.mcg-sb-clearall:hover { text-decoration: underline; color: var(--mcg-red); }

/* Filter attribute list */
.mcg-sb-attr-scroll { max-height: 210px; overflow-y: auto; padding-right: 6px; }
.mcg-sb-attr-search {
  width: 100%;
  height: 30px;
  padding: 0 8px;
  border: 1.5px solid var(--mcg-rule-dk) !important;
  border-radius: var(--mcg-radius) !important;
  font-size: 12px;
  color: var(--mcg-ink);
  outline: none;
  font-family: inherit;
  margin-bottom: 6px;
}
.mcg-sb-attr-search:focus { border-color: var(--mcg-green); }

.mcg-sb-attr-list { list-style: none; padding: 0; margin: 0; }
.mcg-sb-attr-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 0px 5px 0px;
  cursor: pointer;
  font-size: 12px;
  color: var(--mcg-ink-soft);
}
.mcg-sb-attr-item input[type="checkbox"] {
  accent-color: var(--mcg-green);
  width: 16px;
  height: 16px;
  cursor: pointer;
  flex-shrink: 0;
}
.mcg-sb-attr-item-label {flex: 1;line-height: 1.35;margin: 5px 4px 0px 0px;font-size: 13px;}
.mcg-sb-attr-item-count { font-size: 11px; color: var(--mcg-muted); font-weight: 600; font-family: 'Zilla Slab', Georgia, serif; }

.mcg-sb-filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  padding: 7px 0;
  margin-top: 8px;
  background: var(--mcg-green);
  color: #fff;
  border: none;
  border-radius: var(--mcg-radius);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: background .2s;
}
.mcg-sb-filter-btn:hover { background: var(--mcg-green-dk); }

/* Price range facet */
.mcg-price-range-wrap { margin: 4px 0; }
.mcg-price-range-wrap .cimm_priceRangeEncl { border: none; padding: 0; }

/* No results */
.mcg-no-results { text-align: center; padding: 40px 20px; }
.mcg-no-results h2 { font-size: 22px; color: var(--mcg-ink); margin-bottom: 10px; }
.mcg-no-results p  { color: var(--mcg-mid); font-size: 14px; }
.mcg-no-results a  { color: var(--mcg-green); }
.mcg-suggest-list { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin-top: 12px; }
.mcg-suggest-link { color: var(--mcg-green); font-weight: 600; text-decoration: underline; font-size: 14px; }

/* Responsive tweaks */
@media (max-width: 992px) {
  .mcg-filterbar { gap: 7px; }
  .mcg-layout-toggle { display: none; }
}
@media (max-width: 768px) {
  .mcg-results-title { font-size: 17px; }
  .mcg-product-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px; }
}
@media (max-width: 480px) {
  .mcg-product-grid { grid-template-columns: 1fr !important; }
}

/* ============================================================
   MCG LAYOUT RESET — override platform listGridContainer CSS
   These rules defeat any float/table/inline-block layout from
   the existing theme and enforce the card grid structure.
   ============================================================ */

/* 1. Force the UL to be a CSS grid (defeats flex/float/inline-block) */
ul.listGridContainer.mcg-product-grid {
  display:              grid   !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap:                  16px  !important;
  list-style:           none  !important;
  padding:              0     !important;
  margin:               0     !important;
  float:                none  !important;
  width:                100%  !important;
  max-width:            100%  !important;
  overflow:             visible !important;
}

/* 2. Each LI is a flex container that stretches to fill its grid cell */
ul.listGridContainer.mcg-product-grid > li.gridView,
ul.listGridContainer.mcg-product-grid > li.listView,
ul.listGridContainer.mcg-product-grid > li.mcg-product-item {
  display:        flex    !important;
  float:          none    !important;
  width:          auto    !important;   /* grid controls width, not the li */
  min-width:      0       !important;   /* prevent grid blowout */
  margin:         0       !important;
  padding:        0       !important;
  clear:          none    !important;
  vertical-align: unset   !important;
  position:       relative !important;
  box-sizing:     border-box !important;
}

/* 3. The card div fills the li cell and stacks content VERTICALLY */
ul.listGridContainer.mcg-product-grid .mcg-card {
  display:          flex          !important;
  flex-direction:   column        !important;   /* ← critical: keeps img on top, body below */
  flex:             1             !important;
  width:            100%          !important;
  min-width:        0             !important;
  box-sizing:       border-box    !important;
  overflow:         hidden        !important;
}

/* 4. Card image — full width block, fixed height, centred content */
ul.listGridContainer.mcg-product-grid .mcg-card .mcg-card-img {
  display:          flex          !important;
  flex-direction:   row           !important;
  align-items:      center        !important;
  justify-content:  center        !important;
  width:            100%          !important;
  height:           195px         !important;
  min-height:       195px         !important;
  flex-shrink:      0             !important;
  padding:          16px          !important;
  background:       var(--mcg-cream) !important;
  position:         relative      !important;
  overflow:         hidden        !important;
  box-sizing:       border-box    !important;
}

ul.listGridContainer.mcg-product-grid .mcg-card .mcg-card-img img {
  max-height: 160px !important;
  width:      auto  !important;
  max-width:  100%  !important;
  object-fit: contain !important;
  display:    block !important;
}

/* 5. Card body — flex column, fills remaining height */
ul.listGridContainer.mcg-product-grid .mcg-card .mcg-card-body {
  display:        flex       !important;
  flex-direction: column     !important;
  flex:           1          !important;
  min-width:      0          !important;
  width:          100%       !important;
  padding:        13px 15px 15px !important;
  box-sizing:     border-box !important;
  overflow:       visible    !important;
  gap:            5px        !important;
}

/* 6. List mode — horizontal card (image left, body right) */
ul.listGridContainer.mcg-product-grid.mcg-list-mode {
  grid-template-columns: 1fr !important;
}
ul.listGridContainer.mcg-product-grid.mcg-list-mode .mcg-card {
  flex-direction: row !important;
}
ul.listGridContainer.mcg-product-grid.mcg-list-mode .mcg-card .mcg-card-img {
  width:      180px !important;
  min-width:  180px !important;
  height:     auto  !important;
  min-height: 150px !important;
  flex-shrink: 0    !important;
}
ul.listGridContainer.mcg-product-grid.mcg-list-mode .mcg-card .mcg-card-body {
  flex: 1 !important;
}

/* 7. Responsive breakpoints */
@media (max-width: 1280px) {
  ul.listGridContainer.mcg-product-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 640px) {
  ul.listGridContainer.mcg-product-grid { grid-template-columns: 1fr !important; }
}

/* ============================================================
   MCG PRODUCT LIST PAGE — Layout & Structure
   ============================================================ */

/* Full-width header wrapper (results title + filter bar) */
.mcg-pl-header-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 0 !important;
}

/* Sticky sidebar */
#leftMenu .cimm_leftnav,
#leftMenu > div {
  position: sticky;
  top: 20px;
}

/* ---- Shop Your Store / All Items tab pills ---- */
.mcg-search-tabs {
  list-style: none;
  padding: 0;
  margin: 0 0 7px 0px;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.mcg-search-tabs li { list-style: none; }
.mcg-search-tab {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  color: var(--mcg-mid);
  background: var(--mcg-cream);
  border: 1.5px solid var(--mcg-rule-dk);
  cursor: pointer;
  text-decoration: none;
  transition: all .15s;
}
.mcg-search-tab:hover { border-color: var(--mcg-green); color: var(--mcg-green); }
.mcg-search-tab.mcg-tab-active,
.mcg-search-tab.active {
  background: var(--mcg-green);
  color: #fff !important;
  border-color: var(--mcg-green);
  font-weight: 600;
}
.mcg-tab-count { font-size: 11px; opacity: .75; }

/* ---- Active filter chip label (e.g. "Brand:") ---- */
.mcg-afilter-label {
  font-size: 10px;
  font-weight: 700;
  opacity: .65;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-right: 2px;
}

/* ---- Compare control ---- */
.mcg-compare-ctrl {
  font-size: 12px;
  color: var(--mcg-mid);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.mcg-compare-ctrl a { color: var(--mcg-mid); text-decoration: none; }
.mcg-compare-ctrl a:hover { color: var(--mcg-green); }

/* ---- Grid/list toggle — both always visible, active = green fill ---- */
#mcgGridBtn.mcg-lt-btn.on,
#mcgListBtn.mcg-lt-btn.on { background: var(--mcg-green); color: #fff; border-color: var(--mcg-green); }
/* Hide the old platform anchors that changemode() show/hides */
a#gridView, a#listView { display: none !important; }

/* ---- Sidebar section title matches reference (uppercase, small) ---- */
.mcg-sidebar-inner .mcg-sb-head {
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
}

/* ---- Left column spacing fix for ProductList ---- */
#leftMenu {
  padding-right: 20px;
}

/* ── Page background cream ── */
body.mcg-page { background: #F5F2EC !important; }
.cimm_bodyContentWrap { background: #F5F2EC; transition: padding-top 0.3s ease; }
.container { background: transparent; }

/* ── Fix: when mcg-scrolled collapses topbar (~36px) + navbar (~48px) from #normalHead,
        the content jumps up behind the sticky header.
        Compensate with matching padding-top so content stays at the same visual position. ── */
/*body.mcg-scrolled .cimm_bodyContentWrap { padding-top: 84px; }
html { scroll-padding-top: 80px; }*/

/* ── Remove unneeded top margin that stacked with the header block ── */
.cimm_mainContentEnclosure.mTop-5 { margin-top: 0 !important; }
.multiTab.searchPage { margin-top: 0 !important; }

/* ── Override legacy oswald/Roboto fonts inside grid cards with DM Sans ── */
.listGridContainer .gridView ul li.sessionDespOne ul li,
.listGridContainer .gridView ul li.sessionDespOne ul li strong,
.listGridContainer .gridView ul li.sessionDespOne ul li.productDesc,
.listGridContainer .gridView ul li.sessionDespOne ul li h3.productTitle,
.listGridContainer .gridView ul li.sessionDespOne ul li h3.productTitle a,
.listGridContainer .gridView ul li.sessionDesp h3.productTitle a,
.listGridContainer .gridView ul li.sessionDesp .listGridItemDesc p,
.listGridContainer .listView > ul > li.sessionDespOne ul li,
.listGridContainer .listView > ul > li.sessionDespOne ul li strong,
.listGridContainer .listView > ul > li.sessionDespOne ul li.productDesc,
.listGridContainer .listView > ul > li.sessionDespOne ul li h3.productTitle a,
.listGridContainer .listView ul li.sessionDesp h3.productTitle a,
.listGridContainer .listView ul li.sessionDesp .listGridItemDesc p {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  text-transform: none !important;
}

/* ── Star rating gold color (#C8920A matches reference --gold) ── */
/* BazaarVoice inline rating stars */
[data-bv-show="inline_rating"] .bv-rating-stars-on,
[data-bv-show="inline_rating"] .bv-off-screen + span .bv-stars-container .bv-rating-stars-on,
.bv-cv2-cleanslate .bv-rating-stars-on,
.bv-cv2-cleanslate .bv-stars-container svg .bv-rating-stars-on { fill: #C8920A !important; color: #C8920A !important; }
/* FontAwesome stars used by some platform widgets */
.fa-star, .fa-star-half-o { color: #C8920A !important; }
.fa-star-o { color: #D0D4D9 !important; }

/* ── Pagination — platform JS injects .pagebarUTH with a + span.this-page ── */
.mcg-pgnation { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px; padding: 28px 0 16px; }
.mcg-pgnation .pagebarUTH { display: flex; align-items: center; justify-content: center; gap: 5px; flex-wrap: wrap; }
.mcg-pgnation .pagebarUTH a,
.mcg-pgnation .pagebarUTH span { text-decoration: none; }
/* Number buttons */
.mcg-pgnation .pagebarUTH a[title] {
  min-width: 38px; height: 38px;
  border-radius: 6px;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 14px; font-weight: 600;
  border: 1.5px solid #E2E5EA;
  color: #555B65; background: #fff;
  transition: all .15s;
  padding: 0 6px; box-sizing: border-box;
}
.mcg-pgnation .pagebarUTH a[title]:hover { border-color: #1F4E0F; color: #1F4E0F; }
/* Current page */
.mcg-pgnation .pagebarUTH span.this-page {
  min-width: 38px; height: 38px;
  border-radius: 6px;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 14px; font-weight: 700;
  background: #1F4E0F; color: #fff; border: 1.5px solid #1F4E0F;
  padding: 0 6px; box-sizing: border-box;
}
/* Prev Page / Next Page links */
.mcg-pgnation .pagebarUTH a:not([title]) {
  min-width: 38px; height: 38px;
  border-radius: 6px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 600;
  border: 1.5px solid #E2E5EA;
  color: #555B65; background: #fff;
  transition: all .15s;
  padding: 0 10px; box-sizing: border-box;
}
.mcg-pgnation .pagebarUTH a:not([title]):hover { border-color: #1F4E0F; color: #1F4E0F; }

/* ---- Wishlist heart button (top-right of card image) ---- */
.mcg-wishlist-btn {
  position: absolute; top: 10px; right: 10px;
  width: 34px; height: 34px; border-radius: 50%;
  background: #fff; border: 1px solid #E2E5EA;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: all .15s; box-shadow: 0 1px 3px rgba(0,0,0,.08);
  z-index: 2;
}
.mcg-wishlist-btn:hover { border-color: #C8241C; background: #fff5f5; }
.mcg-wishlist-btn svg { width: 16px; height: 16px; color: #8A909A; transition: color .15s; }
.mcg-wishlist-btn:hover svg { color: #C8241C; }

/* ---- Cart SVG icon inside Add to Cart button ---- */
.btn.btn-addtocart { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; }
.mcg-cart-ico { width: 16px; height: 16px; flex-shrink: 0; }

/* ---- Availability indicator (platform injects into #productAvail_PARTNUM) ---- */
li.productAvailablility { font-size: 12px; font-weight: 600; margin: 4px 0 6px; font-family: inherit; line-height: 1.4; }
li.productAvailablility ul { list-style: none; padding: 0; margin: 0; }
li.productAvailablility ul li { display: flex; align-items: center; gap: 4px; padding: 0; margin: 0; font-family: inherit; }
li.productAvailablility ul li::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #2D7A1F; flex-shrink: 0; align-self: center; }
li.productAvailablility ul li label.availCheckBox { color: #2D7A1F; margin: 0; font-size: 12px; font-weight: 600; cursor: default; font-family: inherit; line-height: 1; }
li.productAvailablility ul li label.availCheckBox input[type="checkbox"] { display: none; }
/* hide leftover checkbox pseudo-element visuals from .customCheckBox platform CSS */
li.productAvailablility ul li label.availCheckBox span[id^="span_"]::before,
li.productAvailablility ul li label.availCheckBox span[id^="span_"]::after { display: none !important; }
/* warehouse/store link */
li.productAvailablility ul li a.storeLocator { color: #555B65; font-size: 12px; font-weight: 400; text-decoration: none; font-family: inherit; line-height: 1; }
li.productAvailablility ul li a.storeLocator::before { content: '\2013\00a0'; color: #8A909A; font-weight: 400; }
li.productAvailablility ul li a.storeLocator:hover { color: #1F4E0F; text-decoration: underline; }
/* count — moved before "In Stock" label by JS */
li.productAvailablility ul li .mcg-avail-count { font-size: 12px; font-weight: 700; color: #2D7A1F; font-family: inherit; line-height: 1; }

/* ---- No-results box ---- */
.searchZero { padding: 48px 20px; }
.searchZero .sorryNote { font-family: 'Zilla Slab', Georgia, serif; font-size: 28px; color: var(--mcg-ink); margin: 12px 0 8px; }
.searchZero p { color: var(--mcg-mid); font-size: 14px; }
.searchZero a.linkText { color: var(--mcg-green); }

/* ---- Responsive ---- */
@media (max-width: 992px) {
  #leftMenu .cimm_leftnav,
  #leftMenu > div { position: static; }
  .mcg-pl-header-wrap { padding: 0 15px !important; }
}

/* ---- Browse Subcategories nav (mcg-subcat-nav) ---- */
.mcg-subcat-nav {
  background: #fff;
  border: 1px solid var(--mcg-rule);
  border-radius: 10px;
  padding: 18px 20px;
  margin-bottom: 20px;
}
.mcg-sn-title {
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--mcg-ink);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mcg-sn-title svg { color: var(--mcg-green); flex-shrink: 0; }
.mcg-sn-l2-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mcg-sn-l2 {
  padding: 7px 16px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 600;
  border: 1.5px solid var(--mcg-rule-dk);
  color: var(--mcg-mid);
  background: #fff;
  cursor: pointer;
  transition: all .15s;
  font-family: 'DM Sans', system-ui, sans-serif;
  line-height: 1.4;
}
.mcg-sn-l2:hover { border-color: var(--mcg-green-mid); color: var(--mcg-green); background: var(--mcg-green-wash); }
.mcg-sn-l2.active { background: var(--mcg-green) !important; color: #fff !important; border-color: var(--mcg-green) !important; }
.mcg-sn-l3-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 4px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--mcg-rule);
}
.mcg-sn-l3-row.mcg-sn-hidden { display: none !important; }
.mcg-sn-l3 {
  font-size: 13px;
  color: var(--mcg-mid);
  padding: 4px 12px;
  border-radius: 4px;
  transition: all .15s;
  text-decoration: none;
  font-family: 'DM Sans', system-ui, sans-serif;
  display: inline-block;
}
.mcg-sn-l3:hover { color: var(--mcg-green); background: var(--mcg-green-wash); }
.mcg-sn-l3.active { color: var(--mcg-green) !important; font-weight: 600; background: var(--mcg-green-wash); }
@media (max-width: 640px) {
  .mcg-sn-l2 { font-size: 12px; padding: 6px 12px; }
  .mcg-sn-l3 { font-size: 12px; padding: 3px 8px; }
}

/* =============================================================================
   PRODUCT GRID / LIST CARD STYLES
   Used by: productgrid.html (ProductList / Search results)
            productcategory.html (SubCategoryPage with ENABLE_CATEGORY_LEVEL_ITEMS=Y)
   Moved from inline <style> blocks in each template — single source of truth.
   ============================================================================= */

/* ── Container ── */
ul.listGridContainer{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;overflow:visible!important;margin:0 -8px!important;padding:0!important;list-style:none!important;}

/* ── Grid cell ── */
ul.listGridContainer .gridView{display:flex!important;flex-direction:column!important;float:none!important;height:auto!important;min-height:0!important;border-right:none!important;padding:0 8px 16px!important;box-sizing:border-box!important;margin:0!important;}

/* ── Inner card shell ── */
ul.listGridContainer .gridView ul.gridFixHeight{display:flex!important;flex-direction:column!important;flex:1!important;height:auto!important;background:#fff!important;border:1px solid #E2E5EA!important;border-radius:10px!important;overflow:hidden!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important;padding:0!important;margin:0!important;list-style:none!important;transition:transform .2s,box-shadow .2s!important;}
ul.listGridContainer .gridView ul.gridFixHeight:hover{transform:translateY(-2px)!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important;}

/* ── Image cell ── */
ul.listGridContainer .gridView ul.gridFixHeight li.sessionImg{width:100%!important;height:200px!important;min-height:200px!important;background:#FFFFFF!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;box-sizing:border-box!important;position:relative!important;margin:0!important;float:none!important;overflow:hidden!important;}
ul.listGridContainer .gridView ul.gridFixHeight li.sessionImg a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;}
ul.listGridContainer .gridView ul.gridFixHeight li.sessionImg .prodImage{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;}
ul.listGridContainer .gridView ul.gridFixHeight li.sessionImg .prodImage img{max-height:165px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;position:static!important;display:block!important;margin:auto!important;height:auto!important;}
/* ── Sale/Clearance badge (top-left of image) ── */
ul.listGridContainer .gridView li.sessionImg .clearenceTag{position:absolute!important;top:10px!important;left:10px!important;background:none!important;height:auto!important;width:auto!important;z-index:3!important;}
ul.listGridContainer .gridView li.sessionImg .clearenceTag .clearenceIcon{display:inline-block!important;background:#C8241C!important;color:#fff!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:4px 10px!important;border-radius:4px!important;line-height:1.4!important;position:static!important;}
ul.listGridContainer .gridView li.sessionImg .clearenceTag .clearenceIcon::before,
ul.listGridContainer .gridView li.sessionImg .clearenceTag .clearenceIcon::after{display:none!important;}

/* ── Info cell ── */
ul.listGridContainer .gridView ul.gridFixHeight li.sessionDespOne,
ul.listGridContainer .gridView ul.gridFixHeight li.sessionDesp{width:100%!important;float:none!important;flex:1!important;height:auto!important;padding:12px 15px 0px!important;box-sizing:border-box!important;background: #F5F2EC!important;}

/* ── Price/Cart cell ── */
ul.listGridContainer .gridView ul.gridFixHeight li.sessionDespTwo{width:100%!important;float:none!important;height:auto!important;position:static!important;padding:0px 15px 15px!important;box-sizing:border-box!important;background:#F5F2EC!important;}
/* Reset inner ul bullet/indent that browser default adds */
ul.listGridContainer .gridView ul.gridFixHeight li.sessionDespTwo>ul{list-style:none!important;padding:0!important;margin:0!important;}
ul.listGridContainer .gridView ul.gridFixHeight li.sessionDespTwo>ul>li{list-style:none!important;float:none!important;}
/* Reset platform float:left on price paragraphs */
ul.listGridContainer .gridView ul.gridFixHeight li.sessionDespTwo p{float:none!important;margin:0 0 6px!important;}

/* ── Add to Cart button ── */
ul.listGridContainer .gridView .btn.btn-addtocart{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;padding:11px 0!important;border-radius:6px!important;background:#1F4E0F!important;color:#fff!important;font-size:13px!important;font-weight:700!important;letter-spacing:.03em!important;text-decoration:none!important;border:none!important;cursor:pointer!important;box-sizing:border-box!important;transition:background .2s!important;text-transform:none!important;white-space:nowrap!important;}
ul.listGridContainer .gridView .btn.btn-addtocart:hover{background:#163808!important;}
ul.listGridContainer .gridView .btn.btn-addtocart.btns-disable{background:#E2E5EA!important;color:#8A909A!important;cursor:default!important;pointer-events:none!important;}
/* AJAX span wrapper for cart button must be block so width:100% resolves to full cell width */
ul.listGridContainer .gridView li.sessionDespTwo span[data-select^="addtoCartbtn"]{display:block!important;}
ul.listGridContainer .gridView li.sessionDespTwo div.itemCountGrid{display:block!important;}

/* ── Price ── */
ul.listGridContainer .gridView .priceSpan.formatPrice,
ul.listGridContainer .gridView .priceSpan[id^="span_"],
ul.listGridContainer .gridView .priceSpan[id^="spanOverRide_"]{font-size:20px!important;font-weight:700!important;color:#1A1A1A!important;font-family:'Zilla Slab',Georgia,serif!important;}

/* ── Qty (hidden — qty=1 passed via default minOrderQty) ── */
ul.listGridContainer .gridView .cimm_qtyWrap{display:none!important;}
ul.listGridContainer .gridView input.quantity{width:52px!important;padding:4px 6px!important;border:1.5px solid #E2E5EA!important;border-radius:4px!important;font-size:13px!important;text-align:center!important;}
ul.listGridContainer .gridView .price.mTop-2{margin-top:0!important;}

/* ── Brand link in sessionDespOne ── */
ul.listGridContainer .gridView .sessionDespOne > ul > li:first-child a.productTitle{font-size:11px!important;font-weight:600!important;color:#8A909A!important;text-transform:uppercase!important;letter-spacing:.06em!important;text-decoration:none!important;display:block!important;font-family: var(--font-sans);line-height: 1.6;-webkit-font-smoothing: antialiased;letter-spacing: .06em;margin-bottom: 4px;}

/* ── Product name ── */
ul.listGridContainer .gridView .sessionDespOne li.productDesc a{font-size:14px!important;font-weight:500!important;color:#1A1A1A!important;line-height:1.4!important;text-decoration:none!important;}
ul.listGridContainer .gridView .sessionDespOne li.productDesc a:hover{color:#1F4E0F!important;}

/* ── Model/SKU ── */
/* Platform (line ~2355) sets height:60px on the ul — override it */
ul.listGridContainer .gridView ul.modelPartNumbers{list-style:none!important;padding:0!important;height:auto!important;overflow:visible!important;margin:6px 0 15px!important;}
ul.listGridContainer .gridView ul.modelPartNumbers li{font-size:12px!important;color:#8A909A!important;font-weight:400!important;list-style:none!important;font-family:'DM Sans',system-ui,sans-serif!important;padding:1px 0!important;}
ul.listGridContainer .gridView ul.modelPartNumbers li strong{color:#1A1A1A!important;font-weight:600!important;font-family:'DM Sans',system-ui,sans-serif!important;}

/* ── Clearance tag ── */
ul.listGridContainer .gridView .clearenceTag{position:absolute!important;top:10px!important;left:10px!important;z-index:1!important;}
ul.listGridContainer .gridView .clearenceIcon{font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:4px 10px!important;border-radius:4px!important;background:#C8920A!important;color:#fff!important;}

/* ── Stars: show in info column for grid, hide in price column for both ── */
ul.listGridContainer .gridView li.sessionDespOne li.reviewSecGrid{display:block!important;margin:2px 0 4px!important;line-height:1!important;}
/* BazaarVoice sets SVG size via inline !important — scale the container instead */
ul.listGridContainer .gridView li.sessionDespOne li.reviewSecGrid [data-bv-show="inline_rating"]{display:inline-block!important;transform:scale(0.85)!important;transform-origin:left center!important;}
/* FontAwesome fallback stars */
ul.listGridContainer .gridView li.sessionDespOne li.reviewSecGrid .fa-star,
ul.listGridContainer .gridView li.sessionDespOne li.reviewSecGrid .fa-star-half-o,
ul.listGridContainer .gridView li.sessionDespOne li.reviewSecGrid .fa-star-o{font-size:11px!important;}
ul.listGridContainer .gridView li.reviewSecList{display:none!important;}

/* ── Promo/tier price rows ── */
ul.listGridContainer .gridView .promoDiv{margin:4px 0 2px!important;}
ul.listGridContainer .gridView .promoDiv p{margin:0!important;display:flex!important;align-items:baseline!important;gap:4px!important;flex-wrap:wrap!important;}
ul.listGridContainer .gridView .promoDiv p strong{font-size:12px!important;font-weight:600!important;color:#C8241C!important;font-family:'DM Sans',system-ui,sans-serif!important;white-space:nowrap!important;}
ul.listGridContainer .gridView .promoDiv .priceSpan[id^="spanPromo_"]{font-size:18px!important;font-weight:700!important;color:#1A1A1A!important;font-family:'Zilla Slab',Georgia,serif!important;}

/* ── Compare / Shopping list ── */
ul.listGridContainer .gridView li.selectCompareGroupBlock{font-size:12px!important;color:#555B65!important;margin-top:6px!important;list-style:none!important;}
ul.listGridContainer .gridView .productGroupBtn a{color:#1F4E0F!important;font-size:12px!important;text-decoration:none!important;}

/* ── Grid responsive ── */
@media(max-width:1024px){ul.listGridContainer .gridView{width:50%!important;}}
@media(max-width:640px){ul.listGridContainer .gridView{width:100%!important;}}

/* ── LIST MODE ── */
ul.listGridContainer .listView{width:100%!important;float:none!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;padding:0 0 16px!important;border:none!important;}

/* Card shell — horizontal flex row */
ul.listGridContainer .listView ul.gridFixHeight{display:flex!important;flex-direction:row!important;align-items:stretch!important;background:#fff!important;border:1px solid #E2E5EA!important;border-radius:10px!important;overflow:hidden!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important;padding:0!important;margin:0!important;list-style:none!important;transition:transform .2s,box-shadow .2s!important;min-height:0!important;height:auto!important;}
ul.listGridContainer .listView ul.gridFixHeight:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)!important;}

/* Image column */
ul.listGridContainer .listView ul.gridFixHeight li.sessionImg{width:200px!important;min-width:200px!important;max-width:200px!important;height:auto!important;min-height:180px!important;background:#F5F2EC!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;box-sizing:border-box!important;position:relative!important;margin:0!important;float:none!important;flex-shrink:0!important;overflow:hidden!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionImg a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionImg .prodImage{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionImg .prodImage img{max-height:150px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;position:static!important;display:block!important;margin:auto!important;height:auto!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionImg .mcg-wishlist-btn{position:absolute!important;top:10px!important;right:10px!important;}
ul.listGridContainer .listView li.sessionImg .clearenceTag{position:absolute!important;top:10px!important;left:10px!important;background:none!important;height:auto!important;width:auto!important;z-index:3!important;}
ul.listGridContainer .listView li.sessionImg .clearenceTag .clearenceIcon{display:inline-block!important;background:#C8241C!important;color:#fff!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:4px 10px!important;border-radius:4px!important;line-height:1.4!important;position:static!important;}
ul.listGridContainer .listView li.sessionImg .clearenceTag .clearenceIcon::before,
ul.listGridContainer .listView li.sessionImg .clearenceTag .clearenceIcon::after{display:none!important;}

/* Info column — normal items */
ul.listGridContainer .listView ul.gridFixHeight li.sessionDespOne{flex:1!important;width:auto!important;float:none!important;height:auto!important;padding:18px 20px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}

/* Brand link */
ul.listGridContainer .listView ul.gridFixHeight li.sessionDespOne .clearAfter.halfBlokWrap > li:first-child a.productTitle{font-size:11px!important;font-weight:600!important;color:#8A909A!important;text-transform:uppercase!important;letter-spacing:.06em!important;text-decoration:none!important;display:block!important;font-family:'DM Sans',system-ui,sans-serif!important;margin-bottom:4px!important;}

/* Product name */
ul.listGridContainer .listView ul.gridFixHeight li.sessionDespOne li.productDesc a{font-size:15px!important;font-weight:500!important;color:#1A1A1A!important;line-height:1.4!important;text-decoration:none!important;font-family:'DM Sans',system-ui,sans-serif!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionDespOne li.productDesc a:hover{color:#1F4E0F!important;}

/* SKU/model numbers */
ul.listGridContainer .listView ul.gridFixHeight li.sessionDespOne ul.modelPartNumbers{list-style:none!important;padding:0!important;margin:6px 0 4px!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionDespOne ul.modelPartNumbers li{font-size:12px!important;color:#8A909A!important;font-weight:400!important;list-style:none!important;font-family:'DM Sans',system-ui,sans-serif!important;padding:1px 0!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionDespOne ul.modelPartNumbers li strong{color:#1A1A1A!important;font-weight:600!important;font-family:'DM Sans',system-ui,sans-serif!important;}

/* Availability */
ul.listGridContainer .listView ul.gridFixHeight li.sessionDespOne li.productAvailablility{margin-top:6px!important;}

/* Info column — product mode items (sessionDesp) */
ul.listGridContainer .listView ul.gridFixHeight li.sessionDesp{flex:1!important;width:auto!important;float:none!important;height:auto!important;padding:18px 20px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}

/* Product mode — title link */
ul.listGridContainer .listView ul.gridFixHeight li.sessionDesp a.productTitle{font-size:15px!important;font-weight:500!important;color:#1A1A1A!important;line-height:1.4!important;text-decoration:none!important;font-family:'DM Sans',system-ui,sans-serif!important;display:block!important;margin-bottom:4px!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionDesp a.productTitle:hover{color:#1F4E0F!important;}

/* Product mode — short description */
ul.listGridContainer .listView ul.gridFixHeight li.sessionDesp .listGridItemDesc{margin:0!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionDesp .listGridItemDesc p{font-size:13px!important;color:#555B65!important;line-height:1.4!important;font-family:'DM Sans',system-ui,sans-serif!important;margin:0 0 6px!important;}

/* Product mode — model/SKU numbers */
ul.listGridContainer .listView ul.gridFixHeight li.sessionDesp ul.modelPartNumbers{list-style:none!important;padding:0!important;margin:6px 0 4px!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionDesp ul.modelPartNumbers li{font-size:12px!important;color:#8A909A!important;font-weight:400!important;list-style:none!important;font-family:'DM Sans',system-ui,sans-serif!important;padding:1px 0!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionDesp ul.modelPartNumbers li strong{color:#1A1A1A!important;font-weight:600!important;font-family:'DM Sans',system-ui,sans-serif!important;}

/* Product mode — availability */
ul.listGridContainer .listView ul.gridFixHeight li.sessionDesp li.productAvailablility{margin-top:6px!important;}
ul.listGridContainer .gridView ul.gridFixHeight li.sessionDesp li.productAvailablility{margin-top:6px!important;padding:6px 0 5px!important;}
ul.listGridContainer .gridView ul.gridFixHeight li.sessionDesp li.productAvailablility ul li{font-size:13px!important;}
ul.listGridContainer .gridView ul.gridFixHeight li.sessionDesp li.productAvailablility ul li label.availCheckBox{font-size:13px!important;color:#2D7A1F!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionDesp li.productAvailablility{margin-top:6px!important;padding:6px 0 5px!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionDesp li.productAvailablility ul li{font-size:13px!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionDesp li.productAvailablility ul li label.availCheckBox{font-size:13px!important;color:#2D7A1F!important;}

/* Stars in info column */
ul.listGridContainer .listView ul.gridFixHeight li.sessionDespOne li.reviewSecGrid{display:block!important;margin:4px 0!important;}
ul.listGridContainer .listView ul.gridFixHeight li.sessionDespTwo li.reviewSecList{display:none!important;}

/* Qty row (hidden — qty=1 passed via default minOrderQty) */
ul.listGridContainer .listView ul.gridFixHeight .cimm_qtyWrap{display:none!important;}
ul.listGridContainer .listView ul.gridFixHeight input.quantity{width:52px!important;padding:4px 6px!important;border:1.5px solid #E2E5EA!important;border-radius:4px!important;font-size:13px!important;text-align:center!important;}
ul.listGridContainer .listView ul.gridFixHeight .price.mTop-2{margin-top:0!important;}

/* Price / Cart column */
ul.listGridContainer .listView ul.gridFixHeight li.sessionDespTwo{width:220px!important;min-width:220px!important;max-width:220px!important;flex-shrink:0!important;float:none!important;height:auto!important;padding:18px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;border-left:1px solid #F0F0F0!important;}

/* Price */
ul.listGridContainer .listView ul.gridFixHeight .priceSpan.formatPrice,
ul.listGridContainer .listView ul.gridFixHeight .priceSpan[id^="span_"],
ul.listGridContainer .listView ul.gridFixHeight .priceSpan[id^="spanOverRide_"]{font-size:22px!important;font-weight:700!important;color:#1A1A1A!important;font-family:'Zilla Slab',Georgia,serif!important;}

/* Promo price — list mode */
ul.listGridContainer .listView ul.gridFixHeight .promoDiv{margin:4px 0 2px!important;}
ul.listGridContainer .listView ul.gridFixHeight .promoDiv p{margin:0!important;display:flex!important;align-items:baseline!important;gap:4px!important;flex-wrap:wrap!important;}
ul.listGridContainer .listView ul.gridFixHeight .promoDiv p strong{font-size:12px!important;font-weight:600!important;color:#C8241C!important;font-family:'DM Sans',system-ui,sans-serif!important;white-space:nowrap!important;}
ul.listGridContainer .listView ul.gridFixHeight .promoDiv .priceSpan[id^="spanPromo_"]{font-size:20px!important;font-weight:700!important;color:#1A1A1A!important;font-family:'Zilla Slab',Georgia,serif!important;}

/* Add to Cart button */
ul.listGridContainer .listView ul.gridFixHeight .btn.btn-addtocart{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;padding:11px 0!important;border-radius:6px!important;background:#1F4E0F!important;color:#fff!important;font-size:13px!important;font-weight:700!important;letter-spacing:.03em!important;text-decoration:none!important;border:none!important;cursor:pointer!important;box-sizing:border-box!important;transition:background .2s!important;margin-top:10px!important;text-transform:none!important;}
ul.listGridContainer .listView ul.gridFixHeight .btn.btn-addtocart:hover{background:#163808!important;}
ul.listGridContainer .listView ul.gridFixHeight .btn.btn-addtocart.btns-disable{background:#E2E5EA!important;color:#8A909A!important;cursor:default!important;}

/* Shopping list / compare */
ul.listGridContainer .listView ul.gridFixHeight li.selectCompareGroupBlock{font-size:12px!important;color:#555B65!important;margin-top:8px!important;list-style:none!important;}
ul.listGridContainer .listView ul.gridFixHeight .productGroupBtn a{color:#1F4E0F!important;font-size:12px!important;text-decoration:none!important;}

/* ── List mode responsive — stack on mobile ── */
@media(max-width:768px){
  ul.listGridContainer .listView ul.gridFixHeight{flex-direction:column!important;}
  ul.listGridContainer .listView ul.gridFixHeight li.sessionImg{width:100%!important;max-width:100%!important;min-height:180px!important;}
  ul.listGridContainer .listView ul.gridFixHeight li.sessionDespTwo{width:100%!important;max-width:100%!important;border-left:none!important;border-top:1px solid #F0F0F0!important;}
}


/* =============================================================================
   PRODUCT DETAIL PAGE (PDP) STYLES
   Used by: productdetail.html
   ============================================================================= */

/* Layout */
.mcg-pdp{max-width:1340px;margin:0 auto;padding:16px 0px 40px;display:grid;grid-template-columns:1fr 460px;gap:40px;align-items:start;}
@media(max-width:960px){.mcg-pdp{grid-template-columns:1fr;gap:24px;}}
@media(max-width:600px){.mcg-pdp{padding:12px 16px 32px;}}

/* Gallery */
.mcg-gallery{position:sticky;top:90px;}
.gallery-main{background:#fff;border:1px solid #E2E5EA;border-radius:12px;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin-bottom:12px;padding:16px;}
.gallery-main .mcg-main-img{max-height:420px;max-width:100%;width:auto;object-fit:contain;display:block;margin:auto;}
.gallery-badge{position:absolute;top:16px;left:16px;background:#C8241C;color:#fff;padding:5px 14px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;pointer-events:none;}
.gallery-thumbs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;}
.gallery-thumb{width:80px;height:80px;border-radius:8px;border:2px solid #E2E5EA;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .15s;}
.gallery-thumb.active{border-color:#1F4E0F;}
.gallery-thumb:hover{border-color:#3D7A28;}
.gallery-thumb a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.gallery-thumb img{max-width:100%;max-height:100%;object-fit:contain;}
.gallery-main .imgEnlargeIcon{position:absolute;bottom:10px;right:10px;width:34px;height:34px;background:rgba(255,255,255,.9);border:1px solid #E2E5EA;border-radius:50%;display:flex!important;align-items:center;justify-content:center;color:#1F4E0F;font-size:16px;z-index:5;text-decoration:none;transition:background .15s,color .15s;}
.gallery-main .imgEnlargeIcon:hover{background:#1F4E0F;color:#fff;border-color:#1F4E0F;}
@media(max-width:960px){.mcg-gallery{position:static;}}

/* Buy Box */
.buybox{background:#fff;border:1px solid #E2E5EA;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden;}
.bb-header{padding:24px 28px;border-bottom:1px solid #E2E5EA;}
.bb-brand{font-size:12px;font-weight:600;color:#8A909A;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;}
.bb-name{font-size:20px;font-weight:700;color:#1A1A1A;line-height:1.3;margin-bottom:8px;}
.bb-sku{font-size:12px;color:#8A909A;line-height:1.6;}
.bb-sku span{color:#555B65;}
.bb-rating{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap;}
.bb-reviews{font-size:13px;color:#1F4E0F;font-weight:600;}
.bb-reviews a{color:inherit;}
.bb-bv-rating{margin-top:6px;}
.bb-body{padding:24px 28px;display:flex;flex-direction:column;gap:14px;}
.bb-sku-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;}
.bb-altpn,.bb-custpn,.bb-packdesc,.bb-shipbranch,.bb-supplier-sku{font-size:13px;color:#555B65;}
.bb-altpn strong,.bb-custpn strong,.bb-packdesc strong,.bb-shipbranch strong,.bb-supplier-sku strong{color:#1A1A1A;}

/* Price */
.bb-price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;}
.bb-price-label{font-size:13px;font-weight:600;color:#555B65;}
.bb-price{font-size:28px;font-weight:700;color:#1A1A1A;font-family: var(--font-slab);}
.bb-price-inner{width:100%;}
.bb-promo-price,.bb-tier-price{font-size:13px;}
.bb-promo-price{color:#C8241C;}
.bb-tier-price{color:#1F4E0F;}
.bb-pricebreak{font-size:13px;color:#555B65;}

/* Variants */
.bb-variants{display:flex;flex-direction:column;gap:12px;}
.bb-variant-group{display:flex;flex-direction:column;gap:6px;}
.bb-finish-label{font-size:12px;font-weight:600;color:#555B65;text-transform:uppercase;letter-spacing:.04em;}
.mcg-variant-select{width:100%;padding:9px 12px;border:1.5px solid #D0D4D9;border-radius:6px;font-size:14px;font-family:inherit;color:#1A1A1A;background:#fff;cursor:pointer;}
.mcg-variant-select:focus{outline:none;border-color:#1F4E0F;}

/* Availability — PDP buy-box (mirrors li.productAvailablility rules from grid/category) */
.bb-availability{font-size:13px;font-weight:600;font-family:inherit;line-height:1.4;margin:6px 0 10px;}
.bb-availability ul{list-style:none;padding:0;margin:0;}
.bb-availability ul li{display:flex;align-items:center;gap:4px;padding:0;margin:0;font-family:inherit;}
.bb-availability ul li::before{content:'';width:7px;height:7px;border-radius:50%;background:#2D7A1F;flex-shrink:0;align-self:center;}
.bb-availability ul li label.availCheckBox{color:#2D7A1F;margin:0;font-size:13px;font-weight:600;cursor:default;font-family:inherit;line-height:1;}
.bb-availability ul li label.availCheckBox input[type="checkbox"]{display:none;}
.bb-availability ul li label.availCheckBox span[id^="span_"]::before,
.bb-availability ul li label.availCheckBox span[id^="span_"]::after{display:none!important;}
.bb-availability ul li a.storeLocator{color:#555B65;font-size:13px;font-weight:400;text-decoration:none;font-family:inherit;line-height:1;}
.bb-availability ul li a.storeLocator::before{content:'\2013\00a0';color:#8A909A;font-weight:400;}
.bb-availability ul li a.storeLocator:hover{color:#1F4E0F;text-decoration:underline;}
.bb-availability ul li .mcg-avail-count{font-size:13px;font-weight:700;color:#2D7A1F;font-family:inherit;line-height:1;}
.bb-restrict-msg{color:#C8241C;font-weight:500;}

/* Qty + ATC */
.bb-atc-row{display:flex;gap:10px;align-items:stretch;}
.qty-wrap{display:flex;align-items:center;border:1.5px solid #D0D4D9;border-radius:6px;overflow:hidden;background:#fff;flex-shrink:0;}
.qty-btn{width:36px;height:44px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#555B65;background:none;border:none;cursor:pointer;transition:background .15s,color .15s;font-family:inherit;text-transform:none;}
.qty-btn:hover{background:#EEF4E8;color:#1F4E0F;}
.qty-val{width:46px;text-align:center;font-size:15px;font-weight:600;border:none;border-left:1px solid #E2E5EA;border-right:1px solid #E2E5EA;outline:none;height:24px;color:#1A1A1A;}
.qty-uom{font-size:11px;color:#8A909A;align-self:center;padding-left:6px;}
.btn-atc-wrap{flex:1;}
.btn-atc-wrap .btn-addtocart,.btn-atc-wrap a.btn-atc{width:100%;display:flex!important;align-items:center;justify-content:center;gap:10px;padding:13px 16px;border-radius:6px;background:#1F4E0F;color:#fff!important;font-size:15px;font-weight:700;letter-spacing:.02em;font-family:inherit;border:none;cursor:pointer;transition:background .2s;text-decoration:none!important;text-transform:none!important;font-family: var(--font-slab)!important;}
.btn-atc-wrap .btn-addtocart:hover,.btn-atc-wrap a.btn-atc:hover{background:#163808!important;color:#fff!important;}
.btn-atc-wrap .btns-disable{background:#8A909A!important;cursor:not-allowed;}

/* Secondary actions */
.bb-secondary{display:flex;gap:8px;flex-wrap:wrap;}
.bb-sec-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;border:1.5px solid #E2E5EA;font-size:12px;font-weight:600;color:#555B65;background:#fff;cursor:pointer;transition:all .15s;font-family:inherit;text-decoration:none;text-transform:none;}
.bb-sec-btn:hover{border-color:#1F4E0F;color:#1F4E0F;background:#EEF4E8;}
.bb-secondary .productGroupBtn{border-radius:6px;border:1.5px solid #E2E5EA;background:#fff;transition:all .15s;}
.bb-secondary .productGroupBtn:hover{border-color:#1F4E0F;background:#EEF4E8;}
.bb-sec-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#555B65;text-decoration:none;}
.bb-sec-link:hover{color:#1F4E0F;}

/* PDP Tabs — Enhanced */
.mcg-pdp-tabs{max-width:1340px;margin:24px auto 56px;padding:0;}
.tabs-nav{display:flex;gap:0;border-bottom:1px solid #E2E5EA;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;background:transparent;padding:0;}
.tabs-nav::-webkit-scrollbar{display:none;}
.tab-btn{padding:14px 18px;font-size:14px;font-weight:500;color:#6B7280;white-space:nowrap;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit;letter-spacing:normal;text-transform:none;}
.tab-btn:hover{color:#1F4E0F;}
.tab-btn.active{color:#1A1A1A;border-bottom-color:#1F4E0F;font-weight:600;}
.mcg-tab-panels{padding:28px 4px 40px;}
.tab-panel{display:none;}
.tab-panel.show{display:block;}
.tab-panel h3{font-family:'Zilla Slab',Georgia,serif;font-size:18px;font-weight:700;color:#1A1A1A;margin-bottom:12px;margin-top:24px;}
.tab-panel h3:first-child{margin-top:0;}
.tab-panel p{font-size:14px;color:#555B65;line-height:1.75;margin-bottom:16px;max-width:860px;}
.tab-panel ul{margin:0 0 16px 0;color:#555B65;font-size:14px;line-height:1.85;list-style:none;padding:0;}
.tab-panel ul li{padding:3px 0 3px 22px;position:relative;}
.tab-panel ul li::before{content:'';position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:#2C6818;opacity:.7;}
/* Specs table */
.specs-table{width:100%;max-width:820px;border-collapse:collapse;}
.specs-table tr:nth-child(even){background:#F5F2EC;}
.specs-table tr:last-child td{border-bottom:none;}
.specs-table td{padding:10px 16px;font-size:13px;border-bottom:1px solid #E2E5EA;color:#555B65;vertical-align:top;line-height:1.5;}
.specs-table td:first-child{font-weight:600;color:#1A1A1A;width:200px;}
/* Documents */
.documentStack{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;}
.documentStack li a{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid #E2E5EA;border-radius:8px;font-size:13px;font-weight:500;color:#2E2E2E;transition:all .15s;text-decoration:none;background:#fff;}
.documentStack li a:hover{border-color:#1F4E0F;color:#1F4E0F;background:#EEF4E8;transform:translateY(-1px);box-shadow:0 2px 8px rgba(31,78,15,.1);}
.documentStack li img{width:28px;height:28px;object-fit:contain;flex-shrink:0;}

/* Responsive */
@media(max-width:768px){
  .mcg-pdp-tabs{margin:16px 16px 40px;}
  .mcg-tab-panels{padding:20px;}
  .bb-header{padding:18px 20px;}
  .bb-body{padding:18px 20px;}
  .bb-name{font-size:18px;}
  .bb-price{font-size:24px;}
  .tab-btn{padding:12px 14px;font-size:11px;letter-spacing:.04em;}
  .gallery-thumb{width:64px;height:64px;}
  .specs-table td:first-child{width:140px;}
  .documentStack{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .bb-secondary{gap:6px;}
  .bb-sec-btn{padding:7px 10px;font-size:11px;}
  .btn-atc-wrap .btn-addtocart{font-size:14px;padding:12px 12px;}
}


/* =============================================================================
   MCG BREADCRUMB OVERRIDES
   Fixes: breadcrumb stacking against header; restores all crumb items display
   ============================================================================= */

/* Show all breadcrumb items (override platform's mobile-only display:none) */
.cimm_BreadCrumbs ul.breadcrumb li { display: inline-flex !important; align-items: center; }
.cimm_BreadCrumbs ul.breadcrumb li:nth-last-child(2) { display: inline-flex !important; }

/* Layout and spacing */
.cimm_BreadCrumbs {
  /*background: #EDE8DF;
  border-bottom: 1px solid #D0D4D9;*/
  padding: 0;
}
.cimm_BreadCrumbs .breadcrumb {
  max-width: 1340px;
  margin: 0 auto !important;
  padding: 12px 5px !important;
  background: transparent !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  list-style: none;
  font-size: 13px;
}

/* Separator — replace FontAwesome left-arrow with a subtle slash */
.cimm_BreadCrumbs .breadcrumb li+li:before {
  content: "/" !important;
  font-family: inherit !important;
  font-size: 12px !important;
  color: #8A909A !important;
  padding: 0 4px !important;
}
.cimm_BreadCrumbs .breadcrumb li:nth-last-child(2):not(:first-child):before { content: "/" !important; padding: 0 4px !important; }

/* Link colors */
.cimm_BreadCrumbs .breadcrumb li > a {
  color: #555B65 !important;
  text-decoration: none !important;
  transition: color .15s;
}
.cimm_BreadCrumbs .breadcrumb li > a:hover { color: #1F4E0F !important; }

/* Last item (current page) */
.cimm_BreadCrumbs .breadcrumb li:last-child,
.cimm_BreadCrumbs .breadcrumb li:last-child > a {
  color: #1A1A1A !important;
  font-weight: 600;
  pointer-events: none;
  cursor: default;
}

/* Ensure content area doesn't start too close to header */
.cimm_bodyContentWrap > .container { padding-top: 0 !important; }


/* Fulfillment options — inside buybox */
.bb-fulfillment { border-top: 1px solid #E2E5EA; padding-top: 20px; }
.bb-ful-title { font-size: 13px; font-weight: 700; color: #1A1A1A; margin-bottom: 12px; }
.ful-opt {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 14px; border: 1.5px solid #E2E5EA; border-radius: 8px;
  margin-bottom: 8px; cursor: pointer; transition: all .15s; background: #fff;
}
.ful-opt:hover { border-color: #3D7A28; }
.ful-opt.selected { border-color: #1F4E0F; background: #EEF4E8; }
.ful-opt-icon { flex-shrink: 0; color: #555B65; display: flex; }
.ful-opt.selected .ful-opt-icon { color: #1F4E0F; }
.ful-opt-body { flex: 1; }
.ful-opt-name { font-size: 13px; font-weight: 600; color: #1A1A1A; }
.ful-opt-desc { font-size: 12px; color: #8A909A; margin-top: 2px; }
.ful-opt-price { font-size: 13px; font-weight: 700; color: #1A1A1A; white-space: nowrap; }
.ful-opt-price.free { color: #1F4E0F; }

/* Expert strip */
.bb-expert {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 16px; background: #F5F2EC; border-radius: 8px;
}
.bb-expert-dot { width: 10px; height: 10px; border-radius: 50%; background: #1F4E0F; flex-shrink: 0; }
.bb-expert-text { flex: 1; font-size: 13px; color: #555B65; line-height: 1.4; }
.bb-expert-text strong { color: #1A1A1A; display: block; margin-bottom: 2px; }
.bb-expert-btn {
  padding: 8px 16px; border-radius: 6px;
  border: 1.5px solid rgba(31,78,15,.2);
  font-size: 12px; font-weight: 700; color: #1F4E0F;
  background: #EEF4E8; transition: all .2s; white-space: nowrap; cursor: pointer; font-family: inherit;
}
.bb-expert-btn:hover { background: #1F4E0F; color: #fff; border-color: #1F4E0F; }


/* =============================================================================
   MCG PRODUCT CAROUSEL — Customer Also Bought / Linked Items / Recently Viewed
   Used by: productdetail.html
   ============================================================================= */

/* Section wrapper */
/* =============================================================================
   MCG PRODUCT CAROUSEL — Customer Also Bought / Linked Items / Recently Viewed
   Used by: productdetail.html
   ============================================================================= */

/* Section wrapper */
.mcg-carousel-section {
  max-width: 1340px;
  margin: 0 auto 48px;
  padding: 0 0px;
}
.mcg-carousel-title {
  font-size: 18px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #E2E5EA;
  position: relative;
}
.mcg-carousel-title::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 48px; height: 2px;
  background: #1F4E0F;
}

/* Card (Customer Also Bought / Linked Items) */
.mcg-rel-card {
  background: #fff;
  border: 1px solid #E2E5EA;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin: 0 6px;
  transition: transform .2s, box-shadow .2s;
}
.mcg-rel-card:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,.10); }

/* Image area */
.mcg-rel-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 170px;
  background: #FFFFFF;
  padding: 14px;
  overflow: hidden;
  text-decoration: none;
  flex-shrink: 0;
  position: relative;
}
.mcg-rel-img img {
  max-height: 140px;
  max-width: 100%;
  width: auto;
  object-fit: contain;
  display: block;
  margin: auto;
}

/* Badge */
.mcg-rel-badge {
  position: absolute;
  top: 10px; left: 10px;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  pointer-events: none;
}
.mcg-rel-badge--sale { background: #C8241C; color: #fff; }
.mcg-rel-badge--new  { background: #1F4E0F; color: #fff; }
.mcg-rel-badge--top  { background: #C8920A; color: #fff; }

/* Info area */
.mcg-rel-info {
  padding: 12px 14px 14px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 5px;
  background: #F5F2EC;
}
.mcg-rel-brand {
  font-size: 11px;
  font-weight: 600;
  color: #8A909A;
  text-transform: uppercase;
  letter-spacing: .05em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mcg-rel-title {
  font-size: 13px;
  font-weight: 500;
  color: #1A1A1A !important;
  line-height: 1.45;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
  transition: color .15s;
  font-family: var(--font-slab);
}
.mcg-rel-title:hover { color: #1F4E0F !important; }

/* Price row */
.mcg-rel-price-row { margin-top: 4px; min-height: 24px; }
.mcg-rel-price { font-size: 17px !important; font-weight: 700 !important; color: #1A1A1A !important; }
.mcg-rel-price img { display: inline-block; vertical-align: middle; }

/* Availability */
.mcg-rel-avail { min-height: 22px; margin: 2px 0 4px; }
.mcg-rel-avail-list { list-style: none; padding: 0; margin: 0; }
.mcg-rel-avail-list li { font-size: 12px; font-weight: 600; color: #2D7A1F; display: flex; flex-direction: column; gap: 2px; }
.mcg-rel-avail-list li::before { display: none; }
.mcg-rel-avail-list li img { display: none; }
.mcg-rel-avail-list li label { display: contents; }
.mcg-rel-avail-line1 { display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; color: #2D7A1F; }
.mcg-rel-avail-line1::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #2D7A1F; flex-shrink: 0; }
.mcg-rel-avail-line2 { font-size: 11px; color: #8A909A; font-weight: 400; padding-left: 12px; }

/* ATC button inside card */
.mcg-rel-atc {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  padding: 10px 0;
  margin-top: 6px;
  border-radius: 6px;
  background: #1F4E0F !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border: none;
  cursor: pointer;
  transition: background .2s;
  box-sizing: border-box;
}
.mcg-rel-atc:hover { background: #163808 !important; color: #fff !important; }
.mcg-rel-atc.btns-disable { background: #8A909A !important; cursor: not-allowed; }

/* Slick nav arrows */
.mcg-carousel-section .slick-prev,
.mcg-carousel-section .slick-next {
  width: 34px !important; height: 34px !important;
  background: #fff !important;
  border: 1px solid #E2E5EA !important;
  border-radius: 50% !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.08) !important;
  z-index: 10 !important; top: 45% !important;
}
.mcg-carousel-section .slick-prev { left: -17px !important; }
.mcg-carousel-section .slick-next { right: -17px !important; }
.mcg-carousel-section .slick-prev:hover,
.mcg-carousel-section .slick-next:hover { background: #1F4E0F !important; border-color: #1F4E0F !important; }
.mcg-carousel-section .slick-prev:before,
.mcg-carousel-section .slick-next:before { color: #555B65 !important; font-size: 16px !important; }
.mcg-carousel-section .slick-prev:hover:before,
.mcg-carousel-section .slick-next:hover:before { color: #fff !important; }
.mcg-carousel-section .slick-disabled { opacity: .3 !important; pointer-events: none; }

/* ── Equal heights: flex-track method (works with Slick translateX) ── */
.mcg-carousel-section .slick-track,
#recentitembox .slick-track { display: flex !important; align-items: stretch !important; }
.mcg-carousel-section .slick-list,
#recentitembox .slick-list { height: auto !important; }
.mcg-carousel-section .cimm_caroWrap li.slick-slide,
#recentitembox .cimm_caroWrap li.slick-slide { height: auto !important; }
/* mcg-rel-card fills slide height */
.mcg-rel-card { height: 100%; box-sizing: border-box; }

/* ── Recently Viewed — styled as MCG product card ── */

/* Equal-height column layout on the slide itself */
#recentitembox .cimm_caroWrap li.slick-slide { display: flex !important; flex-direction: column !important;border: 1px solid #E2E5EA;box-shadow: 0 1px 3px rgba(0,0,0,.06); }

/* Card appearance — no display/float change, visual only */
#recentitembox .cimm_caroWrap li {
  /* border: 1px solid #E2E5EA;*/
  border-radius: 10px;
  overflow: hidden;
  /* box-shadow: 0 1px 3px rgba(0,0,0,.06);*/
  transition: transform .2s, box-shadow .2s;
  margin: 0 6px;
}
#recentitembox .cimm_caroWrap li:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,.10); }

/* Inner wrapper fills slide */
#recentitembox .cimm_caroImgDespWrap { display: flex !important; flex-direction: column !important; flex: 1 !important; height: 100% !important; }

/* Image area — matches .mcg-card-img */
#recentitembox .cimm_slideItemImg {
  width: auto !important;
  height: 195px !important;
  background: #FFFFFF !important;
  padding: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  position: relative !important;
}
/* Override platform's inner-a border & white bg */
#recentitembox .cimm_slideItemImg a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
#recentitembox .cimm_slideItemImg img {
  max-height: 160px !important;
  max-width: 100% !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
  position: static !important;
  margin: auto !important;
}

/* Card body — matches .mcg-card-body */
#recentitembox .cimm_slideItemDesp {
  padding: 13px 15px 15px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  text-align: left !important;
  background: #F5F2EC !important;
}

/* Title — matches .mcg-card-name */
#recentitembox .cimm_slideItemDesp a.productTitle {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #1A1A1A !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1 !important;
  transition: color .15s;
  font-family: var(--font-slab);
}
#recentitembox .cimm_slideItemDesp a.productTitle:hover { color: #1F4E0F !important; }

/* Price — matches .mcg-price-now */
#recentitembox .cimm_slideItemDesp .priceSpan {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  display: block !important;
  margin-top: auto !important;
  padding-top: 8px !important;
}

/* btn-atc-price inline in PDP ATC button */
.btn-atc-price { font-weight: 700; font-size: inherit; opacity: .92; letter-spacing: .01em;font-family: var(--font-slab); }

/* Responsive */
@media(max-width:768px){
  .mcg-carousel-section { padding: 0 16px; }
  .mcg-rel-card { margin: 0 4px; }
  #recentitembox .cimm_caroWrap li { margin: 0 4px; }
}

/* ═══════════════════════════
   MCG CART PAGE
═══════════════════════════ */
.mcg-cart-progress{display:flex;align-items:center;justify-content:center;margin:0 0 28px;padding-top:8px;}
.mcg-cp-step{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;z-index:1;}
.mcg-cp-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;background:#E2E5EA;color:#8A909A;border:2px solid #E2E5EA;transition:background .2s,color .2s,border-color .2s;}
.mcg-cp-step.active .mcg-cp-dot{background:#1F4E0F;color:#fff;border-color:#1F4E0F;}
.mcg-cp-label{font-size:11px;font-weight:600;color:#8A909A;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;}
.mcg-cp-step.active .mcg-cp-label{color:#1F4E0F;}
.mcg-cp-line{flex:1;height:2px;background:#E2E5EA;min-width:40px;max-width:90px;}

.mcg-cart-notify{background:#FFF8E1;border:1px solid #FFD54F;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:13px;color:#555B65;}

.mcg-cart-layout{display:flex;gap:24px;align-items:flex-start;}
.mcg-cart-items-col{flex:1 1 0;min-width:0;}
.mcg-cart-summary-col{flex:0 0 310px;width:310px;position:sticky;top:80px;}

.mcg-cart-section{background:#fff;border:1px solid #E2E5EA;border-radius:10px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.mcg-cart-section-head{padding:14px 20px;border-bottom:1px solid #E2E5EA;display:flex;align-items:center;justify-content:space-between;background:#fff;}
.mcg-cart-section-head h2{font-family:'Zilla Slab',Georgia,serif;font-size:17px;font-weight:700;color:#1A1A1A;margin:0;display:flex;align-items:center;gap:7px;}
.mcg-item-count{font-size:12px;color:#8A909A;font-weight:400;background:#F5F7FA;padding:2px 8px;border-radius:10px;}
.mcg-fulfillment-bar{padding:9px 20px;background:#EEF4E8;border-bottom:1px solid #d6e8cb;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#1F4E0F;}

.mcg-cart-item{display:flex;gap:16px;padding:16px 20px;border-bottom:1px solid #E2E5EA;align-items:flex-start;}
.mcg-cart-item:last-child{border-bottom:none;}
.mcg-cart-item-img-wrap{flex:0 0 90px;width:90px;height:90px;background:#F5F2EC;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.mcg-cart-item-img-wrap img{max-width:80px;max-height:80px;object-fit:contain;display:block;}
.mcg-cart-item-body{flex:1 1 0;min-width:0;}
.mcg-cart-item-brand{font-size:11px;font-weight:700;color:#1F4E0F;text-transform:uppercase;letter-spacing:.07em;margin-bottom:1px;}
.mcg-cart-item-name{font-size:14px;font-weight:500;color:#1A1A1A;line-height:1.4;margin-bottom:5px;text-decoration:none;display:block;}
.mcg-cart-item-name:hover{color:#1F4E0F;text-decoration:none;}
.mcg-cart-item-meta{font-size:12px;color:#8A909A;line-height:1.8;}
.mcg-cart-item-meta strong{color:#555B65;}
.mcg-cart-item-actions{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap;}
.mcg-qty-wrap{display:flex;align-items:stretch;border:1px solid #E2E5EA;border-radius:6px;overflow:hidden;height:34px;}
.mcg-qty-wrap input.quantity{width:44px;height:100%;text-align:center;border:none;border-left:1px solid #E2E5EA;border-right:1px solid #E2E5EA;font-size:14px;font-weight:600;outline:none;background:#fff;padding:0;}
.mcg-qty-btn{width:28px;background:#F5F7FA;border:none;cursor:pointer;font-size:16px;color:#555B65;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;line-height:1;}
.mcg-qty-btn:hover{background:#EEF4E8;color:#1F4E0F;}
.mcg-cart-update-link{font-size:12px;color:#1F4E0F;font-weight:600;cursor:pointer;text-decoration:underline;white-space:nowrap;background:none;border:none;padding:0;}
.mcg-cart-update-link:hover{color:#163808;}
.mcg-cart-delete-btn{font-size:12px;color:#C8241C;cursor:pointer;background:none;border:none;padding:0;display:inline-flex;align-items:center;gap:4px;transition:opacity .15s;}
.mcg-cart-delete-btn:hover{opacity:.7;}
.mcg-cart-item-price-col{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:80px;}
.mcg-cart-unit-price{font-size:12px;color:#8A909A;}
.mcg-cart-line-total{font-size:19px;font-weight:700;color:#1A1A1A;font-family:'Zilla Slab',Georgia,serif;}

.mcg-cart-action-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.mcg-cart-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #E2E5EA;border-radius:6px;font-size:13px;font-weight:600;color:#555B65;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s;}
.mcg-cart-action-btn:hover{border-color:#1F4E0F;color:#1F4E0F;text-decoration:none;}
.mcg-cart-action-btn.danger:hover{border-color:#C8241C;color:#C8241C;}

.mcg-cart-instructions{margin-top:10px;background:#F5F7FA;border-radius:8px;padding:10px 14px;font-size:12px;color:#8A909A;line-height:1.9;}

.mcg-summary-card{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.mcg-summary-head{padding:14px 20px;border-bottom:1px solid #E2E5EA;background:#1F4E0F;}
.mcg-summary-head h2{font-family:'Zilla Slab',Georgia,serif;font-size:16px;font-weight:700;color:#fff;margin:0;}
.mcg-summary-body{padding:16px 20px;}
.mcg-summary-row{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;font-size:14px;color:#555B65;}
.mcg-summary-row.total{padding-top:12px;margin-top:6px;border-top:2px solid #E2E5EA;font-size:19px;font-weight:700;color:#1A1A1A;font-family:'Zilla Slab',Georgia,serif;}
.mcg-summary-note{font-size:11px;color:#8A909A;margin-top:3px;}
.mcg-checkout-btn{display:block;width:100%;padding:13px 20px;background:#1F4E0F;color:#fff!important;text-align:center;font-size:15px;font-weight:700;border-radius:8px;border:none;cursor:pointer;text-decoration:none!important;margin-top:14px;font-family:'Zilla Slab',Georgia,serif;transition:background .2s;letter-spacing:.02em;}
.mcg-checkout-btn:hover{background:#163808;color:#fff!important;}
.mcg-approval-btn{display:block;width:100%;padding:12px 20px;background:#fff;color:#1F4E0F!important;text-align:center;font-size:14px;font-weight:700;border-radius:8px;border:2px solid #1F4E0F;cursor:pointer;text-decoration:none!important;margin-top:10px;transition:background .2s;}
.mcg-approval-btn:hover{background:#EEF4E8;}
.mcg-pos-inactive{padding:10px 14px;background:#FFF3CD;border:1px solid #FFD54F;border-radius:8px;font-size:13px;color:#856404;margin-top:12px;}

.mcg-trust-strip{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:20px;}
.mcg-trust-item{display:flex;align-items:center;gap:7px;font-size:12px;color:#555B65;font-weight:500;}
.mcg-trust-item i{color:#1F4E0F;font-size:14px;}

.mcg-cart-empty{text-align:center;padding:56px 24px;}
.mcg-cart-empty i.fa{font-size:52px;color:#D0D4D9;display:block;margin-bottom:14px;}
.mcg-cart-empty h3{font-family:'Zilla Slab',Georgia,serif;font-size:22px;color:#1A1A1A;margin-bottom:10px;}
.mcg-cart-empty p{color:#8A909A;margin-bottom:20px;}
.mcg-checkout-btn-inline{display:inline-block;width:auto;padding:11px 28px;}

.mcg-gift-card-block{margin-top:8px;}
.mcg-line-comment{margin-top:6px;}
.mcg-line-comment input{width:100%;max-width:320px;border:1px solid #E2E5EA;border-radius:6px;padding:5px 10px;font-size:12px;}

@media(max-width:991px){
  .mcg-cart-layout{flex-direction:column;}
  .mcg-cart-summary-col{flex:1 1 auto;width:100%;position:static;}
}
@media(max-width:600px){
  .mcg-cart-item{flex-wrap:wrap;}
  .mcg-cart-item-price-col{flex-direction:row;align-items:center;gap:12px;width:100%;}
  .mcg-cart-item-img-wrap{flex:0 0 72px;width:72px;height:72px;}
}

/* ═══════════════════════════
   MCG ACCOUNT DASHBOARD
═══════════════════════════ */

/* Welcome banner */
.mcg-dash-welcome{background:linear-gradient(135deg,#1F4E0F 0%,#2C6818 100%);border-radius:12px;padding:22px 24px;display:flex;align-items:center;gap:18px;margin-bottom:22px;color:#fff;}
.mcg-dash-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3);flex-shrink:0;background:#fff;}
.mcg-dash-welcome-text h2{font-family:'Zilla Slab',Georgia,serif;font-size:22px;font-weight:700;color:#fff;margin:0 0 2px;}
.mcg-dash-welcome-text p{font-size:12px;color:rgba(255,255,255,.75);margin:0;}
.mcg-dash-welcome-actions{margin-left:auto;display:flex;gap:8px;flex-shrink:0;}
.mcg-dash-welcome-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff!important;font-size:12px;font-weight:600;text-decoration:none!important;transition:background .15s;}
.mcg-dash-welcome-btn:hover{background:rgba(255,255,255,.25);color:#fff!important;}

/* Quick stats */
.mcg-dash-stats{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap;}
.mcg-dash-stat{flex:1 1 0;min-width:120px;background:#fff;border:1px solid #E2E5EA;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;}
.mcg-dash-stat-icon{width:36px;height:36px;border-radius:8px;background:#EEF4E8;display:flex;align-items:center;justify-content:center;color:#1F4E0F;font-size:16px;flex-shrink:0;}
.mcg-dash-stat-val{font-family:'Zilla Slab',Georgia,serif;font-size:20px;font-weight:700;color:#1A1A1A;line-height:1;}
.mcg-dash-stat-lbl{font-size:11px;color:#8A909A;margin-top:2px;}

/* Tab nav */
.mcg-dash-tabs{display:flex;gap:0;border-bottom:2px solid #E2E5EA;margin-bottom:0;}
.mcg-dash-tab{padding:11px 18px;font-size:13px;font-weight:600;color:#8A909A;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;text-decoration:none!important;display:inline-flex;align-items:center;gap:6px;transition:color .15s,border-color .15s;white-space:nowrap;}
.mcg-dash-tab:hover{color:#1F4E0F;}
.mcg-dash-tab.active{color:#1F4E0F;border-bottom-color:#1F4E0F;}
.mcg-dash-tab-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#E2E5EA;color:#555B65;font-size:10px;font-weight:700;}
.mcg-dash-tab.active .mcg-dash-tab-num{background:#1F4E0F;color:#fff;}

/* Panel card */
.mcg-dash-panel{background:#fff;border:1px solid #E2E5EA;border-radius:0 0 10px 10px;border-top:none;padding:24px;}
.mcg-dash-tabs-wrap{border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;margin-bottom:20px;}
.mcg-dash-tabs-wrap .mcg-dash-tabs{background:#fff;padding:0 4px;border-bottom:2px solid #E2E5EA;}

/* Section heading */
.mcg-dash-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.mcg-dash-section-head h3{font-family:'Zilla Slab',Georgia,serif;font-size:16px;font-weight:700;color:#1A1A1A;margin:0;}
.mcg-dash-edit-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#1F4E0F;font-weight:600;text-decoration:none!important;}
.mcg-dash-edit-link:hover{color:#163808;}

/* Profile layout */
.mcg-dash-profile-grid{display:flex;gap:20px;align-items:flex-start;}
.mcg-dash-profile-avatar-col{flex:0 0 96px;text-align:center;}
.mcg-dash-profile-pic{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid #EEF4E8;display:block;margin:0 auto 8px;}
.mcg-dash-profile-pic-label{font-size:11px;color:#8A909A;}
.mcg-dash-profile-info-col{flex:1 1 0;}
.mcg-dash-info-row{display:flex;gap:6px;align-items:baseline;padding:5px 0;border-bottom:1px solid #F5F7FA;font-size:13px;}
.mcg-dash-info-row:last-child{border-bottom:none;}
.mcg-dash-info-label{color:#8A909A;font-weight:600;min-width:100px;flex-shrink:0;font-size:12px;}
.mcg-dash-info-val{color:#1A1A1A;}

/* Upload form */
.mcg-dash-upload-wrap{margin-top:16px;padding-top:16px;border-top:1px solid #E2E5EA;}
.mcg-dash-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.mcg-dash-file-btn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:34px;line-height:34px;background:#F5F7FA;border:1px dashed #D0D4D9;border-radius:6px;font-size:12px;color:#555B65;cursor:pointer;vertical-align:middle;box-sizing:border-box;}
.mcg-dash-file-btn input[type=file]{display:none;}
.mcg-dash-upload-btn{height:34px;line-height:34px;padding:0 14px;background:#1F4E0F;color:#fff!important;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;vertical-align:middle;box-sizing:border-box;}
.mcg-dash-upload-btn:hover{background:#163808;}
.mcg-dash-clear-btn{height:34px;line-height:34px;padding:0 14px;background:#fff;color:#555B65;border:1px solid #E2E5EA;border-radius:6px;font-size:12px;cursor:pointer;transition:border-color .15s;vertical-align:middle;box-sizing:border-box;}
.mcg-dash-clear-btn:hover{border-color:#C8241C;color:#C8241C;}

/* Marketing subscription */
.mcg-dash-subscription{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#F5F7FA;border-radius:8px;margin-top:14px;}
.mcg-dash-subscription label{font-size:13px;color:#555B65;margin:0;}
.mcg-dash-sub-toggle{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0;}
.mcg-dash-sub-toggle input{opacity:0;width:0;height:0;}
.mcg-dash-sub-slider{position:absolute;inset:0;background:#D0D4D9;border-radius:22px;cursor:pointer;transition:background .2s;}
.mcg-dash-sub-slider:before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;}
.mcg-dash-sub-toggle input:checked+.mcg-dash-sub-slider{background:#1F4E0F;}
.mcg-dash-sub-toggle input:checked+.mcg-dash-sub-slider:before{transform:translateX(18px);}

/* Timezone */
.mcg-dash-tz-wrap{margin-top:14px;}
.mcg-dash-tz-wrap label{font-size:12px;color:#8A909A;font-weight:600;display:block;margin-bottom:4px;}
.mcg-dash-tz-wrap select{border:1px solid #E2E5EA!important;border-radius:6px;padding:7px 10px;font-size:13px;color:#1A1A1A;background:#fff;width:100%;max-width:260px;}
.mcg-dash-tz-wrap .bootstrap-select{max-width:260px!important;width:100%!important;}
.mcg-dash-tz-wrap .bootstrap-select>.btn{border:1px solid #E2E5EA!important;border-radius:6px!important;background:#fff!important;color:#1A1A1A!important;font-size:13px!important;padding:7px 10px!important;box-shadow:none!important;outline:none!important;}
.mcg-dash-tz-wrap .bootstrap-select>.btn:hover,.mcg-dash-tz-wrap .bootstrap-select>.btn:focus{border-color:#1F4E0F!important;box-shadow:none!important;}
.mcg-dash-tz-wrap .bootstrap-select .dropdown-menu{border:1px solid #E2E5EA!important;border-radius:6px!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important;}

/* Note box */
.mcg-dash-note{display:flex;gap:8px;align-items:flex-start;padding:10px 14px;background:#FFF8E1;border:1px solid #FFD54F;border-radius:8px;font-size:12px;color:#856404;margin-top:12px;}
.mcg-dash-note i{margin-top:1px;flex-shrink:0;}

/* Address cards */
.mcg-dash-addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.mcg-dash-addr-card{background:#F5F7FA;border:1px solid #E2E5EA;border-radius:10px;padding:16px;}
.mcg-dash-addr-card h4{font-family:'Zilla Slab',Georgia,serif;font-size:14px;font-weight:700;color:#1A1A1A;margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;}
.mcg-dash-addr-card p{font-size:13px;color:#555B65;line-height:1.7;margin:0;}
.mcg-dash-addr-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:13px;}
.mcg-dash-addr-table th{padding:8px 10px;background:#F5F7FA;border-bottom:2px solid #E2E5EA;color:#8A909A;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;text-align:left;}
.mcg-dash-addr-table td{padding:8px 10px;border-bottom:1px solid #E2E5EA;color:#1A1A1A;}
.mcg-dash-addr-table tr:last-child td{border-bottom:none;}

/* Shopping lists */
.mcg-dash-lists-tabs{display:flex;gap:0;border-bottom:1px solid #E2E5EA;margin-bottom:16px;}
.mcg-dash-lists-tab{padding:8px 16px;font-size:13px;font-weight:600;color:#8A909A;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none!important;transition:color .15s,border-color .15s;}
.mcg-dash-lists-tab.active{color:#1F4E0F;border-bottom-color:#1F4E0F;}
.mcg-dash-lists-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mcg-dash-list-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#F5F7FA;border:1px solid #E2E5EA;border-radius:8px;text-decoration:none!important;color:#1A1A1A;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;}
.mcg-dash-list-item:hover{border-color:#1F4E0F;background:#EEF4E8;color:#1F4E0F;}
.mcg-dash-list-item i{color:#1F4E0F;font-size:13px;}
.mcg-dash-list-item .mcg-dash-shared-icon{width:14px;margin-left:auto;opacity:.6;}
.mcg-dash-viewmore{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:12px;color:#1F4E0F;font-weight:600;text-decoration:none!important;}
.mcg-dash-viewmore:hover{color:#163808;}
.mcg-dash-empty-state{text-align:center;padding:28px 16px;color:#8A909A;font-size:13px;}
.mcg-dash-empty-state i{font-size:28px;color:#D0D4D9;display:block;margin-bottom:8px;}

/* Orders panel */
.mcg-dash-orders-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:#8A909A;font-size:13px;}

/* Sidebar — Recently Ordered vertical slider */
.mcg-dash-sidebar-card{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;}
.mcg-dash-sidebar-head{padding:12px 16px;border-bottom:1px solid #E2E5EA;background:#1F4E0F;}
.mcg-dash-sidebar-head h3{font-family:'Zilla Slab',Georgia,serif;font-size:14px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:6px;}
.mcg-dash-rv-item{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid #E2E5EA;align-items:center;}
.mcg-dash-rv-item:last-child{border-bottom:none;}
.mcg-dash-rv-img{width:52px;height:52px;background:#F5F2EC;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;}
.mcg-dash-rv-img img{max-width:46px;max-height:46px;object-fit:contain;display:block;}
.mcg-dash-rv-body{flex:1;min-width:0;}
.mcg-dash-rv-name{font-size:12px;font-weight:500;color:#1A1A1A;line-height:1.3;display:block;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mcg-dash-rv-name:hover{color:#1F4E0F;}
.mcg-dash-rv-sku{font-size:11px;color:#8A909A;margin-top:2px;}

/* Override platform slider styles for vertical layout */
#recentorders.cimm_caroWrap{display:block!important;}
#recentorders.cimm_caroWrap li{display:flex!important;gap:10px;padding:10px 14px;border-bottom:1px solid #E2E5EA;align-items:center;float:none!important;width:100%!important;}
#recentorders.cimm_caroWrap li:last-child{border-bottom:none;}
#recentorders .cimm_slideItemImg{width:52px!important;height:52px!important;background:#F5F2EC!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;flex-shrink:0!important;padding:4px!important;position:relative!important;}
#recentorders .cimm_slideItemImg a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;background:transparent!important;border:none!important;}
#recentorders .cimm_slideItemImg img{max-width:44px!important;max-height:44px!important;object-fit:contain!important;position:static!important;display:block!important;}
#recentorders .cimm_slideItemDesp{flex:1!important;min-width:0!important;text-align:left!important;padding:0!important;}
#recentorders .cimm_slideItemDesp ul{list-style:none!important;padding:0!important;margin:0!important;}
#recentorders .cimm_slideItemDesp li{padding:0!important;border:none!important;}
#recentorders .cimm_slideItemDesp .productTitle{font-size:12px!important;font-weight:500!important;color:#1A1A1A!important;text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;}
#recentorders .cimm_slideItemDesp .productTitle:hover{color:#1F4E0F!important;}
#recentorders .cimm_slideItemDesp h5{margin:0 0 2px!important;font-size:12px!important;}
#recentorders .cimm_slideItemDesp span{font-size:11px!important;color:#8A909A!important;}

@media(max-width:991px){
  .mcg-dash-stats{flex-wrap:nowrap;overflow-x:auto;}
  .mcg-dash-addr-grid{grid-template-columns:1fr;}
  .mcg-dash-lists-grid{grid-template-columns:1fr;}
  .mcg-dash-welcome-actions{display:none;}
}
@media(max-width:767px){
  .mcg-dash-profile-grid{flex-direction:column;}
  .mcg-dash-stat{min-width:100px;}
}

/* ═══════════════════════════
   MCG ORDER HISTORY PAGE
═══════════════════════════ */

/* ── Page header ── */
.mcg-oh-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:22px;}
.mcg-oh-header h2{font-family:'Zilla Slab',Georgia,serif;font-size:24px;font-weight:700;color:#1A1A1A;margin:0;}
.mcg-oh-count-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#EEF4E8;border-radius:20px;font-size:13px;font-weight:700;color:#1F4E0F;}

/* ── Filter bar ── */
.mcg-oh-filter-bar{background:#fff;border:1px solid #E2E5EA;border-radius:10px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;}
.mcg-oh-filter-group{display:flex;flex-direction:column;gap:4px;flex:1 1 140px;min-width:130px;}
.mcg-oh-filter-group label{font-size:11px;font-weight:600;color:#8A909A;text-transform:uppercase;letter-spacing:.05em;}
.mcg-oh-filter-group input[type=text],.mcg-oh-filter-group input[type=date],.mcg-oh-filter-group select{height:36px;border:1px solid #E2E5EA;border-radius:6px;padding:0 10px;font-size:13px;color:#1A1A1A;background:#fff;width:100%;transition:border-color .15s;}
.mcg-oh-filter-group input[type=text]:focus,.mcg-oh-filter-group input[type=date]:focus,.mcg-oh-filter-group select:focus{border-color:#1F4E0F;outline:none;}
.mcg-oh-filter-btn{height:36px;padding:0 20px;background:#1F4E0F;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;}
.mcg-oh-filter-btn:hover{background:#163808;}
.mcg-oh-filter-clear{height:36px;padding:0 14px;background:#fff;color:#555B65;border:1px solid #E2E5EA;border-radius:6px;font-size:13px;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s;flex-shrink:0;}
.mcg-oh-filter-clear:hover{border-color:#C8241C;color:#C8241C;}

/* ── Table wrapper ── */
.mcg-oh-table-wrap{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;margin-top:20px;}
.mcg-oh-table{width:100%;border-collapse:collapse;}
.mcg-oh-table thead th{padding:11px 16px;background:#F5F7FA;border-bottom:2px solid #E2E5EA;font-size:11px;font-weight:700;color:#8A909A;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;}
.mcg-oh-table thead th.center{text-align:center;}
.mcg-oh-table tbody tr{border-bottom:1px solid #E2E5EA;transition:background .12s;}
.mcg-oh-table tbody tr:last-child{border-bottom:none;}
.mcg-oh-table tbody tr:hover{background:#F9FAFB;}
.mcg-oh-table td{padding:13px 16px;font-size:13px;color:#1A1A1A;vertical-align:middle;}
.mcg-oh-table td.center{text-align:center;}
.mcg-oh-order-num a{font-weight:700;color:#1F4E0F;text-decoration:none;}
.mcg-oh-order-num a:hover{text-decoration:underline;}
.mcg-oh-date{color:#555B65;}
.mcg-oh-po{color:#555B65;font-size:12px;}
.mcg-oh-total{font-weight:700;color:#1A1A1A;font-family:'Zilla Slab',Georgia,serif;font-size:15px;}
.mcg-oh-payment{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#555B65;background:#F5F7FA;padding:3px 8px;border-radius:4px;}
.mcg-oh-view-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#EEF4E8;color:#1F4E0F;border:1px solid #c8ddb8;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none!important;white-space:nowrap;transition:background .15s,border-color .15s;}
.mcg-oh-view-btn:hover{background:#1F4E0F;color:#fff!important;border-color:#1F4E0F;}

/* ── DataTables controls — MCG theme ── */
.dataTables_wrapper{padding:16px 20px 4px;}

/* Length / Show N entries */
.dataTables_wrapper .dataTables_length{margin-bottom:4px;}
.dataTables_wrapper .dataTables_length label{font-size:13px;color:#555B65;display:inline-flex;align-items:center;gap:6px;font-weight:400;}
.dataTables_wrapper .dataTables_length select{height:32px;border:1px solid #E2E5EA!important;border-radius:6px!important;padding:0 8px!important;font-size:13px!important;color:#1A1A1A!important;background:#fff!important;cursor:pointer;box-shadow:none!important;}

/* Search input */
.dataTables_wrapper .dataTables_filter{margin-bottom:4px;}
.dataTables_wrapper .dataTables_filter label{font-size:13px;color:#555B65;display:inline-flex;align-items:center;gap:6px;font-weight:400;}
.dataTables_wrapper .dataTables_filter input[type=search],.dataTables_wrapper .dataTables_filter input[type=text]{height:32px;border:1px solid #E2E5EA!important;border-radius:6px!important;padding:0 10px!important;font-size:13px!important;color:#1A1A1A!important;background:#fff!important;outline:none!important;box-shadow:none!important;margin-left:4px!important;}
.dataTables_wrapper .dataTables_filter input:focus{border-color:#1F4E0F!important;box-shadow:0 0 0 3px rgba(31,78,15,.08)!important;}

/* Info text */
.dataTables_wrapper .dataTables_info{font-size:12px;color:#8A909A;padding:10px 0 4px;font-weight:400;}

/* ── Pagination (Bootstrap ul.pagination style) ── */
.dataTables_wrapper .dataTables_paginate{padding:6px 0;}
.dataTables_wrapper .dataTables_paginate .pagination{margin:0;display:inline-flex;gap:4px;list-style:none;padding:0;flex-wrap:wrap;}

/* Base link style — targets <a> inside <li class="paginate_button"> */
.dataTables_wrapper .dataTables_paginate .pagination>li>a,
.dataTables_wrapper .dataTables_paginate .pagination>li>span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:34px;padding:0 10px;
  border:1px solid #E2E5EA!important;border-radius:6px!important;
  font-size:13px;font-weight:600;
  color:#555B65!important;background:#fff!important;
  cursor:pointer;text-decoration:none!important;
  transition:border-color .15s,background .15s,color .15s;
  line-height:1;
}

/* Hover */
.dataTables_wrapper .dataTables_paginate .pagination>li:not(.disabled):not(.active)>a:hover,
.dataTables_wrapper .dataTables_paginate .pagination>li:not(.disabled):not(.active)>span:hover{
  border-color:#1F4E0F!important;color:#1F4E0F!important;background:#EEF4E8!important;
}

/* Active / current page */
.dataTables_wrapper .dataTables_paginate .pagination>li.active>a,
.dataTables_wrapper .dataTables_paginate .pagination>li.active>span,
.dataTables_wrapper .dataTables_paginate .pagination>li.active>a:hover,
.dataTables_wrapper .dataTables_paginate .pagination>li.active>span:hover{
  background:#1F4E0F!important;color:#fff!important;border-color:#1F4E0F!important;
}

/* Disabled (Prev / Next at boundary) */
.dataTables_wrapper .dataTables_paginate .pagination>li.disabled>a,
.dataTables_wrapper .dataTables_paginate .pagination>li.disabled>span,
.dataTables_wrapper .dataTables_paginate .pagination>li.disabled>a:hover,
.dataTables_wrapper .dataTables_paginate .pagination>li.disabled>span:hover{
  color:#C0C4CC!important;border-color:#E2E5EA!important;
  background:#F5F7FA!important;cursor:not-allowed;
}

/* Prev / Next labels — show arrow icons via content */
.dataTables_wrapper .dataTables_paginate .paginate_button.previous>a::before{content:'\f053';font-family:FontAwesome;font-size:10px;margin-right:4px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next>a::after{content:'\f054';font-family:FontAwesome;font-size:10px;margin-left:4px;}

/* Ellipsis */
.dataTables_wrapper .dataTables_paginate .pagination>li.ellipsis>a,
.dataTables_wrapper .dataTables_paginate .ellipsis{
  border:none!important;background:transparent!important;
  color:#8A909A!important;cursor:default;pointer-events:none;
}

/* Also handle non-Bootstrap paginate_button direct <a> style (fallback) */
.dataTables_wrapper .dataTables_paginate>a.paginate_button,
.dataTables_wrapper .dataTables_paginate>span>a.paginate_button{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:34px;padding:0 10px;margin:0 2px;
  border:1px solid #E2E5EA!important;border-radius:6px!important;
  font-size:13px;font-weight:600;color:#555B65!important;
  background:#fff!important;cursor:pointer;text-decoration:none!important;
  transition:border-color .15s,background .15s,color .15s;
}
.dataTables_wrapper .dataTables_paginate>a.paginate_button:hover,
.dataTables_wrapper .dataTables_paginate>span>a.paginate_button:hover{
  border-color:#1F4E0F!important;color:#1F4E0F!important;background:#EEF4E8!important;
}
.dataTables_wrapper .dataTables_paginate>span>a.paginate_button.current,
.dataTables_wrapper .dataTables_paginate>span>a.paginate_button.current:hover{
  background:#1F4E0F!important;color:#fff!important;border-color:#1F4E0F!important;
}
.dataTables_wrapper .dataTables_paginate>a.paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate>a.paginate_button.disabled:hover{
  color:#C0C4CC!important;border-color:#E2E5EA!important;background:#F5F7FA!important;cursor:not-allowed;
}

/* ── Empty state ── */
.mcg-oh-empty{text-align:center;padding:56px 24px;}
.mcg-oh-empty i.fa{font-size:48px;color:#D0D4D9;display:block;margin-bottom:14px;}
.mcg-oh-empty h3{font-family:'Zilla Slab',Georgia,serif;font-size:20px;color:#1A1A1A;margin-bottom:8px;}
.mcg-oh-empty p{color:#8A909A;margin-bottom:20px;font-size:13px;}
.mcg-oh-shop-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:#1F4E0F;color:#fff!important;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none!important;font-family:'Zilla Slab',Georgia,serif;transition:background .2s;}
.mcg-oh-shop-btn:hover{background:#163808;color:#fff!important;}

/* ── View-all footer ── */
.mcg-oh-footer{padding:12px 20px;border-top:1px solid #E2E5EA;display:flex;justify-content:flex-end;}
.mcg-oh-viewall{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#1F4E0F;text-decoration:none!important;}
.mcg-oh-viewall:hover{color:#163808;}

/* ── Ajax/widget compact mode ── */
.mcg-oh-widget-row{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid #E2E5EA;}
.mcg-oh-widget-row:last-child{border-bottom:none;}
.mcg-oh-widget-row:hover{background:#F9FAFB;}
.mcg-oh-widget-icon{width:36px;height:36px;border-radius:8px;background:#EEF4E8;display:flex;align-items:center;justify-content:center;color:#1F4E0F;font-size:14px;flex-shrink:0;}
.mcg-oh-widget-num{font-weight:700;color:#1F4E0F;font-size:13px;text-decoration:none!important;display:block;}
.mcg-oh-widget-num:hover{text-decoration:underline!important;}
.mcg-oh-widget-meta{font-size:11px;color:#8A909A;margin-top:1px;}
.mcg-oh-widget-total{margin-left:auto;font-weight:700;color:#1A1A1A;font-family:'Zilla Slab',Georgia,serif;font-size:14px;white-space:nowrap;}
.mcg-oh-widget-eye{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#F5F7FA;border:1px solid #E2E5EA;border-radius:6px;color:#555B65;font-size:13px;text-decoration:none!important;transition:background .15s,color .15s;flex-shrink:0;}
.mcg-oh-widget-eye:hover{background:#1F4E0F;color:#fff!important;border-color:#1F4E0F;}

@media(max-width:768px){
  .mcg-oh-filter-bar{flex-direction:column;align-items:stretch;}
  .mcg-oh-filter-btn,.mcg-oh-filter-clear{width:100%;justify-content:center;}
  .mcg-oh-table thead{display:none;}
  .mcg-oh-table tbody tr{display:block;padding:10px 0;border-bottom:2px solid #E2E5EA;}
  .mcg-oh-table td{display:flex;justify-content:space-between;align-items:center;padding:5px 16px;border:none;}
  .mcg-oh-table td::before{content:attr(data-label);font-size:11px;font-weight:700;color:#8A909A;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin-right:10px;}
}

/* ═══════════════════════════
   MCG ORDER DETAIL PAGE
═══════════════════════════ */

/* Top action bar */
.mcg-od-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px;}
.mcg-od-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#555B65;text-decoration:none!important;padding:7px 14px;border:1px solid #E2E5EA;border-radius:6px;background:#fff;transition:border-color .15s,color .15s;}
.mcg-od-back:hover{border-color:#1F4E0F;color:#1F4E0F;}
.mcg-od-actions{display:flex;gap:8px;flex-wrap:wrap;}
.mcg-od-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none!important;border:none;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;}
.mcg-od-btn-outline{background:#fff;color:#555B65;border:1px solid #E2E5EA!important;}
.mcg-od-btn-outline:hover{border-color:#1F4E0F!important;color:#1F4E0F!important;}
.mcg-od-btn-primary{background:#1F4E0F;color:#fff!important;border:1px solid #1F4E0F!important;}
.mcg-od-btn-primary:hover{background:#163808!important;}

/* Page title row */
.mcg-od-title-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;}
.mcg-od-title-row h2{font-family:'Zilla Slab',Georgia,serif;font-size:24px;font-weight:700;color:#1A1A1A;margin:0;}
.mcg-od-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;background:#EEF4E8;color:#1F4E0F;border:1px solid #c8ddb8;}

/* Info cards row */
.mcg-od-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;}
.mcg-od-info-card{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;}
.mcg-od-info-card-head{padding:10px 16px;background:#F5F7FA;border-bottom:1px solid #E2E5EA;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#555B65;text-transform:uppercase;letter-spacing:.05em;}
.mcg-od-info-card-head i{color:#1F4E0F;font-size:13px;}
.mcg-od-info-card-body{padding:14px 16px;}
.mcg-od-info-row{display:flex;gap:8px;padding:4px 0;font-size:13px;border-bottom:1px solid #F5F7FA;}
.mcg-od-info-row:last-child{border-bottom:none;}
.mcg-od-info-lbl{color:#8A909A;font-weight:600;min-width:100px;flex-shrink:0;font-size:12px;}
.mcg-od-info-val{color:#1A1A1A;word-break:break-word;}
.mcg-od-addr{font-size:13px;color:#555B65;line-height:1.8;}
.mcg-od-addr strong{color:#1A1A1A;display:block;margin-bottom:2px;}

/* Shipping / tracking strip */
.mcg-od-extras{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap;}
.mcg-od-extra-card{flex:1 1 240px;background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;}
.mcg-od-extra-head{padding:9px 16px;background:#F5F7FA;border-bottom:1px solid #E2E5EA;font-size:12px;font-weight:700;color:#555B65;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px;}
.mcg-od-extra-head i{color:#1F4E0F;}
.mcg-od-extra-body{padding:12px 16px;font-size:13px;color:#555B65;line-height:1.7;}
.mcg-od-tracking-link{display:inline-flex;align-items:center;gap:5px;color:#1F4E0F;font-weight:600;text-decoration:none!important;}
.mcg-od-tracking-link:hover{text-decoration:underline!important;}

/* Items table */
.mcg-od-table-wrap{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;margin-bottom:20px;}
.mcg-od-table-head{padding:14px 20px;border-bottom:1px solid #E2E5EA;display:flex;align-items:center;justify-content:space-between;}
.mcg-od-table-head h3{font-family:'Zilla Slab',Georgia,serif;font-size:16px;font-weight:700;color:#1A1A1A;margin:0;}
.mcg-od-table{width:100%;border-collapse:collapse;}
.mcg-od-table thead th{padding:10px 16px;background:#F5F7FA;border-bottom:2px solid #E2E5EA;font-size:11px;font-weight:700;color:#8A909A;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;}
.mcg-od-table thead th.c{text-align:center;}
.mcg-od-table tbody tr{border-bottom:1px solid #E2E5EA;transition:background .12s;}
.mcg-od-table tbody tr:last-child{border-bottom:none;}
.mcg-od-table tbody tr:hover{background:#F9FAFB;}
.mcg-od-table td{padding:14px 16px;font-size:13px;color:#1A1A1A;vertical-align:middle;}
.mcg-od-table td.c{text-align:center;}
.mcg-od-item-img{width:56px;height:56px;background:#F5F2EC;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#D0D4D9;font-size:22px;}
.mcg-od-item-wrap{display:flex;gap:12px;align-items:flex-start;}
.mcg-od-item-sku{font-size:11px;font-weight:700;color:#1F4E0F;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;}
.mcg-od-item-name a{font-size:13px;font-weight:500;color:#1A1A1A;text-decoration:none!important;}
.mcg-od-item-name a:hover{color:#1F4E0F;}
.mcg-od-item-meta{font-size:11px;color:#8A909A;margin-top:3px;line-height:1.6;}
.mcg-od-qty{font-size:14px;font-weight:600;color:#1A1A1A;}
.mcg-od-price{font-size:14px;font-weight:600;color:#555B65;}
.mcg-od-ext{font-size:15px;font-weight:700;color:#1A1A1A;font-family:'Zilla Slab',Georgia,serif;}

/* Bottom layout */
.mcg-od-bottom{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;margin-bottom:24px;}
.mcg-od-notes-col{flex:1 1 0;min-width:0;}
.mcg-od-notes{background:#FFF8E1;border:1px solid #FFD54F;border-radius:8px;padding:12px 16px;font-size:12px;color:#856404;line-height:1.7;}
.mcg-od-notes i{margin-right:4px;}
.mcg-od-summary-col{flex:0 0 300px;width:300px;}
.mcg-od-summary{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;}
.mcg-od-summary-head{padding:12px 18px;background:#1F4E0F;border-bottom:1px solid rgba(255,255,255,.1);}
.mcg-od-summary-head h3{font-family:'Zilla Slab',Georgia,serif;font-size:15px;font-weight:700;color:#fff;margin:0;}
.mcg-od-summary-body{padding:14px 18px;}
.mcg-od-sum-row{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;font-size:13px;color:#555B65;border-bottom:1px solid #F5F7FA;}
.mcg-od-sum-row:last-of-type{border-bottom:none;}
.mcg-od-sum-row.discount{color:#C8241C;}
.mcg-od-sum-total{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0 4px;margin-top:6px;border-top:2px solid #E2E5EA;font-size:19px;font-weight:700;color:#1A1A1A;font-family:'Zilla Slab',Georgia,serif;}

/* Unauthorized */
.mcg-od-unauthorized{text-align:center;padding:64px 24px;}
.mcg-od-unauthorized i{font-size:52px;color:#D0D4D9;display:block;margin-bottom:14px;}
.mcg-od-unauthorized h3{font-family:'Zilla Slab',Georgia,serif;font-size:22px;color:#1A1A1A;margin-bottom:10px;}
.mcg-od-unauthorized p{color:#8A909A;margin-bottom:20px;}

@media(max-width:991px){
  .mcg-od-info-grid{grid-template-columns:1fr 1fr;}
  .mcg-od-summary-col{flex:1 1 auto;width:100%;}
}
@media(max-width:640px){
  .mcg-od-info-grid{grid-template-columns:1fr;}
  .mcg-od-table thead{display:none;}
  .mcg-od-table td{display:flex;justify-content:space-between;padding:6px 14px;border:none;}
  .mcg-od-table td::before{content:attr(data-label);font-size:11px;font-weight:700;color:#8A909A;text-transform:uppercase;flex-shrink:0;margin-right:8px;}
  .mcg-od-table tbody tr{display:block;border-bottom:2px solid #E2E5EA;padding:6px 0;}
}


/* ============================================================
   MCG PRODUCT GROUP PAGE
   ============================================================ */

/* Page header card */
.mcg-pg-header{background:#fff;border:1px solid #E2E5EA;border-radius:10px;padding:18px 20px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.mcg-pg-title-wrap{display:flex;flex-direction:column;gap:6px;min-width:0;}
.mcg-pg-title{font-family:'Zilla Slab',Georgia,serif;font-size:22px;font-weight:700;color:#1A1A1A;margin:0;}
.mcg-pg-edit-inline{display:none;align-items:center;gap:8px;flex-wrap:wrap;}
.mcg-pg-edit-inline[style*="display: block"],.mcg-pg-edit-inline[style*="display:block"]{display:flex!important;}
.mcg-pg-edit-inline .form-control{height:34px;font-size:13px;max-width:200px;border-color:#E2E5EA;box-sizing:border-box;}
.mcg-pg-hdr-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;}

/* Shared buttons */
.mcg-pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;border:1px solid #E2E5EA;background:#fff;color:#555B65;transition:all .15s;text-decoration:none!important;line-height:1;box-sizing:border-box;vertical-align:middle;}
.mcg-pg-btn:hover{border-color:#1F4E0F;color:#1F4E0F;}
.mcg-pg-btn-danger:hover{border-color:#C8241C!important;color:#C8241C!important;}
.mcg-pg-btn-primary{background:#1F4E0F!important;color:#fff!important;border-color:#1F4E0F!important;}
.mcg-pg-btn-primary:hover{background:#163808!important;}
.mcg-pg-btn-sm{height:30px!important;padding:0 10px!important;font-size:12px!important;}

/* Toolbar */
.mcg-pg-toolbar{background:#fff;border:1px solid #E2E5EA;border-radius:10px;padding:14px 16px;margin-bottom:14px;}
.mcg-pg-toolbar-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;}
.mcg-pg-ctrl-group{display:flex;align-items:center;gap:7px;}
.mcg-pg-ctrl-group>form{display:flex;align-items:center;gap:7px;margin:0;}
.mcg-pg-ctrl-group label{font-size:12px;font-weight:600;color:#555B65;margin:0;white-space:nowrap;}
.mcg-pg-ctrl-group .form-control{height:34px;font-size:13px;border-color:#E2E5EA;padding:0 8px;}
/* Bootstrap Select in toolbar — border + caret spacing */
.mcg-pg-ctrl-group .bootstrap-select{min-width:130px;}
.mcg-pg-ctrl-group .bootstrap-select>.btn{height:34px!important;line-height:34px!important;font-size:13px!important;border:1px solid #E2E5EA!important;border-radius:6px!important;background:#fff!important;color:#555B65!important;padding:0 28px 0 10px!important;box-shadow:none!important;box-sizing:border-box!important;position:relative!important;text-align:left!important;}
.mcg-pg-ctrl-group .bootstrap-select>.btn:focus,.mcg-pg-ctrl-group .bootstrap-select.open>.btn{border-color:#1F4E0F!important;outline:none!important;box-shadow:0 0 0 2px rgba(31,78,15,.1)!important;}
.mcg-pg-ctrl-group .bootstrap-select>.btn .filter-option{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;line-height:34px!important;padding-right:0!important;}
.mcg-pg-ctrl-group .bootstrap-select>.btn .bs-caret{position:absolute!important;right:8px!important;top:50%!important;margin-top:-3px!important;line-height:1!important;}
.mcg-pg-ctrl-group .bootstrap-select>.btn .bs-caret .caret{margin:0!important;border-top-color:#555B65!important;}
.mcg-pg-ctrl-group .bootstrap-select .dropdown-menu{border:1px solid #E2E5EA!important;border-radius:6px!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important;font-size:13px!important;margin-top:2px!important;}
.mcg-pg-ctrl-group .bootstrap-select .dropdown-menu>li>a{padding:7px 14px!important;color:#555B65!important;}
.mcg-pg-ctrl-group .bootstrap-select .dropdown-menu>li>a:hover,.mcg-pg-ctrl-group .bootstrap-select .dropdown-menu>.selected>a{background:#F0F5EC!important;color:#1F4E0F!important;}
.mcg-pg-divider{width:1px;height:28px;background:#E2E5EA;align-self:center;}

/* Search row — the <form> itself is the flex container */
.mcg-pg-search-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #F0F2F5;margin-bottom:0;}
.mcg-pg-search-row > .form-control{height:34px;font-size:13px;border-color:#E2E5EA;flex:1 1 220px;max-width:360px;box-sizing:border-box;}

/* Table wrap */
.mcg-pg-table-wrap{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;margin-bottom:20px;}
.mcg-pg-table{width:100%;border-collapse:collapse;}
.mcg-pg-table thead th{padding:10px 14px;background:#F5F7FA;border-bottom:2px solid #E2E5EA;font-size:11px;font-weight:700;color:#8A909A;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;vertical-align:middle;}
.mcg-pg-table thead th.c{text-align:center;}
.mcg-pg-table tbody tr{border-bottom:1px solid #E2E5EA;transition:background .12s;}
.mcg-pg-table tbody tr:last-child{border-bottom:none;}
.mcg-pg-table tbody tr:hover{background:#FAFBFC;}
.mcg-pg-table td{padding:14px;font-size:13px;color:#1A1A1A;vertical-align:middle;}
.mcg-pg-table td.c{text-align:center;}

/* Product image */
.mcg-pg-img-cell{width:88px;}
.mcg-pg-img-wrap{width:72px;height:72px;background:#F5F2EC;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mcg-pg-img-wrap img{width:100%;height:100%;object-fit:contain;}

/* Product info */
.mcg-pg-prod-name{font-size:13px;font-weight:700;color:#1A1A1A;text-decoration:none!important;display:block;margin-bottom:4px;line-height:1.4;}
.mcg-pg-prod-name:hover{color:#1F4E0F;}
.mcg-pg-prod-desc{font-size:12px;color:#666;margin-bottom:6px;line-height:1.5;}
.mcg-pg-sku-list{display:flex;flex-wrap:wrap;gap:2px 12px;margin:4px 0 6px;}
.mcg-pg-sku-item{font-size:11px;color:#8A909A;}
.mcg-pg-sku-item strong{color:#555B65;}
.mcg-pg-lead-time{font-size:11px;font-weight:600;color:#E07B00;margin-top:4px;}
.mcg-pg-avail-label{font-size:11px;font-weight:700;color:#8A909A;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;}
.mcg-pg-restriction-icons img{width:22px;height:22px;margin-right:3px;vertical-align:middle;}
.mcg-pg-cfp-note{font-size:11px;color:#C8241C;margin-top:3px;}

/* Qty input */
.mcg-pg-qty-cell{width:90px;}
.mcg-pg-table input.mcg-pg-qty{width:68px!important;text-align:center!important;height:34px!important;border:1px solid #E2E5EA!important;border-radius:6px!important;font-size:14px!important;font-weight:600!important;padding:0 6px!important;display:block!important;margin:0 auto!important;box-sizing:border-box!important;}
.mcg-pg-table input.mcg-pg-qty:focus{outline:none!important;border-color:#1F4E0F!important;box-shadow:0 0 0 2px rgba(31,78,15,.1)!important;}

/* Price column */
.mcg-pg-price-cell{width:130px;}
.mcg-pg-price-main{font-size:15px;font-weight:700;color:#1A1A1A;font-family:'Zilla Slab',Georgia,serif;}
.mcg-pg-price-promo{font-size:11px;color:#1F4E0F;font-weight:600;margin-top:2px;}
.mcg-pg-price-tier{font-size:11px;color:#555B65;margin-top:2px;}
.mcg-pg-price-cfp{font-size:12px;color:#8A909A;font-style:italic;}

/* Ext price column */
.mcg-pg-ext-cell{width:110px;}
.mcg-pg-ext{font-size:14px;font-weight:700;color:#1A1A1A;font-family:'Zilla Slab',Georgia,serif;}

/* Add to cart column */
.mcg-pg-atc-cell{width:130px;}
.mcg-pg-atc{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;background:#1F4E0F;color:#fff!important;border-radius:6px;font-size:12px;font-weight:700;border:none;cursor:pointer;text-decoration:none!important;width:100%;transition:background .15s;line-height:1;}
.mcg-pg-atc:hover{background:#163808;color:#fff!important;}
.mcg-pg-atc.btns-disable{background:#C4C9D0!important;cursor:not-allowed;}

/* Checkbox column */
.mcg-pg-chk-cell{width:52px;}

/* Empty / no-group states */
.mcg-pg-empty-row td{padding:48px 20px!important;text-align:center!important;color:#8A909A;font-size:13px;}
.mcg-pg-nogroup{text-align:center;padding:60px 24px;background:#fff;border:1px solid #E2E5EA;border-radius:10px;}
.mcg-pg-nogroup i{font-size:48px;color:#D0D4D9;display:block;margin-bottom:14px;}
.mcg-pg-nogroup p{color:#8A909A;font-size:14px;margin:0;}

/* Pagination area */
.mcg-pg-pag{margin:12px 0;}

/* Select-all (mobile only) */
.mcg-pg-selectall-mob{display:none;margin-bottom:12px;}

@media(max-width:991px){
  .mcg-pg-divider{display:none;}
  .mcg-pg-selectall-mob{display:block;}
}
@media(max-width:767px){
  .mcg-pg-header{flex-direction:column;align-items:flex-start;}
  .mcg-pg-price-cell,.mcg-pg-ext-cell,.mcg-pg-atc-cell{width:auto;}
}
@media(max-width:640px){
  .mcg-pg-table thead{display:none;}
  .mcg-pg-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border:none;flex-wrap:wrap;}
  .mcg-pg-table td::before{content:attr(data-th);font-size:11px;font-weight:700;color:#8A909A;text-transform:uppercase;flex-shrink:0;margin-right:8px;}
  .mcg-pg-table tbody tr{display:block;border-bottom:2px solid #E2E5EA;padding:4px 0;}
  .mcg-pg-img-wrap{width:56px;height:56px;}
  .mcg-pg-atc{width:auto;}
  .mcg-pg-qty{margin:0;}
}


/* ============================================================
   MCG SAVED GROUPS LIST PAGE
   ============================================================ */

/* Page header */
.mcg-sgl-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px;}
.mcg-sgl-title-wrap{display:flex;align-items:center;gap:10px;}
.mcg-sgl-title{font-family:'Zilla Slab',Georgia,serif;font-size:22px;font-weight:700;color:#1A1A1A;margin:0;}
.mcg-sgl-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;background:#1F4E0F;color:#fff;font-size:11px;font-weight:700;border-radius:12px;line-height:1;}

/* New button */
.mcg-sgl-new-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;background:#1F4E0F;color:#fff!important;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none!important;transition:background .15s;}
.mcg-sgl-new-btn:hover{background:#163808;color:#fff!important;}

/* Table card */
.mcg-sgl-table-wrap{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;margin-bottom:24px;}
.mcg-sgl-table{width:100%;border-collapse:collapse;}
.mcg-sgl-table thead th{padding:10px 16px;background:#F5F7FA;border-bottom:2px solid #E2E5EA;font-size:11px;font-weight:700;color:#8A909A;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;vertical-align:middle;}
.mcg-sgl-table thead th.c{text-align:center;}
.mcg-sgl-table tbody tr{border-bottom:1px solid #E2E5EA;transition:background .12s;}
.mcg-sgl-table tbody tr:last-child{border-bottom:none;}
.mcg-sgl-table tbody tr:hover{background:#F9FAFB;}
.mcg-sgl-table td{padding:14px 16px;font-size:13px;color:#1A1A1A;vertical-align:middle;}
.mcg-sgl-table td.c{text-align:center;}

/* List name cell */
.mcg-sgl-name-cell{display:flex;align-items:center;gap:10px;}
.mcg-sgl-icon{width:36px;height:36px;background:#F0F5EC;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mcg-sgl-icon i{color:#1F4E0F;font-size:15px;}
.mcg-sgl-name-link{font-size:14px;font-weight:600;color:#1A1A1A;text-decoration:none!important;}
.mcg-sgl-name-link:hover{color:#1F4E0F;}
.mcg-sgl-shared-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;background:#E8F0FE;color:#1A56DB;border-radius:10px;font-size:10px;font-weight:700;margin-left:6px;vertical-align:middle;}
.mcg-sgl-shared-badge i{font-size:9px;}

/* Date cell */
.mcg-sgl-date{font-size:12px;color:#8A909A;}

/* Item count pill */
.mcg-sgl-items-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#F0F5EC;color:#1F4E0F;border-radius:12px;font-size:12px;font-weight:700;}

/* Delete button */
.mcg-sgl-del-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #E2E5EA;border-radius:6px;background:#fff;color:#8A909A;cursor:pointer;transition:all .15s;padding:0;}
.mcg-sgl-del-btn:hover{border-color:#C8241C;color:#C8241C;background:#FFF5F5;}

/* Empty state */
.mcg-sgl-empty{text-align:center;padding:52px 24px;}
.mcg-sgl-empty i{font-size:44px;color:#D0D4D9;display:block;margin-bottom:14px;}
.mcg-sgl-empty p{color:#8A909A;font-size:14px;margin-bottom:16px;}
.mcg-sgl-empty-link{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#1F4E0F;color:#fff!important;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none!important;}
.mcg-sgl-empty-link:hover{background:#163808;}

/* Approved carts grid */
.mcg-sgl-approved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:24px;}
.mcg-sgl-approved-card{background:#fff;border:1px solid #E2E5EA;border-radius:10px;padding:16px 18px;display:flex;align-items:center;gap:12px;text-decoration:none!important;transition:border-color .15s,box-shadow .15s;}
.mcg-sgl-approved-card:hover{border-color:#1F4E0F;box-shadow:0 2px 10px rgba(31,78,15,.1);}
.mcg-sgl-approved-card-icon{width:40px;height:40px;background:#F0F5EC;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mcg-sgl-approved-card-icon i{color:#1F4E0F;font-size:18px;}
.mcg-sgl-approved-card-name{font-size:14px;font-weight:600;color:#1A1A1A;line-height:1.4;}

/* Section divider for multi-section pages */
.mcg-sgl-section{margin-bottom:28px;}

@media(max-width:640px){
  .mcg-sgl-table thead{display:none;}
  .mcg-sgl-table td{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:none;}
  .mcg-sgl-table td::before{content:attr(data-th);font-size:11px;font-weight:700;color:#8A909A;text-transform:uppercase;flex-shrink:0;margin-right:8px;}
  .mcg-sgl-table tbody tr{display:block;border-bottom:2px solid #E2E5EA;padding:4px 0;}
  .mcg-sgl-approved-grid{grid-template-columns:1fr;}
  .mcg-sgl-header{flex-direction:column;align-items:flex-start;}
}


/* ============================================================
   MCG LEFT NAV — ALL DEPARTMENTS
   ============================================================ */

/* Outer card */
.mcg-deptmenu{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;margin-bottom:20px;}

/* Header */
.mcg-deptmenu-head{background:#1F4E0F;padding:13px 16px;display:flex;align-items:center;gap:8px;}
.mcg-deptmenu-head-icon{color:rgba(255,255,255,.7);font-size:14px;flex-shrink:0;}
.mcg-deptmenu-title{font-family:'Zilla Slab',Georgia,serif;font-size:14px;font-weight:700;color:#fff;flex:1;margin:0;line-height:1.3;}
.mcg-deptmenu-back{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;text-decoration:none!important;flex-shrink:0;transition:background .15s;}
.mcg-deptmenu-back:hover{background:rgba(255,255,255,.3);color:#fff;}

/* Current category label (when inside a category) */
.mcg-deptmenu-current{padding:10px 16px;background:#F0F5EC;border-bottom:1px solid #E2E5EA;font-size:11px;font-weight:700;color:#1F4E0F;text-transform:uppercase;letter-spacing:.06em;}

/* Category list */
.mcg-deptmenu-list{list-style:none;margin:0;padding:6px 0;}
.mcg-deptmenu-item{margin:0;}
.mcg-deptmenu-item+.mcg-deptmenu-item{border-top:1px solid #F5F7FA;}
.mcg-deptmenu-link{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;font-size:13px;color:#555B65;text-decoration:none!important;transition:background .12s,color .12s;line-height:1.4;}
.mcg-deptmenu-link:hover{background:#F0F5EC;color:#1F4E0F;}
.mcg-deptmenu-link.active{background:#F0F5EC;color:#1F4E0F;font-weight:600;}
.mcg-deptmenu-link i{font-size:10px;color:#C4C9D0;flex-shrink:0;}
.mcg-deptmenu-link:hover i{color:#1F4E0F;}

/* "View all" footer link */
.mcg-deptmenu-footer{padding:10px 16px;border-top:1px solid #E2E5EA;text-align:center;}
.mcg-deptmenu-viewall{font-size:12px;font-weight:600;color:#1F4E0F;text-decoration:none!important;}
.mcg-deptmenu-viewall:hover{text-decoration:underline!important;}

/* Quick links card (my account shortcuts) */
.mcg-deptmenu-ql{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;margin-bottom:20px;}
.mcg-deptmenu-ql-head{background:#F5F7FA;padding:11px 16px;border-bottom:1px solid #E2E5EA;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#555B65;text-transform:uppercase;letter-spacing:.05em;}
.mcg-deptmenu-ql-head i{color:#1F4E0F;}
.mcg-deptmenu-ql-list{list-style:none;margin:0;padding:6px 0;}
.mcg-deptmenu-ql-item+.mcg-deptmenu-ql-item{border-top:1px solid #F5F7FA;}
.mcg-deptmenu-ql-link{display:flex;align-items:center;gap:9px;padding:9px 16px;font-size:13px;color:#555B65;text-decoration:none!important;transition:background .12s,color .12s;}
.mcg-deptmenu-ql-link i{width:16px;text-align:center;color:#C4C9D0;font-size:13px;flex-shrink:0;}
.mcg-deptmenu-ql-link:hover{background:#F0F5EC;color:#1F4E0F;}
.mcg-deptmenu-ql-link:hover i{color:#1F4E0F;}
.mcg-deptmenu-ql-link.active{background:#F0F5EC;color:#1F4E0F;font-weight:600;}
.mcg-deptmenu-ql-link.active i{color:#1F4E0F;}


/* ============================================================
   MCG SAVED CART PAGE  (extends mcg-pg-* classes)
   ============================================================ */

/* Cart total summary bar */
.mcg-sc-total-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 16px;background:#F0F5EC;border-bottom:1px solid #c8ddb8;}
.mcg-sc-total-label{font-size:12px;font-weight:600;color:#555B65;text-transform:uppercase;letter-spacing:.04em;}
.mcg-sc-total-val{font-family:'Zilla Slab',Georgia,serif;font-size:20px;font-weight:700;color:#1F4E0F;}

/* Share button */
.mcg-sc-share-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;border:1px solid #1A56DB;background:#fff;color:#1A56DB;transition:all .15s;text-decoration:none!important;box-sizing:border-box;}
.mcg-sc-share-btn:hover{background:#EEF2FF;color:#1A56DB;}

/* Shared badge in header */
.mcg-sc-shared-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:#E8F0FE;color:#1A56DB;border-radius:12px;font-size:11px;font-weight:700;}

/* Share modal */
.mcg-sc-modal .modal-content{border-radius:10px;border:1px solid #E2E5EA;box-shadow:0 8px 30px rgba(0,0,0,.12);}
.mcg-sc-modal .modal-header{background:#1F4E0F;border-radius:9px 9px 0 0;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;}
.mcg-sc-modal .modal-header h4{font-family:'Zilla Slab',Georgia,serif;font-size:16px;font-weight:700;color:#fff;margin:0;}
.mcg-sc-modal .modal-header .close{color:#fff!important;opacity:.8;font-size:20px;margin:0;padding:0;line-height:1;}
.mcg-sc-modal .modal-header .close:hover{opacity:1;}
.mcg-sc-modal .modal-body{padding:20px;}
.mcg-sc-modal .modal-footer{padding:12px 20px;border-top:1px solid #E2E5EA;background:#F5F7FA;border-radius:0 0 9px 9px;}
.mcg-sc-modal .form-control{height:36px;border:1px solid #E2E5EA;border-radius:6px;font-size:13px;}
.mcg-sc-modal .form-control:focus{border-color:#1F4E0F;box-shadow:0 0 0 2px rgba(31,78,15,.1);outline:none;}
.mcg-sc-modal-search-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;background:#1F4E0F;color:#fff!important;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;}
.mcg-sc-modal-search-btn:hover{background:#163808;}
.mcg-sc-modal-hint{font-size:12px;color:#8A909A;margin-top:4px;}

/* ============================================================
   MCG CHANGE PASSWORD PAGE
   ============================================================ */

/* Page header */
.mcg-chpw-header{margin-bottom:20px;}
.mcg-chpw-page-title{font-family:'Zilla Slab',Georgia,serif;font-size:22px;font-weight:700;color:#1A1A1A;margin:0 0 4px;display:flex;align-items:center;gap:9px;}
.mcg-chpw-page-title i{color:#1F4E0F;}

/* Two-column layout */
.mcg-chpw-layout{display:flex;gap:20px;align-items:flex-start;}
.mcg-chpw-form-col{flex:1 1 0;min-width:0;}
.mcg-chpw-rules-col{flex:0 0 260px;width:260px;position:sticky;top:80px;align-self:flex-start;}

/* Form card */
.mcg-chpw-card{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05);}
.mcg-chpw-card-head{background:#1F4E0F;padding:14px 20px;display:flex;align-items:center;gap:8px;}
.mcg-chpw-card-head h4{font-family:'Zilla Slab',Georgia,serif;font-size:15px;font-weight:700;color:#fff;margin:0;}
.mcg-chpw-card-head i{color:#A8C88B;font-size:15px;}
.mcg-chpw-card-body{padding:24px;}

/* Username display row */
.mcg-chpw-user-row{display:flex;align-items:center;gap:10px;background:#F5F2EC;border:1px solid #E2E5EA;border-radius:8px;padding:10px 14px;margin-bottom:22px;}
.mcg-chpw-user-row>i{color:#1F4E0F;font-size:22px;flex-shrink:0;}
.mcg-chpw-user-label{font-size:11px;color:#8A909A;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;}
.mcg-chpw-user-name{font-size:15px;font-weight:700;color:#1A1A1A;}

/* Field rows */
.mcg-chpw-field{margin-bottom:18px;}
.mcg-chpw-field-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;}
.mcg-chpw-field-label label{font-size:13px;font-weight:600;color:#555B65;margin:0;}
.mcg-chpw-err{font-size:11px;color:#C8241C;font-weight:600;}

/* Input wrapper (positions the show/hide toggle) */
.mcg-chpw-input-wrap{position:relative;}
.mcg-chpw-input-wrap .form-control{height:38px;border:1px solid #E2E5EA;border-radius:6px;font-size:14px;padding-right:52px!important;transition:border-color .15s,box-shadow .15s;}
.mcg-chpw-input-wrap .form-control:focus{border-color:#1F4E0F!important;box-shadow:0 0 0 2px rgba(31,78,15,.1)!important;outline:none;}
/* Override the global float-based toggle positioning */
.mcg-chpw-input-wrap .toggle-password-mask{position:absolute;right:12px;top:50%;transform:translateY(-50%);float:none!important;margin:0!important;z-index:2;cursor:pointer;}
.mcg-chpw-input-wrap .toggle-password-mask span{font-size:12px;font-weight:600;color:#1F4E0F;text-decoration:none;}
.mcg-chpw-input-wrap .toggle-password-mask span:hover{text-decoration:underline;}

/* Action buttons */
.mcg-chpw-actions{display:flex;gap:10px;margin-top:24px;}
.mcg-chpw-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:background .15s,color .15s;white-space:nowrap;}
.mcg-chpw-btn-primary{background:#1F4E0F;color:#fff!important;}
.mcg-chpw-btn-primary:hover{background:#163808;}
.mcg-chpw-btn-secondary{background:#F5F7FA;color:#555B65!important;border:1px solid #E2E5EA!important;}
.mcg-chpw-btn-secondary:hover{background:#E8EBF0;}

/* POS inactive warning */
.mcg-chpw-pos-inactive{background:#FFF3CD;border:1px solid #FFD54F;border-radius:8px;padding:12px 16px;font-size:13px;color:#856404;margin-top:16px;display:flex;align-items:flex-start;gap:9px;}
.mcg-chpw-pos-inactive i{font-size:15px;margin-top:1px;flex-shrink:0;}

/* "Please note" caption */
.mcg-chpw-note{font-size:11px;color:#8A909A;margin-top:10px;line-height:1.6;border-top:1px solid #F0F0F0;padding-top:10px;}

/* Password rules card */
.mcg-chpw-rules-card{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05);margin-bottom:14px;}
.mcg-chpw-rules-head{background:#F5F2EC;padding:12px 16px;border-bottom:1px solid #E2E5EA;display:flex;align-items:center;gap:7px;}
.mcg-chpw-rules-head h5{font-family:'Zilla Slab',Georgia,serif;font-size:14px;font-weight:700;color:#1A1A1A;margin:0;}
.mcg-chpw-rules-head i{color:#1F4E0F;}
.mcg-chpw-rules-body{padding:10px 16px;}
.mcg-chpw-rule{display:flex;align-items:flex-start;gap:9px;padding:7px 0;font-size:13px;color:#555B65;border-bottom:1px solid #F5F7FA;}
.mcg-chpw-rule:last-child{border-bottom:none;}
.mcg-chpw-rule i{font-size:13px;margin-top:1px;flex-shrink:0;}
/* Override Bootstrap text-danger/text-success with MCG colours */
.mcg-chpw-rule i.fa-times,.mcg-chpw-rule i.fa-times.text-danger{color:#C8241C!important;}
.mcg-chpw-rule i.fa-check,.mcg-chpw-rule i.fa-check.text-success{color:#1F4E0F!important;}

/* Tips card */
.mcg-chpw-tips-card{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05);}
.mcg-chpw-tips-head{background:#F5F7FA;padding:11px 14px;border-bottom:1px solid #E2E5EA;font-size:12px;font-weight:700;color:#555B65;display:flex;align-items:center;gap:6px;}
.mcg-chpw-tips-head i{color:#F5A623;}
.mcg-chpw-tips-list{list-style:none;margin:0;padding:10px 14px 12px;}
.mcg-chpw-tips-list li{font-size:12px;color:#555B65;padding:4px 0 4px 16px;position:relative;line-height:1.5;}
.mcg-chpw-tips-list li::before{content:"•";position:absolute;left:4px;color:#1F4E0F;font-weight:700;}

/* Success block */
.mcg-chpw-success{background:#EEF4E8;border:1px solid #c8ddb8;border-radius:10px;padding:32px 24px;text-align:center;margin-top:12px;}
.mcg-chpw-success i.fa{font-size:44px;color:#1F4E0F;display:block;margin-bottom:14px;}
.mcg-chpw-success h4{font-family:'Zilla Slab',Georgia,serif;font-size:20px;color:#1A1A1A;margin-bottom:8px;font-weight:700;}
.mcg-chpw-success p{color:#555B65;font-size:13px;margin-bottom:18px;}
.mcg-chpw-success-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 22px;background:#1F4E0F;color:#fff!important;border-radius:6px;font-size:14px;font-weight:700;text-decoration:none!important;transition:background .15s;}
.mcg-chpw-success-btn:hover{background:#163808;color:#fff!important;}

/* Responsive */
@media(max-width:767px){
  .mcg-chpw-layout{flex-direction:column;}
  .mcg-chpw-rules-col{flex:1 1 auto;width:100%;}
  .mcg-chpw-rules-card{position:static;}
}

/* ============================================================
   MCG EDIT CONTACT INFO PAGE
   ============================================================ */

/* Page header */
.mcg-eci-header{margin-bottom:20px;}
.mcg-eci-page-title{font-family:'Zilla Slab',Georgia,serif;font-size:22px;font-weight:700;color:#1A1A1A;margin:0;display:flex;align-items:center;gap:9px;}
.mcg-eci-page-title i{color:#1F4E0F;}

/* Outer card */
.mcg-eci-card{background:#fff;border:1px solid #E2E5EA;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05);margin-bottom:20px;}

/* Sections */
.mcg-eci-section{border-bottom:1px solid #E2E5EA;}
.mcg-eci-section:last-of-type{border-bottom:none;}
.mcg-eci-section-head{display:flex;align-items:center;gap:8px;padding:11px 20px;background:#F5F7FA;border-bottom:1px solid #E2E5EA;font-size:12px;font-weight:700;color:#555B65;text-transform:uppercase;letter-spacing:.05em;}
.mcg-eci-section-head i{color:#1F4E0F;font-size:13px;}
.mcg-eci-section-body{padding:18px 20px;}

/* Two-column field row */
.mcg-eci-row{display:flex;gap:16px;flex-wrap:wrap;}
.mcg-eci-field{flex:1 1 220px;min-width:0;margin-bottom:14px;}
.mcg-eci-field:last-child,.mcg-eci-row:last-child .mcg-eci-field{margin-bottom:0;}
.mcg-eci-field-grow{flex:1 1 300px;}

/* Field label row */
.mcg-eci-field-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;}
.mcg-eci-field-label label{font-size:13px;font-weight:600;color:#555B65;margin:0;}
.mcg-eci-err{font-size:11px;color:#C8241C;font-weight:600;}

/* Inputs */
.mcg-eci-card .form-control{height:38px;border:1px solid #E2E5EA;border-radius:6px;font-size:14px;color:#1A1A1A!important;transition:border-color .15s,box-shadow .15s;}
.mcg-eci-card .form-control:focus{border-color:#1F4E0F!important;box-shadow:0 0 0 2px rgba(31,78,15,.1)!important;outline:none;}

/* Change email link */
.mcg-eci-change-link{font-size:11px;font-weight:600;color:#1F4E0F;text-decoration:none!important;display:inline-flex;align-items:center;gap:4px;}
.mcg-eci-change-link:hover{text-decoration:underline!important;}

/* Readonly email field */
.mcg-eci-readonly-wrap{position:relative;}
.mcg-eci-readonly-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#C4C9D0;font-size:13px;}
.mcg-eci-readonly{padding-left:32px!important;background:#F5F7FA!important;color:#8A909A!important;cursor:not-allowed;}
.mcg-eci-readonly-hint{font-size:11px;color:#8A909A;margin-top:4px;display:flex;align-items:center;gap:5px;}
.mcg-eci-readonly-hint i{font-size:11px;color:#C4C9D0;}

/* Use entity address checkbox */
.mcg-eci-checkbox-row{margin-top:6px;padding-top:14px;border-top:1px solid #F0F0F0;}
.mcg-eci-checkbox-label{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;color:#555B65;font-weight:500;user-select:none;}
.mcg-eci-checkbox-label input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;}
.mcg-eci-checkbox-box{width:17px;height:17px;border:2px solid #C4C9D0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,border-color .15s;}
.mcg-eci-checkbox-box i{font-size:10px;color:#fff;display:none;}
.mcg-eci-checkbox-label input[type="checkbox"]:checked~.mcg-eci-checkbox-box{background:#1F4E0F;border-color:#1F4E0F;}
.mcg-eci-checkbox-label input[type="checkbox"]:checked~.mcg-eci-checkbox-box i{display:block;}

/* POS inactive */
.mcg-eci-pos-inactive{display:flex;align-items:flex-start;gap:10px;padding:14px 20px;background:#FFF3CD;border-top:1px solid #FFD54F;font-size:13px;color:#856404;}
.mcg-eci-pos-inactive i{font-size:15px;flex-shrink:0;margin-top:1px;}

/* Actions footer */
.mcg-eci-actions{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#F5F7FA;border-top:1px solid #E2E5EA;}
.mcg-eci-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;text-decoration:none!important;white-space:nowrap;transition:background .15s,color .15s;box-sizing:border-box;}
.mcg-eci-btn-primary{background:#1F4E0F;color:#fff!important;}
.mcg-eci-btn-primary:hover{background:#163808;}
.mcg-eci-btn-secondary{background:#fff;color:#555B65!important;border:1px solid #E2E5EA!important;}
.mcg-eci-btn-secondary:hover{background:#F0F0F0;}

/* Success block */
.mcg-eci-success{background:#EEF4E8;border:1px solid #c8ddb8;border-radius:10px;padding:32px 24px;text-align:center;margin-top:12px;}
.mcg-eci-success i.fa{font-size:44px;color:#1F4E0F;display:block;margin-bottom:14px;}
.mcg-eci-success h4{font-family:'Zilla Slab',Georgia,serif;font-size:20px;color:#1A1A1A;margin-bottom:8px;font-weight:700;}
.mcg-eci-success p{color:#555B65;font-size:13px;margin-bottom:18px;}
.mcg-eci-success-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 22px;background:#1F4E0F;color:#fff!important;border-radius:6px;font-size:14px;font-weight:700;text-decoration:none!important;transition:background .15s;}
.mcg-eci-success-btn:hover{background:#163808;color:#fff!important;}

/* Bootstrap Select inside this form */
.mcg-eci-card .bootstrap-select>.btn{height:38px!important;border:1px solid #E2E5EA!important;border-radius:6px!important;padding:0 28px 0 10px!important;font-size:14px!important;background:#fff!important;box-shadow:none!important;}
.mcg-eci-card .bootstrap-select>.btn:focus{border-color:#1F4E0F!important;box-shadow:0 0 0 2px rgba(31,78,15,.1)!important;}
.mcg-eci-card .bootstrap-select .filter-option{display:block;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mcg-eci-card .bootstrap-select .bs-caret{position:absolute;right:8px;top:50%;margin-top:-3px;}

/* Responsive */
@media(max-width:767px){
  .mcg-eci-row{flex-direction:column;gap:0;}
  .mcg-eci-field{flex:1 1 auto;margin-bottom:14px;}
  .mcg-eci-actions{flex-wrap:wrap;}
  .mcg-eci-btn{flex:1 1 auto;justify-content:center;}
}

/* ====================================================================
   McGUCKIN DESIGN SYSTEM — CSS Custom Properties (shared)
   ==================================================================== */
:root{
  --green:#1F4E0F;--green-dk:#163808;--green-lt:#2C6818;--green-mid:#3D7A28;
  --green-wash:#EEF4E8;--sage:#a8d87a;--red:#C8241C;--red-lt:#FCEEED;
  --cream:#F5F2EC;--cream-dk:#EDE8DF;--ink:#1A1A1A;--ink-soft:#2E2E2E;
  --mid:#555B65;--muted:#8A909A;--rule:#E2E5EA;--rule-dk:#D0D4D9;
  --white:#FFFFFF;--gold:#C8920A;--gold-lt:#FFF8E7;
  --font-slab:'Zilla Slab',Georgia,serif;--font-sans:'DM Sans',system-ui,sans-serif;
  --shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.08);
  --shadow-lg:0 8px 32px rgba(0,0,0,.12);--radius:6px;
}

/* ====================================================================
   LOCATIONS PAGE
   ==================================================================== */

/* ——— HERO ——— */
.loc-hero{
  background:linear-gradient(135deg,#0f3208 0%,#1a5510 50%,#28701a 100%);
  padding:48px 0 32px;position:relative;overflow:hidden;margin-bottom:0;
}
.loc-hero::before{
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M20 20.5V18H0v-2h20V0h2v16h18v2H22v4.5a2.5 2.5 0 1 1-2 0z'/%3E%3C/g%3E%3C/svg%3E");
}
.loc-hero-inner{max-width:1340px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.loc-hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);
  border-radius:100px;padding:6px 16px;font-size:12px;
  color:rgba(255,255,255,.75);letter-spacing:.04em;margin-bottom:14px;
}
.loc-hero h1{font-family:var(--font-slab);font-size:36px;font-weight:700;color:#fff;line-height:1.15;margin-bottom:8px}
.loc-hero h1 em{color:var(--sage);font-style:normal}
.loc-hero-sub{font-size:14px;color:rgba(255,255,255,.6);margin-bottom:24px}

/* ZIP SEARCH */
.loc-search-wrap{
  display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  border-radius:10px;padding:20px 24px;max-width:640px;
}
.loc-search-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:160px}
.loc-search-field--sm{max-width:140px}
.loc-search-field label{
  font-size:11px;font-weight:600;text-transform:uppercase;
  letter-spacing:.06em;color:rgba(255,255,255,.6);
}
.loc-search-field input[type="text"],
.loc-search-field select{
  height:42px;border:1.5px solid rgba(255,255,255,.2);border-radius:var(--radius);
  padding:0 14px;font-size:14px;font-family:var(--font-sans);
  color:#fff;background:rgba(255,255,255,.1);outline:none;transition:border-color .2s;
}
.loc-search-field input[type="text"]::placeholder{color:rgba(255,255,255,.4)}
.loc-search-field input[type="text"]:focus,
.loc-search-field select:focus{border-color:var(--sage)}
.loc-search-field select option{color:var(--ink);background:var(--white)}
.loc-search-wrap .bootstrap-select>.dropdown-toggle{
  height:42px;border:1.5px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.1);color:#fff;border-radius:var(--radius);
}
#findNowButton,.loc-search-btn{
  height:42px;padding:0 24px;
  background:var(--sage);color:var(--green-dk);border:none;border-radius:var(--radius);
  font-family:var(--font-slab);font-size:14px;font-weight:700;
  cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px;
  white-space:nowrap;align-self:flex-end;
}
#findNowButton:hover,.loc-search-btn:hover{background:#b8e68c}
#findNowButton em,#findNowButton .fa{font-size:14px}

/* ——— PAGE LAYOUT ——— */
.loc-page{max-width:1340px;margin:0 auto;padding:24px 24px 56px;display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}
@media(max-width:900px){.loc-page{grid-template-columns:1fr}}

/* ——— STORE LIST PANEL ——— */
.loc-panel-title{
  font-family:var(--font-slab);font-size:15px;font-weight:700;color:var(--ink);
  margin-bottom:12px;display:flex;align-items:center;gap:8px;
}
.loc-panel-title svg{width:16px;height:16px;color:var(--green)}
.loc-panel-count{font-size:11px;color:var(--muted);font-weight:400;margin-left:4px;font-family:var(--font-sans)}
.locationDetailWrap{background:var(--white);border:1px solid var(--rule);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm)}
.feature-filter{display:none}
.locationDataWrap{max-height:540px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--rule-dk) transparent}
.locationDataWrap::-webkit-scrollbar{width:4px}
.locationDataWrap::-webkit-scrollbar-thumb{background:var(--rule-dk);border-radius:2px}
ul.store-list{list-style:none;margin:0;padding:0}
ul.store-list > li{border-bottom:1px solid var(--rule)}
ul.store-list > li:last-child{border-bottom:none}
ul.store-list > li a.store{display:block}
ul.store-list > li > div.clearAfter{
  display:flex;align-items:center;gap:10px;padding:14px 16px;
  cursor:pointer;transition:background .15s;position:relative;
}
ul.store-list > li > div.clearAfter:hover{background:var(--green-wash)}
ul.store-list > li.crselected1 > div.clearAfter{background:var(--green-wash)}
ul.store-list > li:first-child a.store{
  display:flex;align-items:center;gap:8px;padding:12px 16px;
  font-family:var(--font-slab);font-size:13px;font-weight:700;color:var(--green);
  transition:background .15s;border-bottom:1px solid var(--rule);
}
ul.store-list > li:first-child a.store:hover{background:var(--green-wash)}
.plusToggle{
  width:22px;height:22px;border-radius:50%;background:var(--green-wash);color:var(--green);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;transition:transform .2s;
}
.crselected1 .plusToggle{background:var(--green);color:#fff}
.productTitle.pull-left{flex:1;font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}
.locDistance.pull-right{font-size:11px;font-family:var(--font-slab);font-weight:700;color:var(--muted);white-space:nowrap}
ul.locationDetailList{list-style:none;margin:0;padding:0 16px 14px 48px;background:var(--cream)}
ul.locationDetailList > li{font-size:12px;color:var(--mid);padding:3px 0;line-height:1.5}
ul.locationDetailList > li.Street{font-weight:500;color:var(--ink)}
ul.locationDetailList > li.Locality{color:var(--mid)}
ul.locationDetailList > li.Phone a,
ul.locationDetailList > li.Fax a,
ul.locationDetailList > li.emailLoc a{color:var(--green-lt);font-weight:600}
ul.locationDetailList > li.Workhours{color:var(--mid);font-size:12px}
ul.locationDetailList > li.shopThisStore,
ul.locationDetailList > li.directionBtn{padding-top:6px}
ul.locationDetailList > li.shopThisStore a,
ul.locationDetailList > li.directionBtn a{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 16px;border-radius:var(--radius);font-family:var(--font-slab);
  font-size:12px;font-weight:700;width:100%;max-width:200px;transition:all .2s;text-align:center;
}
ul.locationDetailList > li.shopThisStore a{background:var(--green);color:#fff;border:none}
ul.locationDetailList > li.shopThisStore a:hover{background:var(--green-dk)}
ul.locationDetailList > li.directionBtn a{background:var(--white);color:var(--green);border:1.5px solid var(--green);margin-top:4px}
ul.locationDetailList > li.directionBtn a:hover{background:var(--green-wash)}

/* ——— MAP PANEL ——— */
.storelocator-panel{
  background:var(--white);border:1px solid var(--rule);border-radius:10px;
  overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:16px;
  position:relative;padding:12px 12px 0;
}
.map-stack{position:relative;height:480px;border-radius:8px;overflow:hidden}
#googleMap,#map_canvas{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s}
@media(max-width:768px){.map-stack{height:320px}}

/* ——— STORE DETAIL CARD ——— */
.storeDetailview{display:none;margin-bottom:16px}
.loc-detail-card{background:var(--white);border:1px solid var(--rule);border-radius:10px;box-shadow:var(--shadow-sm);overflow:hidden}
.loc-detail-card .row{display:flex;flex-wrap:nowrap;align-items:stretch;min-height:220px}
.loc-detail-card .col-md-5{width:220px;flex-shrink:0;position:relative}
.loc-detail-card .col-md-7{flex:1;padding:20px 24px;min-width:0}
@media(max-width:600px){
  .loc-detail-card .row{flex-wrap:wrap}
  .loc-detail-card .col-md-5{width:100%;min-height:200px}
}
#storeImage{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--cream-dk);overflow:hidden;margin:0!important;padding:0}
#storeImage .cimm_slideItemImg{height:100%;display:block}
#storeImage .cimm_slideItemImg img,
#storeImage img{width:100%!important;height:auto;object-fit:cover!important;object-position:center top!important;display:block!important;max-height:none!important}
.locDetailWrap{padding:20px 24px}
.locDetailWrap > div > b.productTitle{font-family:var(--font-slab);font-size:17px;font-weight:700;color:var(--ink);display:block;margin-bottom:6px}
.locDetailWrap > div > span.pull-right{font-size:12px;color:var(--muted);font-family:var(--font-slab);font-weight:600;float:right}
.locDetailWrap ul{list-style:none;padding:0;margin:0 0 10px}
.locDetailWrap ul li{font-size:13px;color:var(--mid);padding:2px 0;line-height:1.5}
.locDetailWrap ul li.primaryColor a{color:var(--green-lt);font-weight:600}
.locDetailWrap ul li.lineHeight1{line-height:1.6}
.locDetailWrap ul li.emailLoc a{color:var(--green-lt)}
.locDetailWrap ul li.marginY-2{margin:8px 0}
.locDetailWrap ul li a.btn-primary{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 20px;background:var(--green);color:#fff;border:none;
  border-radius:var(--radius);font-family:var(--font-slab);font-size:13px;
  font-weight:700;cursor:pointer;transition:background .2s;width:100%;
}
.locDetailWrap ul li a.btn-primary:hover{background:var(--green-dk)}
.locDetailWrap ul li a.btn-secondary{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 20px;background:var(--white);color:var(--green);
  border:1.5px solid var(--green);border-radius:var(--radius);
  font-family:var(--font-slab);font-size:13px;font-weight:700;
  cursor:pointer;transition:all .2s;width:100%;margin-top:8px;
}
.locDetailWrap ul li a.btn-secondary:hover{background:var(--green-wash)}

/* ——— DIRECTIONS PANEL ——— */
#directions-panel{display:none}
.loc-directions-card{
  background:var(--white);border:1px solid var(--rule);border-radius:10px;
  box-shadow:var(--shadow-sm);padding:20px 24px;margin-bottom:16px;
}
.loc-dir-title{font-family:var(--font-slab);font-size:16px;font-weight:700;color:var(--ink);margin-bottom:14px}
.loc-dir-icon{width:18px;height:18px;vertical-align:-3px;margin-right:6px;color:var(--green)}
.loc-dir-fields{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}
.loc-dir-fields input[type="text"]{
  flex:1;min-width:200px;height:42px;border:1.5px solid var(--rule);
  border-radius:var(--radius);padding:0 14px;font-size:14px;
  font-family:var(--font-sans);color:var(--ink);outline:none;transition:border-color .2s;
}
.loc-dir-fields input[type="text"]:focus{border-color:var(--green)}
.loc-dir-fields input.directions-to{display:none}
.cimm_inlineButton{
  height:42px;padding:0 20px;border-radius:var(--radius);
  font-family:var(--font-slab);font-size:13px;font-weight:700;cursor:pointer;
  transition:all .2s;display:inline-flex;align-items:center;gap:6px;border:none;
}
button.cimm_inlineButton{background:var(--green);color:#fff}
button.cimm_inlineButton:hover{background:var(--green-dk)}
a.cimm_button.cimm_inlineButton{background:var(--white);color:var(--mid);border:1.5px solid var(--rule);text-decoration:none}
a.cimm_button.cimm_inlineButton:hover{border-color:var(--green);color:var(--green);background:var(--green-wash)}
.rendered-directions{margin-top:12px;font-size:13px;color:var(--mid)}
.rendered-directions table{width:100%;border-collapse:collapse}
.rendered-directions td{padding:6px 8px;border-bottom:1px solid var(--rule);font-size:13px}

/* ——— NO RESULTS ——— */
.cimm_locateHead{background:var(--white);border:1px solid var(--rule);border-radius:10px;padding:32px;text-align:center;margin-bottom:16px}
.cimm_locateHead h3{font-family:var(--font-slab);font-size:18px;font-weight:700;color:var(--ink);margin-bottom:10px}
.cimm_locateHead a.linkText{color:var(--green);font-weight:600;font-size:14px;text-decoration:none}
.cimm_locateHead a.linkText:hover{text-decoration:underline}
.loc-noresults-wrap{max-width:1340px;margin:0 auto;padding:0 24px 32px}
.loc-noresults-card{padding:40px;text-align:center}
.loc-noresults-icon{width:48px;height:48px;color:var(--muted);margin:0 auto 16px;display:block}
.loc-noresults-title{font-family:var(--font-slab);font-size:20px;font-weight:700;color:var(--ink);margin-bottom:8px}
.loc-noresults-desc{font-size:14px;color:var(--mid);margin-bottom:16px}
.loc-noresults-btn{display:inline-flex;align-items:center;gap:6px;background:var(--green);color:#fff;padding:10px 24px;border-radius:var(--radius);font-family:var(--font-slab);font-size:14px;font-weight:700;transition:background .2s}
.loc-noresults-btn:hover{background:var(--green-dk)}

/* ——— INFO STRIP ——— */
.loc-info-strip{
  background:var(--green-wash);border:1px solid rgba(31,78,15,.1);
  border-radius:10px;padding:18px 20px;margin-top:16px;display:flex;gap:20px;flex-wrap:wrap;
}
.loc-info-item{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:160px}
.loc-info-icon{width:38px;height:38px;border-radius:8px;background:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.loc-info-icon svg{width:18px;height:18px;color:#fff}
.loc-info-title{font-family:var(--font-slab);font-size:13px;font-weight:700;color:var(--ink);line-height:1.2}
.loc-info-desc{font-size:12px;color:var(--mid);margin-top:2px}

/* ——— UTILITY (locations) ——— */
.mcg-hideMe{display:none!important}
.hideForDevices{display:none}
#googleMapPanel .crpanel,ul.store-list .crpanel{display:block!important}
.clearAfter::after{content:'';display:table;clear:both}
.marginY-2{margin:8px 0}
.marginY-3{margin:12px 0}
.marginY-4{margin:16px 0}
.blockElement{display:block}
.collapse:not(.in){display:none}
.primaryColor{color:var(--green-lt)}
.lineHeight1{line-height:1.6}
.emailLoc a{word-break:break-all}
.loc-breadcrumb{max-width:1340px;margin:0 auto;padding:12px 24px;font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center;background:var(--cream)}
.loc-breadcrumb a{color:var(--mid);transition:color .15s}
.loc-breadcrumb a:hover{color:var(--green)}
.loc-breadcrumb svg{width:12px;height:12px;color:var(--rule-dk)}
.loc-breadcrumb .current{color:var(--ink);font-weight:600}

/* ====================================================================
   COMPARE PAGE
   ==================================================================== */

/* ——— BREADCRUMB ——— */
.cmp-breadcrumb{max-width:1340px;margin:0 auto;padding:12px 24px;font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}
.cmp-breadcrumb a{color:var(--mid);transition:color .15s;text-decoration:none}
.cmp-breadcrumb a:hover{color:var(--green)}
.cmp-breadcrumb svg{width:12px;height:12px;color:var(--rule-dk);flex-shrink:0}
.cmp-breadcrumb .current{color:var(--ink);font-weight:600}

/* ——— HERO ——— */
.cmp-hero{
  background:linear-gradient(135deg,#0f3208 0%,#1a5510 50%,#28701a 100%);
  padding:36px 24px 28px;position:relative;overflow:hidden;margin-bottom:0;
}
.cmp-hero::before{
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M20 20.5V18H0v-2h20V0h2v16h18v2H22v4.5a2.5 2.5 0 1 1-2 0z'/%3E%3C/g%3E%3C/svg%3E");
}
.cmp-hero-inner{max-width:1340px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.cmp-hero h1{font-family:var(--font-slab);font-size:28px;font-weight:700;color:#fff;line-height:1.2;margin:0}
.cmp-hero h1 em{color:var(--sage);font-style:normal}
.cmp-hero-meta{font-size:13px;color:rgba(255,255,255,.55);margin-top:4px}
.cmp-hero-count{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:100px;padding:6px 18px;font-size:13px;color:rgba(255,255,255,.8);font-family:var(--font-slab);font-weight:600}

/* ——— TOOLBAR ——— */
.cmp-toolbar{background:var(--white);border-bottom:1px solid var(--rule);padding:14px 24px}
.cmp-toolbar-inner{max-width:1340px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.cmp-filter-group{display:flex;gap:0;border:1.5px solid var(--rule);border-radius:var(--radius);overflow:hidden}
.cimm_inlineButton.compareSimDiffBtns,
.cmp-filter-group .cimm_inlineButton{
  padding:9px 18px;font-family:var(--font-slab);font-size:12px;font-weight:600;
  color:var(--mid);background:var(--white);cursor:pointer;letter-spacing:.03em;
  border-right:1px solid var(--rule);transition:all .2s;text-decoration:none;display:inline-block;
}
.cmp-filter-group .cimm_inlineButton:last-child{border-right:none}
.cmp-filter-group .cimm_inlineButton:hover{background:var(--green-wash);color:var(--green)}
.cmp-filter-group .cimm_inlineButton.active{background:var(--green);color:#fff}
.cmp-toolbar-icon{width:12px;height:12px;vertical-align:-1px;margin-right:3px}
.cmp-th-icon{width:14px;height:14px;vertical-align:-2px;margin-right:6px;opacity:.6}
.compareTableWrap td.similar.active{background:#c5edaa!important;border-top:3px solid var(--green-mid)!important;border-bottom:3px solid var(--green-mid)!important}
.compareTableWrap td.similar.active span,
.compareTableWrap td.similar.active .priceSpan{color:var(--green-dk)!important;font-weight:700!important}
.compareTableWrap td.different.active{background:#f8b4b2!important;border-top:3px solid var(--red)!important;border-bottom:3px solid var(--red)!important}
.compareTableWrap td.different.active span,
.compareTableWrap td.different.active .priceSpan{color:#7a0e09!important;font-weight:700!important}
.cmp-action-group{display:flex;gap:8px;flex-wrap:wrap}
.cmp-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius);font-family:var(--font-slab);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;border:none;letter-spacing:.02em}
.cmp-btn-outline{background:var(--white);color:var(--mid);border:1.5px solid var(--rule)}
.cmp-btn-outline:hover{border-color:var(--green);color:var(--green);background:var(--green-wash)}
.cmp-btn-danger{background:var(--white);color:var(--red);border:1.5px solid rgba(200,36,28,.2)}
.cmp-btn-danger:hover{background:var(--red-lt);border-color:var(--red)}

/* ——— PAGE WRAPPER ——— */
.cmp-page{max-width:1340px;margin:0 auto;padding:20px 24px 56px}

/* ——— COMPARE TABLE ——— */
.cimm_siteTableEnclosure.compareTableWrap{background:transparent;border:none;box-shadow:none}
.compareTableMobileView{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;box-shadow:var(--shadow-md)}
.compareTableWrap .table{width:100%;border-collapse:separate;border-spacing:0;background:var(--white);border-radius:10px;overflow:hidden;font-family:var(--font-sans);font-size:14px}
.compareTableWrap .table thead tr th{background:var(--green);color:#fff;padding:0;text-align:center;vertical-align:middle;border-bottom:none;font-family:var(--font-slab);font-weight:600}
.compareTableWrap .table thead tr th:first-child{text-align:left;padding:14px 20px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;width:180px;min-width:160px;background:var(--green-dk)}
.compareTableWrap .table thead tr th:not(:first-child){border-left:1px solid rgba(255,255,255,.15);padding:0}
.cmp-prod-header{padding:16px 14px;text-align:center}
.cmp-prod-checkbox{margin-bottom:10px}
.customCheckBox2{position:relative;display:inline-flex;align-items:center;gap:22px;cursor:pointer;font-size:12px;color:rgba(255,255,255,.85);font-weight:500}
.customCheckBox2 input[type="checkbox"]:checked+span::after{border-color:var(--sage)!important;background:var(--sage)!important}
.customCheckBox2 input[type="checkbox"]:checked+span::before{background:var(--sage)!important}
.compareTableWrap .table tbody tr{transition:background .15s}
.compareTableWrap .table tbody tr:nth-child(even){background:var(--cream)}
.compareTableWrap .table tbody tr:hover{background:var(--green-wash)}
.compareTableWrap .table tbody tr.similar:hover,
.compareTableWrap .table tbody tr.different:hover{filter:brightness(.97)}
.compareTableWrap .table tbody tr td:first-child{padding:14px 20px;font-family:var(--font-slab);font-size:13px;font-weight:700;color:var(--ink);text-align:left;vertical-align:middle;background:var(--cream-dk)!important;border-right:2px solid var(--rule);white-space:nowrap}
.compareTableWrap .table tbody tr td:first-child b,
.compareTableWrap .table tbody tr td:first-child strong{font-weight:700;font-family:inherit}
.compareTableWrap .table tbody tr td:not(:first-child){padding:14px 16px;text-align:center;vertical-align:middle;border-left:1px solid var(--rule);color:var(--ink-soft);font-size:13px;border-bottom:1px solid var(--rule)}
.compareTableWrap .table tbody tr:first-child td:not(:first-child){padding:20px 16px;vertical-align:top}
.compareTableWrap .table tbody tr:first-child td img{width:110px;height:110px;object-fit:contain;border-radius:8px;background:var(--cream);padding:8px;border:1px solid var(--rule);display:block;margin:0 auto 10px;transition:transform .2s}
.compareTableWrap .table tbody tr:first-child td img:hover{transform:scale(1.05)}
.compareTableWrap .table tbody tr:first-child td a.comprProdTitle{display:block;font-family:var(--font-slab);font-size:13px;font-weight:700;color:var(--ink);line-height:1.35;text-decoration:none;transition:color .15s;margin-top:6px}
.compareTableWrap .table tbody tr:first-child td a.comprProdTitle:hover{color:var(--green)}
.compareTableWrap .table tbody tr:first-child td span[id^="itemTitle"]{color:var(--ink);font-size:13px}
.mcg-card .priceSpan{font-family:var(--font-slab);font-size:18px;font-weight:700;color:var(--ink);display:block}
.priceSpanFa .fa-phone{color:var(--green)}
.compareTableWrap .table tbody td[id^="itemShortDesc"]{text-align:left}
.compareTableWrap .cimm_multiAddcart{margin-top:10px;text-align:center}
.compareTableWrap .cimm_multiAddcart .btn,
.compareTableWrap .cimm_multiAddcart input[type="button"],
.compareTableWrap .cimm_multiAddcart button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;background:var(--green);color:#fff;border:none;border-radius:var(--radius);font-family:var(--font-slab);font-size:12px;font-weight:700;cursor:pointer;transition:background .2s;width:100%}
.compareTableWrap .cimm_multiAddcart .btn:hover,
.compareTableWrap .cimm_multiAddcart button:hover{background:var(--green-dk)}
.compareTableWrap input[type="text"].qtyInput,
.compareTableWrap input.qtyInput{width:60px;height:34px;border:1.5px solid var(--rule);border-radius:var(--radius);text-align:center;font-family:var(--font-slab);font-size:14px;font-weight:700;color:var(--ink);outline:none;transition:border-color .2s}
.compareTableWrap input.qtyInput:focus{border-color:var(--green)}
#removeProduct{display:none}

/* ——— EMPTY STATE ——— */
.cmp-empty{text-align:center;padding:64px 24px;background:var(--white);border:1px solid var(--rule);border-radius:10px;box-shadow:var(--shadow-sm)}
.cmp-empty-icon{width:64px;height:64px;border-radius:16px;background:var(--green-wash);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.cmp-empty-icon svg{width:32px;height:32px;color:var(--green)}
.cmp-empty h3{font-family:var(--font-slab);font-size:20px;font-weight:700;color:var(--ink);margin-bottom:8px}
.cmp-empty p{font-size:14px;color:var(--mid);margin-bottom:20px}
.cmp-empty-btn{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;padding:12px 28px;border-radius:var(--radius);font-family:var(--font-slab);font-weight:600;font-size:14px;text-decoration:none;transition:background .2s}
.cmp-empty-btn:hover{background:var(--green-dk)}

/* ——— LEGEND ——— */
.cmp-legend{display:flex;align-items:center;gap:20px;margin-top:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.cmp-legend-item{display:flex;align-items:center;gap:6px}
.cmp-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}
.cmp-legend-dot--similar{background:#c5edaa;border:2px solid var(--green-mid)}
.cmp-legend-dot--diff{background:#f8b4b2;border:2px solid var(--red)}
.cmp-legend-hint{margin-left:auto;font-size:11px}

@media(max-width:768px){
  .cmp-toolbar-inner{flex-direction:column;align-items:flex-start}
  .compareTableWrap .table tbody tr td:first-child{min-width:120px;width:120px}
  .cmp-hero h1{font-size:22px}
}

/* ==============================================
   AUTH PAGES — Login · Register · Forgot Password
   ============================================== */

/* HERO */
.auth-hero{background:linear-gradient(135deg,var(--green-dk) 0%,var(--green) 60%,var(--green-lt) 100%);color:var(--white);padding:48px 24px 56px;text-align:center;position:relative;overflow:hidden}
.auth-hero::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity:.5;pointer-events:none}
.auth-hero-inner{position:relative;max-width:680px;margin:0 auto}
.auth-hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sage);margin-bottom:12px}
.auth-hero h1{font-family:var(--font-slab);font-size:clamp(2rem,5vw,2.75rem);font-weight:600;color:var(--white);margin:0 0 12px;line-height:1.1}
.auth-hero h1 em{font-style:normal;color:var(--sage)}
.auth-hero-sub{font-family:var(--font-sans);font-size:15px;color:rgba(255,255,255,.75);margin:0 auto;max-width:480px;line-height:1.55}

/* PAGE LAYOUT */
.auth-page{max-width:900px;margin:0 auto;padding:40px 20px 60px}
.auth-page--centered{max-width:520px}

/* AUTH LAYOUT (login: single or two-column split) */
.auth-layout{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}
.auth-layout .auth-card{flex:1;min-width:280px}
.auth-layout--split .auth-card{flex:1}
.auth-divider-vert{display:flex;align-items:center;justify-content:center;padding:20px 8px;flex-shrink:0;align-self:center}
.auth-divider-vert span{display:flex;align-items:center;gap:12px;font-family:var(--font-sans);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.auth-divider-vert span::before,.auth-divider-vert span::after{content:"";width:1px;height:48px;background:var(--rule)}

/* CARD */
.auth-card{background:var(--white);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden}
.auth-card--narrow{max-width:480px;margin-inline:auto}
.auth-card--wide{width:100%}
.auth-card--alt{background:var(--cream)}
.auth-card-header{padding:28px 28px 20px;border-bottom:1px solid var(--rule);text-align:center}
.auth-card-icon{width:40px;height:40px;color:var(--green);margin-bottom:12px}
.auth-card-header h2{font-family:var(--font-slab);font-size:1.4rem;color:var(--ink);margin:0 0 6px;font-weight:600}
.auth-card-sub{font-family:var(--font-sans);font-size:13px;color:var(--mid);margin:0;line-height:1.5}
.auth-card-footer{padding:16px 28px;border-top:1px solid var(--rule);text-align:center;font-family:var(--font-sans);font-size:13px;color:var(--mid);background:var(--cream)}

/* FORM */
.auth-form{padding:24px 28px}
.auth-caption{font-family:var(--font-sans);font-size:11px;color:var(--muted);margin-bottom:16px}
.auth-caption .required{color:var(--red);margin-right:2px}

/* SECTION LABELS (register page) */
.auth-section-label{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green);border-bottom:1px solid var(--rule);padding-bottom:8px;margin:24px 0 16px}

/* FIELD */
.auth-field{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}
.auth-field>label{font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--ink-soft)}
.auth-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.auth-field-row--three{grid-template-columns:1fr 1fr 1fr}
.auth-field-err{font-size:11px;color:var(--red);font-family:var(--font-sans)}
.auth-field-hint{font-family:var(--font-sans);font-size:11px;color:var(--muted);line-height:1.4}

/* INPUT */
.auth-input-wrap{position:relative;display:flex;align-items:center}
.auth-input-icon{position:absolute;left:12px;width:15px;height:15px;color:var(--muted);pointer-events:none;flex-shrink:0}
.auth-input-wrap .auth-input{padding-left:36px!important}
.auth-input.form-control{border:1.5px solid var(--rule-dk);border-radius:var(--radius);font-family:var(--font-sans);font-size:14px;color:var(--ink);background:var(--white);height:42px;transition:border-color .2s,box-shadow .2s}
.auth-input.form-control:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(31,78,15,.08);outline:none}
.auth-input.form-control::placeholder{color:var(--muted)}
select.auth-input.form-control{cursor:pointer;height:42px}

/* PASSWORD TOGGLE */
.auth-pw-toggle{position:absolute;right:10px;cursor:pointer;font-size:12px}

/* PASSWORD RULES */
.auth-pw-rules{background:var(--cream);border-radius:var(--radius);padding:10px 12px;margin-top:8px;font-family:var(--font-sans);font-size:11px;color:var(--mid);line-height:1.8}
.auth-pw-rules-title{font-weight:700;color:var(--ink-soft);margin-bottom:4px;font-size:12px}

/* REMEMBER + FORGOT ROW */
.auth-form-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.auth-remember{font-family:var(--font-sans);font-size:13px}
.auth-forgot{font-family:var(--font-sans);font-size:13px;color:var(--green);text-decoration:none;font-weight:500}
.auth-forgot:hover{text-decoration:underline;color:var(--green-dk)}

/* SUBMIT BUTTON */
.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;background:var(--green);color:var(--white);border:none;border-radius:var(--radius);font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:background .2s,transform .1s;text-decoration:none;margin-bottom:0;box-sizing:border-box}
.auth-submit:hover,.auth-submit:focus{background:var(--green-dk);color:var(--white);text-decoration:none}
.auth-submit:active{transform:translateY(1px)}
.auth-submit--outline{background:transparent;border:1.5px solid var(--green);color:var(--green)}
.auth-submit--outline:hover{background:var(--green-wash);color:var(--green-dk)}
input.auth-submit{-webkit-appearance:none;appearance:none}

/* INLINE LINK */
.auth-link{color:var(--green);font-weight:600;text-decoration:none;margin-left:6px}
.auth-link:hover{text-decoration:underline;color:var(--green-dk)}

/* NOTICE / ALERT */
.auth-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius);font-family:var(--font-sans);font-size:13px;margin-bottom:20px;line-height:1.4}
.auth-notice svg{flex-shrink:0;margin-top:1px}
.auth-notice--success{background:var(--green-wash);color:var(--green-dk);border:1px solid rgba(31,78,15,.15)}
.auth-notice--error{background:var(--red-lt);color:var(--red);border:1px solid rgba(200,36,28,.15)}

/* CHECKBOXES GROUP */
.auth-checkboxes{display:flex;flex-direction:column;gap:12px;margin:20px 0}
.auth-form-actions{margin-top:24px}

/* TRUST STRIP */
.auth-trust-strip{display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid var(--rule);margin-top:40px;padding-top:32px}
.auth-trust-item{display:flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:12px;color:var(--mid);font-weight:500;padding:8px 20px;border-right:1px solid var(--rule)}
.auth-trust-item:last-child{border-right:none}
.auth-trust-item svg{width:18px;height:18px;color:var(--green);flex-shrink:0}

/* SUCCESS STATE */
.auth-success-wrap{padding:40px 20px}
.auth-success-card{text-align:center;padding:40px 32px}
.auth-success-icon{width:56px;height:56px;color:var(--green);margin-bottom:16px}
.auth-success-card h4{font-family:var(--font-slab);font-size:1.4rem;color:var(--ink);margin:0 0 12px}
.auth-success-card p{font-family:var(--font-sans);font-size:14px;color:var(--mid);margin-bottom:24px;line-height:1.55}
.auth-success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.auth-success-actions .auth-submit{width:auto;min-width:140px}

/* RESPONSIVE */
@media(max-width:768px){
  .auth-hero{padding:32px 16px 40px}
  .auth-page{padding:24px 16px 40px}
  .auth-layout{flex-direction:column}
  .auth-divider-vert{padding:8px;width:100%}
  .auth-divider-vert span::before,.auth-divider-vert span::after{width:40px;height:1px}
  .auth-field-row,.auth-field-row--three{grid-template-columns:1fr}
  .auth-card-header,.auth-form{padding:20px 16px}
  .auth-trust-item{border-right:none;border-bottom:1px solid var(--rule);width:50%;justify-content:flex-start}
}
@media(max-width:480px){
  .auth-trust-item{width:100%}
  .auth-trust-item:last-child{border-bottom:none}
}

/* PRODUCT CARD — button alignment spacer */
.mcg-btn-spacer{display:block;list-style:none;min-height:15px}

/* GIFT CARD AMOUNT BLOCK — product grid / category */
.giftCardAmountProductGrid {
  padding: 8px 0 4px;
}
.giftCardAmountProductGrid label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--mcg-mid);
  margin-bottom: 6px;
  letter-spacing: .3px;
}
/* Gift card amount — single unified row
   HTML: .input-group.giftCardAmountWrapper
           > div.giftCardAmountEnterAmount
               > span.input-group-addon.giftCardAmountCurrencySign.form-control  ($)
               > input[type=text].form-control
           > div.input-group-btn.giftCardAmountApplyBtn
               > button.form-control  (Apply)
   Problems to fix:
     - Bootstrap .input-group → display:table (override to flex)
     - Bootstrap .input-group-btn → font-size:0 (override btn font-size explicitly)
     - Bootstrap .form-control on button → width:100%;display:block (override)
*/
.giftCardAmountWrapper {
  display: flex !important;
  align-items: stretch !important;
  height: 38px !important;
  width: 100% !important;
  border: 1px solid var(--mcg-rule-dk) !important;
  border-radius: var(--mcg-r) !important;
  overflow: hidden !important;
  background: #fff;
  box-sizing: border-box;
  padding: 0 !important;
}
/* inner div: $ + input  */
.giftCardAmountEnterAmount {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-items: stretch !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* $ sign — span has .input-group-addon .form-control on it */
.giftCardAmountCurrencySign {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: auto !important;
  height: 38px !important;
  padding: 0 10px !important;
  background: var(--mcg-green-wash) !important;
  color: var(--mcg-green) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  border: none !important;
  border-right: 1px solid var(--mcg-rule-dk) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 38px !important;
  float: none !important;
}
/* text input */
.giftCardAmountEnterAmount input[type="text"].form-control {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 38px !important;
  padding: 0 8px !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: 13px !important;
  background: #fff !important;
  display: block !important;
  float: none !important;
  position: static !important;
  z-index: auto !important;
}
.giftCardAmountEnterAmount input[type="text"].form-control:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
/* Apply button wrapper — Bootstrap sets font-size:0 here, must reset */
.giftCardAmountApplyBtn {
  display: block !important;
  flex-shrink: 0 !important;
  width: auto !important;
  height: 38px !important;
  font-size: 12px !important;   /* reset Bootstrap's font-size:0 */
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
/* Apply button — .form-control class forces width:100%;display:block; override both */
.giftCardAmountApplyBtn button.form-control,
.giftCardAmountApplyBtn button {
  display: inline-block !important;
  width: auto !important;
  min-width: 62px !important;
  height: 38px !important;
  padding: 0 14px !important;
  background: var(--mcg-green) !important;
  color: #fff !important;
  border: none !important;
  border-left: 1px solid var(--mcg-green-dk) !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background .15s;
  box-shadow: none !important;
  float: none !important;
  line-height: 38px !important;
  vertical-align: top !important;
}
.giftCardAmountApplyBtn button.form-control:hover,
.giftCardAmountApplyBtn button:hover {
  background: var(--mcg-green-dk) !important;
}
.giftCardAmountError {
  display: block;
  font-size: 11px;
  color: var(--mcg-red);
  margin-top: 4px;
  min-height: 14px;
}
.giftCardAmountSuccess {
  font-size: 12px;
  margin-top: 6px;
  padding: 6px 10px;
  border-radius: var(--mcg-r);
}

/* =============================================================
   NO DATA FOUND / ZERO RESULTS PAGE  —  McGuckin custom styles
   Added: 2026-04-17 | Do not edit existing rules above.
   ============================================================= */

/* ——— Page wrapper ——— */
.ndf-page {
  font-family: var(--font-sans);
  color: var(--mcg-ink);
  background: var(--mcg-cream);
  padding: 0 0 64px;
}

/* ——— Hero ——— */
.ndf-hero {
  background: linear-gradient(135deg, #0f3208 0%, #1a5510 50%, #28701a 100%);
  padding: 64px 24px 80px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.ndf-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M20 20.5V18H0v-2h20V0h2v16h18v2H22v4.5a2.5 2.5 0 1 1-2 0z'/%3E%3C/g%3E%3C/svg%3E");
}
.ndf-hero-inner {
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* Icon ring */
.ndf-icon-ring {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .1);
  border: 2px solid rgba(255, 255, 255, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
}
.ndf-icon-ring svg {
  width: 40px;
  height: 40px;
  color: var(--mcg-sage);
}

/* Hero headings */
.ndf-hero-title {
  font-family: var(--font-slab) !important;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 12px;
}
.ndf-hero-title em {
  color: var(--mcg-sage);
  font-style: normal;
  word-break: break-word;
}
.ndf-hero-sub {
  font-size: 16px;
  color: rgba(255, 255, 255, .65);
  line-height: 1.6;
  margin-bottom: 28px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

/* ——— Inline search form ——— */
.ndf-search-form {
  display: flex;
  max-width: 520px;
  margin: 0 auto 20px;
  border-radius: var(--mcg-r);
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, .2);
  background: rgba(255, 255, 255, .08);
  transition: border-color .2s;
}
.ndf-search-form:focus-within {
  border-color: var(--mcg-sage);
}
.ndf-search-form input {
  flex: 1;
  border: none;
  background: transparent;
  padding: 13px 18px;
  font-size: 15px;
  font-family: var(--font-sans);
  color: #fff;
  outline: none;
}
.ndf-search-form input::placeholder {
  color: rgba(255, 255, 255, .45);
}
.ndf-search-form button {
  background: var(--mcg-sage);
  border: none;
  padding: 0 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-slab);
  font-size: 14px;
  font-weight: 700;
  color: var(--mcg-green-dk);
  transition: background .2s;
  white-space: nowrap;
  gap: 6px;
}
.ndf-search-form button:hover {
  background: #b8e68c;
}
.ndf-search-form button svg {
  width: 16px;
  height: 16px;
}

/* ——— Did You Mean ——— */
.ndf-dym {
  margin-top: 16px;
}
.ndf-dym-label {
  font-size: 13px;
  color: rgba(255, 255, 255, .5);
  margin-bottom: 8px;
}
.ndf-dym-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.ndf-dym-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(168, 216, 122, .15);
  border: 1px solid rgba(168, 216, 122, .25);
  color: var(--mcg-sage);
  padding: 7px 18px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-sans);
  text-decoration: none;
  transition: background .2s, border-color .2s, color .2s;
}
.ndf-dym-chip:hover {
  background: rgba(168, 216, 122, .3);
  border-color: rgba(168, 216, 122, .5);
  color: #d4f0a0;
  text-decoration: none;
}
.ndf-dym-chip svg {
  width: 13px;
  height: 13px;
  opacity: .7;
}

/* ——— Content wrapper ——— */
.ndf-content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ——— Section title ——— */
.ndf-section-title {
  font-family: var(--font-slab) !important;
  font-size: 20px;
  font-weight: 700;
  color: var(--mcg-ink);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ndf-section-title svg {
  width: 20px;
  height: 20px;
  color: var(--mcg-green);
  flex-shrink: 0;
}

/* ——— Search Tips ——— */
.ndf-tips-section {
  margin: 40px 0;
}
.ndf-tips-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.ndf-tip-card {
  background: var(--mcg-white);
  border: 1px solid var(--mcg-rule);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.ndf-tip-num {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--mcg-green-wash);
  color: var(--mcg-green);
  font-family: var(--font-slab);
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}
.ndf-tip-body strong {
  font-family: var(--font-slab);
  font-size: 13px;
  font-weight: 700;
  color: var(--mcg-ink);
  display: block;
  margin-bottom: 3px;
}
.ndf-tip-body span {
  font-size: 12px;
  color: var(--mcg-mid);
  line-height: 1.5;
}

/* ——— Popular Searches ——— */
.ndf-popular-section {
  margin: 0 0 40px;
}
.ndf-popular-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ndf-pop-chip {
  padding: 8px 18px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 600;
  border: 1.5px solid var(--mcg-rule);
  color: var(--mcg-mid);
  background: var(--mcg-white);
  text-decoration: none;
  transition: border-color .15s, color .15s, background .15s;
}
.ndf-pop-chip:hover {
  border-color: var(--mcg-green-mid);
  color: var(--mcg-green);
  background: var(--mcg-green-wash);
  text-decoration: none;
}
.ndf-pop-chip--accent {
  border-color: rgba(31, 78, 15, .2);
  color: var(--mcg-green);
}

/* ——— Browse Departments ——— */
.ndf-depts-section {
  margin: 0 0 40px;
}
.ndf-depts-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
.ndf-dept-tile {
  background: var(--mcg-white);
  border: 1px solid var(--mcg-rule);
  border-radius: 10px;
  padding: 18px 12px 14px;
  text-align: center;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, border-color .2s;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.ndf-dept-tile:hover {
  transform: translateY(-3px);
  box-shadow: var(--mcg-shadow-md);
  border-color: var(--mcg-sage);
  text-decoration: none;
}
.ndf-dept-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--mcg-green-wash);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.ndf-dept-name {
  font-family: var(--font-slab);
  font-size: 12px;
  font-weight: 700;
  color: var(--mcg-ink);
  line-height: 1.3;
}

/* ——— Browse All CTA banner ——— */
.ndf-browse-banner {
  background: linear-gradient(90deg, var(--mcg-green) 0%, var(--mcg-green-lt) 100%);
  border-radius: 12px;
  padding: 28px 32px;
  margin: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.ndf-banner-text {
  color: #fff;
}
.ndf-banner-title {
  font-family: var(--font-slab) !important;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}
.ndf-banner-desc {
  font-size: 14px;
  color: rgba(255, 255, 255, .7);
  line-height: 1.5;
}
.ndf-banner-btn {
  background: var(--mcg-sage);
  color: var(--mcg-green-dk);
  padding: 13px 26px;
  border-radius: var(--mcg-r);
  font-family: var(--font-slab);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: background .2s;
  white-space: nowrap;
  display: inline-block;
}
.ndf-banner-btn:hover {
  background: #b8e68c;
  text-decoration: none;
  color: var(--mcg-green-dk);
}

/* ——— Green Vest help card ——— */
.ndf-help-card {
  background: var(--mcg-white);
  border: 2px solid var(--mcg-green-wash);
  border-radius: 12px;
  padding: 28px 32px;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.ndf-help-icon {
  font-size: 40px;
  flex-shrink: 0;
}
.ndf-help-body {
  flex: 1;
  min-width: 0;
}
.ndf-help-body strong {
  font-family: var(--font-slab);
  font-size: 18px;
  font-weight: 700;
  color: var(--mcg-ink);
  display: block;
  margin-bottom: 5px;
}
.ndf-help-body p {
  font-size: 14px;
  color: var(--mcg-mid);
  line-height: 1.5;
  margin: 0;
}
.ndf-help-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  flex-shrink: 0;
}
.ndf-help-btn-primary {
  background: var(--mcg-green);
  color: #fff;
  padding: 12px 22px;
  border-radius: var(--mcg-r);
  font-family: var(--font-slab);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: background .2s;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.ndf-help-btn-primary:hover {
  background: var(--mcg-green-dk);
  color: #fff;
  text-decoration: none;
}
.ndf-help-btn-primary svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.ndf-help-btn-outline {
  background: var(--mcg-green-wash);
  color: var(--mcg-green);
  padding: 11px 22px;
  border-radius: var(--mcg-r);
  font-family: var(--font-slab);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  border: 1.5px solid rgba(31, 78, 15, .2);
  transition: background .2s, color .2s;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.ndf-help-btn-outline:hover {
  background: var(--mcg-green);
  color: #fff;
  text-decoration: none;
}
.ndf-help-btn-outline svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* ——— Divider ——— */
.ndf-divider {
  border: none;
  border-top: 1px solid var(--mcg-rule);
  margin: 0 0 40px;
}

/* ——— Responsive ——— */
@media (max-width: 960px) {
  .ndf-tips-grid    { grid-template-columns: repeat(2, 1fr); }
  .ndf-depts-grid   { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 640px) {
  .ndf-hero-title   { font-size: 26px; }
  .ndf-hero         { padding: 44px 20px 60px; }
  .ndf-browse-banner,
  .ndf-help-card    { flex-direction: column; align-items: flex-start; }
  .ndf-depts-grid   { grid-template-columns: repeat(3, 1fr); }
  .ndf-tips-grid    { grid-template-columns: 1fr; }
  .ndf-content      { padding: 0 16px; }
  .ndf-search-form  { flex-direction: column; border: none; background: none; }
  .ndf-search-form input  { border: 2px solid rgba(255,255,255,.2); border-radius: var(--mcg-r); background: rgba(255,255,255,.08); color: #fff; margin-bottom: 8px; }
  .ndf-search-form button { border-radius: var(--mcg-r); padding: 13px 22px; justify-content: center; }
}
@media (max-width: 420px) {
  .ndf-depts-grid { grid-template-columns: repeat(2, 1fr); }
}
.giftCardAmountSuccess.hidden { display: none !important; }

/* =============================================================
   CHECKOUT PAGE — McGuckin Redesign  (co-* prefix only)
   Matches mcguckin-checkout-redesign.html reference design.
   2026-04-17 — clean rewrite. Do not edit rules above this line.
   ============================================================= */

/* ─── WIZARD CONTAINER ─── */
.co-wizard {
  background: var(--mcg-white);
  border: 1px solid var(--mcg-rule);
  border-radius: 10px;
  overflow: visible;
  box-shadow: var(--mcg-shadow-sm);
  margin-bottom: 20px;
}
.co-wizard .multiTabContent {
  min-height: 200px;
}

/* ─── WIZARD TABS  (ul.multiTabHeading.co-wizard-tabs) ─── */
.co-wizard-tabs {
  display: flex !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: var(--mcg-cream);
  border-bottom: 2px solid var(--mcg-rule);
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.co-wizard-tabs > li {
  flex: 1;
}
.co-wizard-tabs > li > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  font-family: var(--font-slab);
  font-size: 13px;
  font-weight: 600;
  color: var(--mcg-mid);
  text-decoration: none !important;
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
  background: transparent;
  transition: color .15s, border-color .15s, background .15s;
  white-space: nowrap;
  text-align: center;
}
.co-wizard-tabs > li > a:hover {
  color: var(--mcg-green);
  background: rgba(31,78,15,.06);
  text-decoration: none;
}
.co-wizard-tabs > li.active > a,
.co-wizard-tabs > li.selected > a {
  color: var(--mcg-green);
  border-bottom-color: var(--mcg-green);
  background: rgba(31,78,15,.06);
  text-decoration: none;
}
.co-wizard-tabs > li.disabled > a {
  color: var(--mcg-muted);
  cursor: default;
  pointer-events: none;
}

/* ─── STEP CONTENT ─── */
.co-step {
  background: var(--mcg-white);
   /* padding: 0 24px 28px; */
}

/* ─── STEP HEADER ─── */
.co-step-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 24px;
  margin: 0 -24px 20px;
  background: var(--mcg-cream);
  border-bottom: 1px solid var(--mcg-rule);
}
.co-step-num {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--mcg-green);
  color: #fff;
  font-family: var(--font-slab);
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.co-step-title {
  font-family: var(--font-slab);
  font-size: 16px;
  font-weight: 700;
  color: var(--mcg-ink);
}

/* ─── FORM LABELS INSIDE STEPS ─── */
.co-step .form-group > label:not(.customRadioBtn):not(.customCheckBox):not(.availCheckBox),
.co-step label.w-100:not(.customRadioBtn):not(.customCheckBox):not(.availCheckBox) {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--mcg-mid) !important;
  text-transform: uppercase;
  letter-spacing: .03em;
  margin-bottom: 5px;
}

/* ─── FORM CONTROLS INSIDE STEPS ─── */
.co-step .form-control,
.co-step input.form-control,
.co-step select.form-control {
  height: 42px !important;
  border: 1.5px solid var(--mcg-rule) !important;
  border-radius: var(--mcg-r) !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  font-family: var(--font-sans) !important;
  color: var(--mcg-ink) !important;
  background: var(--mcg-white) !important;
  transition: border-color .2s !important;
  box-shadow: none !important;
}
.co-step .form-control:focus,
.co-step input.form-control:focus,
.co-step select.form-control:focus {
  border-color: var(--mcg-green) !important;
  box-shadow: 0 0 0 3px rgba(31,78,15,.08) !important;
  outline: none !important;
}
.co-step textarea.form-control {
  height: auto !important;
  padding: 10px 14px !important;
  min-height: 72px;
}

/* ─── STORE INFO BLOCKS ─── */
.co-step .checkoutStoreInfo,
.co-step .checkoutStorePickupAt,
.co-step .checkoutStoreShipToInfo {
  background: var(--mcg-green-wash);
  border: 1px solid rgba(31,78,15,.12);
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 14px;
}
.co-step .checkoutStoreInfo strong,
.co-step .checkoutStorePickupAt strong,
.co-step .checkoutStoreShipToInfo strong {
  font-family: var(--font-slab);
  font-size: 14px;
  color: var(--mcg-ink);
  display: block;
  margin-bottom: 4px;
}
.co-step .storeLocator {
  color: var(--mcg-green);
  font-weight: 700;
}

/* ─── CURBSIDE / FULFILLMENT RADIO TILES ─── */
.customRadioBtncurbside {
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 12px 14px !important;
  background: var(--mcg-white) !important;
  border: 2px solid var(--mcg-rule) !important;
  border-radius: 10px !important;
  cursor: pointer;
  transition: border-color .18s, background .18s, box-shadow .18s;
  text-align: center;
  min-width: 108px;
  max-width: 160px;
  vertical-align: top;
  margin: 0 6px 8px 0 !important;
  position: relative;
}
.customRadioBtncurbside:hover {
  border-color: var(--mcg-green-mid) !important;
  background: var(--mcg-green-wash) !important;
}
.customRadioBtncurbside input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
}
.customRadioBtncurbside > span {
  font-family: var(--font-slab);
  font-size: 13px;
  font-weight: 700;
  color: var(--mcg-ink);
  display: block;
  line-height: 1.3;
  pointer-events: none;
}
.customRadioBtncurbside:has(input:checked) {
  border-color: var(--mcg-green) !important;
  background: var(--mcg-green-wash) !important;
  box-shadow: 0 0 0 1px var(--mcg-green);
}
.customRadioBtncurbside.active {
  border-color: var(--mcg-green) !important;
  background: var(--mcg-green-wash) !important;
  box-shadow: 0 0 0 1px var(--mcg-green);
}

/* Request-delivery variant */
.customRadioBtnreqDelivery {
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 12px 14px !important;
  background: var(--mcg-gold-lt) !important;
  border: 2px solid rgba(200,146,10,.3) !important;
  border-radius: 10px !important;
  cursor: pointer;
  transition: border-color .18s, background .18s;
  text-align: center;
  min-width: 108px;
  vertical-align: top;
  margin: 0 6px 8px 0 !important;
  position: relative;
}
.customRadioBtnreqDelivery input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
}
.customRadioBtnreqDelivery > span {
  font-family: var(--font-slab);
  font-size: 13px;
  font-weight: 700;
  color: var(--mcg-gold);
  display: block;
  pointer-events: none;
}
.customRadioBtnreqDelivery:has(input:checked) {
  border-color: var(--mcg-gold) !important;
  box-shadow: 0 0 0 1px var(--mcg-gold);
}

/* ─── PAYMENT TABS  (ul.multiTabHeading2.co-pay-tabs) ─── */
.co-pay-tabs {
  display: flex !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 20px !important;
  border: 2px solid var(--mcg-rule) !important;
  border-radius: var(--mcg-r) !important;
  overflow: hidden;
}
.co-pay-tabs > li {
  flex: 1;
}
.co-pay-tabs > li > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 14px;
  font-family: var(--font-slab);
  font-size: 13px;
  font-weight: 600;
  color: var(--mcg-mid);
  text-decoration: none !important;
  background: var(--mcg-white);
  border-right: 1px solid var(--mcg-rule);
  transition: background .15s, color .15s;
}
.co-pay-tabs > li:last-child > a {
  border-right: none;
}
.co-pay-tabs > li > a:hover {
  background: var(--mcg-green-wash);
  color: var(--mcg-green);
  text-decoration: none;
}
.co-pay-tabs > li.active > a,
.co-pay-tabs > li.selected > a {
  background: var(--mcg-green) !important;
  color: #fff !important;
  text-decoration: none;
}
/* FontAwesome icons for each payment tab */
.co-pay-tabs > li > a[href="#checkoutPO"]::before {
  font-family: "FontAwesome" !important;
  content: "\f15c" !important;  /* fa-file-text-o */
  font-size: 15px !important;
  line-height: 1 !important;
}
.co-pay-tabs > li > a[href="#creditCard"]::before {
  font-family: "FontAwesome" !important;
  content: "\f09d" !important;  /* fa-credit-card */
  font-size: 15px !important;
  line-height: 1 !important;
}

/* ─── PAGER BUTTONS INSIDE STEPS ─── */
.co-wizard .pager,
.co-step .pager {
  margin-top: 20px;
}
.co-wizard .pager li > a,
.co-step .pager li > a {
  border-radius: var(--mcg-r) !important;
  font-family: var(--font-slab) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  transition: background .15s, border-color .15s !important;
}
.co-wizard .pager li.next > a,
.co-step .pager li.next > a {
  background: var(--mcg-green) !important;
  border-color: var(--mcg-green) !important;
  color: #fff !important;
}
.co-wizard .pager li.next > a:hover,
.co-step .pager li.next > a:hover {
  background: var(--mcg-green-dk) !important;
  border-color: var(--mcg-green-dk) !important;
}
.co-wizard .pager li.previous > a,
.co-step .pager li.previous > a {
  background: var(--mcg-white) !important;
  border-color: var(--mcg-rule-dk) !important;
  color: var(--mcg-mid) !important;
}
.co-wizard .pager li.previous > a:hover,
.co-step .pager li.previous > a:hover {
  background: var(--mcg-cream) !important;
}

/* ─── ORDER SUMMARY — RIGHT COLUMN ─── */
.co-col-summary {
  padding-left: 8px;
}
/* Both classes on the same div: orderSummaryWrap.co-summary-wrap */
.orderSummaryWrap.co-summary-wrap {
  background: var(--mcg-white);
  border: 1px solid var(--mcg-rule);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,.09);
  margin-bottom: 0;
}
.co-summary-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  background: var(--mcg-cream);
  border-bottom: 1px solid var(--mcg-rule);
}
.co-summary-head .pull-left,
.co-summary-head .pull-right {
  float: none !important;
}
.co-summary-title {
  font-family: var(--font-slab) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--mcg-ink) !important;
  margin: 0 !important;
}
.co-summary-edit {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--mcg-green-lt) !important;
  text-decoration: none !important;
}
.co-summary-edit:hover {
  color: var(--mcg-green) !important;
  text-decoration: none !important;
}
.co-summary-wrap .locationDetails {
  font-size: 12px;
  font-weight: 700;
  color: var(--mcg-mid);
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 10px 20px 8px;
  margin: 0;
  background: var(--mcg-cream);
  border-bottom: 1px solid var(--mcg-rule);
  display: block;
  line-height: 1.4;
}
.co-summary-wrap .locationDetails .primaryColor {
  color: var(--mcg-green);
  text-transform: none;
}
.co-summary-wrap .cimm_siteTable {
  font-size: 13px;
  margin-bottom: 0 !important;
  border: none !important;
  width: 100% !important;
  table-layout: fixed;
}
/* Column width distribution inside the narrow summary panel */
.co-summary-wrap .cimm_siteTable thead th:nth-child(1),
.co-summary-wrap .cimm_siteTable tbody td:nth-child(1) { width: 44%; }
.co-summary-wrap .cimm_siteTable thead th:nth-child(2),
.co-summary-wrap .cimm_siteTable tbody td:nth-child(2) { width: 26%; }
.co-summary-wrap .cimm_siteTable thead th:nth-child(3),
.co-summary-wrap .cimm_siteTable tbody td:nth-child(3) { width: 13%; }
.co-summary-wrap .cimm_siteTable thead th:nth-child(4),
.co-summary-wrap .cimm_siteTable tbody td:nth-child(4) { width: 17%; }
.co-summary-wrap .cimm_siteTable thead th {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: var(--mcg-mid) !important;
  background: var(--mcg-cream) !important;
  border-bottom: 1px solid var(--mcg-rule) !important;
  border-top: none !important;
  padding: 7px 8px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.co-summary-wrap .cimm_siteTable tbody td {
  padding: 8px 8px !important;
  font-size: 12px !important;
  border-bottom: 1px solid var(--mcg-rule);
  vertical-align: middle;
  color: var(--mcg-ink);
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Item name cell — allow wrapping so long names don't burst the box */
.co-summary-wrap .cimm_siteTable tbody td:nth-child(1) {
  white-space: normal;
  word-break: break-word;
}
/* SKU / Qty / Price cells — no-wrap, clip with ellipsis */
.co-summary-wrap .cimm_siteTable tbody td:nth-child(2),
.co-summary-wrap .cimm_siteTable tbody td:nth-child(3),
.co-summary-wrap .cimm_siteTable tbody td:nth-child(4) {
  white-space: nowrap;
}
.co-summary-wrap .cimm_siteTable tbody tr:last-child td {
  border-bottom: none;
}
.co-summary-wrap .cimm_siteTable .formatPrice {
  font-family: var(--font-slab);
  font-weight: 700;
  white-space: nowrap;
}
.co-summary-wrap .cimm_salesBottomStrip {
  border-top: 1px solid var(--mcg-rule) !important;
  padding: 0 !important;
  background: var(--mcg-white);
  display: block !important;
}
.co-summary-wrap .cimm_salesBottomStrip table {
  width: 100%;
  margin: 0 !important;
  font-size: 13px;
}
.co-summary-wrap .cimm_salesBottomStrip table td {
  padding: 6px 20px !important;
  color: var(--mcg-mid);
  border: none;
}
.co-summary-wrap .cimm_salesBottomStrip table td:last-child {
  text-align: right;
  font-weight: 700;
  color: var(--mcg-ink);
}

/* ─── PLACE ORDER BUTTON (#checkoutBtn) ─── */
#checkoutBtn {
  margin: 0 !important;
  padding: 0 !important;
}
#checkoutBtn .pager {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-top: 1px solid var(--mcg-rule) !important;
}
#checkoutBtn .pager li {
  display: block;
  width: 100%;
}
#checkoutBtn .pager li > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  padding: 16px !important;
  background: var(--mcg-green) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 0 10px 10px !important;
  font-family: var(--font-slab) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-decoration: none !important;
  transition: background .2s !important;
  margin: 0 !important;
  box-shadow: none !important;
}
#checkoutBtn .pager li > a:hover {
  background: var(--mcg-green-dk) !important;
  color: #fff !important;
}
#confirmOrderPageDiv {
  margin: 0;
  padding: 0;
}

/* Trust badges below summary */
.co-trust-badges {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 14px;
  flex-wrap: wrap;
}
.co-trust-badge {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: var(--mcg-muted);
}
.co-trust-badge svg {
  width: 13px;
  height: 13px;
  color: var(--mcg-green);
}

/* ─── RESPONSIVE ─── */
@media (max-width: 991px) {
  .co-col-summary { padding-left: 15px; }
  .co-summary-wrap { position: static; }
  .co-wizard-tabs > li > a { font-size: 12px; padding: 12px 6px; }
}
@media (max-width: 767px) {
  .co-step { padding: 0 16px 20px; }
  .co-step-head { padding: 14px 16px; margin: 0 -16px 16px; }
  .co-wizard-tabs > li > a { font-size: 11px; padding: 10px 4px; }
  .co-summary-wrap .cimm_siteTable thead th,
  .co-summary-wrap .cimm_siteTable tbody td { padding: 7px 8px !important; }
  .co-summary-wrap .locationDetails { padding: 8px 10px !important; }
  .co-summary-head { padding: 14px 16px; }
  .co-summary-wrap .cimm_salesBottomStrip table td { padding: 5px 10px !important; }
  #checkoutBtn .pager li > a { font-size: 14px !important; padding: 14px !important; }
}
@media (max-width: 480px) {
  .co-wizard-tabs { flex-wrap: wrap; }
  .co-wizard-tabs > li { flex: 1 0 50%; }
  .customRadioBtncurbside { min-width: 88px; }
  .co-trust-badges { gap: 12px; }
}

/* ═══════════════════════════════════════════════════════════════════
   CRITICAL: multiTab plugin accordion h3 headers
   Plugin inserts <h3> into .multiTabContent. Existing plugin rule
   .multiTab .multiTabContent>h3 has specificity 0-2-1.
   #wizardCheckout selector (ID=1-0-0) overrides it.
   Design target: mcguckin-checkout-redesign.html reference.
   ═══════════════════════════════════════════════════════════════════ */

/* Wizard wrapper — transparent: visual cards come from h3+div pairs */
#wizardCheckout.co-wizard {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}

/* CSS counter reset on the content container */
#wizardCheckout .multiTabContent {
  counter-reset: co-step-num;
  overflow: visible !important;
  padding: 0 !important;
}

/* ──────────────────────────────────────────
   h3 BASE STYLES — default = closed/collapsed state
   Closed steps are standalone fully-rounded cards
   ────────────────────────────────────────── */
#wizardCheckout .multiTabContent > h3 {
  counter-increment: co-step-num;
  /* Spacing: first card flush, subsequent cards separated */
  margin: 12px 0 0 !important;
  /* Layout */
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px 20px !important;
  /* Colours */
  background: var(--mcg-cream) !important;
  color: var(--mcg-ink) !important;
  /* Typography */
  font-family: var(--font-slab) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  height: auto !important;
  line-height: 1.4 !important;
  /* Border — FULLY ROUNDED for closed/collapsed state */
  border: 1px solid var(--mcg-rule) !important;
  border-radius: 10px !important;
  /* Subtle elevation */
  box-shadow: 0 1px 4px rgba(0,0,0,.07) !important;
  cursor: pointer;
  position: relative !important;
}

/* No top margin on the very first step */
#wizardCheckout .multiTabContent > h3:first-child {
  margin-top: 0 !important;
}

/* Numbered green circle via CSS counter */
#wizardCheckout .multiTabContent > h3::before {
  content: counter(co-step-num) !important;
  min-width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--mcg-green);
  color: #fff;
  font-family: var(--font-slab);
  font-size: 12px;
  font-weight: 700;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
  box-shadow: 0 1px 3px rgba(31,78,15,.35);
}

/* Remove default FontAwesome arrow icons */
#wizardCheckout .multiTabContent > h3::after {
  display: none !important;
  content: "" !important;
}

/* ──────────────────────────────────────────
   h3.active — OPEN state: connects to content panel below
   Top corners stay rounded; bottom goes square to join div.
   Bottom border removed — div's top border is the separator.
   No shadow — div provides the card's shadow at the bottom.
   ────────────────────────────────────────── */
#wizardCheckout .multiTabContent > h3.active {
  border-radius: 10px 10px 0 0 !important;
  border-bottom-color: var(--mcg-rule-dk) !important;
  box-shadow: none !important;
  background: var(--mcg-cream) !important;
  color: var(--mcg-ink) !important;
}

/* Circle colour unchanged in active state */
#wizardCheckout .multiTabContent > h3.active::before {
  background: var(--mcg-green) !important;
}

/* ──────────────────────────────────────────
   Content panel (div below active h3)
   Bottom corners rounded; no top border (h3 provides it).
   ────────────────────────────────────────── */
#wizardCheckout .multiTabContent > div {
  border: 1px solid var(--mcg-rule) !important;
  border-top: none !important;
  border-radius: 0 0 10px 10px !important;
  padding: 24px !important;
  background: var(--mcg-white) !important;
  margin-bottom: 0 !important;
  box-shadow: 0 3px 8px rgba(0,0,0,.07) !important;
}

/* Ensure .co-step padding doesn't double up */
#wizardCheckout .multiTabContent > div.co-step {
  padding: 24px !important;
}

/* Hide the manual co-step-head divs — plugin h3 headers serve this role */
.co-step-head {
  display: none !important;
}

/* ─── Responsive ─── */
@media (max-width: 767px) {
  #wizardCheckout .multiTabContent > h3 {
    font-size: 13px !important;
    padding: 13px 14px !important;
    gap: 10px !important;
    margin-top: 10px !important;
  }
  #wizardCheckout .multiTabContent > h3::before {
    min-width: 22px;
    height: 22px;
    font-size: 11px;
  }
  #wizardCheckout .multiTabContent > div {
    padding: 16px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   BLOCK-BY-BLOCK DESIGN FIXES — each accordion panel
   ═══════════════════════════════════════════════════════════════════ */

/* ── RADIO TILE CARDS (all steps) ──────────────────────────────────
   Root cause: .customRadioBtn (line ~5686) injects custom radio circles
   via input+span::before and input+span::after, positioned absolute
   at top-left of the card label.  We hide them for card-style tiles.
   ─────────────────────────────────────────────────────────────────── */
.customRadioBtncurbside input[type="radio"] + span::before,
.customRadioBtncurbside input[type="radio"] + span::after,
.customRadioBtnreqDelivery input[type="radio"] + span::before,
.customRadioBtnreqDelivery input[type="radio"] + span::after {
  display: none !important;
  content: none !important;
}

/* The .customRadioBtn base class adds padding: 0 0 0 20px (space for circle).
   Our !important padding on the card tiles already overrides this,
   but be explicit here so the text is centred in the card. */
.customRadioBtncurbside,
.customRadioBtnreqDelivery {
  padding: 12px 18px !important;
  min-width: 114px !important;
  min-height: 50px !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Span text — centred, no inherited left nudge */
.customRadioBtncurbside > span,
.customRadioBtnreqDelivery > span {
  padding-left: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Selected tile — confirmed green ring */
.customRadioBtncurbside:has(input:checked),
.customRadioBtncurbside.active {
  border-color: var(--mcg-green) !important;
  background: var(--mcg-green-wash) !important;
  box-shadow: 0 0 0 1px var(--mcg-green) !important;
}
.customRadioBtnreqDelivery:has(input:checked) {
  border-color: var(--mcg-gold) !important;
  box-shadow: 0 0 0 1px var(--mcg-gold) !important;
}

/* ── BLOCK 1 & 2: FORM CONTROLS (inputs, selects, textareas) ───────
   .co-step .form-control already covers most cases.
   These rules catch controls inside nested divs that might miss.
   ─────────────────────────────────────────────────────────────────── */
.co-step input[type="text"],
.co-step input[type="email"],
.co-step input[type="tel"],
.co-step input[type="number"],
.co-step input[type="password"],
.co-step select,
.co-step textarea {
  height: 42px !important;
  border: 1.5px solid var(--mcg-rule-dk) !important;
  border-radius: var(--mcg-r) !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  font-family: var(--font-sans) !important;
  color: var(--mcg-ink) !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color .2s !important;
  width: 100%;
}
.co-step textarea {
  height: auto !important;
  padding: 10px 14px !important;
  min-height: 80px !important;
  resize: vertical !important;
}
.co-step select {
  appearance: auto;
  cursor: pointer;
}
.co-step input[type="text"]:focus,
.co-step input[type="email"]:focus,
.co-step input[type="tel"]:focus,
.co-step input[type="number"]:focus,
.co-step input[type="password"]:focus,
.co-step select:focus,
.co-step textarea:focus {
  border-color: var(--mcg-green) !important;
  box-shadow: 0 0 0 3px rgba(31,78,15,.08) !important;
  outline: none !important;
}

/* Form group spacing */
.co-step .form-group {
  margin-bottom: 16px !important;
}

/* ── BLOCK 3: COUPONS & DISCOUNTS ──────────────────────────────────
   Coupon code uses a <table> layout. Style it to look clean.
   ─────────────────────────────────────────────────────────────────── */
table.addCouponBlockTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
table.addCouponBlockTable tr {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap;
}
table.addCouponBlockTable td {
  padding: 0 !important;
  vertical-align: middle !important;
  border: none !important;
}
table.addCouponBlockTable td.couponCodeLabel {
  white-space: nowrap !important;
  font-family: var(--font-slab) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--mcg-mid) !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  flex-shrink: 0;
}
table.addCouponBlockTable td.removeCouponVal {
  flex: 1 !important;
}
table.addCouponBlockTable td.removeCouponVal input {
  height: 42px !important;
  width: 100% !important;
  border: 1.5px solid var(--mcg-rule-dk) !important;
  border-radius: var(--mcg-r) !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  font-family: var(--font-sans) !important;
  color: var(--mcg-ink) !important;
  background: #fff !important;
  box-shadow: none !important;
}
table.addCouponBlockTable td.removeCouponVal input:focus {
  border-color: var(--mcg-green) !important;
  box-shadow: 0 0 0 3px rgba(31,78,15,.08) !important;
  outline: none !important;
}
table.addCouponBlockTable td.removeCouponLink {
  flex-shrink: 0;
}
/* "Add Coupon" link → green button */
table.addCouponBlockTable td.removeCouponLink a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  height: 42px !important;
  padding: 0 20px !important;
  background: var(--mcg-green) !important;
  color: #fff !important;
  font-family: var(--font-slab) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: var(--mcg-r) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .15s;
  border: none !important;
}
table.addCouponBlockTable td.removeCouponLink a:hover {
  background: var(--mcg-green-dk) !important;
  text-decoration: none !important;
}

/* Applied coupons list styling */
table.removeCouponBlockTable {
  width: 100%;
}
table.removeCouponBlockTable td {
  padding: 6px 10px !important;
  font-size: 13px;
  border-bottom: 1px solid var(--mcg-rule);
}
table.removeCouponBlockTable a {
  color: var(--mcg-red, #c0392b) !important;
  font-size: 12px;
  font-weight: 600;
}

/* ── BLOCK 4: PAYMENT ──────────────────────────────────────────────
   Payment sub-tabs (co-pay-tabs) and form inside #creditCard / #checkoutPO
   ─────────────────────────────────────────────────────────────────── */

/* Form-group spacing inside payment panels */
#creditCard .form-group,
#checkoutPO .form-group {
  margin-bottom: 16px !important;
}

/* Payment inputs (inside .co-step but nested deeper) */
#creditCard input,
#checkoutPO input {
  height: 42px !important;
  border: 1.5px solid var(--mcg-rule-dk) !important;
  border-radius: var(--mcg-r) !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  font-family: var(--font-sans) !important;
  color: var(--mcg-ink) !important;
  background: #fff !important;
  box-shadow: none !important;
  width: 100%;
}
#creditCard input:focus,
#checkoutPO input:focus {
  border-color: var(--mcg-green) !important;
  box-shadow: 0 0 0 3px rgba(31,78,15,.08) !important;
  outline: none !important;
}
/* iFrame containers (authorize.net etc) */
#creditCard iframe {
  width: 100%;
}

/* ── STEP NAVIGATION BUTTONS — separator line above ──────────────── */
.co-step .pager {
  border-top: 1px solid var(--mcg-rule) !important;
  padding-top: 20px !important;
  margin-top: 24px !important;
}

/* ─── Block-level responsive ─── */
@media (max-width: 767px) {
  .customRadioBtncurbside,
  .customRadioBtnreqDelivery {
    min-width: 90px !important;
    padding: 10px 12px !important;
  }
  table.addCouponBlockTable tr {
    flex-wrap: wrap !important;
  }
  table.addCouponBlockTable td.removeCouponVal {
    width: 100% !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 3 — INPUT FIELDS · RADIO ICONS · LAYOUT · ORDER SUMMARY
   ═══════════════════════════════════════════════════════════════════ */

/* ── A. FORM INPUTS — #wizardCheckout specificity beats Bootstrap ───
   Selector specificity 1-0-2 wins over Bootstrap's 0-1-1.
   ─────────────────────────────────────────────────────────────────── */
#wizardCheckout input[type="text"],
#wizardCheckout input[type="email"],
#wizardCheckout input[type="tel"],
#wizardCheckout input[type="number"],
#wizardCheckout input[type="password"],
#wizardCheckout .form-control,
#wizardCheckout select {
  display: block !important;
  width: 100% !important;
  height: 44px !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  font-family: var(--font-sans) !important;
  color: var(--mcg-ink) !important;
  background: #fff !important;
  border: 1.5px solid #C8CDD6 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
  transition: border-color .2s, box-shadow .2s !important;
  line-height: normal !important;
  -webkit-appearance: none;
}
#wizardCheckout textarea,
#wizardCheckout textarea.form-control {
  height: auto !important;
  min-height: 90px !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  font-family: var(--font-sans) !important;
  color: var(--mcg-ink) !important;
  background: #fff !important;
  border: 1.5px solid #C8CDD6 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
  resize: vertical !important;
  width: 100% !important;
  display: block !important;
  line-height: 1.5 !important;
}
#wizardCheckout input[type="text"]:focus,
#wizardCheckout input[type="email"]:focus,
#wizardCheckout input[type="tel"]:focus,
#wizardCheckout input[type="number"]:focus,
#wizardCheckout input[type="password"]:focus,
#wizardCheckout .form-control:focus,
#wizardCheckout select:focus,
#wizardCheckout textarea:focus {
  border-color: var(--mcg-green) !important;
  box-shadow: 0 0 0 3px rgba(31,78,15,.10) !important;
  outline: none !important;
}
/* Native select — keep OS arrow */
#wizardCheckout select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23555B65' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 36px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  cursor: pointer;
}

/* Form labels — consistent uppercase style */
#wizardCheckout label:not(.customRadioBtn):not(.customCheckBox):not(.availCheckBox) {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--mcg-mid) !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  margin-bottom: 6px !important;
}
/* Form group spacing */
#wizardCheckout .form-group {
  margin-bottom: 18px !important;
}

/* ── B. RADIO TILE ICONS — emoji via label::before ──────────────────
   Emoji render natively in all modern browsers without any font-family.
   Larger size, no color override needed (emoji are already colorful).
   ─────────────────────────────────────────────────────────────────── */
label.customRadioBtncurbside::before {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 30px !important;
  display: block !important;
  line-height: 1 !important;
  margin-bottom: 6px !important;
  content: "🏠";  /* default fallback */
}
/* Per-option emoji matched by radio input value */
label.customRadioBtncurbside:has(input[value="inStorePickup"])::before   { content: "🏪"; } /* store */
label.customRadioBtncurbside:has(input[value="curbsidePickup"])::before  { content: "🚗"; } /* car */
label.customRadioBtncurbside:has(input[value="shipping"])::before        { content: "📦"; } /* package */
label.customRadioBtncurbside:has(input[value="localDelivery"])::before   { content: "🚚"; } /* truck */
label.customRadioBtncurbside:has(input[value="requestDelivery"])::before { content: "🚚"; } /* truck */

/* Single-page checkout uses explicit FA <i> icons inside co-mode-icon spans —
   suppress the emoji ::before so both don't render at once */
#checkoutSinglePage label.customRadioBtncurbside::before,
#checkoutSinglePage label.customRadioBtnreqDelivery::before {
  display: none !important;
  content: none !important;
}

/* Tile card layout — column, centered */
.customRadioBtncurbside {
  min-height: 120px !important;
  min-width: 170px !important;
  padding: 14px 12px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 2px !important;
}
/* Tile name span — slab-serif, bold, centered */
.customRadioBtncurbside > span {
  font-family: var(--font-slab) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--mcg-ink) !important;
  text-align: left !important;
  display: block !important;
  line-height: 1.25 !important;
  padding-left: 0 !important;  /* override any radio-offset padding */
}
/* Hide the base .customRadioBtn radio-circle pseudo-elements inside tiles */
.customRadioBtncurbside input[type="radio"] + span::before,
.customRadioBtncurbside input[type="radio"] + span::after {
  display: none !important;
  content: none !important;
}
/* Selected tile: no color override needed (emoji keep their color) */
.customRadioBtncurbside:has(input:checked)::before,
.customRadioBtncurbside.active::before {
  filter: none !important;
}

/* ── C. RADIO TILES IN A ROW — instructions stacked below ───────────
   Uses #shipAddress ID — no :has() required.
   HTML: #shipAddress > .row > .col-md-12 > .row
     [col-md-6: radio tiles] [col-md-6: special instructions]
   Stack them vertically so tiles are full-width, instructions below.
   ─────────────────────────────────────────────────────────────────── */
#shipAddress > .row > .col-md-12 > .row {
  display: flex !important;
  flex-direction: column !important;
}
#shipAddress > .row > .col-md-12 > .row > [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Tiles container: horizontal flex row, no card background */
.co-step .checkoutStorePickupAt.checkoutStoreInfo {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: stretch !important;  /* stretch = all tiles in a row become equal height */
}

/* Title / header text — replaced by location card; hide the verbose paragraph */
.co-step .checkoutStorePickupAt > p,
.co-step .checkoutStorePickupAt > strong {
  display: none !important;
}

/* <br> is meaningless inside a flex row — hide it */
.co-step .checkoutStorePickupAt > br {
  display: none !important;
}

/* Local delivery eligibility message spans full row */
.co-step .checkoutStorePickupAt #localDeliveryEligibilityMsg {
  flex: 0 0 100% !important;
  font-size: 12px !important;
  color: var(--mcg-mid) !important;
}

/* Each tile: equal share of the full row, no width cap */
.co-step .checkoutStorePickupAt > label.customRadioBtncurbside,
.co-step .checkoutStorePickupAt > label.customRadioBtnreqDelivery {
  flex: 1 1 0% !important;
  min-width: 90px !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Special instructions column — small top gap when stacked below tiles */
#shipAddress > .row > .col-md-12 > .row > [class*="col-"]:nth-child(2) {
  margin-top: 8px !important;
}

/* ── D. CHECKOUT OUTER ROW — flexbox for sticky to work ─────────────
   Bootstrap float grid breaks position:sticky on the summary column.
   Both wizard checkout (#wizardCheckout) and single-page checkout
   (#checkoutSinglePage) share the same outer .row — both need flex.
   ─────────────────────────────────────────────────────────────────── */
.row:has(#wizardCheckout),
.row:has(#checkoutSinglePage) {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
}
.row:has(#wizardCheckout) > [class*="col-"],
.row:has(#checkoutSinglePage) > [class*="col-"] {
  float: none !important;
}
/* Summary column: sticky, aligned to top (flex-start required for sticky to work —
   stretch would make the column as tall as the left column, blocking scroll) */
.row:has(#wizardCheckout) > .co-col-summary,
.row:has(#checkoutSinglePage) > .co-col-summary {
  position: sticky !important;
  top: 80px !important;
  align-self: flex-start !important;
}

/* ── E. ORDER SUMMARY — padding, totals, sticky button ─────────────── */

/* Stronger card shadow */
.orderSummaryWrap.co-summary-wrap {
  box-shadow: 0 4px 20px rgba(0,0,0,.10) !important;
}

/* Summary header — tighter padding */
.co-summary-head {
  padding: 16px 20px !important;
}

/* Items table cells */
.co-summary-wrap .cimm_siteTable tbody td {
  padding: 8px 8px !important;
  font-size: 12px !important;
}
.co-summary-wrap .cimm_siteTable thead th {
  padding: 7px 8px !important;
}

/* Location grouping strip */
.co-summary-wrap .locationDetails {
  padding: 10px 20px !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
}

/* Totals strip — more breathing room */
.co-summary-wrap .cimm_salesBottomStrip {
  padding: 0 !important;
}
.co-summary-wrap .cimm_salesBottomStrip table {
  margin: 0 !important;
}
.co-summary-wrap .cimm_salesBottomStrip table td {
  padding: 7px 20px !important;
  font-size: 13px !important;
}
/* Grand total row — larger, green */
.co-summary-wrap .cimm_salesBottomStrip .totalAmountRow td,
.co-summary-wrap .cimm_salesBottomStrip table tr:last-child td {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--mcg-green) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-top: 1px solid var(--mcg-rule) !important;
}
/* Totals UL variant (some templates use ul/li) */
.co-summary-wrap .cimm_salesBottomStrip ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.co-summary-wrap .cimm_salesBottomStrip ul li {
  display: flex !important;
  justify-content: space-between !important;
  padding: 7px 20px !important;
  font-size: 13px !important;
  color: var(--mcg-mid) !important;
}
.co-summary-wrap .cimm_salesBottomStrip ul li .priceLabel {
  float: none !important;
  font-weight: 500;
}
.co-summary-wrap .cimm_salesBottomStrip ul li .priceValue {
  float: none !important;
  font-weight: 700;
  color: var(--mcg-ink);
}
.co-summary-wrap .cimm_salesBottomStrip ul li.totalAmountRow,
.co-summary-wrap .cimm_salesBottomStrip ul li:last-child {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--mcg-green) !important;
  border-top: 2px solid var(--mcg-rule) !important;
  padding-top: 10px !important;
  padding-bottom: 12px !important;
  margin-top: 2px !important;
}
.co-summary-wrap .cimm_salesBottomStrip ul li:last-child .priceLabel,
.co-summary-wrap .cimm_salesBottomStrip ul li:last-child .priceValue {
  color: var(--mcg-green) !important;
}

/* Place Order button — prominent, full-width, flush to card bottom */
#checkoutBtn {
  padding: 0 !important;
  margin: 0 !important;
}
#checkoutBtn .pager {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-top: 1px solid var(--mcg-rule) !important;
}
#checkoutBtn .pager li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 18px 24px !important;
  background: var(--mcg-green) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 0 10px 10px !important;
  font-family: var(--font-slab) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .2s !important;
  box-shadow: none !important;
  margin: 0 !important;
}
#checkoutBtn .pager li > a:hover {
  background: var(--mcg-green-dk) !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Trust badges */
.co-trust-badges {
  margin-top: 14px !important;
  padding-bottom: 4px !important;
}

/* ─── Phase 3 responsive ─── */
@media (max-width: 991px) {
  .row:has(#wizardCheckout) {
    flex-direction: column !important;
  }
  .row:has(#wizardCheckout) > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
  }
  .orderSummaryWrap.co-summary-wrap {
    position: static !important;  /* no sticky on tablet/mobile */
  }
}
@media (max-width: 767px) {
  .customRadioBtncurbside {
    min-height: 70px !important;
    min-width: 88px !important;
  }
  label.customRadioBtncurbside::before {
    font-size: 20px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 4 — NAV BUTTONS · QUESTIONS BLOCK
   ═══════════════════════════════════════════════════════════════════ */

/* ── WIZARD NAV BUTTONS — Previous / Next / Finish ──────────────────
   Plugin generates .buttonWrap > .btnPrevious + .btnNext + .btnFinish.
   Global baseline (specificity 0-2-1) styles them as green blocks.
   #wizardCheckout prefix (1-0-0+) overrides cleanly.
   ─────────────────────────────────────────────────────────────────── */
#wizardCheckout .buttonWrap {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--mcg-rule) !important;
  margin-top: 24px !important;
  text-align: right !important;
}
/* Next / Finish — primary green */
#wizardCheckout .buttonWrap .btnNext,
#wizardCheckout .btnFinish {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 46px !important;
  padding: 0 28px !important;
  background: var(--mcg-green) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: var(--font-slab) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background .2s !important;
  text-transform: none !important;
}
#wizardCheckout .buttonWrap .btnNext::after {
  font-family: "FontAwesome" !important;
  content: "\f054" !important;  /* fa-chevron-right */
  font-size: 12px !important;
}
#wizardCheckout .buttonWrap .btnNext:hover,
#wizardCheckout .btnFinish:hover {
  background: var(--mcg-green-dk) !important;
  color: #fff !important;
  text-decoration: none !important;
}
/* Previous — ghost/outlined */
#wizardCheckout .buttonWrap .btnPrevious {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 46px !important;
  padding: 0 22px !important;
  background: #fff !important;
  color: var(--mcg-mid) !important;
  border: 1.5px solid var(--mcg-rule-dk) !important;
  border-radius: 8px !important;
  font-family: var(--font-slab) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: border-color .2s, color .2s !important;
  text-transform: none !important;
}
#wizardCheckout .buttonWrap .btnPrevious::before {
  font-family: "FontAwesome" !important;
  content: "\f053" !important;  /* fa-chevron-left */
  font-size: 12px !important;
}
#wizardCheckout .buttonWrap .btnPrevious:hover {
  border-color: var(--mcg-ink) !important;
  color: var(--mcg-ink) !important;
  background: #fff !important;
  text-decoration: none !important;
}
/* Hide when plugin marks button as disabled (no Prev on step 1, no Next on last) */
#wizardCheckout .buttonWrap .btnPrevious.buttonDisabled,
#wizardCheckout .buttonWrap .btnNext.buttonDisabled {
  display: none !important;
}
/* Finish button matches Next width */
#wizardCheckout .btnFinish {
  margin-right: 0 !important;
}

/* ── "QUESTIONS? ASK A GREEN VEST" SUPPORT BLOCK ────────────────────
   Static block placed below the wizard inside the left column.
   ─────────────────────────────────────────────────────────────────── */
.co-questions-block {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  background: var(--mcg-green-wash) !important;
  border: 1px solid #C8D9B8 !important;
  border-radius: 10px !important;
  padding: 18px 22px !important;
  margin-top: 20px !important;
}
.co-questions-dot {
  width: 48px !important;
  height: 48px !important;
  background: var(--mcg-green) !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.co-questions-dot::before {
  font-family: "FontAwesome" !important;
  content: "\f007" !important;  /* fa-user */
  color: #fff !important;
  font-size: 20px !important;
}
.co-questions-body {
  flex: 1 !important;
}
.co-questions-title {
  display: block !important;
  font-family: var(--font-slab) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--mcg-ink) !important;
  margin-bottom: 3px !important;
}
.co-questions-sub {
  display: block !important;
  font-size: 13px !important;
  color: var(--mcg-mid) !important;
  line-height: 1.4 !important;
}
.co-questions-btn {
  display: inline-flex !important;
  align-items: center !important;
  height: 40px !important;
  padding: 0 20px !important;
  border: 1.5px solid var(--mcg-green) !important;
  border-radius: 8px !important;
  color: var(--mcg-green) !important;
  font-family: var(--font-slab) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: background .15s, color .15s !important;
}
.co-questions-btn:hover {
  background: var(--mcg-green) !important;
  color: #fff !important;
  text-decoration: none !important;
}
@media (max-width: 575px) {
  .co-questions-block {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* ── LOCATION CARD — store name + In Stock status ABOVE tiles ────────
   order: -1 pushes it before the tile labels (order: 0 default).
   flex: 0 0 100% keeps it on its own row.
   ─────────────────────────────────────────────────────────────────── */
.co-location-card {
  flex: 0 0 100% !important;
  width: 100% !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  background: var(--mcg-green-wash) !important;
  border: 1px solid rgba(31,78,15,.18) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;  /* gap on flex container handles spacing */
}
.co-location-pin {
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}
.co-location-pin::before {
  font-family: "FontAwesome" !important;
  content: "\f041" !important;  /* fa-map-marker */
  font-size: 22px !important;
  color: #c53030 !important;
  line-height: 1 !important;
  display: block !important;
}
.co-location-info {
  flex: 1 !important;
}
.co-location-name {
  display: block !important;
  font-family: var(--font-slab) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--mcg-ink) !important;
  margin-bottom: 2px !important;
}
.co-location-address {
  display: block !important;
  font-size: 13px !important;
  color: var(--mcg-mid) !important;
  margin-bottom: 6px !important;
}
.co-location-stock {
  display: block !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--mcg-mid) !important;  /* muted subtitle — not "in stock" green */
  margin-top: 2px !important;
}
.co-stock-dot {
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  background: var(--mcg-green) !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

/* ── CALCULATE SHIPPING BUTTON ───────────────────────────────────────
   .loadShippingCharges inherits .button (green, 16px, uppercase).
   Override inside wizard to match McGuckin button style.
   ─────────────────────────────────────────────────────────────────── */
#wizardCheckout .loadShippingCharges,
#wizardCheckout button.loadShippingCharges {
  display: inline-flex !important;
  align-items: center !important;
  height: 44px !important;
  padding: 0 24px !important;
  background: var(--mcg-green) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: var(--font-slab) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-transform: none !important;
  letter-spacing: .02em !important;
  transition: background .2s !important;
}
#wizardCheckout .loadShippingCharges:hover {
  background: var(--mcg-green-dk) !important;
  color: #fff !important;
}

/* ── BOOTSTRAP SELECT DROPDOWNS — inside wizard ──────────────────────
   selectpicker renders a Bootstrap dropdown button (.dropdown-toggle)
   and .dropdown-menu list. Match the input field height/style.
   ─────────────────────────────────────────────────────────────────── */
#wizardCheckout .bootstrap-select > .dropdown-toggle,
#wizardCheckout .bootstrap-select > .btn.dropdown-toggle {
  height: 44px !important;
  line-height: 42px !important;
  padding: 0 36px 0 14px !important;
  border: 1.5px solid #C8CDD6 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--mcg-ink) !important;
  font-size: 14px !important;
  font-family: var(--font-sans) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
  transition: border-color .2s, box-shadow .2s !important;
  outline: none !important;
  text-align: left !important;
  width: 100% !important;
}
#wizardCheckout .bootstrap-select.open > .dropdown-toggle,
#wizardCheckout .bootstrap-select > .dropdown-toggle:focus {
  border-color: var(--mcg-green) !important;
  box-shadow: 0 0 0 3px rgba(31,78,15,.10) !important;
  outline: none !important;
}
#wizardCheckout .bootstrap-select .filter-option {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 42px !important;
  display: block !important;
}
#wizardCheckout .bootstrap-select .caret,
#wizardCheckout .bootstrap-select .bs-caret {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  margin-top: -4px !important;
}
/* Dropdown list */
#wizardCheckout .bootstrap-select .dropdown-menu {
  border: 1px solid #C8CDD6 !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.12) !important;
  padding: 4px 0 !important;
  margin-top: 4px !important;
  font-size: 14px !important;
  font-family: var(--font-sans) !important;
}
#wizardCheckout .bootstrap-select .dropdown-menu > li > a {
  padding: 9px 14px !important;
  color: var(--mcg-ink) !important;
  font-size: 14px !important;
  transition: background .1s !important;
}
#wizardCheckout .bootstrap-select .dropdown-menu > li > a:hover {
  background: var(--mcg-green-wash) !important;
  color: var(--mcg-green) !important;
}
#wizardCheckout .bootstrap-select .dropdown-menu > li.selected > a {
  background: var(--mcg-green) !important;
  color: #fff !important;
  font-weight: 600 !important;
}
/* Search box inside live-search selectpicker */
#wizardCheckout .bootstrap-select .bs-searchbox input {
  height: 36px !important;
  border: 1.5px solid #C8CDD6 !important;
  border-radius: 6px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
}
#wizardCheckout .bootstrap-select {
  width: 100% !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 5 — TILE SUBTITLES · CURBSIDE TOGGLE
   ═══════════════════════════════════════════════════════════════════ */

/* ── TILE SUBTITLE TEXT — added via ::after on each label ────────────
   The label is flex-direction:column so ::after appears below the <span>.
   Uses :has() to target each option by its radio input value.
   ─────────────────────────────────────────────────────────────────── */
#wizardCheckout label.customRadioBtncurbside::after {
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: var(--mcg-muted) !important;
  text-align: center !important;
  line-height: 1.3 !important;
  display: block !important;
  margin-top: 2px !important;
  content: "" !important;  /* default empty; overridden per option */
}
#wizardCheckout label.customRadioBtncurbside:has(input[value="inStorePickup"])::after {
  content: "Free \00b7 Ready today" !important;
}
#wizardCheckout label.customRadioBtncurbside:has(input[value="shipping"])::after {
  content: "Free on $99+" !important;
}
#wizardCheckout label.customRadioBtncurbside:has(input[value="localDelivery"])::after {
  content: "Same-day available" !important;
}
#wizardCheckout label.customRadioBtncurbside:has(input[value="requestDelivery"])::after {
  content: "On request" !important;
}

/* ── SELECTED TILE — green border + checkmark badge in top-right ─────
   Checkmark lives on input:checked + span::before (repurposes the
   hidden radio-circle slot). ::after keeps showing the subtitle text.
   ─────────────────────────────────────────────────────────────────── */
#wizardCheckout label.customRadioBtncurbside:not(.co-curbside-label) {
  position: relative !important;
}
#wizardCheckout label.customRadioBtncurbside:not(.co-curbside-label):has(input:checked) {
  border-color: var(--mcg-green) !important;
  background: var(--mcg-green-wash) !important;
  /* No box-shadow ring — keeps visual size identical to un-selected tiles */
}
/* Checkmark badge via input:checked + span::before — overrides the
   base .customRadioBtn radio-circle hide rule with higher specificity */
#wizardCheckout .checkoutStorePickupAt > label.customRadioBtncurbside:not(.co-curbside-label) input[type="radio"]:checked + span::before {
  display: block !important;
  content: "\f00c" !important;
  font-family: "FontAwesome" !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #fff !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: 22px !important;
  height: 22px !important;
  background: var(--mcg-green) !important;
  border-radius: 50% !important;
  text-align: center !important;
  line-height: 22px !important;
}

/* ── CURBSIDE PICKUP — iOS-style toggle row ──────────────────────────
   Now lives outside the tiles flex container, in its own .co-curbside-row.
   display:flex overrides the inline-flex from .customRadioBtncurbside.
   ─────────────────────────────────────────────────────────────────── */
.co-curbside-row {
  margin-top: 12px !important;
}
.co-curbside-label {
  display: flex !important;   /* block-level flex — overrides inline-flex */
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 18px !important;
  min-height: auto !important;
  height: auto !important;
  margin-top: 0 !important;
  border-radius: 10px !important;
  border-width: 1.5px !important;
  border-style: solid !important;
  border-color: var(--mcg-rule) !important;
  background: var(--mcg-white) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.06) !important;
  cursor: pointer !important;
}
/* Hide the emoji ::before for curbside — needs higher specificity than
   the per-value emoji rule (label.customRadioBtncurbside:has(input[value=...])::before) */
label.customRadioBtncurbside.co-curbside-label::before {
  display: none !important;
  content: none !important;
}
/* Hide subtitle ::after (toggle has its own text structure) */
.co-curbside-label::after,
#wizardCheckout .co-curbside-label::after {
  display: none !important;
  content: none !important;
}
/* Toggle track */
.co-curbside-switch {
  display: block !important;
  width: 46px !important;
  height: 26px !important;
  background: #D0D4DA !important;
  border-radius: 13px !important;
  position: relative !important;
  flex-shrink: 0 !important;
  transition: background .25s !important;
}
/* Toggle thumb */
.co-curbside-thumb {
  display: block !important;
  position: absolute !important;
  width: 20px !important;
  height: 20px !important;
  background: #fff !important;
  border-radius: 50% !important;
  top: 3px !important;
  left: 3px !important;
  transition: left .25s, box-shadow .2s !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.28) !important;
}
/* ON state: green track, thumb slides right */
.co-curbside-label:has(input:checked) .co-curbside-switch {
  background: var(--mcg-green) !important;
}
.co-curbside-label:has(input:checked) .co-curbside-thumb {
  left: 23px !important;
}
/* Active toggle border */
.co-curbside-label:has(input:checked) {
  border-color: var(--mcg-green) !important;
  background: var(--mcg-green-wash) !important;
  box-shadow: 0 0 0 1px var(--mcg-green) !important;
}
/* Text area next to toggle */
.co-curbside-text-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  flex: 1 !important;
}
.co-curbside-name {
  font-family: var(--font-slab) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--mcg-ink) !important;
  line-height: 1.2 !important;
}
.co-curbside-desc {
  font-size: 12px !important;
  color: var(--mcg-mid) !important;
  line-height: 1.4 !important;
}

/* ── WHEN CURBSIDE IS ON — dim + lock all other tiles ────────────────
   Curbside radio now lives outside .checkoutStorePickupAt so we scope
   from #shipAddress (parent of both the tiles container and curbside row).
   ─────────────────────────────────────────────────────────────────── */
#shipAddress:has(#curbsidePickupForStorePickup:checked) .checkoutStorePickupAt > label {
  opacity: 0.4 !important;
  pointer-events: none !important;
  filter: grayscale(0.3) !important;
}

/* ── STEP 1 — BILLING SUMMARY (read-only card) ───────────────────────────── */

/* Plugin renders accordion headers as h3 elements — hide redundant co-step-head divs inside content */
.co-step .co-step-head {
  display: none !important;
}

/* .co-step1-h3 added by JS to the plugin h3 for step 1 — h3 is already display:flex so margin-left:auto pushes button right */
.co-step1-h3 .co-billing-edit-btn {
  margin-left: auto !important;
}

.co-billing-edit-btn {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--mcg-ink, #1A1A1A) !important;
  background: #fff !important;
  border: 1px solid var(--mcg-rule, #E2E5EA) !important;
  border-radius: 6px !important;
  padding: 4px 14px !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
  transition: border-color .15s !important;
  white-space: nowrap !important;
}
.co-billing-edit-btn:hover {
  border-color: var(--mcg-mid, #555B65) !important;
}

.co-billing-summary {
  background: var(--mcg-green-wash, #EEF4E8) !important;
  border: 1px solid rgba(31,78,15,.15) !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  margin-bottom: 12px !important;
}
.co-billing-row {
  display: flex !important;
  gap: 12px !important;
  padding: 4px 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.co-billing-lbl {
  flex: 0 0 72px !important;
  font-weight: 600 !important;
  color: var(--mcg-mid, #555B65) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  padding-top: 2px !important;
}
.co-billing-val {
  color: var(--mcg-ink, #1A1A1A) !important;
  font-size: 14px !important;
}
/* Hide billing form by default — revealed when Edit is clicked */
.co-billing-form {
  display: none !important;
}
/* .co-open added by JS — two-class selector beats one-class, so block wins */
.co-billing-form.co-open {
  display: block !important;
}

/* ── STEP 3 — COUPONS & DISCOUNTS ───────────────────────────────────────── */
.co-coupon-container {
  padding: 4px 0 8px !important;
}
.co-coupon-desc {
  font-size: 14px !important;
  color: var(--mcg-mid, #555B65) !important;
  margin-bottom: 20px !important;
  line-height: 1.6 !important;
}

/* ── Available coupons table ── */
.co-coupon-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 14px !important;
  margin-bottom: 24px !important;
}
.co-coupon-table thead tr {
  background: var(--mcg-cream, #F5F3EE) !important;
  border-bottom: 2px solid var(--mcg-rule, #E2E5EA) !important;
}
.co-coupon-table thead th {
  padding: 10px 14px !important;
  font-family: var(--font-slab, 'Zilla Slab'), serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: var(--mcg-mid, #555B65) !important;
  text-align: left !important;
  border: none !important;
}
.co-coupon-table tbody tr {
  border-bottom: 1px solid var(--mcg-rule, #E2E5EA) !important;
  transition: background .12s !important;
}
.co-coupon-table tbody tr:last-child {
  border-bottom: none !important;
}
.co-coupon-table tbody tr:hover {
  background: var(--mcg-green-wash, #EEF4E8) !important;
}
.co-coupon-table tbody td {
  padding: 12px 14px !important;
  color: var(--mcg-ink, #1A1A1A) !important;
  vertical-align: middle !important;
  border: none !important;
}

/* ── Add coupon input row — single horizontal line ── */
.co-coupon-input-row {
  margin-top: 16px !important;
}
.co-coupon-input-block {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  margin: 0px 0px 0px 16px;
}
.co-coupon-label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--mcg-ink, #1A1A1A) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}
/* Override Bootstrap form-control so input stays in the flex row */
.co-coupon-input.form-control {
  flex: 1 !important;
  width: auto !important;
  max-width: 320px !important;
  min-width: 0 !important;
  height: 38px !important;
  font-size: 14px !important;
  letter-spacing: .04em !important;
  display: block !important;
}
.co-coupon-apply-btn {
  height: 38px !important;
  padding: 0 20px !important;
  background: var(--mcg-green, #1F4E0F) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background .15s !important;
}
.co-coupon-apply-btn:hover {
  background: #163a0b !important;
}
.co-coupon-remove-btn {
  height: 38px !important;
  padding: 0 16px !important;
  background: #fff !important;
  color: #c0392b !important;
  border: 1px solid #c0392b !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background .15s, color .15s !important;
}
.co-coupon-remove-btn:hover {
  background: #c0392b !important;
  color: #fff !important;
}

/* ── Step 2 Fulfillment Summary Card ─────────────────────────────── */
.co-fulfill-summary {
  background: #fff !important;
  border: 1px solid var(--mcg-rule, #E2E5EA) !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  margin-bottom: 12px !important;
}
.co-fulfill-badge-wrap {
  margin-bottom: 12px !important;
}
.co-fulfill-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--mcg-green-wash, #EEF4E8) !important;
  color: var(--mcg-green, #1F4E0F) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(31,78,15,.2) !important;
}
.co-fulfill-rows {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.co-fulfill-row {
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
}
.co-fulfill-lbl {
  flex: 0 0 72px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  color: var(--mcg-mid, #555B65) !important;
  padding-top: 2px !important;
}
.co-fulfill-val {
  color: var(--mcg-ink, #1A1A1A) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.co-fulfill-ready {
  color: var(--mcg-green, #1F4E0F) !important;
}
/* Change button — same slot as billing Edit button */
.co-step2-h3 .co-fulfill-change-btn {
  margin-left: auto !important;
}
.co-fulfill-change-btn {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--mcg-ink, #1A1A1A) !important;
  background: #fff !important;
  border: 1px solid var(--mcg-rule, #E2E5EA) !important;
  border-radius: 6px !important;
  padding: 4px 14px !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
  transition: border-color .15s !important;
  white-space: nowrap !important;
}
.co-fulfill-change-btn:hover {
  border-color: var(--mcg-green, #1F4E0F) !important;
}
/* Form wrapper: hidden by default, revealed on Change */
.co-fulfill-form {
  display: none !important;
}
.co-fulfill-form.co-open {
  display: block !important;
}
.listGridContainer .listView ul li.sessionDesp .listGridItemDesc p
 {
    min-height: 0px;
}
/* ═══════════════════════════════════════════════════════════════
   SINGLE-PAGE CHECKOUT  (.co-sp-*)
   ═══════════════════════════════════════════════════════════════ */

/* Card wrapper */
.co-sp-card{
  background:#fff;
  border:1px solid #E2E5EA;
  border-radius:10px;
  box-shadow:0 1px 4px rgba(0,0,0,.06);
  margin-bottom:20px;
  overflow:hidden;
}

/* Card header */
.co-sp-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 22px;
  background:#F5F2EC;
  border-bottom:1px solid #E2E5EA;
}
.co-sp-title{
  font-family:'Zilla Slab',Georgia,serif;
  font-size:15px;
  font-weight:700;
  color:#1A1A1A;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
}
.co-sp-num{
  width:26px;
  height:26px;
  border-radius:50%;
  background:#1F4E0F;
  color:#fff;
  font-size:12px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  font-family:'DM Sans',system-ui,sans-serif;
}

/* Card body / review panels */
.co-sp-review{
  padding:18px 22px;
}
.co-sp-body{
  padding:18px 22px;
}

/* Review pill */
.co-sp-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:#EEF4E8;
  color:#1F4E0F;
  padding:3px 11px;
  border-radius:100px;
  font-size:11px;
  font-weight:700;
  font-family:'Zilla Slab',Georgia,serif;
  letter-spacing:.03em;
  text-transform:uppercase;
  margin-bottom:10px;
}

/* Review rows */
.co-sp-review-row{
  display:flex;
  gap:10px;
  font-size:13.5px;
  color:#555B65;
  line-height:1.55;
  margin-bottom:5px;
}
.co-sp-review-row:last-child{
  margin-bottom:0;
}
.co-sp-review-lbl{
  color:#8A909A;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-weight:600;
  min-width:60px;
  flex-shrink:0;
  padding-top:2px;
}
.co-sp-review-val strong{
  color:#1A1A1A;
  font-weight:600;
}

/* Place Order button */
.co-sp-place-order-btn{
  width:100%;
  padding:7px 24px;
  background:#1F4E0F;
  color:#fff;
  border:none;
  border-radius:6px;
  font-family:'Zilla Slab',Georgia,serif;
  font-size:16px;
  font-weight:700;
  letter-spacing:.03em;
  cursor:pointer;
  transition:background .2s;
  margin-top:4px;
}
.co-sp-place-order-btn:hover{
  background:#163808;
  color:#fff;
}
.co-sp-place-order-btn:disabled{
  background:#8A909A;
  cursor:not-allowed;
}

/* Responsive: stack on small screens */
@media(max-width:767px){
  .co-sp-head{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
}

/* ══════════════════════════════════════════════════════════════════
   Single-page checkout: utility + card wrappers
   ══════════════════════════════════════════════════════════════════ */

/* Hide helper — toggled by JS/Velocity instead of display:none inline */
.co-hidden {
  display: none !important;
}

/* ── Card wrappers for each step in single-page layout ─────────── */
.co-checkout-sp .co-step {
  background: #fff;
  border: 1px solid #E2E5EA;
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
  margin-bottom: 20px;
  overflow: hidden;
}

/* ── Card head inside .co-step ──────────────────────────────────── */
.co-checkout-sp .co-step .co-sp-head,
.co-step .co-sp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: #F5F2EC;
  border-bottom: 1px solid #E2E5EA;
}

/* ── Card body padding for coupon + payment sections ───────────── */
.co-checkout-sp #step-3 .co-coupon-container,
.co-checkout-sp #step-4 #paymentDetails {
  padding: 4px 0;
}

/* ── Edit button (Billing card) ─────────────────────────────────── */
.co-sp-edit-btn,
.co-sp-change-btn {
  flex-shrink: 0;
  padding: 5px 14px;
  background: transparent;
  color: #1F4E0F;
  border: 1.5px solid #1F4E0F;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 700;
  font-family: 'DM Sans', system-ui, sans-serif;
  letter-spacing: .04em;
  cursor: pointer;
  transition: background .15s, color .15s;
  line-height: 1.4;
}
.co-sp-edit-btn:hover,
.co-sp-change-btn:hover {
  background: #1F4E0F;
  color: #fff;
}

/* ── Billing / fulfillment review panels: padding in single-page ── */
.co-checkout-sp .co-billing-summary,
.co-checkout-sp .co-fulfill-summary {
  margin: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
}

/* ── Fulfillment and billing forms: padding wrapper ─────────────── */
.co-checkout-sp .co-billing-form.co-open,
.co-checkout-sp .co-fulfill-form.co-open {
  padding: 18px 20px;
}

/* ── Step body padding for steps without their own wrapper ──────── */
.co-checkout-sp #step-3 .couponDiscountBlockSec,
.co-checkout-sp #step-4 > #errorMesage {
  padding: 0 20px;
}

/* ══════════════════════════════════════════════════════════════════
   Single-page checkout: card-context overrides & design polish
   ══════════════════════════════════════════════════════════════════ */

/* ── Flatten billing/fulfillment review panels inside cards ─────── */
.co-checkout-sp .co-billing-summary {
  background: #EEF4E8 !important;
  border: none !important;
  border-bottom: 1px solid rgba(31,78,15,.15) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 16px 20px !important;
}
.co-checkout-sp .co-fulfill-summary {
  background: #fff !important;
  border: none !important;
  border-bottom: 1px solid #E2E5EA !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 16px 20px !important;
}

/* ── Billing form: add card padding when open ───────────────────── */
.co-checkout-sp .co-billing-form.co-open {
  padding: 20px 20px 4px !important;
}

/* ── Fulfillment form: add card padding when open ───────────────── */
.co-checkout-sp .co-fulfill-form.co-open {
  padding: 20px !important;
}

/* ── Step-3 coupon: padding inside card ─────────────────────────── */
.co-checkout-sp #step-3 .couponDiscountBlockSec {
  padding: 4px 20px 20px !important;
}

/* ── Step-4 payment: padding inside card ────────────────────────── */
.co-checkout-sp #step-4 #paymentDetails {
  padding: 0 20px 20px !important;
}
.co-checkout-sp #step-4 #errorMesage {
  padding: 0 20px !important;
}

/* ── Card step: remove extra bottom margin on last step ─────────── */
.co-checkout-sp .co-step:last-child {
  margin-bottom: 0 !important;
}

/* ── Payment tabs: visual refresh in single-page card context ───── */
.co-checkout-sp .co-pay-tabs {
  background: #F5F2EC !important;
  border-radius: 0 !important;
  border: none !important;
  border-bottom: 1px solid #E2E5EA !important;
  padding: 0 !important;
  margin: 0 0 0 0 !important;
}
.co-checkout-sp .co-pay-tabs li a {
  padding: 12px 20px !important;
  display: block !important;
  font-size: 13px !important;
}

/* ── Fulfillment change button: restyle to match co-sp-change-btn ─ */
.co-checkout-sp #step-2 .co-sp-change-btn {
  font-size: 12px !important;
  padding: 5px 14px !important;
}

/* ── Fulfillment summary: badge and rows inside card ────────────── */
.co-checkout-sp .co-fulfill-badge {
  margin-bottom: 10px !important;
  display: inline-flex !important;
}
.co-checkout-sp .co-fulfill-rows {
  gap: 6px !important;
}

/* ── Billing summary rows: tighter inside card ──────────────────── */
.co-checkout-sp .co-billing-row {
  padding: 3px 0 !important;
}

/* ── Place order / checkout button: full-width in summary column ── */
#checkoutBtn .co-sp-place-order-btn {
  width: 100% !important;
  margin-top: 12px !important;
  margin-bottom: 16px;
}

/* ── Responsive: single col on mobile ──────────────────────────── */
@media (max-width: 767px) {
  .co-checkout-sp .co-billing-form.co-open,
  .co-checkout-sp .co-fulfill-form.co-open {
    padding: 16px !important;
  }
  .co-checkout-sp #step-3 .couponDiscountBlockSec,
  .co-checkout-sp #step-4 #paymentDetails {
    padding: 0 16px 16px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════
   Single-page checkout: final polish pass
   ══════════════════════════════════════════════════════════════════ */

/* ── Remove inner bottom border from standalone review panels ───── */
.co-checkout-sp .co-billing-summary {
  border-bottom: none !important;
  padding-bottom: 18px !important;
}
.co-checkout-sp .co-fulfill-summary {
  border-bottom: none !important;
  padding-bottom: 18px !important;
}
/* When form is also open (Edit/Change active), add separator to summary */
.co-checkout-sp .co-billing-summary:not(.co-hidden) + .co-billing-form.co-open {
  border-top: 1px solid #E2E5EA !important;
}

/* ── Make step titles h2 look like span (reset browser defaults) ── */
.co-sp-head h2.co-sp-title {
  font-size: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  border: none !important;
}

/* ── Coupon table inside card ────────────────────────────────────── */
.co-checkout-sp .co-coupon-container {
  padding: 0 !important;
}
.co-checkout-sp #step-3 .couponDiscountBlockSec {
  padding: 0 20px 20px !important;
}

/* ── Payment "mandatory fields" note ────────────────────────────── */
.co-checkout-sp #paymentDetails > .row:first-child {
  padding-top: 8px !important;
}

/* ── Questions block: smaller margin-top ───────────────────────── */
.co-checkout-sp + .co-questions-block,
.co-questions-block {
  margin-top: 8px !important;
}

/* ── Summary column: stick the place-order button ───────────────── */
.co-col-summary .co-summary-wrap {
  position: sticky !important;
  top: 20px !important;
}

/* ══════════════════════════════════════════════════════════════════
   Single-page checkout: form-actions, cancel/save buttons, review pill
   ══════════════════════════════════════════════════════════════════ */

/* ── Form-actions footer row inside edit forms ──────────────────── */
.co-form-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  padding: 16px 20px 20px !important;
  border-top: 1px solid #E2E5EA !important;
  margin-top: 12px !important;
  background: #fff !important;
}

/* ── Cancel button ──────────────────────────────────────────────── */
.co-btn-cancel {
  background: #fff !important;
  color: #555B65 !important;
  border: 1.5px solid #E2E5EA !important;
  border-radius: 6px !important;
  padding: 9px 20px !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
  transition: border-color .15s, color .15s !important;
  white-space: nowrap !important;
}
.co-btn-cancel:hover {
  border-color: #8A909A !important;
  color: #1A1A1A !important;
}

/* ── Save Changes button ────────────────────────────────────────── */
.co-btn-save-changes {
  background: #1F4E0F !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 9px 22px !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
  transition: background .2s !important;
  white-space: nowrap !important;
}
.co-btn-save-changes:hover {
  background: #163808 !important;
}

/* ── Billing summary pill ("✓ Saved Address" badge) ──────────────── */
.co-billing-summary-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: #EEF4E8 !important;
  color: #1F4E0F !important;
  border: 1px solid rgba(31,78,15,.2) !important;
  border-radius: 100px !important;
  padding: 3px 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  margin-bottom: 10px !important;
}

/* ── Input label refinement inside checkout cards ───────────────── */
.co-checkout-sp .form-group label.w-100 {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #555B65 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  margin-bottom: 4px !important;
}

/* ── Form-control (inputs/selects) inside single-page cards ──────── */
.co-checkout-sp .co-billing-form.co-open .form-control,
.co-checkout-sp .co-fulfill-form.co-open .form-control {
  border: 1.5px solid #E2E5EA !important;
  border-radius: 6px !important;
  height: 40px !important;
  font-size: 14px !important;
  color: #1A1A1A !important;
  transition: border-color .2s !important;
}
.co-checkout-sp .co-billing-form.co-open .form-control:focus,
.co-checkout-sp .co-fulfill-form.co-open .form-control:focus {
  border-color: #1F4E0F !important;
  box-shadow: none !important;
}

/* ── Keep form-actions hidden when the edit form is collapsed ────── */
.co-billing-form:not(.co-open) .co-form-actions,
.co-fulfill-form:not(.co-open) .co-form-actions {
  display: none !important;
}

/* ══════════════════════════════════════════════════════════════════
   Single-page checkout: ship-via cards + selectpicker + inputs
   ══════════════════════════════════════════════════════════════════ */

/* ── Ship-via custom option cards ────────────────────────────────── */
.co-sv-opt {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  margin-bottom: 8px !important;
  border: 1.5px solid #E2E5EA !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-size: 13px !important;
  color: #1A1A1A !important;
  font-weight: 500 !important;
  background: #fff !important;
  transition: border-color .2s, background .2s !important;
  line-height: 1.4 !important;
}
.co-sv-opt:last-child { margin-bottom: 0 !important; }
.co-sv-opt:hover { border-color: #3D7A28 !important; }
.co-sv-selected {
  border-color: #1F4E0F !important;
  background: #EEF4E8 !important;
}
.co-sv-opt input[type="radio"] { display: none !important; }
.co-sv-radio {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  border-radius: 50% !important;
  border: 2px solid #D0D4D9 !important;
  background: #fff !important;
  transition: border-color .15s, background .15s !important;
  flex-shrink: 0 !important;
}
.co-sv-selected .co-sv-radio {
  border-color: #1F4E0F !important;
  background: radial-gradient(circle, #1F4E0F 55%, transparent 55%) !important;
}
.co-sv-txt { flex: 1 !important; }

/* ── Selectpicker dropdowns inside checkout cards ────────────────── */
.co-checkout-sp .bootstrap-select > .dropdown-toggle {
  height: 40px !important;
  border: 1.5px solid #E2E5EA !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  padding: 0 30px 0 12px !important;
  line-height: 38px !important;
  color: #1A1A1A !important;
  display: flex !important;
  align-items: center !important;
}
.co-checkout-sp .bootstrap-select > .dropdown-toggle:focus,
.co-checkout-sp .bootstrap-select.open > .dropdown-toggle {
  outline: none !important;
  border-color: #1F4E0F !important;
  box-shadow: 0 0 0 2px rgba(31,78,15,.10) !important;
}
.co-checkout-sp .bootstrap-select .dropdown-menu {
  border: 1px solid #D0D4D9 !important;
  border-radius: 0 0 6px 6px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.08) !important;
}
.co-checkout-sp .bootstrap-select .dropdown-menu li a {
  font-size: 13px !important;
  padding: 8px 14px !important;
  color: #1A1A1A !important;
}
.co-checkout-sp .bootstrap-select .dropdown-menu li.selected a,
.co-checkout-sp .bootstrap-select .dropdown-menu li.active a {
  background: #EEF4E8 !important;
  color: #1F4E0F !important;
}
.co-checkout-sp .bootstrap-select .dropdown-menu .bs-searchbox input {
  border: 1px solid #E2E5EA !important;
  border-radius: 4px !important;
  font-size: 13px !important;
}

/* ── Curbside toggle visual ──────────────────────────────────────── */
.co-checkout-sp .co-fulfill-form.co-open .checkoutStorePickupAt {
  background: #EEF4E8 !important;
  border: 1px solid rgba(31,78,15,.12) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  margin-bottom: 14px !important;
}

/* ══════════════════════════════════════════════════════════════════
   Single-page checkout: reference-matched design polish (final pass)
   Matches mcguckin-checkout-single-page.html reference exactly.
   ══════════════════════════════════════════════════════════════════ */

/* ── Card header: correct padding to match reference (18px 24px) ── */
.co-checkout-sp .co-step .co-sp-head,
.co-step .co-sp-head {
  padding: 18px 24px !important;
}

/* ── Edit / Change button: white+grey (reference: card-edit style) ─ */
.co-sp-edit-btn,
.co-sp-change-btn {
  background: #fff !important;
  color: #1A1A1A !important;
  border: 1.5px solid #E2E5EA !important;
}
.co-sp-edit-btn:hover,
.co-sp-change-btn:hover {
  background: #EEF4E8 !important;
  color: #1F4E0F !important;
  border-color: #1F4E0F !important;
}
/* Also apply to the step-2 override */
.co-checkout-sp #step-2 .co-sp-change-btn {
  background: #fff !important;
  color: #1A1A1A !important;
  border: 1.5px solid #E2E5EA !important;
}
.co-checkout-sp #step-2 .co-sp-change-btn:hover {
  background: #EEF4E8 !important;
  color: #1F4E0F !important;
  border-color: #1F4E0F !important;
}

/* ── Billing summary: white background (review pill provides green) ─ */
.co-checkout-sp .co-billing-summary {
  background: #fff !important;
  border-bottom: 1px solid #E2E5EA !important;
  padding: 20px 24px !important;
}

/* ── Fulfillment summary: white background with correct padding ──── */
.co-checkout-sp .co-fulfill-summary {
  background: #fff !important;
  border-bottom: 1px solid #E2E5EA !important;
  padding: 20px 24px !important;
}

/* ── Open edit forms: 24px padding to match reference ───────────── */
.co-checkout-sp .co-billing-form.co-open {
  padding: 24px 24px 4px !important;
}
.co-checkout-sp .co-fulfill-form.co-open {
  padding: 24px !important;
}

/* ── Form-actions: 24px side padding to align with form fields ──── */
.co-form-actions {
  padding: 16px 24px 24px !important;
}

/* ── Ship-via 3-part card layout ────────────────────────────────── */
/* Body wrapper takes all remaining space */
.co-sv-body {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
/* Method name — bold Zilla Slab */
.co-sv-name {
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #1A1A1A !important;
  line-height: 1.3 !important;
}
/* Small descriptor text under the method name */
.co-sv-desc {
  font-size: 11px !important;
  color: #8A909A !important;
  line-height: 1.3 !important;
  margin-top: 1px !important;
}
/* Price — right-aligned Zilla Slab */
.co-sv-price {
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #1A1A1A !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
/* Align card items to center vertically */
.co-sv-opt {
  align-items: center !important;
  padding: 14px 16px !important;
}
/* old single-span fallback — hide when new structure is present */
.co-sv-opt .co-sv-txt {
  flex: 1 !important;
}

/* ── Ship-via selected state stays green ────────────────────────── */
.co-sv-selected .co-sv-name {
  color: #1F4E0F !important;
}
.co-sv-selected .co-sv-price {
  color: #1F4E0F !important;
}

/* ── Selectpicker double-border fix inside checkout cards ───────── */
/* The .bootstrap-select wrapper inherits .form-control border AND the
   inner .btn.dropdown-toggle has its own border — strip the wrapper. */
.co-checkout-sp .bootstrap-select {
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
/* Override the high-specificity legacy rule that adds a second border */
.co-checkout-sp .form-group .bootstrap-select .btn.dropdown-toggle,
.co-checkout-sp .bootstrap-select .btn.dropdown-toggle {
  border: 1.5px solid #E2E5EA !important;
  border-radius: 6px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  color: #1A1A1A !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  height: 40px !important;
  line-height: 38px !important;
  padding: 0 30px 0 12px !important;
}
.co-checkout-sp .form-group .bootstrap-select .btn.dropdown-toggle:focus,
.co-checkout-sp .bootstrap-select.open .btn.dropdown-toggle {
  border-color: #1F4E0F !important;
  box-shadow: 0 0 0 2px rgba(31,78,15,.10) !important;
  outline: none !important;
}

/* ── Calculate Shipping button: match design system ─────────────── */
.co-checkout-sp .loadShippingCharges,
#coFulfillForm .loadShippingCharges {
  background: #1F4E0F !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
  transition: background .2s !important;
  /* No display property here — JS controls show/hide via .hideMe and .show()/.hide() */
  vertical-align: middle !important;
  white-space: nowrap !important;
}
.co-checkout-sp .loadShippingCharges:hover,
#coFulfillForm .loadShippingCharges:hover {
  background: #163808 !important;
  color: #fff !important;
}

/* ── Fulfillment mode radio cards: icon + name + sub-text ──────── */
/* Icon span — wraps a FontAwesome <i> tag */
.customRadioBtncurbside > span.co-mode-icon,
.customRadioBtnreqDelivery > span.co-mode-icon {
  font-size: 0 !important;     /* hide any stray text; size comes from .fa */
  line-height: 1 !important;
  display: block !important;
  margin-bottom: 4px !important;
  pointer-events: none !important;
}
.customRadioBtncurbside > span.co-mode-icon .fa,
.customRadioBtnreqDelivery > span.co-mode-icon .fa {
  font-size: 26px !important;
  color: #555B65 !important;
  display: block !important;
  line-height: 1 !important;
}
/* Selected: icon turns green */
.customRadioBtncurbside:has(input:checked) > span.co-mode-icon .fa,
.customRadioBtncurbside.active > span.co-mode-icon .fa {
  color: #1F4E0F !important;
}
/* Name span — bold Zilla Slab */
.customRadioBtncurbside > span.co-mode-name,
.customRadioBtnreqDelivery > span.co-mode-name {
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  display: block !important;
  line-height: 1.3 !important;
  pointer-events: none !important;
}
/* Sub-text span — muted small */
.customRadioBtncurbside > span.co-mode-sub,
.customRadioBtnreqDelivery > span.co-mode-sub {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #8A909A !important;
  display: block !important;
  line-height: 1.3 !important;
  margin-top: 2px !important;
  pointer-events: none !important;
}
/* Selected state: name turns green */
.customRadioBtncurbside:has(input:checked) > span.co-mode-name,
.customRadioBtncurbside.active > span.co-mode-name {
  color: #1F4E0F !important;
}

/* ── Ship method validation error message ───────────────────────── */
.co-field-err {
  color: #C0392B !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-top: 6px !important;
  padding: 6px 10px !important;
  background: #FEF0EE !important;
  border: 1px solid rgba(192,57,43,.25) !important;
  border-radius: 5px !important;
  line-height: 1.4 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   cartPopModel  — Add-to-Cart confirmation modal
   McGuckin redesign — new classes only, no overrides to existing rules
   ══════════════════════════════════════════════════════════════════════ */

/* Dialog sizing */
#cartPopModel .modal-dialog {
  width: 480px;
  max-width: calc(100vw - 24px);
  margin: 60px auto;
  font-family: 'DM Sans', system-ui, sans-serif;
}
#cartPopModel .modal-content {
  border: none;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
}

/* ── Header ── */
#cartPopModel .modal-header {
  background: #1F4E0F !important;
  border-bottom: none !important;
  padding: 14px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  min-height: 0;
  /* Reset Bootstrap floats so our flex takes over */
  overflow: visible;
}
#cartPopModel .modal-header::after,
#cartPopModel .modal-header::before {
  display: none !important;
}
.mcg-cpm-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.mcg-cpm-check {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #a8d87a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mcg-cpm-check svg {
  width: 17px;
  height: 17px;
  color: #163808;
}
.mcg-cpm-header-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mcg-cpm-added-label {
  font-size: 11px;
  font-weight: 600;
  color: #a8d87a;
  text-transform: uppercase;
  letter-spacing: .06em;
  line-height: 1;
}
#cartPopModel .modal-title {
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  float: none !important;
  /* Remove Bootstrap pull-left behaviour */
  text-align: left;
}
#cartPopModel .modal-header .close {
  float: none !important;
  margin: 0 !important;
  padding: 4px !important;
  color: rgba(255,255,255,.75) !important;
  opacity: 1 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  text-shadow: none !important;
  flex-shrink: 0;
  align-self: center;
  transition: color .15s;
  order: 2;
}
#cartPopModel .modal-header .close:hover {
  color: #fff !important;
  opacity: 1 !important;
}

/* ── Body ── */
#cartPopModel .modal-body {
  padding: 16px 20px;
  background: #fff;
  margin: 0;
}
.mcg-cpm-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.mcg-cpm-img-wrap {
  width: 76px;
  height: 76px;
  border-radius: 8px;
  border: 1px solid #E2E5EA;
  background: #F5F2EC;
  flex-shrink: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mcg-cpm-img-wrap .addedItemImg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
}
.mcg-cpm-item-info {
  flex: 1;
  min-width: 0;
}
#cartPopModel .productTitle {
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 14px;
  font-weight: 700;
  color: #1A1A1A;
  line-height: 1.35;
  margin: 0 0 8px;
}
.mcg-cpm-meta {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 3px;
  line-height: 1.4;
}
.mcg-cpm-meta-label {
  font-size: 10px;
  font-weight: 700;
  color: #8A909A;
  text-transform: uppercase;
  letter-spacing: .05em;
  flex-shrink: 0;
  white-space: nowrap;
}
.mcg-cpm-meta-val {
  font-size: 11px;
  color: #555B65;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mcg-cpm-price-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #E2E5EA;
  gap: 8px;
}
#cartPopModel .addedItemPrice {
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 18px;
  font-weight: 700;
  color: #1A1A1A;
  line-height: 1;
}
.mcg-cpm-qty {
  font-size: 12px;
  color: #8A909A;
  display: flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}
.mcg-cpm-qty strong {
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 13px;
  font-weight: 700;
  color: #555B65;
}

/* Cart count strip */
.mcg-cpm-count-strip {
  margin-top: 12px;
  padding: 9px 14px;
  background: #EEF4E8;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.mcg-cpm-count-link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #1F4E0F;
  text-decoration: none;
}
.mcg-cpm-count-link:hover {
  color: #1F4E0F;
  text-decoration: underline;
}
.mcg-cpm-count-link svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.mcg-cpm-count-link .ATCCartCount {
  font-family: 'Zilla Slab', Georgia, serif;
  font-weight: 700;
}

/* ── Footer ── */
#cartPopModel .modal-footer {
  background: #fff;
  border-top: 1px solid #E2E5EA;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
}
.mcg-btn-keep-shopping {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 16px;
  border-radius: 6px;
  border: 1.5px solid #E2E5EA;
  background: #fff;
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 13px;
  font-weight: 600;
  color: #555B65;
  text-decoration: none;
  cursor: pointer;
  transition: border-color .15s, color .15s, background .15s;
}
.mcg-btn-keep-shopping:hover {
  border-color: #1F4E0F;
  color: #1F4E0F;
  background: #EEF4E8;
  text-decoration: none;
}
.mcg-btn-view-cart {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 11px 16px;
  border-radius: 6px;
  background: #1F4E0F;
  color: #fff;
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: .02em;
  transition: background .2s;
}
.mcg-btn-view-cart:hover {
  background: #163808;
  color: #fff;
  text-decoration: none;
}
.mcg-btn-view-cart svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* ══════════════════════════════════════════════════════════════════════
   Order Summary — item column left padding + totals strip polish
   ══════════════════════════════════════════════════════════════════════ */

/* Item name column: extra left breathing room */
.co-summary-wrap .cimm_siteTable thead th:nth-child(1) {
  padding-left: 14px !important;
}
.co-summary-wrap .cimm_siteTable tbody td:nth-child(1) {
  padding-left: 14px !important;
}

/* Totals strip — table variant */
.co-summary-wrap .cimm_salesBottomStrip table td:first-child {
  text-align: left !important;
  font-weight: 400 !important;
  color: var(--mcg-mid) !important;
  padding-left: 14px !important;
}
.co-summary-wrap .cimm_salesBottomStrip table td:last-child {
  text-align: right !important;
  font-weight: 600 !important;
  color: var(--mcg-ink) !important;
  padding-right: 14px !important;
}
/* Total (last) row — green, bold, separator */
.co-summary-wrap .cimm_salesBottomStrip table tr:last-child td {
  border-top: 1px solid var(--mcg-rule) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--mcg-green) !important;
}

/* Totals strip — ul/li variant */
.co-summary-wrap .cimm_salesBottomStrip ul li {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
.co-summary-wrap .cimm_salesBottomStrip ul li .priceLabel {
  text-align: left !important;
  font-weight: 400 !important;
  color: var(--mcg-mid) !important;
}
.co-summary-wrap .cimm_salesBottomStrip ul li .priceValue {
  text-align: right !important;
  font-weight: 600 !important;
  color: var(--mcg-ink) !important;
}
.co-summary-wrap .cimm_salesBottomStrip ul li:last-child {
  border-top: 1px solid var(--mcg-rule) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
.co-summary-wrap .cimm_salesBottomStrip ul li:last-child .priceLabel,
.co-summary-wrap .cimm_salesBottomStrip ul li:last-child .priceValue {
  color: var(--mcg-green) !important;
  font-weight: 700 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   Step 3 — Coupons & Discounts: full-width polish
   ══════════════════════════════════════════════════════════════════════ */

/* Description text */
.co-coupon-desc {
  font-size: 13px !important;
  color: var(--mcg-mid, #555B65) !important;
  line-height: 1.5 !important;
  margin-bottom: 20px !important;
}

/* Available coupons table: light header row */
.co-coupon-table thead tr {
  background: var(--mcg-cream, #F5F3EE) !important;
}
.co-coupon-table thead th {
  font-size: 11px !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: var(--mcg-mid, #555B65) !important;
  padding: 9px 14px !important;
  border-bottom: 2px solid var(--mcg-rule, #E2E5EA) !important;
}

/* Input row: stack label above, full-width input+button below */
.co-coupon-input-row {
  margin: 0 !important;
}
.co-coupon-input-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  margin: 0 !important;
  width: 100% !important;
}
.co-coupon-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--mcg-ink, #1A1A1A) !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  margin-bottom: 2px !important;
}

/* Inner flex row: input expands, button fixed */
.co-coupon-input-block .co-coupon-inner {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
}
.co-coupon-input.form-control {
  flex: 1 1 auto !important;
  max-width: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 42px !important;
  border-radius: 6px 0 0 6px !important;
  border: 1.5px solid var(--mcg-rule, #E2E5EA) !important;
  border-right: none !important;
  font-size: 14px !important;
  padding: 0 14px !important;
  box-shadow: none !important;
  transition: border-color .15s !important;
}
.co-coupon-input.form-control:focus {
  border-color: var(--mcg-green, #1F4E0F) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(31,78,15,.10) !important;
}
.co-coupon-apply-btn {
  height: 42px !important;
  padding: 0 24px !important;
  border-radius: 0 6px 6px 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  flex-shrink: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   Coupons block — description callout + section padding polish
   ══════════════════════════════════════════════════════════════════════ */

/* Container: give the whole block breathing room */
.co-coupon-container {
  padding: 20px 0 12px !important;
}

/* Description — styled as a subtle info callout */
.co-coupon-desc {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  background: #EEF4E8 !important;
  border-left: 3px solid #1F4E0F !important;
  border-radius: 0 6px 6px 0 !important;
  padding: 12px 16px !important;
  margin-bottom: 24px !important;
  font-size: 13px !important;
  color: var(--mcg-ink, #1A1A1A) !important;
  line-height: 1.55 !important;
}
/* Info icon via pseudo-element */
.co-coupon-desc::before {
  content: "\2139";
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #1F4E0F !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1 !important;
  margin-top: 1px !important;
}

/* Coupon table: wrap in a subtle card */
.co-coupon-container .removeCouponBlock {
  margin: 0 0 20px !important;
  border: 1px solid var(--mcg-rule, #E2E5EA) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.co-coupon-container .removeCouponBlock .row {
  margin: 0 !important;
}

/* Divider above the input row */
.co-coupon-input-row {
  border-top: 1px solid var(--mcg-rule, #E2E5EA) !important;
  padding-top: 20px !important;
  margin-top: 4px !important;
}
.co-coupon-input-block {
  width: 100% !important;
}

/* ══════════════════════════════════════════════════════════════════════
   Step 3 header + body padding alignment
   ══════════════════════════════════════════════════════════════════════ */

/* Header: give it a bit more vertical weight */
.co-checkout-sp #step-3 .co-sp-head,
#step-3 .co-sp-head {
  padding: 20px 24px !important;
}

/* Body: match header's 24px horizontal gutter + add 20px top gap */
.co-checkout-sp #step-3 .couponDiscountBlockSec {
  padding: 20px 24px 24px !important;
}

/* Reset inner container — outer already provides gutter */
.co-checkout-sp #step-3 .co-coupon-container {
  padding: 0 !important;
}

/* Input label — small section cap */
.co-coupon-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  color: var(--mcg-mid, #555B65) !important;
  margin-bottom: 6px !important;
}

/* ══════════════════════════════════════════════════════════════════════
   Step 3 — Coupon summary / toggle pattern (matches Billing & Shipping)
   ══════════════════════════════════════════════════════════════════════ */

/* Coupon form: hidden by default; shown when .co-open added by JS */
.co-coupon-form-wrap {
  display: none !important;
}
.co-coupon-form-wrap.co-open {
  display: block !important;
}

/* Summary panel — always visible when form is collapsed */
.co-coupon-summary-panel {
  padding: 16px 24px 20px;
}

/* Empty state row */
.co-coupon-summary-empty {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--mcg-mid, #555B65);
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.55;
}
.co-coupon-summary-empty svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 1px;
  color: #8A909A;
}
.co-coupon-summary-empty strong {
  color: var(--mcg-green, #1F4E0F);
  font-weight: 700;
}

/* Applied coupon pills list */
.co-coupon-applied-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 2px 0;
}
.co-coupon-applied-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #EEF4E8;
  border: 1.5px solid #a8d87a;
  color: #163808;
  padding: 6px 14px;
  border-radius: 100px;
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}
.co-coupon-applied-pill strong {
  font-weight: 700;
}
.co-coupon-pill-discount {
  font-size: 12px;
  font-weight: 400;
  color: #1F4E0F;
}

/* ── Apply Coupon button in the step header ── */
.co-sp-apply-coupon-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 14px;
  background: #fff;
  color: #1A1A1A;
  border: 1.5px solid #E2E5EA;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 700;
  font-family: 'DM Sans', system-ui, sans-serif;
  letter-spacing: .04em;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
  line-height: 1.4;
}
.co-sp-apply-coupon-btn:hover {
  background: #EEF4E8;
  color: #1F4E0F;
  border-color: #1F4E0F;
}

/* ── SVG icon inside all three header action buttons ── */
.co-sp-edit-btn,
.co-sp-change-btn,
.co-sp-apply-coupon-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.co-btn-icon {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  pointer-events: none;
}

/* ── MCG Product Category Page ──────────────────────────────────────── */
.mcg-cat-page{padding:0 0 48px}
.mcg-cat-title{font-family:'Zilla Slab',Georgia,serif;font-size:28px;font-weight:700;color:#1A1A1A;margin:20px 0 16px;line-height:1.2}

/* Subcategory image grid */
.mcg-subcat-grid{margin-bottom:24px}
.mcg-subcat-hd{font-family:'Zilla Slab',Georgia,serif;font-size:18px;font-weight:700;color:#1A1A1A;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.mcg-subcat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}
@media(max-width:480px){.mcg-subcat-cards{grid-template-columns:repeat(3,1fr)}}
.mcg-subcat-card{background:#fff;border-radius:12px;border:1px solid #E2E5EA;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none;display:flex;flex-direction:column;align-items:center;padding:18px 14px 16px;text-align:center;gap:0}
.mcg-subcat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(31,78,15,.12);border-color:#3D7A28}
.mcg-subcat-img-wrap{width:96px;height:96px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:#F5F2EC;border-radius:10px;padding:10px;flex-shrink:0;transition:background .2s}
.mcg-subcat-card:hover .mcg-subcat-img-wrap{background:#EEF4E8}
.mcg-subcat-img-wrap img{max-width:100%;max-height:100%;object-fit:contain}
.mcg-subcat-name{font-size:12px;font-weight:600;color:#1A1A1A;line-height:1.35;letter-spacing:.01em}
.mcg-subcat-card:hover .mcg-subcat-name{color:#1F4E0F}

/* Product grid */
.mcg-prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}
@media(max-width:1200px){.mcg-prod-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.mcg-prod-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.mcg-prod-grid{grid-template-columns:1fr}}

/* Product card */
.mcg-prod-card{background:#fff;border-radius:10px;border:1px solid #E2E5EA;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;position:relative;overflow:hidden}
.mcg-prod-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.1)}

/* Product card image */
.mcg-prod-img-wrap{height:200px;background:#F5F2EC;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:16px}
.mcg-prod-img-wrap img{max-height:168px;max-width:100%;object-fit:contain;display:block}
.mcg-prod-badge{position:absolute;top:10px;left:10px;background:#C8241C;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:4px}
.mcg-prod-badge.badge-clearance{background:#C8241C}
.mcg-wishlist-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #E2E5EA;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.mcg-wishlist-btn:hover{border-color:#C8241C;background:#FCEEED}
.mcg-wishlist-btn svg{width:15px;height:15px;color:#8A909A}
.mcg-wishlist-btn:hover svg{color:#C8241C}

/* Product card body */
.mcg-prod-body{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column}
.mcg-prod-brand{font-size:11px;font-weight:600;color:#8A909A;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.mcg-prod-name{font-size:14px;font-weight:500;color:#1A1A1A;line-height:1.4;margin-bottom:8px;flex:1;text-decoration:none;display:block}
.mcg-prod-name:hover{color:#1F4E0F}
.mcg-prod-mpn{font-size:11px;color:#8A909A;margin-bottom:6px}
.mcg-prod-avail-wrap{font-size:11px;font-weight:600;color:#2C6818;margin-bottom:8px;min-height:16px}
.mcg-prod-avail-wrap ul{list-style:none;padding:0;margin:0}
.mcg-prod-price-row{margin-bottom:10px}
.mcg-prod-price{font-family:'Zilla Slab',Georgia,serif;font-size:20px;font-weight:700;color:#1A1A1A;line-height:1}
.mcg-prod-price-loading{display:inline-block;width:70px;height:20px;background:#E2E5EA;border-radius:4px;animation:mcg-shimmer 1.2s infinite}
@keyframes mcg-shimmer{0%,100%{opacity:1}50%{opacity:.4}}

/* Promo / Tier price rows */
.mcg-prod-promo-row,.mcg-prod-tier-row{font-size:12px;color:#555B65;margin-bottom:4px}
.mcg-prod-promo-row{display:none}

/* Product card buttons */
.mcg-prod-atc{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:6px;background:#1F4E0F;color:#fff;font-family:'Zilla Slab',Georgia,serif;font-size:13px;font-weight:700;letter-spacing:.03em;border:none;cursor:pointer;transition:background .2s;text-decoration:none;margin-top:auto}
.mcg-prod-atc:hover{background:#163808}
.mcg-prod-atc.disabled{background:#E2E5EA;color:#8A909A;cursor:default}
.mcg-prod-atc svg{width:14px;height:14px;flex-shrink:0}
.mcg-prod-options{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:6px;background:#EEF4E8;color:#1F4E0F;font-family:'Zilla Slab',Georgia,serif;font-size:13px;font-weight:700;border:1.5px solid rgba(31,78,15,.2);cursor:pointer;transition:all .2s;text-decoration:none;margin-top:auto}
.mcg-prod-options:hover{background:#1F4E0F;color:#fff}

/* Qty input */
.mcg-prod-qty-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.mcg-prod-qty-label{font-size:12px;color:#555B65;font-weight:500}
.mcg-prod-qty-input{width:56px;height:32px;border:1.5px solid #E2E5EA;border-radius:6px;padding:0 8px;font-size:13px;font-family:inherit;color:#1A1A1A;text-align:center;outline:none;transition:border-color .2s}
.mcg-prod-qty-input:focus{border-color:#1F4E0F}

/* Add to list link */
.mcg-prod-list-link{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#555B65;margin-top:8px;cursor:pointer;text-decoration:none}
.mcg-prod-list-link:hover{color:#1F4E0F}
.mcg-prod-list-link svg{width:12px;height:12px}

/* Restriction icons */
.mcg-restriction-block{display:flex;gap:6px;margin-top:6px}
.mcg-restriction-block img{width:20px;height:20px}
.mcg-restrict-note{font-size:11px;color:#C8241C;margin-bottom:4px}

/* Pagination */
.mcg-pgnation{display:flex;align-items:center;justify-content:center;gap:6px;padding:20px 0 0}
.mcg-load-more-wrap{text-align:center;padding:20px 0 0}
.mcg-load-more-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:#fff;border:1.5px solid #1F4E0F;border-radius:6px;font-family:'Zilla Slab',Georgia,serif;font-size:14px;font-weight:600;color:#1F4E0F;cursor:pointer;transition:all .2s;text-decoration:none}
.mcg-load-more-btn:hover{background:#1F4E0F;color:#fff}

/* Zero results */
.mcg-zero-results{text-align:center;padding:48px 24px;background:#fff;border-radius:10px;border:1px solid #E2E5EA}
.mcg-zero-results h2{font-family:'Zilla Slab',Georgia,serif;font-size:24px;color:#1A1A1A;margin:16px 0 8px}
.mcg-zero-results p{color:#555B65;font-size:14px}
.mcg-zero-results a{color:#1F4E0F;font-weight:600}

/* ═══════════════════════════════════════════════════════════════════
   PAYMENT STEP — CC BILLING ADDRESS + ORDER INFO SECTIONS
   ═══════════════════════════════════════════════════════════════════ */

/* ── Overall #creditCard padding ────────────────────────────────── */
#creditCard {
  padding: 20px 6px 11px 12px;
}

/* ── Billing address section header ─────────────────────────────── */
.co-cc-billing-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--mcg-green-wash);
  margin-bottom: 20px;
}
.co-cc-billing-title {
  font-family: var(--font-slab);
  font-size: 13px;
  font-weight: 700;
  color: var(--mcg-green);
  text-transform: uppercase;
  letter-spacing: .06em;
  display: flex;
  align-items: center;
  gap: 8px;
}
.co-cc-billing-title::before {
  font-family: "FontAwesome";
  content: "\f09d";
  font-size: 15px;
  font-style: normal;
}

/* ── "Same as billing address" checkbox wrapper ─────────────────── */
.co-cc-same-billing-wrap {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: var(--mcg-ink);
  cursor: pointer;
  margin: 0;
  font-weight: 500;
}
.co-cc-same-billing-wrap input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  accent-color: var(--mcg-green);
  cursor: pointer;
  flex-shrink: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid var(--mcg-rule-dk) !important;
  border-radius: 3px !important;
}

/* ── Labels inside #creditCard and .co-order-info ───────────────── */
#creditCard .form-group > label,
.co-order-info .form-group > label {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: var(--mcg-muted) !important;
  margin-bottom: 6px !important;
  display: block;
}

/* ── Form row spacing in #creditCard ────────────────────────────── */
#creditCard .row {
  margin-bottom: 0;
}
#creditCard .form-group {
  margin-bottom: 18px !important;
}

/* ── Readonly date picker input ─────────────────────────────────── */
#reqDate {
  background: var(--mcg-cream) !important;
  cursor: pointer !important;
}
#reqDate:hover {
  border-color: var(--mcg-green) !important;
}

/* ── ORDER INFO SECTION ─────────────────────────────────────────── */
.co-order-info {
  border-top: 2px solid var(--mcg-rule);
  padding-top: 22px;
  margin-top: 6px;
}
.co-order-info-heading {
  font-family: var(--font-slab);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--mcg-muted);
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.co-order-info-heading::before {
  font-family: "FontAwesome";
  content: "\f15c";
  font-size: 13px;
  font-style: normal;
  color: var(--mcg-muted);
}
.co-order-info .form-group {
  margin-bottom: 18px !important;
}

/* ── Textarea sizing ────────────────────────────────────────────── */
#creditCard textarea.form-control,
.co-order-info textarea.form-control {
  resize: vertical !important;
  min-height: 88px !important;
}

/* ── Responsive: stack on small screens ─────────────────────────── */
@media (max-width: 767px) {
  .co-cc-billing-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  #creditCard .col-md-6,
  .co-order-info .col-md-6 {
    margin-bottom: 4px;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   MCG CHECKOUT REDESIGN — Single Page (scoped to .cox-page / .co-checkout-sp)
   All rules below restyle the existing checkout markup to match the
   reference design without changing IDs/handlers used by CheckOutPageV2.js.
   Scope: every rule starts with .cox-page or .co-checkout-sp so other
   pages are unaffected.
   ═══════════════════════════════════════════════════════════════════ */

.cox-page,
.co-checkout-sp {
  --cox-green: #1F4E0F;
  --cox-green-dk: #163808;
  --cox-green-lt: #2C6818;
  --cox-green-mid: #3D7A28;
  --cox-green-wash: #EEF4E8;
  --cox-sage: #a8d87a;
  --cox-red: #C8241C;
  --cox-red-dk: #A81B14;
  --cox-cream: #F5F2EC;
  --cox-cream-dk: #EDE8DF;
  --cox-ink: #1A1A1A;
  --cox-ink-soft: #2E2E2E;
  --cox-mid: #555B65;
  --cox-muted: #8A909A;
  --cox-rule: #E2E5EA;
  --cox-rule-dk: #D0D4D9;
  --cox-white: #FFFFFF;
  --cox-gold: #C8920A;
  --cox-gold-lt: #FFF8E7;
  --cox-font-slab: 'Zilla Slab', Georgia, serif;
  --cox-font-sans: 'DM Sans', system-ui, sans-serif;
  --cox-shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --cox-shadow-md: 0 4px 16px rgba(0,0,0,.08);
  --cox-radius: 6px;
  --cox-card-pad-y: 18px;
  --cox-card-pad-x: 24px;
  --cox-card-body-pad: 24px;
  --cox-card-gap: 20px;
  --cox-field-h: 42px;
}

/* ── Trust Strip (top banner) ─────────────────────────────────── */
.cox-trust-strip {
  background: var(--cox-green-dk, #163808);
  padding: 10px 0;
  text-align: center;
  font-family: 'DM Sans', system-ui, sans-serif;
}
.cox-trust-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}
.cox-ts-item {
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(255,255,255,.65);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .02em;
}
.cox-ts-item svg {
  color: #a8d87a;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}
.cox-ts-item strong { color: rgba(255,255,255,.95); font-weight: 600; }

/* ── Progress Bar ─────────────────────────────────────────────── */
.cox-progress {
  background: #fff;
  border-bottom: 1px solid #E2E5EA;
  padding: 18px 24px;
  font-family: 'DM Sans', system-ui, sans-serif;
}
.cox-progress-inner {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.cox-step { display: flex; align-items: center; gap: 8px; }
.cox-step-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #E2E5EA;
  color: #8A909A;
  background: #fff;
  transition: .3s;
}
.cox-step.cox-done .cox-step-num { background: #1F4E0F; color: #fff; border-color: #1F4E0F; }
.cox-step.cox-active .cox-step-num { border-color: #1F4E0F; color: #1F4E0F; background: #EEF4E8; }
.cox-step-label { font-size: 12px; color: #8A909A; font-weight: 500; }
.cox-step.cox-done .cox-step-label,
.cox-step.cox-active .cox-step-label { color: #1A1A1A; }
.cox-step-line { flex: 1; height: 2px; background: #E2E5EA; min-width: 40px; margin: 0 12px; }
.cox-step-line.cox-done { background: #1F4E0F; }

/* ── Page Grid Wrapper ─────────────────────────────────────────── */
.cox-page {
  max-width: 1340px;
  margin: 20px auto !important;
  padding: 0 0px !important;
  background: transparent;
  font-family: 'DM Sans', system-ui, sans-serif;
  color: #1A1A1A;
  font-size: 15px;
  line-height: 1.6;
}
body.mcg-page { background: #F5F2EC !important; }
.cox-page > [class*="col-md-8"] { padding-right: 12px; padding-left: 8px; }
.cox-page > [class*="col-md-4"] { padding-left: 12px; padding-right: 8px; }
.cox-trust-strip + .cox-progress { border-top: none; }
.cox-trust-strip,
.cox-progress { margin: 0 !important; }
@media (max-width: 920px) {
  .cox-page > [class*="col-md-8"],
  .cox-page > [class*="col-md-4"] { padding: 0; }
}

/* ── Checkout Step Cards ───────────────────────────────────────── */
.cox-page .co-checkout-sp { background: transparent; padding: 0; }
.cox-page .co-step {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #E2E5EA;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  margin-bottom: 20px;
  overflow: hidden;
}

/* ── Paired Cards (Contact + Billing Address side-by-side) ─────── */
.cox-page #step-1.cox-paired {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 0 !important;
  margin-bottom: 20px;
}
/* Neutralize legacy .co-billing-summary chrome on the pair wrapper —
   the wrapper is just a grid now; the individual cards carry the chrome */
.cox-page .co-billing-summary.cox-pair {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.cox-page .cox-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 0;
  padding: 0;
}
.cox-page .cox-pair.co-hidden { display: none !important; }
.cox-page .cox-pair-card {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #E2E5EA;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.cox-page .cox-pair-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  border-bottom: 1px solid #E2E5EA;
  background: #F5F2EC;
  margin: 0;
}
.cox-page .cox-pair-body {
  padding: 18px 24px;
  flex: 1;
}
.cox-page .cox-pair-card .co-billing-summary-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #EEF4E8;
  color: #1F4E0F;
  padding: 3px 10px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 700;
  font-family: 'Zilla Slab', Georgia, serif;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.cox-page .cox-pair-card .co-billing-row {
  display: flex;
  gap: 10px;
  font-size: 13.5px;
  color: #555B65;
  line-height: 1.55;
  margin-bottom: 5px;
}
.cox-page .cox-pair-card .co-billing-row:last-child { margin-bottom: 0; }
.cox-page .cox-pair-card .co-billing-lbl {
  color: #8A909A;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 600;
  min-width: 64px;
  flex-shrink: 0;
  padding-top: 2px;
}
.cox-page .cox-pair-card .co-billing-val { flex: 1; }
.cox-page .cox-pair-card .co-billing-val strong { color: #1A1A1A; font-weight: 600; }

/* When edit form opens, it takes full width with its own card chrome */
.cox-page #step-1.cox-paired .co-billing-form {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #E2E5EA;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  overflow: hidden;
  padding: 24px;
}

@media (max-width: 720px) {
  .cox-page .cox-pair { grid-template-columns: 1fr; gap: 14px; }
}

/* Card Heads (numbered titles) */
.cox-page .co-sp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  border-bottom: 1px solid #E2E5EA;
  background: #F5F2EC;
  margin: 0;
}
.cox-page .co-sp-title {
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #1A1A1A;
}
.cox-page .co-sp-num {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #1F4E0F;
  color: #fff;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Card Head Buttons (Edit / Change / Apply Coupon) */
.cox-page .co-sp-edit-btn,
.cox-page .co-sp-change-btn,
.cox-page .co-sp-apply-coupon-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: #fff !important;
  border: 1.5px solid #E2E5EA !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #1A1A1A !important;
  letter-spacing: .02em !important;
  transition: all .15s !important;
  cursor: pointer !important;
}
.cox-page .co-sp-edit-btn:hover,
.cox-page .co-sp-change-btn:hover,
.cox-page .co-sp-apply-coupon-btn:hover {
  border-color: #1F4E0F !important;
  color: #1F4E0F !important;
  background: #EEF4E8 !important;
}
.cox-page .co-btn-icon { width: 12px !important; height: 12px !important; }

/* Card Body (form area) */
.cox-page .co-billing-form,
.cox-page .co-fulfill-form { padding: 24px; }

/* Summary / Review Sections */
.cox-page .co-billing-summary,
.cox-page .co-fulfill-summary {
  padding: 18px 24px;
  background: transparent;
}
.cox-page .co-billing-summary-pill,
.cox-page .co-fulfill-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #EEF4E8;
  color: #1F4E0F;
  padding: 3px 10px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 700;
  font-family: 'Zilla Slab', Georgia, serif;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-bottom: 12px;
  border: none;
}
.cox-page .co-billing-summary-bd { display: block; }
.cox-page .co-billing-row,
.cox-page .co-fulfill-row {
  display: flex;
  gap: 10px;
  font-size: 13.5px;
  color: #555B65;
  line-height: 1.55;
  margin-bottom: 5px;
}
.cox-page .co-billing-lbl,
.cox-page .co-fulfill-lbl {
  color: #8A909A;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 600;
  min-width: 64px;
  flex-shrink: 0;
  padding-top: 2px;
}
.cox-page .co-billing-val,
.cox-page .co-fulfill-val {
  flex: 1;
  color: #555B65;
}
.cox-page .co-billing-val strong,
.cox-page .co-fulfill-val strong { color: #1A1A1A; font-weight: 600; }

/* ── Form Fields ───────────────────────────────────────────────── */
.cox-page .form-group { margin-bottom: 14px; }
.cox-page .form-group > label,
.cox-page label.w-100 {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #555B65;
  margin-bottom: 5px;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-family: 'DM Sans', system-ui, sans-serif;
}
.cox-page .form-control {
  width: 100%;
  height: 42px;
  border: 1.5px solid #E2E5EA;
  border-radius: 6px;
  padding: 0 14px;
  font-size: 14px;
  font-family: 'DM Sans', system-ui, sans-serif;
  color: #1A1A1A;
  background: #fff;
  outline: none;
  transition: border-color .2s;
  box-shadow: none;
}
.cox-page textarea.form-control { height: auto; min-height: 88px; padding: 10px 14px; }
.cox-page .form-control:focus {
  border-color: #1F4E0F;
  box-shadow: 0 0 0 3px rgba(31,78,15,.08);
}
.cox-page .form-control::placeholder { color: #8A909A; }
.cox-page .bootstrap-select > .dropdown-toggle {
  height: 42px;
  border: 1.5px solid #E2E5EA !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #1A1A1A !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
}

/* ── Form Action Buttons (Cancel / Save) ───────────────────────── */
.cox-page .co-form-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #E2E5EA;
}
.cox-page .co-btn-save-changes {
  background: #1F4E0F !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 22px !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  cursor: pointer !important;
  transition: background .2s !important;
}
.cox-page .co-btn-save-changes:hover { background: #163808 !important; }
.cox-page .co-btn-cancel {
  background: #fff !important;
  color: #555B65 !important;
  border: 1.5px solid #E2E5EA !important;
  border-radius: 6px !important;
  padding: 10px 22px !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all .15s !important;
}
.cox-page .co-btn-cancel:hover { border-color: #555B65 !important; color: #1A1A1A !important; }

/* ── Fulfillment 3-Option Grid (radio buttons styled as cards) ── */
.cox-page .checkoutStorePickupAt,
.cox-page .checkoutStoreShipToInfo { padding: 0; }
.cox-page .checkoutStorePickupAt > strong:first-child,
.cox-page .checkoutStoreShipToInfo > strong:first-child {
  display: block;
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #1A1A1A;
}
.cox-page .checkoutStorePickupAt p,
.cox-page .checkoutStoreShipToInfo p {
  font-size: 13px;
  color: #555B65;
  margin-bottom: 12px;
}
.cox-page .checkoutStorePickupAt .storeLocator,
.cox-page .checkoutStoreShipToInfo .storeLocator {
  color: #1F4E0F;
  font-weight: 600;
}

/* Pickup highlight card (location info) */
.cox-page .co-location-card {
  display: flex;
  gap: 14px;
  padding: 16px;
  background: #EEF4E8;
  border-radius: 8px;
  margin-bottom: 16px;
  border: 1px solid rgba(31,78,15,.1);
  align-items: flex-start;
}
.cox-page .co-location-pin {
  width: 22px;
  height: 22px;
  color: #1F4E0F;
  flex-shrink: 0;
  margin-top: 2px;
  position: relative;
}
.cox-page .co-location-pin::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F4E0F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/><circle cx='12' cy='10' r='3'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
}
.cox-page .co-location-info { flex: 1; }
.cox-page .co-location-name {
  font-family: 'Zilla Slab', Georgia, serif;
  font-weight: 700;
  font-size: 14px;
  color: #1A1A1A;
  display: block;
  margin-bottom: 2px;
}
.cox-page .co-location-stock {
  font-size: 13px;
  color: #555B65;
  display: block;
}

/* Fulfillment option radios → card grid */
.cox-page .checkoutStorePickupAt .customRadioBtn,
.cox-page .checkoutStoreShipToInfo .customRadioBtn {
  background: #fff !important;
  border: 2px solid #E2E5EA !important;
  border-radius: 10px !important;
  padding: 16px 14px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all .2s !important;
  position: relative !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin: 0 !important;
  min-height: 100px !important;
  vertical-align: top !important;
}
.cox-page .checkoutStorePickupAt .customRadioBtn:not(:last-child),
.cox-page .checkoutStoreShipToInfo .customRadioBtn:not(:last-child) {
  margin-right: 10px !important;
}
.cox-page .customRadioBtn:hover {
  border-color: #3D7A28 !important;
  background: #EEF4E8 !important;
}
.cox-page .customRadioBtn input[type='radio'] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.cox-page .customRadioBtn input[type='radio']:checked + .co-mode-icon ~ .co-mode-name { color: #1F4E0F; }
.cox-page .customRadioBtn.cox-active,
.cox-page .customRadioBtn:has(input[type='radio']:checked) {
  border-color: #1F4E0F !important;
  background: #EEF4E8 !important;
  box-shadow: 0 0 0 1px #1F4E0F !important;
}
.cox-page .customRadioBtn:has(input[type='radio']:checked)::after {
  content: '✓';
  position: absolute;
  top: 8px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #1F4E0F;
  color: #fff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.cox-page .co-mode-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  color: #3D7A28;
  font-size: 20px;
}
.cox-page .customRadioBtn:has(input[type='radio']:checked) .co-mode-icon { color: #1F4E0F; }
.cox-page .co-mode-name {
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 13px;
  font-weight: 700;
  color: #1A1A1A;
  display: block;
  margin-bottom: 2px;
}
.cox-page .co-mode-sub {
  font-size: 11px;
  color: #8A909A;
  display: block;
  line-height: 1.4;
}

/* Curbside toggle row */
.cox-page .co-curbside-row { margin-top: 14px; }
.cox-page .co-curbside-label {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  background: #F5F2EC !important;
  border-radius: 8px !important;
  border: 1.5px solid #E2E5EA !important;
  cursor: pointer !important;
  transition: border-color .2s !important;
  margin: 0 !important;
  width: 100% !important;
}
.cox-page .co-curbside-label:has(input[type='radio']:checked) {
  border-color: #1F4E0F !important;
  background: #EEF4E8 !important;
}
.cox-page .co-curbside-label input[type='radio'] { position: absolute; opacity: 0; pointer-events: none; }
.cox-page .co-curbside-switch {
  width: 40px;
  height: 22px;
  border-radius: 11px;
  background: #D0D4D9;
  position: relative;
  cursor: pointer;
  transition: background .2s;
  flex-shrink: 0;
  display: inline-block;
}
.cox-page .co-curbside-label:has(input[type='radio']:checked) .co-curbside-switch { background: #1F4E0F; }
.cox-page .co-curbside-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  transition: transform .2s;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.cox-page .co-curbside-label:has(input[type='radio']:checked) .co-curbside-thumb { transform: translateX(18px); }
.cox-page .co-curbside-text-wrap { font-size: 13px; color: #555B65; line-height: 1.4; }
.cox-page .co-curbside-name {
  color: #1A1A1A;
  font-family: 'Zilla Slab', Georgia, serif;
  font-weight: 700;
  font-size: 13px;
  display: block;
  margin-bottom: 2px;
}
.cox-page .co-curbside-desc { font-size: 12px; color: #555B65; }

/* ── Coupons Section ───────────────────────────────────────────── */
.cox-page #step-3 .co-sp-head { border-bottom: 1px solid #E2E5EA; }
.cox-page .co-coupon-summary-panel { padding: 16px 24px; }
.cox-page .co-coupon-summary-empty {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #8A909A;
  font-size: 13px;
}
.cox-page .co-coupon-summary-empty svg { color: #8A909A; flex-shrink: 0; }
.cox-page .co-coupon-summary-empty strong { color: #1A1A1A; font-weight: 600; }
.cox-page .co-coupon-applied-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cox-page .co-coupon-applied-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #EEF4E8;
  border: 1px solid rgba(31,78,15,.15);
  border-radius: 100px;
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 12px;
  font-weight: 700;
  color: #1F4E0F;
  letter-spacing: .04em;
}
.cox-page .co-coupon-applied-pill svg { width: 13px; height: 13px; }
.cox-page .co-coupon-pill-discount {
  background: rgba(31,78,15,.1);
  padding: 2px 8px;
  border-radius: 100px;
  font-size: 11px;
  margin-left: 2px;
}

.cox-page .couponDiscountBlockSec { padding: 4px 24px 20px; min-height: 0; }
.cox-page .co-coupon-container { padding: 0; }
.cox-page .co-coupon-desc {
  font-size: 13px;
  color: #555B65;
  margin-bottom: 14px;
  line-height: 1.5;
}

/* Available coupons table */
.cox-page .removeCouponBlock {
  margin: 0 0 20px;
  border: 1px solid #E2E5EA;
  border-radius: 8px;
  overflow: hidden;
}
.cox-page .removeCouponBlock .row { margin: 0; }
.cox-page .co-coupon-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
  background: #fff;
}
.cox-page .co-coupon-table thead tr {
  background: #F5F2EC !important;
  border-bottom: 2px solid #E2E5EA !important;
}
.cox-page .co-coupon-table thead th {
  padding: 10px 14px !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  color: #8A909A !important;
  text-transform: uppercase !important;
  text-align: left !important;
  border: none !important;
}
.cox-page .co-coupon-table tbody tr {
  border-bottom: 1px solid #E2E5EA !important;
  transition: background .12s !important;
}
.cox-page .co-coupon-table tbody tr:last-child { border-bottom: none !important; }
.cox-page .co-coupon-table tbody tr:hover { background: #EEF4E8 !important; }
.cox-page .co-coupon-table tbody td {
  padding: 12px 14px !important;
  color: #1A1A1A !important;
  font-size: 13px !important;
}
.cox-page .co-coupon-table tbody td strong { color: #1A1A1A; font-weight: 600; }

.cox-page .co-coupon-apply-btn {
  background: #1A1A1A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 0 20px !important;
  height: 42px !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  cursor: pointer !important;
  transition: background .2s !important;
}
.cox-page .co-coupon-apply-btn:hover { background: #1F4E0F !important; }
.cox-page .co-coupon-table .co-coupon-apply-btn {
  height: auto !important;
  padding: 6px 14px !important;
  font-size: 11px !important;
  background: #fff !important;
  color: #1F4E0F !important;
  border: 1.5px solid #1F4E0F !important;
  border-radius: 6px !important;
}
.cox-page .co-coupon-table .co-coupon-apply-btn:hover { background: #1F4E0F !important; color: #fff !important; }
.cox-page .co-coupon-remove-btn {
  background: transparent !important;
  border: none !important;
  color: #C8241C !important;
  font-size: 11px !important;
  cursor: pointer !important;
  padding: 4px 8px !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}
.cox-page .co-coupon-remove-btn:hover { color: #A81B14 !important; text-decoration: underline; }

.cox-page .co-coupon-input-row { margin: 0; }
.cox-page .co-coupon-input-block { width: 100%; }
.cox-page .co-coupon-label {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #555B65 !important;
  margin-bottom: 5px !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  display: block;
}
.cox-page .co-coupon-inner {
  display: flex;
  gap: 8px;
}
.cox-page .co-coupon-input {
  flex: 1 !important;
  height: 42px !important;
  border: 1.5px solid #E2E5EA !important;
  border-radius: 6px !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
  box-shadow: none !important;
}
.cox-page .co-coupon-input:focus { border-color: #1F4E0F !important; }

/* Suggestion chips */
.cox-page .cox-coupon-suggestions {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px dashed #E2E5EA;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.cox-page .cox-cs-label {
  font-size: 11px;
  color: #8A909A;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-right: 4px;
}
.cox-page .cox-cs-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.cox-page .cox-cs-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  border: 1.5px dashed #3D7A28;
  color: #1F4E0F;
  padding: 5px 10px 5px 11px;
  border-radius: 100px;
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .04em;
  cursor: pointer;
  transition: all .15s;
}
.cox-page .cox-cs-chip:hover {
  background: #1F4E0F;
  color: #fff;
  border-style: solid;
}
.cox-page .cox-cs-chip .cox-cs-amt {
  font-size: 10.5px;
  background: #EEF4E8;
  color: #1F4E0F;
  padding: 2px 6px;
  border-radius: 100px;
  font-weight: 700;
  transition: all .15s;
}
.cox-page .cox-cs-chip:hover .cox-cs-amt { background: rgba(255,255,255,.2); color: #fff; }

/* ── Payment Tabs ──────────────────────────────────────────────── */
.cox-page .multiTabHeading2.co-pay-tabs {
  display: flex !important;
  gap: 0 !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 2px solid #E2E5EA !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  list-style: none !important;
}
.cox-page .multiTabHeading2.co-pay-tabs li {
  flex: 1 !important;
  list-style: none !important;
  margin: 0 !important;
  border-right: 1px solid #E2E5EA;
}
.cox-page .multiTabHeading2.co-pay-tabs li:last-child { border-right: none; }
.cox-page .multiTabHeading2.co-pay-tabs li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 14px !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #555B65 !important;
  background: #fff !important;
  text-decoration: none !important;
  border: none !important;
  transition: all .2s !important;
}
.cox-page .multiTabHeading2.co-pay-tabs li a:hover {
  background: #EEF4E8 !important;
  color: #1F4E0F !important;
}
.cox-page .multiTabHeading2.co-pay-tabs li.active a,
.cox-page .multiTabHeading2.co-pay-tabs li.act a {
  background: #1F4E0F !important;
  color: #fff !important;
}

.cox-page #step-4 .co-sp-head { margin: 0; }
.cox-page #paymentDetails { padding: 24px; }

/* CC billing same-as toggle */
.cox-page .co-cc-billing-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #E2E5EA;
}
.cox-page .co-cc-billing-title {
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 14px;
  font-weight: 700;
  color: #1A1A1A;
}
.cox-page .co-cc-same-billing-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #555B65;
  margin: 0;
  cursor: pointer;
}

.cox-page .co-order-info {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #E2E5EA;
}
.cox-page .co-order-info-heading {
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 14px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 14px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

/* ── Questions / Expert Strip ──────────────────────────────────── */
.cox-page .co-questions-block {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 20px !important;
  background: #fff !important;
  border: 1px solid #E2E5EA !important;
  border-radius: 10px !important;
  margin: 20px 0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06) !important;
}
.cox-page .co-questions-dot {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #EEF4E8 !important;
  color: #1F4E0F !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  position: relative !important;
}
.cox-page .co-questions-dot::before {
  content: '';
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F4E0F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
}
.cox-page .co-questions-body { flex: 1; display: flex; flex-direction: column; }
.cox-page .co-questions-title {
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  display: block !important;
}
.cox-page .co-questions-sub {
  font-size: 12px !important;
  color: #8A909A !important;
}
.cox-page .co-questions-btn {
  background: #EEF4E8 !important;
  color: #1F4E0F !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border: 1.5px solid rgba(31,78,15,.15) !important;
  transition: all .2s !important;
  text-decoration: none !important;
}
.cox-page .co-questions-btn:hover {
  background: #1F4E0F !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* ── Order Summary (right column) ──────────────────────────────── */
.cox-page .co-col-summary { padding-left: 14px; }
.cox-page .co-summary-wrap,
.cox-page .orderSummaryWrap {
  background: #fff !important;
  border: 1px solid #E2E5EA !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06) !important;
  overflow: hidden !important;
  position: sticky;
  top: 90px;
}
.cox-page .co-summary-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px 24px !important;
  border-bottom: 1px solid #E2E5EA !important;
  background: #F5F2EC !important;
  margin: 0 !important;
}
.cox-page .co-summary-title {
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  margin: 0 !important;
  float: none !important;
}
.cox-page .co-summary-edit {
  font-size: 12px !important;
  color: #1F4E0F !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
  text-decoration: none !important;
  float: none !important;
}
.cox-page .co-summary-edit:hover { text-decoration: underline !important; }

/* Order items table */
.cox-page #cartWrap,
.cox-page .creditSkuTable {
  width: 100% !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}
.cox-page #cartWrap thead { display: none; }
.cox-page #cartWrap tbody tr {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 14px 24px !important;
  border-bottom: 1px solid #E2E5EA !important;
  background: #fff !important;
}
.cox-page #cartWrap tbody tr:last-child { border-bottom: none; }
.cox-page #cartWrap tbody tr td {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}
.cox-page #cartWrap tbody tr td:nth-child(1) {
  flex: 1 1 60%;
  min-width: 0;
  font-size: 13px;
  color: #1A1A1A;
}
.cox-page #cartWrap tbody tr td:nth-child(1) p:first-child {
  font-weight: 500;
  color: #1A1A1A;
  line-height: 1.4;
  margin-bottom: 2px;
}
.cox-page #cartWrap tbody tr td:nth-child(1) p {
  font-size: 11px;
  color: #8A909A;
  margin: 1px 0;
}
.cox-page #cartWrap tbody tr td:nth-child(2) { display: none; }
.cox-page #cartWrap tbody tr td:nth-child(3) {
  font-size: 12px;
  color: #8A909A;
  font-weight: 600;
}
.cox-page #cartWrap tbody tr td:nth-child(3)::before { content: 'Qty '; }
.cox-page #cartWrap tbody tr td:nth-child(4) {
  margin-left: auto;
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 15px;
  font-weight: 700;
  color: #1A1A1A;
  white-space: nowrap;
}
.cox-page #cartWrap tbody tr td .formatPrice { color: #1A1A1A; font-weight: 700; }

.cox-page .creditSkuTable tbody tr {
  display: flex !important;
  align-items: center !important;
  padding: 8px 24px !important;
  border-bottom: none !important;
  background: transparent !important;
}
.cox-page .creditSkuTable tbody tr td {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 12px !important;
}
.cox-page .creditSkuTable .couponDespField { flex: 1; color: #1F4E0F; }
.cox-page .creditSkuTable .subOrderCouponval { font-family: 'Zilla Slab', Georgia, serif; color: #1F4E0F; }

/* Location header above items */
.cox-page .locationDetails {
  padding: 10px 24px;
  background: #EEF4E8;
  font-size: 12px;
  color: #1F4E0F;
  margin: 0;
  border-bottom: 1px solid rgba(31,78,15,.1);
}
.cox-page .locationDetails .primaryColor { color: #1F4E0F; font-weight: 700; }

/* Bottom sales strip (totals) — Sub Total / Tax / Total */
.cox-page .cimm_salesBottomStrip,
.cox-page .cimm_cartSalesBottomStrip,
.cox-page .co-summary-wrap .cimm_salesBottomStrip,
.cox-page .co-summary-wrap .cimm_cartSalesBottomStrip {
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  display: block !important;
  width: 100% !important;
}
.cox-page .cimm_salesBottomStrip table,
.cox-page .cimm_cartSalesBottomStrip table,
.cox-page .co-summary-wrap .cimm_salesBottomStrip table,
.cox-page .co-summary-wrap .cimm_cartSalesBottomStrip table {
  width: 100% !important;
  table-layout: auto !important;
  margin: 0 !important;
  border-collapse: collapse !important;
}
.cox-page .cimm_salesBottomStrip table tr,
.cox-page .cimm_cartSalesBottomStrip table tr {
  border-bottom: 1px solid #F5F7FA !important;
  background: transparent !important;
}
.cox-page .cimm_salesBottomStrip table tr:last-child,
.cox-page .cimm_cartSalesBottomStrip table tr:last-child {
  border-bottom: none !important;
}
.cox-page .cimm_salesBottomStrip table td,
.cox-page .cimm_cartSalesBottomStrip table td,
.cox-page .co-summary-wrap .cimm_salesBottomStrip table td,
.cox-page .co-summary-wrap .cimm_cartSalesBottomStrip table td {
  padding: 12px 24px !important;
  color: #555B65 !important;
  font-size: 14px !important;
  border: none !important;
  background: transparent !important;
  vertical-align: middle !important;
}
.cox-page .cimm_salesBottomStrip table td:first-child,
.cox-page .cimm_cartSalesBottomStrip table td:first-child,
.cox-page .co-summary-wrap .cimm_salesBottomStrip table td:first-child {
  width: 100% !important;
  text-align: left !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}
.cox-page .cimm_salesBottomStrip table td:last-child,
.cox-page .cimm_cartSalesBottomStrip table td:last-child,
.cox-page .co-summary-wrap .cimm_salesBottomStrip table td:last-child {
  width: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 15px !important;
}
/* Total row — make it stand out */
.cox-page .cimm_salesBottomStrip table tr:last-child td,
.cox-page .cimm_cartSalesBottomStrip table tr:last-child td {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  color: #1A1A1A !important;
  font-weight: 700 !important;
}
.cox-page .cimm_salesBottomStrip table tr:last-child td:first-child,
.cox-page .cimm_cartSalesBottomStrip table tr:last-child td:first-child {
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
.cox-page .cimm_salesBottomStrip table tr:last-child td:last-child,
.cox-page .cimm_cartSalesBottomStrip table tr:last-child td:last-child {
  font-size: 20px !important;
}

/* Catch-all for UL-based totals fallback (some AJAX responses use ul/li) */
.cox-page .cimm_salesBottomStrip ul,
.cox-page .cimm_cartSalesBottomStrip ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.cox-page .cimm_salesBottomStrip ul li,
.cox-page .cimm_cartSalesBottomStrip ul li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 12px 24px !important;
  border-bottom: 1px solid #F5F7FA !important;
  font-size: 14px !important;
  color: #555B65 !important;
}
.cox-page .cimm_salesBottomStrip ul li:last-child,
.cox-page .cimm_cartSalesBottomStrip ul li:last-child {
  border-bottom: none !important;
  font-size: 16px !important;
  padding: 16px 24px !important;
  color: #1A1A1A !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-weight: 700 !important;
}
.cox-page .cimm_salesBottomStrip ul li .priceLabel,
.cox-page .cimm_cartSalesBottomStrip ul li .priceLabel {
  font-weight: 500 !important;
}
.cox-page .cimm_salesBottomStrip ul li .priceValue,
.cox-page .cimm_cartSalesBottomStrip ul li .priceValue {
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  font-size: 15px !important;
  text-align: right !important;
  margin-left: auto !important;
}
.cox-page .cimm_salesBottomStrip ul li:last-child .priceValue,
.cox-page .cimm_cartSalesBottomStrip ul li:last-child .priceValue {
  font-size: 20px !important;
}

/* Place Order button block */
.cox-page #checkoutBtn { padding: 0; margin: 0 !important; }
.cox-page #checkoutBtn .co-sp-place-order-btn,
.cox-page #checkoutBtn .btn-primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 16px !important;
  background: #1F4E0F !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 0 10px 10px !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  cursor: pointer !important;
  transition: background .2s !important;
}
.cox-page #checkoutBtn .co-sp-place-order-btn:hover,
.cox-page #checkoutBtn .btn-primary:hover { background: #163808 !important; }

/* ── Trust Badges (below summary) ──────────────────────────────── */
.cox-page .co-trust-badges {
  display: flex !important;
  justify-content: center !important;
  gap: 20px !important;
  margin-top: 16px !important;
  flex-wrap: wrap !important;
}
.cox-page .co-trust-badge {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  color: #8A909A !important;
}
.cox-page .co-trust-badge svg { width: 14px !important; height: 14px !important; color: #1F4E0F !important; }

/* ── Hide visual noise that conflicts with redesign ────────────── */
.cox-page .text-danger { color: #C8241C; }
.cox-page .required { color: #C8241C; font-size: 11px; font-weight: 600; }

/* ═══ Coupons (compact inline) ═══ */
.cox-page .cox-coupons-step .co-sp-head {
  background: #F5F2EC;
  border-bottom: 1px solid #E2E5EA;
}
.cox-page .cox-coupon-row {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 14px 24px 16px;
}
.cox-page .cox-coupon-row-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.cox-page .cox-applied-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
}
.cox-page .cox-applied-pills.co-hidden { display: none !important; }
.cox-page .cox-applied-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 4px 7px 12px;
  background: #EEF4E8;
  border: 1px solid rgba(31,78,15,.18);
  border-radius: 100px;
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 12px;
  font-weight: 700;
  color: #1F4E0F;
  letter-spacing: .04em;
}
.cox-page .cox-applied-pill svg {
  width: 13px; height: 13px; color: #1F4E0F; flex-shrink: 0;
}
.cox-page .cox-applied-code { color: #1F4E0F; letter-spacing: .05em; }
.cox-page .cox-applied-amt {
  background: rgba(31,78,15,.12);
  color: #1F4E0F;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 100px;
  font-weight: 700;
  letter-spacing: .02em;
}
.cox-page .cox-applied-remove {
  background: transparent !important;
  border: none !important;
  color: #8A909A !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  padding: 4px 8px !important;
  transition: color .15s !important;
}
.cox-page .cox-applied-remove:hover { color: #C8241C !important; }

.cox-page .cox-coupon-try {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #E2E5EA;
}
.cox-page .cox-coupon-try .cox-cs-label {
  font-size: 11px;
  color: #8A909A;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-right: 4px;
}
.cox-page .cox-cs-chips {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.cox-page .cox-coupon-input-group {
  margin-left: auto !important;
  display: flex !important;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}
.cox-page .cox-coupon-input {
  width: 230px;
  height: 38px;
  border: 1.5px solid #E2E5EA;
  border-radius: 6px;
  padding: 0 14px;
  font-size: 13px;
  font-family: 'DM Sans', system-ui, sans-serif;
  background: #fff;
  color: #1A1A1A;
  text-transform: uppercase;
  letter-spacing: .04em;
  box-shadow: none;
  outline: none;
  transition: border-color .15s;
}
.cox-page .cox-coupon-input::placeholder {
  color: #B7BCC4;
  letter-spacing: .04em;
  font-weight: 500;
}
.cox-page .cox-coupon-input:focus { border-color: #1F4E0F; }
.cox-page .cox-coupon-apply {
  height: 38px;
  background: #1A1A1A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 0 18px !important;
  font-family: 'Zilla Slab', Georgia, serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  cursor: pointer;
  transition: background .15s;
}
.cox-page .cox-coupon-apply:hover { background: #1F4E0F !important; }

.cox-page .cox-coupon-empty {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 24px 14px;
  color: #8A909A;
  font-size: 12px;
}
.cox-page .cox-coupon-empty.co-hidden { display: none !important; }
.cox-page .cox-coupon-empty svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px;
  max-width: 16px;
  flex: 0 0 16px;
  color: #8A909A;
  display: inline-block;
}
.cox-page .cox-coupon-empty strong { color: #1A1A1A; font-weight: 600; }

/* Universal SVG safety net inside checkout — prevents unsized SVGs from blowing up */
.cox-page svg:not([width]):not([height]) {
  width: 1em;
  height: 1em;
}

/* Suggestion chips in compact row */
.cox-page .cox-coupon-try .cox-cs-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  border: 1.5px dashed #3D7A28;
  color: #1F4E0F;
  padding: 5px 4px 5px 12px;
  border-radius: 100px;
  font-family: 'Zilla Slab', Georgia, serif;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .05em;
  cursor: pointer;
  transition: all .15s;
}
.cox-page .cox-coupon-try .cox-cs-chip:hover {
  background: #1F4E0F;
  color: #fff;
  border-style: solid;
}
.cox-page .cox-coupon-try .cox-cs-chip .cox-cs-amt {
  font-size: 10.5px;
  background: #EEF4E8;
  color: #1F4E0F;
  padding: 2px 8px;
  border-radius: 100px;
  font-weight: 700;
  letter-spacing: .02em;
  transition: all .15s;
}
.cox-page .cox-coupon-try .cox-cs-chip:hover .cox-cs-amt {
  background: rgba(255,255,255,.2);
  color: #fff;
}

/* Force-hide deprecated coupon panel/table UI */
.cox-page #couponDiscountBlock,
.cox-page #coCouponSummary { display: none !important; }
.cox-page #coCouponAppliedList { display: flex !important; }
.cox-page #coCouponAppliedList.co-hidden { display: none !important; }

/* Stack on small screens */
@media (max-width: 720px) {
  .cox-page .cox-coupon-row { gap: 10px; }
  .cox-page .cox-coupon-input-group { margin-left: 0; width: 100%; }
  .cox-page .cox-coupon-input { flex: 1; width: auto; }
}

/* ── Responsive ────────────────────────────────────────────────── */
@media (max-width: 920px) {
  .cox-page { padding: 0 16px !important; }
  .cox-page .co-col-summary { padding-left: 0; }
  .cox-page .co-summary-wrap,
  .cox-page .orderSummaryWrap { position: static; }
  .cox-trust-inner { gap: 16px; }
  .cox-ts-item { font-size: 11px; }
}
@media (max-width: 600px) {
  .cox-page .co-sp-head { padding: 14px 16px; }
  .cox-page .co-billing-form,
  .cox-page .co-fulfill-form,
  .cox-page #paymentDetails { padding: 16px; }
  .cox-page .checkoutStorePickupAt .customRadioBtn,
  .cox-page .checkoutStoreShipToInfo .customRadioBtn { min-height: 90px !important; padding: 12px 8px !important; }
  .cox-page .co-mode-name { font-size: 12px; }
  .cox-page .co-mode-sub { font-size: 10px; }
}