/* Croco demo layer on top of Automaailm's own compiled stylesheet. */
html{scroll-behavior:auto}
body.fontroot{margin:0}
/* inert, non-product navigation */
.frame-automaailm__pre-header,.frame-automaailm__header,.frame-automaailm__footer,.cookiemessage,.layout-browse__sidebar,
.frame-automaailm__page-header .breadcrumb a:not(.back-to-list),.product-availability a,.tabbed-content__tabs a{pointer-events:none;cursor:default}
.frame-automaailm__header .search input{pointer-events:none}
.cookiemessage .actions a{cursor:default}
/* cards */
.box-product__link{cursor:pointer}
.croco-attrs{margin-top:6px;font-size:12px;line-height:18px;color:#666;display:flex;flex-wrap:wrap}
.croco-attrs span+span:before{content:"\00b7";margin:0 6px;color:#aaa}
.list .croco-attrs{display:none}
.box-product__description .meta.extra{display:block}
.layout-products__container[hidden]{display:none!important}
.box-product__price.sale{white-space:nowrap}
.no-results{padding:60px 20px;text-align:center;color:#666}
/* filter bar */
.product-filters{position:relative;z-index:15}
.product-filters__categories>LI{overflow:visible}
.product-filters__categories>LI.reset{display:flex}
.product-filters__categories>LI.reset .button{cursor:pointer;display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;text-transform:uppercase;font-weight:700;letter-spacing:0}
.product-filters__categories>LI.reset .button .icon{margin-right:8px}
.product-filters__categories>LI.reset .button[disabled]{opacity:.45;cursor:default}
.filter-drop{cursor:pointer;background:#fff}
.filter-drop.open{box-shadow:inset 0 0 0 1px rgba(0,127,194,.5)}
.filter-drop__target{user-select:none;font-size:13px;line-height:20px;min-height:30px;box-sizing:border-box}
.filter-drop__target svg{transition:transform .2s}
.filter-drop.open .filter-drop__target svg{transform:rotate(180deg)}
.filter-drop__popover{position:absolute;left:0;top:100%;margin:6px 0 0;min-width:240px;max-width:340px;background:#fff;white-space:normal;display:none;z-index:30;cursor:default}
.filter-drop.open .filter-drop__popover{display:block}
.filter-drop__popover .bp3-menu{padding:12px;margin:0;list-style:none}
.filter-drop__scroll{max-height:300px;overflow:auto;margin:0 -12px;padding:0 12px}
.filter-drop .checkbox-with-label{display:flex;align-items:center;min-height:32px;cursor:pointer}
.filter-drop .checkbox-with-label .control-checkbox{margin-top:0}
.filter-drop .checkbox-with-label-label-wrapper{margin-top:0;cursor:pointer;flex:1 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-left:10px;font-size:13px}
.filter-drop .facet-count{color:#999;font-size:12px;margin-left:12px}
.filter-drop .checkbox-with-label.disabled{opacity:.4}
.filter-drop .checkbox-with-label.disabled,.filter-drop .checkbox-with-label.disabled *{cursor:default}
.control-checkbox-checkbox.active,.control-checkbox input:checked+.control-checkbox-checkbox{background-color:#007FC2;border-color:#007FC2}
.control-checkbox input:checked+.control-checkbox-checkbox span{opacity:1}
.control-checkbox input:focus-visible+.control-checkbox-checkbox{box-shadow:0 0 0 3px rgba(0,127,194,.3)}
.control-checkbox input{cursor:pointer}
.filter-drop__search{width:100%;box-sizing:border-box;height:30px;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);padding:0 8px;margin:0 0 8px;font:inherit;font-size:13px;outline:none}
.filter-drop__search:focus{box-shadow:inset 0 0 0 1px #007FC2}
.filter-drop__price{display:flex;align-items:center;gap:8px;font-size:13px}
.filter-drop__price input{width:80px;height:30px;box-sizing:border-box;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);padding:0 8px;font:inherit;outline:none}
.filter-drop__price input:focus{box-shadow:inset 0 0 0 1px #007FC2}
.filter-drop__hint{font-size:12px;color:#888;margin-top:8px}
.filter-drop.fixed{cursor:default}
/* active filter chips */
.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:12px}
.active-filters[hidden]{display:none}
.active-filters .lbl{color:#888;margin-right:4px}
.chip{display:inline-flex;align-items:center;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,127,194,.35);color:#007FC2;height:26px;padding:0 4px 0 10px;font:inherit;font-size:12px;cursor:pointer;line-height:26px}
.chip b{font-weight:700;margin-right:4px}
.chip .x{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;font-size:16px;color:#E12E27}
.chip:hover{background:rgba(0,127,194,.06)}
.chip.clear{box-shadow:none;background:transparent;text-decoration:underline;padding:0 8px;color:#E12E27}
.result-count{font-size:13px;color:#666;margin-right:20px;white-space:nowrap}
.result-count b{color:#000}
.product-toolbar .togglebutton A,.product-toolbar .pillbutton A{cursor:pointer}
.product-toolbar select{cursor:pointer}
/* toast (dummy cart) */
.croco-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:#444;color:#fff;font-size:13px;padding:10px 18px;opacity:0;pointer-events:none;transition:all .25s;z-index:16000010;max-width:90vw}
.croco-toast.show{opacity:1;transform:translate(-50%,0)}
/* product page */
.tech-specs__title{white-space:normal}
.product-pricing__button{display:flex;align-items:center;justify-content:center}
.layout-product__image .gallery{padding-top:80%}
.carousel-root{position:absolute;left:0;right:0;top:0;bottom:0;display:flex}
.carousel-root .carousel{display:flex;position:relative;width:100%}
.carousel .slider-wrapper{width:100%}
.carousel .slider{background-color:#fff;transition:transform .35s ease}
.carousel .slide{background:#fff}
.carousel .slide .gallery__slide{opacity:1;margin:0}
.gallery>.gallery__slide{opacity:0}
.carousel .control-prev{left:10px}
.carousel .control-next{right:10px}
.carousel .control-dots{z-index:3}
.tabbed-content__tabs a{pointer-events:none}
.longtext p+p{margin-top:12px}
.product-columns .longtext{font-size:14px;line-height:22px}
.product-columns .longtext p{margin-top:0}
.product-columns .longtext p+p,.product-columns .longtext div+p,.product-columns .longtext p+div{margin-top:12px}
.product-columns .longtext ul{list-style:disc;padding-left:20px;margin:8px 0}
/* mobile filter bar */
@media only screen and (max-width:759px){
  .product-filters__categories>LI{overflow:visible;margin:0 0 4px 0;display:block}
  .product-filters__categories.open{display:block}
  .filter-drop__popover{position:static;box-shadow:none;margin:0;min-width:0;max-width:none;border-top:1px solid #ededed}
  .filter-drop__target{min-height:40px}
  .product-filters__categories>LI.reset{margin-top:12px}
  .product-toolbar{flex-wrap:wrap}
  .result-count{margin-right:10px}
  .active-filters{margin:12px 0 0}
}
