:root{ 
--color-brown: #c3b092; 
--color-brown-hover: #b29b80; 
}

.clearfix::after { content: ""; clear: both; display: table; }

.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

a { color: navy; }

input[type="text"], textarea {  border-radius: 0; appearance: none; -webkit-appearance: none; border: 1px solid silver; outline: none; }

.button { color: black; background: #ddd; border: 1px solid black; border-radius: 0; padding: 0 1.5rem; white-space: nowrap; height: 4rem; box-sizing: border-box; }

.contextual-links li a { color: #333 !important; }

html { height: 100%; scroll-behavior: smooth; font-size: 62.5%; }

body { height: 100%; margin: 0; padding: 0; 
font-family: "Arial", sans-serif; background: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

label { display: block; }

#page { padding-top: 7rem; min-width: 320px; overflow: hidden; position: relative; background: #eaedf0; font-size: 16px; color: #394146; text-align: center; font-weight: 300; line-height: 1.5; }

main { min-height: 20rem; }
body.is-opened main { padding-left: 0; }


footer { transition: padding-left .3s; }
body.is-opened footer { padding-left: 0; }

#footer-before { min-height: 1.5rem; padding: .5rem 0; }

#footer-main { background: #394146; color: white; padding: 1.5rem 0; }
#footer-main a { color: white; }

#footer-after { min-height: 1.5rem; padding: .5rem 0; }

.container { position: relative; max-width: 1300px; margin: 0 auto; padding: 0 15px; text-align: left; transition: .5s ease; }

@media (min-width: 1280px) {
  body.is-opened footer, 
  body.is-opened main { padding-left: 32rem }
}

.toolbar-fixed #page { padding-top: 39px; }
.toolbar-fixed header { padding-top: 39px; }
.toolbar-fixed .side-menu { top: calc(39px + 7rem); }
.toolbar-fixed.toolbar-tray-open #page { padding-top: 79px; }
.toolbar-fixed.toolbar-tray-open header { padding-top: 79px; }
.toolbar-fixed.toolbar-tray-open .side-menu { top: calc(79px + 7rem); }

.toggler .open { display: inherit; }
.toggler .close { display: none; }
.toggler .close, .toggler .open { justify-content: inherit; align-items: inherit; }
.toggler.is-active .open { display: none; }
.toggler.is-active .close { display: inherit; }


svg.icon{width:1em;height:1em;fill:currentColor;vertical-align:text-bottom;transition:fill .3s;}
svg.icon.icon-large{font-size:1.3em}

.icon { display: block; width: 1em; height: 1em; vertical-align: text-bottom; transition: fill .3s;
background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  fill: black;
 } 
 
.svg-menu { background: green url('../images/icons.svg#menu'); }
.svg-close { background: red url('../images/icons.svg#close'); }


h1.page-title { border-bottom: 1px solid silver; text-align: center; margin-bottom: 4rem; }

input { padding: 1rem; }

.sample-book-anchor { position: absolute; margin-top: -88px; }

body.is-opened .side-menu { left: 0; }
.side-menu { position: fixed; top: 7rem; bottom:0; left: -32rem; width: 32rem; padding: 1rem 0; color: #fff; background: #555; box-shadow: 0 .2rem 6.5rem 0 rgba(0,0,0,.1); transition: top .3s, left .3s; overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; z-index: 50; }
.header-smaller .side-menu { top: 5rem; }

.side-menu { padding: 0; }
.side-menu nav > ul.menu { margin: 0; padding: 0; list-style: none; }
.side-menu nav > ul.menu > li { margin: 0; padding: 0; border-top: 1px solid white; }
.side-menu nav > ul.menu > li > a { display: block; color: white; padding: 10px; border-left: 8px solid var(--color-brown); text-decoration: none; }
.side-menu nav > ul.menu > li > ul.menu { margin: 0; padding: 0; background: white; }
.side-menu nav > ul.menu > li > ul.menu > li { margin: 0; padding: 0; }
.side-menu nav > ul.menu > li > ul.menu > li > a { display: block; padding: 10px 20px 10px 10px; position: relative; text-decoration: none; background: linear-gradient(to right, silver, transparent) bottom / 100% 1px no-repeat; }
.side-menu nav > ul.menu > li > ul.menu > li > a:hover { background: #eaedf0; }
.side-menu nav > ul.menu > li > ul.menu > li > a::after { content: ""; position: absolute; right: 4px; top: 10px; width: 22px; height: 22px; }
.side-menu nav > ul.menu > li > ul.menu > li.menu-item--indoor > a::after { background: url('../images/indoor-v2.png') left top no-repeat; background-size: cover; }
.side-menu nav > ul.menu > li > ul.menu > li.menu-item--outdoor > a::after { background: url('../images/outdoor-v2.png') left top no-repeat; background-size: cover; }

.filters.is-opened{height:100%;overflow:hidden}
.filters.is-opened:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.25;z-index:150}
.filters.is-opened .side-filter{display:flex}
.side-filter{position:absolute;top:0;bottom:0;left:auto;right:0;display:none;flex-direction:column;width:34rem;height:100%;background:#fff;box-shadow:0 .2rem 6.5rem 0 rgba(0,0,0,.1);transition:top .3s;text-align:left;-ms-scroll-chaining:none;overscroll-behavior:contain;z-index:200}
.side-filter .filters-hide{flex:0 0 auto;padding:2rem 2.5rem}
.side-filter form{flex:1 1 auto;position:relative;overflow-y:auto}
.side-filter form .filters-inside{display:flex;flex-direction:column}
.side-filter form .filters-inside .filters-parameters{margin:0 0 12rem;padding:0 0 0 2.5rem;overflow-y:auto}
.side-filter form .filters-inside .filters-parameters .filter-group:not(:last-child){margin:0 0 3rem}
.side-filter form .filters-inside .filters-parameters .filter-group.is-opened label{display:block}
.side-filter form .filters-inside .filters-parameters .filter-group h4{margin:0 0 1rem;font-size:2rem}
.side-filter form .filters-inside .filters-parameters .filter-group label{display:none;margin:0 0 .5rem}
.side-filter form .filters-inside .filters-parameters .filter-group label:last-child{margin:0}
.side-filter form .filters-inside .filters-parameters .filter-group label:nth-child(-n+4){display:block}
.side-filter form .filters-inside .filters-parameters .filter-group label.inp-disabled{color:#bababa;cursor:not-allowed}
.side-filter form .filters-inside .filters-parameters .filter-group label.inp-disabled input{cursor:not-allowed}
.side-filter form .filters-inside .filters-parameters .filter-group a{color:#1ca9ea;}
.side-filter form .filters-inside .filters-submit{position:fixed;bottom:0;right:0;width:34rem;padding:2rem 3rem;background:#fff;box-shadow:0 .2rem 6.5rem 0 rgba(0,0,0,.1);}
.side-filter form .filters-inside .filters-submit button{justify-content:center}

.node--view-mode-full .node__content .field { margin-bottom: 2em; }

.node--type-reference.node--view-mode-full > .node__content > .field--name-field-image { text-align: center; }

.node--type-sample.node--view-mode-full > .node__content > .field--name-field-image { text-align: center; }

.node--type-sample.node--view-mode-teaser { border: 1px solid silver; text-align: center; }
.node--type-sample.node--view-mode-teaser:hover { background: white; }
.node--type-sample.node--view-mode-teaser > h2 { font-size: 1em; min-height: 3em; display: flex; justify-content: center; align-items: center; }
.node--type-sample.node--view-mode-teaser .field--name-field-image img { max-width: 100%; }

.node--type-product.node--view-mode-full > .node__content > .field--name-field-subtitle { text-align: center; margin-top: -4rem; }
.node--type-product.node--view-mode-full > .node__content > .field--name-field-image { max-width: 100%; text-align: center; background: white; padding: 1em; }
.node--type-product.node--view-mode-full > .node__content > .field--name-field-image img { height: auto; max-width: 100%; }

.field--name-field-bundled-products article > h2 { text-align: center; }

.view-commerce-products-table caption { margin: 1em 0; }
.view-commerce-products-table .tableresponsive-toggle-columns { display: none; }
.view-commerce-products-table .views-field-title { width: 30%; }

.node--type-product.node--view-mode-teaser { position: relative; margin-bottom: 3em; }
.node--type-product.node--view-mode-teaser .views-view-responsive-grid__item { border: 1px solid silver; }
.node--type-product.node--view-mode-teaser .field--name-field-image { text-align: center; background: white; padding: 1em; margin-bottom: 1em; }
.node--type-product.node--view-mode-teaser .field--name-field-image a { display: block; }
.node--type-product.node--view-mode-teaser .field--name-field-image a img { display: block; margin: auto; }
.node--type-product.node--view-mode-teaser .field--name-field-subtitle { background: var(--color-brown); border-left: 8px solid transparent; color: white; padding: 0.3em 0.8em; margin-bottom: 0; }
.node--type-product.node--view-mode-teaser .field--name-field-characteristics { padding: 0 8px; }
.node--type-product.node--view-mode-teaser h2 { background: #394146; font-size: 17px; font-weight: normal; line-height: 1.4em; min-height: 3em; padding: 0.3em 0.8em; margin: -10px 0 0 0; max-width: 70%; display: flex; align-items: center; border-left: 8px solid var(--color-brown); }
.node--type-product.node--view-mode-teaser h2 a { color: white; text-decoration: none; text-align: left; }
.node--type-product.node--view-mode-teaser .field--name-field-sample-books { position: absolute; left: 2rem; margin-top: 2rem; 
width: 100px; height: 66px; background: transparent url(../images/sampler-ico.png) left top no-repeat; text-indent: 99999px; overflow: hidden; }
.node--type-product.node--view-mode-teaser .field--name-field-classification {
  box-shadow: 0 0 0 3px blue, 0 0 0 2px #eaf5ec inset;  
  border: 2px solid transparent;
  border-radius: 4px;
  display: inline-block;
  padding: 5px;
  line-height: 22px;
  color: blue;
  font-size: 24px;
  font-family: "Arial";
  text-transform: uppercase;
  text-align: center;
  opacity: 0.4;
  width: auto;
  transform: rotate(-5deg);
  position: absolute;
  right: 1em;
  margin-top: 1em;
}

.astracolor-grid { margin: 20px 0; } 
.astracolor-grid .views-view-responsive-grid__item { border: 1px solid silver; text-align: center; position: relative; }
.astracolor-grid .views-view-responsive-grid__item:hover { background: white; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); }
.astracolor-grid .views-view-responsive-grid__item h2 { position: absolute; color: white; background: #394146; font-size: 17px; font-weight: normal; line-height: 1.4em; min-height: 3em; padding: 0.3em 0.8em; margin: -10px 0 0 0; max-width: 70%; display: flex; justify-content: center; align-items: center; border-left: 8px solid var(--color-brown); }
.astracolor-grid .views-view-responsive-grid__item h2 a { color: white; text-decoration: none; text-align: left; }
.astracolor-grid .views-view-responsive-grid__item:hover h2 { margin-top: -16px; transition: 0.5s; }
.astracolor-grid .views-view-responsive-grid__item .field--name-field-image { display: block; margin: 0.5em; border: 1px solid silver; background: white; }
.astracolor-grid .views-view-responsive-grid__item .field--name-field-image img { max-width: 100%; height: auto; display: block; margin: auto; }

.astracolor-two-buttons .views-row:first-child { margin-bottom: 20px; }
.astracolor-two-buttons .views-row h2 { color: white; background: #394146; font-size: 17px; font-weight: normal; line-height: 1.4em; min-height: 3em; padding: 0.3em 0.8em; margin: 0; max-width: 70%; display: flex; align-items: center; border-left: 8px solid var(--color-brown); }
.astracolor-two-buttons .views-row h2 a { color: white; text-decoration: none; text-align: left; }
.astracolor-two-buttons .views-row h2 { 
  position: relative;
  padding-right: 40px;
}

.astracolor-two-buttons .views-row h2::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
  transform: translateY(-50%) translateX(-8px) rotate(-45deg);
  opacity: 0;
  transition: transform 0.18s ease-out, opacity 0.18s ease-out;
}
.astracolor-two-buttons .views-row:hover h2::after {
  transform: translateY(-50%) translateX(0) rotate(-45deg);
  opacity: 1;
}


.astracolor-two-buttons .views-row .field--name-field-image { display: block; border: 1px solid silver; padding: 0.5em; }
.astracolor-two-buttons .views-row .field--name-field-image a { display: block; }
.astracolor-two-buttons .views-row:hover .field--name-field-image { background: white; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); }

.astracolor-two-buttons .field--name-field-image img { max-width: 100%; height: auto; display: block; }

#block-stable9-astracolor-views-block-products-block-1 { margin: 4rem 0; }
#block-stable9-astracolor-views-block-products-block-1 .views-view-responsive-grid__item { min-height: 48px; border: 1px solid silver; padding: 2rem; background: white; display: flex; justify-content: center; align-items: center; }

.view-tinting-machines .field--name-body { text-align: left; padding: 0 1em; }
.view-tinting-machines .field--name-field-files { background: white; margin: 0 0.5em 0.5em 0.5em; }

table { width: 100%; }
table thead tr { background: var(--color-brown); }
table thead th { padding: 2rem 1rem; }
table tbody tr:hover { background: #eee; }
table tbody td { border-bottom: 1px solid silver; padding: 2rem 1rem; }

.order-total-line { padding: 1rem; }
.order-total-line-value { width: 150px; }

.commerce-payment-pays-cz-completion-message { text-align: center; background: white; padding: 1em; margin: 2em 0; }

.view-commerce-cart-form .form-actions .button,
.commerce-checkout-flow .form-actions .button { padding: 2rem; height: auto; }
.view-commerce-cart-form .button:hover,
.commerce-checkout-flow .button:hover { background: var(--color-brown-hover) !important; border-color: var(--color-brown-hover) !important; }
.view-commerce-cart-form #edit-checkout,
.commerce-checkout-flow #edit-actions-next { float: right; margin-right: 1em; background: var(--color-brown); border-color: var(--color-brown); }

.layout-region-checkout-footer { width: 100%; padding-right: 0; }

.layout-region-checkout-main fieldset { border: 1px solid silver; padding: 2em; }
.layout-region-checkout-main fieldset legend { background: var(--color-brown); padding: 0.5em 1em; display: block; width: 100%; font-weight: bold; }

.checkout-pane-split-commerce-checkout-panes-shipping-methods .form-type-radio,
.checkout-pane-split-commerce-checkout-panes-payment-methods .form-type-radio { background: white; padding: 1em; }
.checkout-pane-split-commerce-checkout-panes-shipping-methods label .price,
.checkout-pane-split-commerce-checkout-panes-payment-methods label .price { float: right; }

.checkout-pane-shipping-information > .fieldset-wrapper > .form-submit { display: none; }

.commerce-order-item-variation-cart-form-form .field--name-quantity { display: inline-block; }
.commerce-order-item-variation-cart-form-form .field--name-quantity .form-item { margin-top: 0; margin-bottom: 0; }
.commerce-order-item-variation-cart-form-form .field--name-quantity label { display: none; }
.commerce-order-item-variation-cart-form-form .field--name-quantity input { width: 5em; }
.commerce-order-item-variation-cart-form-form .form-actions { display: inline-block; margin-top: 0; margin-bottom: 0; }

#views-exposed-form-search-block-1 .form--inline { display: flex; justify-content: center; align-items: center; gap 10px; }
#views-exposed-form-search-block-1 label { display: none; }
#block-stable9-astracolor-views-block-search-block-1 .views-view-responsive-grid__item { padding-top: 2em; }
#block-stable9-astracolor-views-block-search-block-1 .views-field-title-1 a { color: white; background: #394146; font-size: 17px; font-weight: normal; line-height: 1.4em; min-height: 3em; padding: 0.3em 0.8em; margin: 0; max-width: 70%; display: flex; align-items: center; border-left: 8px solid var(--color-brown); }


.region-footer .menu--footer ul.menu { margin-left: 0; }

@media (max-width:559px){
.side-filter{width:100%}
}

@media (min-width:687px){
.astracolor-two-buttons .view-content { display: flex; gap: 20px; }
.astracolor-two-buttons .views-row { flex: 1; }
}

@media (max-width:800px){
.view-commerce-products-table .views-table .priority-low { display: none; }
}

@media (min-width:800px){
.view-commerce-products-table .views-field-title { width: 50%; }
}

@media (min-width: 1280px) {

.node--type-product.node--view-mode-full > .node__content > .field--name-field-image { float: right; width: 50%; margin-left: 4rem; }

.region-footer { display: flex; justify-content: space-between; }
.region-footer .block { flex: 1 1 20%; }
}