/* tonerz-theme.css -- the tonerz customisation layer over stock OpenCart CSS.
 *
 * Generated, not hand-written. Every rule here is a rule that appears in the
 * votresite stylesheet.css but is absent from -- or differs from -- OpenCart
 * 3.0.3.9's stock stylesheet.css. Keeping it as an override layer means
 * stylesheet.css stays stock and OpenCart can be patched underneath us.
 *
 * Load order is load-bearing:
 *   stylesheet.css -> tonerz-theme.css -> tonerz-skin.css -> toners.css
 *
 * Rules referencing dropped votresite features (#main-banner, .force-mobile-style)
 * are retained deliberately until the templates that used them are confirmed gone.
 */


body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #666;
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  overflow-x: hidden;
}
@media (max-width:767px) {
  body:after {
    content: 'mobile';
    display: none;
  }
}

a:hover, a:focus {
  text-decoration: none;
}
.dropdown-menu li > a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #229ac8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#23a1d1), to(#1f90bb));
  background-image: -webkit-linear-gradient(top, #23a1d1, #1f90bb);
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
}
#top {
  background-color: #eee;
  border-bottom: 1px solid #e2e2e2;
  padding: 4px 0px 3px 0;
  margin: 0 0 20px 0;
  min-height: 40px;
}
#top #currency .currency-select {
  text-align: left;
}
#top #currency .currency-select:hover {
  text-shadow: none;
  color: #fff;
  background-color: #229ac8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#23a1d1), to(#1f90bb));
  background-image: -webkit-linear-gradient(top, #23a1d1, #1f90bb);
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
  color: #888;
  text-shadow: 0 1px 0 #fff;
  text-decoration: none;
}
#top a.dropdown-toggle {
  display: inline-block;
}
#top-links .dropdown-menu a:hover {
  color: #fff;
}
#main-banner {
  margin-bottom: 20px;
}
#main-banner.container-fluid {
  padding: 0;
}
#main-banner.container-fluid img {
  width: 100%;
}
#logo h1,
#banner h1 {
  margin: 0;
}
#search .btn-lg {
  font-size: 15px;
  line-height: 18px;
  padding: 10px 35px;
  text-shadow: 0 1px 0 #fff;
}
#cart > .btn {
  font-size: 12px;
  line-height: 18px;
  color: #fff;
}
#cart.open > .btn {
  background-image: none;
  background-color: #fff;
  border: 1px solid #E6E6E6;
  color: #666;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
#cart .dropdown-menu {
  min-width: 100%;
}
#menu {
  background-color: #229ac8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#23a1d1), to(#1f90bb));
  background-image: -webkit-linear-gradient(top, #23a1d1, #1f90bb);
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border-color: #1f90bb #1f90bb #145e7a;
  min-height: 40px;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a, #menu .nav > li.open:hover > a {
  background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-inner {
  display: table;
  width: 100%;
}
#menu .dropdown-inner a {
  min-width: 160px;
  display: block;
  padding: 3px 20px;
  clear: both;
  line-height: 20px;
  color: #333;
  font-size: 12px;
}
#menu .dropdown-inner a:hover {
  color: #fff;
}
#menu .see-all {
  display: block;
  margin-top: 0.5em;
  border-top: 1px solid #ddd;
  padding: 3px 20px;
  border-radius: 0 0 3px 3px;
  font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
  text-decoration: none;
  color: #fff;
  background-color: #229ac8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#23a1d1), to(#1f90bb));
  background-image: -webkit-linear-gradient(top, #23a1d1, #1f90bb);
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
}
#menu .btn-navbar {
  font-size: 15px;
  font-stretch: expanded;
  color: #fff;
  padding: 2px 18px;
  float: right;
  background-color: #229ac8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#23a1d1), to(#1f90bb));
  background-image: -webkit-linear-gradient(top, #23a1d1, #1f90bb);
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
  color: #fff;
  background-color: #229ac8;
}
@media (min-width: 768px) {
  #menu .nav > li > a {
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  #content {
    min-height: 0;
  }
}

footer {
  margin-top: 30px;
  padding-top: 20px;
  background-color: #303030;
  border-top: 1px solid #ddd;
  color: #e2e2e2;
}
footer #bottom {
  margin-top: 20px;
  padding: 20px 0;
}
footer h5 {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
footer .payment-icon + .payment-icon {
  margin-left: 5px;
}
.breadcrumb > li {
  text-shadow: 0 1px 0 #fff;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
}
.breadcrumb > li:after {
  content: '';
  display: block;
  position: absolute;
  top: -3px;
  right: -5px;
  width: 26px;
  height: 26px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.force-mobile-style.breadcrumb {
  border: 0;
  background: none;
  padding-left: 13px;
  padding-right: 13px;
}
.force-mobile-style.breadcrumb:before,
.force-mobile-style.breadcrumb:after {
  display: table;
  content: " ";
}
.force-mobile-style.breadcrumb:after {
  clear: both;
}
.force-mobile-style.breadcrumb li {
  float: left;
  display: block;
  padding: 0;
  line-height: 26px;
}
.force-mobile-style.breadcrumb li .fa.fa-home {
  position:relative;
  top: 1px;
}
.force-mobile-style.breadcrumb > li:after {
  position: static;
  content: '»';
  border: none;
  float: right;
  text-align: center;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.force-mobile-style.breadcrumb > li:last-child:after {
  content: '';
}
@media (max-width: 767px) {
  .breadcrumb {
    border: 0;
    background: none;
    padding-left: 13px;
    padding-right: 13px;
  }
  .breadcrumb:before,
	.breadcrumb:after {
    display: table;
    content: " ";
  }
  .breadcrumb:after {
    clear: both;
  }
  .breadcrumb li {
    float: left;
    display: block;
    padding: 0;
    line-height: 26px;
  }
  .breadcrumb li .fa.fa-home {
    position:relative;
    top: 1px;
  }
  .breadcrumb > li:after {
    position: static;
    content: '»';
    border: none;
    float: right;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .breadcrumb > li:last-child:after {
    content: '';
  }
}

.btn {
  padding: 7px 12px 8px;
  font-size: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-default {
  color: #777;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #e7e7e7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
  background-image: -webkit-linear-gradient(top, #eee, #ddd);
  background-image: linear-gradient(to bottom, #eee, #ddd);
  background-repeat: repeat-x;
  border-color: #ddd #ddd #b3b3b3 #b7b7b7;
}
.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #229ac8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#23a1d1), to(#1f90bb));
  background-image: -webkit-linear-gradient(top, #23a1d1, #1f90bb);
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border-color: #1f90bb #1f90bb #145e7a;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  background-color: #1f90bb;
  background-position: 0 -15px;
}
.btn-warning {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
  -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #df5c39;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e06342), to(#dc512c));
  background-image: -webkit-linear-gradient(top, #e06342, #dc512c);
  background-image: linear-gradient(to bottom, #e06342, #dc512c);
  background-repeat: repeat-x;
  border-color: #dc512c #dc512c #a2371a;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-inverse {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
  background-image: -webkit-linear-gradient(top, #444, #222);
  background-image: linear-gradient(to bottom, #444, #222);
  background-repeat: repeat-x;
  border-color: #222 #222 #000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  background-color: #222;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
  background-image: -webkit-linear-gradient(top, #333, #111);
  background-image: linear-gradient(to bottom, #333, #111);
}
.list-group a {
  border: 1px solid #ddd;
  color: #888;
  padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
  color: #444;
  background: #eee;
  border: 1px solid #ddd;
  text-shadow: 0 1px 0 #fff;
}
.owl-carousel {
  margin-bottom: 60px !important;
}
.owl-carousel .owl-controls {
  height: 0;
}
.owl-carousel .owl-pagination {
  top: 15px;
}
.product-thumb .product-model {
  opacity: 0.75;
  margin-bottom: 5px;
}
.product-thumb .caption {
  padding: 0 20px;
  min-height: 180px;
  word-break: break-word;
}
.row-fluid {
  margin-left: 0;
  margin-right: 0;
}
.row-fluid > [class^='col-'],
.row-fluid > [class*=' col-'] {
  padding-left: 0;
  padding-right: 0;
}
#column-left > .row > [class^='col-'],
#column-left > .row > [class*=' col-'],
#column-right > .row > [class^='col-'],
#column-right > .row > [class*=' col-'],
#content .product-thumb > .row > [class^='col-'],
#content .product-thumb > .row > [class*=' col-'] {
  width: 100%;
}
@media (max-width: 991px) {
  #content .product-thumb .caption {
    min-height: 0;
  }
}

#column-left .product-thumb,
#column-right .product-thumb {
  padding: 10px;
}
#column-left .product-thumb h4,
#column-right .product-thumb h4 {
  margin-top: 5px;
}
#column-left .product-thumb .caption,
#column-right .product-thumb .caption {
  min-height: 0;
  padding: 0 0 0 15px;
}
.fb-like-wrapper {
  margin-top: 25px;
}
.rrssb-buttons {
  margin-bottom: 10px;
}
#column-left .product-thumb .caption,
#column-right .product-thumb .caption {
  min-height: 0;
}
@media (max-width: 767px) {
  .product-thumb .caption {
    min-height: 0;
  }
}

#column-left .product-thumb .caption h4 + p,
#column-right .product-thumb .caption h4 + p,
#column-left .product-thumb .button-group,
#column-right .product-thumb .button-group {
  display: none;
}
#column-left .product-thumb,
#column-right .product-thumb {
  padding: 10px;
}
#column-left .product-thumb h4,
#column-right .product-thumb h4 {
  margin-top: 5px;
}
#column-left .product-thumb .caption,
#column-right .product-thumb .caption {
  min-height: 0;
  padding: 0 0 0 15px;
}
@media (min-width: 1200px) {
  #content .col-lg-2:nth-child(6n+1),
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
    clear:left;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #content .col-md-2:nth-child(6n+1),
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
    clear:left;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #content .col-sm-2:nth-child(6n+1),
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
    clear:left;
  }
}

.owl-carousel {
  background: #fff !important;
}
.module-category-header button {
  background-color: #fff;
}

/* Cookie-consent banner. Was an inline <style> block on votresite, pasted into
 * the Google Analytics setting field along with the banner markup itself. */
#cookie-popup {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: #000000cc;
  text-align: center;
  z-index: 999999;
  justify-content: space-evenly;
  align-items: center;
}
#cookie-popup p {
  color: #fff;
  max-width: 70%;
}
#cookie-popup a {
  color: #4e9adc;
  text-decoration: underline;
}
.cookie-btn {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.cookie-btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* Hand-added, not generated (T3 finding, 2026-08-30): Swiper 3.4.2's fade
 * effect computes each slide's opacity from its own translate/progress
 * state, and for a `.swiper-container-fade` instance that state doesn't
 * always separate the "prev" slide from "active" -- both land near
 * progress 0 and both get opacity:1, so every non-active shipping-logo
 * slide in extension/module/banner.twig stays visible and overlaps the
 * active one instead of fading out. Forcing it here is more reliable than
 * chasing the JS state bug, and scoped tightly enough not to affect
 * slideshow.twig/carousel.twig, which don't use the fade effect.
 */
.swiper-container-fade .swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
}