/* Phone browsing is a compact catalogue, with horizontal choices and native commerce. */
.tj-mobile-shop-tools,.tj-mobile-shop-categories,.tj-mobile-show-results{display:none}
@media(max-width:900px){
  main.tj-shop-main.tj-shop-archive{padding:20px 14px 44px}
  main.tj-shop-main.tj-shop-archive .woocommerce-breadcrumb{font-size:10px;margin-bottom:14px}
  main.tj-shop-main.tj-shop-archive>.woocommerce-products-header{padding:0 0 18px;max-width:100%}
  main.tj-shop-main.tj-shop-archive .woocommerce-products-header__title{font-size:34px;line-height:1.08;margin:0 0 9px}
  main.tj-shop-main.tj-shop-archive .woocommerce-products-header p{font-size:13px;line-height:1.55;max-width:45ch}
  .tj-mobile-shop-tools{position:sticky;top:8px;z-index:8;display:grid;grid-template-columns:minmax(0,1fr) 74px 100px;gap:8px;align-items:stretch;margin:16px 0 10px;padding:6px;background:var(--shop-paper,#fff);border:1px solid var(--shop-line,#dedfdc);border-radius:6px;box-shadow:0 3px 13px #0000000a}
  .tj-mobile-shop-search{display:flex;min-width:0;margin:0;padding:0;border:0;background:transparent}
  .tj-mobile-shop-search input{display:block;flex:1;width:100%;min-width:0;height:44px;padding:9px 0 9px 8px;border:0;border-radius:3px;background:transparent;color:var(--shop-ink,#17243a);font:400 16px/1.3 Arial,Helvetica,sans-serif;box-shadow:none}
  .tj-mobile-shop-search input::placeholder{color:var(--shop-muted,#626570);opacity:1}
  .tj-mobile-shop-search button{display:grid;place-items:center;flex:0 0 28px;min-width:28px;min-height:44px;margin:0;padding:0;border:0;background:transparent;color:var(--shop-ink,#17243a)}
  .tj-mobile-shop-search svg{width:18px;height:18px}
  .tj-mobile-shop-tools .tjws-filter-toggle:not([hidden]){position:relative;display:flex;gap:5px;width:100%;min-width:0;min-height:44px;margin:0;padding:8px 6px;font:500 12px/1.35 Arial,Helvetica,sans-serif;border:1px solid var(--shop-line,#dedfdc);border-radius:4px;background:var(--shop-paper,#fff);color:var(--shop-ink,#17243a)}
  .tj-mobile-shop-tools .tjws-filter-toggle svg{width:16px;height:16px;flex:none}
  .tj-mobile-shop-tools .tjws-filter-count{position:absolute;top:-5px;right:-5px;min-width:17px;width:17px;height:17px;margin:0;padding:0;border:0;background:var(--shop-accent,#193b91);color:#fff;font-size:10px}
  .tj-mobile-shop-sort{display:block;box-sizing:border-box;width:100%;min-width:0;height:44px;margin:0;padding:8px 19px 8px 7px;border:1px solid var(--shop-line,#dedfdc);border-radius:4px;background:var(--shop-paper,#fff);color:var(--shop-ink,#17243a);font:400 12px/1.4 Arial,Helvetica,sans-serif;box-shadow:none}
  .tj-mobile-shop-tools :is(input,select,button):focus-visible{outline:2px solid var(--shop-accent,#193b91);outline-offset:2px}
  .tj-mobile-shop-categories{display:block;width:100%;min-width:0;margin:0 0 14px}
  .tj-mobile-shop-category-rail{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 1px 5px}
  .tj-mobile-shop-category-rail::-webkit-scrollbar,.tj-shop-main .tjws-active-filters::-webkit-scrollbar{display:none}
  .tj-mobile-category{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;min-height:40px;max-width:240px;margin:0;padding:8px 12px;border:1px solid var(--shop-line,#dedfdc);border-radius:4px;background:transparent;color:var(--shop-ink,#17243a);font:400 12px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;white-space:nowrap;scroll-snap-align:start}
  .tj-mobile-category.is-current{background:var(--shop-ink,#17243a);border-color:var(--shop-ink,#17243a);color:var(--shop-paper,#fff)}
  html.tj-shop-mobile-ready main.tj-shop-main.tj-shop-archive .tjws-shop-results>.woocommerce-ordering{display:none}
  main.tj-shop-main.tj-shop-archive .tjws-shop-layout{margin:0}
  main.tj-shop-main.tj-shop-archive .tjws-shop-results>.woocommerce-result-count{float:none;width:auto;margin:0 0 13px;line-height:1.5;font-size:11px;color:var(--shop-muted,#626570)}
  main.tj-shop-main.tj-shop-archive .tjws-active-filters{display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;margin:0 0 13px;padding-bottom:3px}
  main.tj-shop-main.tj-shop-archive .tjws-active-filters>a{flex:0 0 auto;max-width:260px;min-height:36px;font-size:11px;white-space:nowrap}
  main.tj-shop-main.tj-shop-archive ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
  main.tj-shop-main.tj-shop-archive ul.products>li.product{--tj-card-inset:10px;--tj-card-excerpt-height:35.4px;padding-bottom:12px}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>:is(.tjws-product-art,.tjws-card-media,img){aspect-ratio:1;margin-bottom:11px}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>h2.woocommerce-loop-product__title{font-size:14px;line-height:1.4;height:4.2em;min-height:4.2em;max-height:4.2em;margin-bottom:8px;letter-spacing:-.01em}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>p.tjws-card-excerpt{font-size:11.5px;line-height:1.54;margin-bottom:9px}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>.tjws-product-brands--loop{height:46px;min-height:46px;gap:3px 5px;flex-wrap:wrap;margin-bottom:9px;align-content:center}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>.tjws-product-brands--loop .tjws-brand-logo--vimar{flex-basis:48px;width:48px;min-width:48px;max-width:48px;height:18px}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>.tjws-product-brands--loop .tjws-brand-logo--bluetooth{flex-basis:45px;width:45px;min-width:45px;max-width:45px;height:20px}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>.tjws-product-brands--loop .tjws-brand-logo--enocean{flex-basis:26px;width:26px;min-width:26px;max-width:26px;height:18px}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>.tjws-product-brands--loop .tjws-brand-logo--view{height:20px;gap:3px}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>.tjws-product-brands--loop .tjws-brand-logo__caption{font-size:10px}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>.price{font-size:16px;line-height:1.35;min-height:55px;margin-bottom:6px;letter-spacing:-.025em}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>.price .woocommerce-price-suffix{display:block;font-size:10px;line-height:1.3;margin-top:2px}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>.tj-product-card-availability{min-height:48px;margin-bottom:10px;font-size:10px;line-height:1.5}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>.tj-product-card-availability>p{font-size:10px;line-height:1.5;margin-bottom:4px}
  main.tj-shop-main.tj-shop-archive .tjws-lead-time [data-tj-source-text]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>.button{font-size:10px;line-height:1.4;min-height:44px;padding:9px 5px}
  main.tj-shop-main.tj-shop-archive .tjws-product-art figcaption,
  main.tj-shop-main.tj-shop-archive .tjws-starter-part__label,
  section.tj-shop-home .tjws-product-art figcaption,
  section.tj-shop-home .tjws-starter-part__label{display:none}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>.tjws-product-art--starter .tjws-product-art__scene{width:87%;max-width:none}
  main.tj-shop-main.tj-shop-archive .woocommerce-pagination{padding-top:18px;margin-top:23px}
  .tjws-filter-dialog{inset:0 0 0 auto;width:min(480px,100%);max-width:100%;height:100dvh;margin:0 0 0 auto}
  .tjws-filter-dialog>.tjws-shop-sidebar{padding-inline:18px}
  .tjws-filter-dialog .tjws-filters-heading{margin-inline:-18px;padding-inline:18px;min-height:65px;margin-bottom:13px}
  .tjws-filter-dialog .tjws-auto-filters .tjws-filter-actions{padding:12px 18px max(12px,env(safe-area-inset-bottom));margin-inline:-18px;gap:7px}
  .tjws-filter-dialog .tj-mobile-show-results{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:10px 15px;border:1px solid #5d7fc2;border-radius:4px;background:#294b83;color:#fff;font:600 14px/1.4 Arial,Helvetica,sans-serif}
  section.tj-shop-home ul.tj-shop-rail{grid-auto-columns:62%;gap:11px}
  section.tj-shop-home ul.products>li.product{--tj-card-inset:12px;padding-bottom:12px}
  section.tj-shop-home ul.products>li.product>a.woocommerce-LoopProduct-link>h2.woocommerce-loop-product__title{font-size:15px;line-height:1.35}
  section.tj-shop-home ul.products>li.product>a.woocommerce-LoopProduct-link>:is(.tjws-product-art,.tjws-card-media,img){aspect-ratio:1}
  main.tj-shop-main.tj-shop-single{padding:20px 16px 44px}
  main.tj-shop-main.tj-shop-single div.product{gap:22px}
  main.tj-shop-main.tj-shop-single div.product .product_title{font-size:30px;line-height:1.12;margin-bottom:14px}
  main.tj-shop-main.tj-shop-single div.product>.images{max-width:100%;position:static}
  main.tj-shop-main.tj-shop-single .tjws-gallery>.tjws-product-art--single{max-height:260px;aspect-ratio:4/3}
  main.tj-shop-main.tj-shop-single .tjws-gallery>.tjws-product-art--starter .tjws-product-art__scene{width:68%;max-height:230px}
  main.tj-shop-main.tj-shop-single .summary .woocommerce-product-details__short-description{font-size:14px;margin-bottom:16px;line-height:1.6}
  main.tj-shop-main.tj-shop-single .summary .woocommerce-product-details__short-description p{margin-bottom:10px;line-height:1.6}
  main.tj-shop-main.tj-shop-single .summary form.cart{padding:17px 0;margin:17px 0}
  main.tj-shop-main.tj-shop-single .tjws-heading{padding:15px 13px 10px}
  main.tj-shop-main.tj-shop-single .tjws-heading h2{font-size:22px}
  main.tj-shop-main.tj-shop-single .tjws-editor{padding-inline:12px}
  main.tj-shop-main.tj-shop-single .tjws-field{padding:11px;margin-bottom:11px}
  main.tj-shop-main.tj-shop-single .tjws-field-label{margin-bottom:10px;font-size:12px}
  main.tj-shop-main.tj-shop-single .tjws-series{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(110px,42%);grid-template-columns:none;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px 1px 5px}
  main.tj-shop-main.tj-shop-single .tjws-series-card{min-height:68px;padding:10px;gap:5px;scroll-snap-align:start}
  main.tj-shop-main.tj-shop-single .tjws-series-card strong{font-size:17px}
  main.tj-shop-main.tj-shop-single .tjws-materials,.tjws-dialog .tjws-materials{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:5px}
  main.tj-shop-main.tj-shop-single .tjws-materials button,.tjws-dialog .tjws-materials button{flex:0 0 auto;min-height:40px;font-size:11px}
  main.tj-shop-main.tj-shop-single .tjws-swatches,.tjws-dialog .tjws-swatches{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76px;grid-template-rows:minmax(76px,auto);max-height:none;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:3px 2px 6px}
  main.tj-shop-main.tj-shop-single .tjws-swatch,.tjws-dialog .tjws-swatch{scroll-snap-align:start;min-height:76px}
  main.tj-shop-main.tj-shop-single .tjws-colors,.tjws-dialog .tjws-colors{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:4px}
  main.tj-shop-main.tj-shop-single .tjws-color,.tjws-dialog .tjws-color{flex:0 0 94px;min-height:60px;padding:9px 5px;gap:6px;font-size:11px}
  main.tj-shop-main.tj-shop-single .tjws-preview{padding:13px 12px}
  main.tj-shop-main.tj-shop-single .tjws-preview-art.tjws-preview-native{max-width:210px;width:min(100%,210px)}
  main.tj-shop-main.tj-shop-single .tjws-option-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  main.tj-shop-main.tj-shop-single .tjws-option{padding:10px 8px;font-size:12px;line-height:1.4}
  main.tj-shop-main.tj-shop-single .tjws-led-options{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:8px;padding-bottom:4px}
  main.tj-shop-main.tj-shop-single .tjws-led-options>.tjws-option{flex:0 0 112px}
  .tj-mobile-installation{margin:13px 12px;padding:0;border:1px solid var(--shop-line,#dedfdc);border-radius:4px}
  .tj-mobile-installation>summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:10px 12px;list-style:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--shop-ink,#17243a)}
  .tj-mobile-installation>summary::after{content:'+';font-size:19px;font-weight:400}
  .tj-mobile-installation[open]>summary::after{content:'−'}
  .tj-mobile-installation>summary::-webkit-details-marker{display:none}
  .tj-mobile-installation .tjws-installation{border-left:0;margin:0;padding:0 12px 13px;font-size:12px}
}
@media(max-width:370px){
  main.tj-shop-main.tj-shop-archive{padding-inline:10px}
  .tj-mobile-shop-tools{grid-template-columns:minmax(0,1fr) 64px 86px;gap:5px;padding:4px}
  .tj-mobile-shop-tools .tjws-filter-toggle:not([hidden]){font-size:11px;padding-inline:3px}
  .tj-mobile-shop-sort{font-size:11px;padding-left:5px}
  main.tj-shop-main.tj-shop-archive ul.products{gap:14px 8px}
  main.tj-shop-main.tj-shop-archive ul.products>li.product{--tj-card-inset:8px}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>h2.woocommerce-loop-product__title{font-size:13px}
  main.tj-shop-main.tj-shop-archive ul.products>li.product>a.woocommerce-LoopProduct-link>p.tjws-card-excerpt{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.tj-mobile-shop-tools{scroll-behavior:auto}}
/* The toolbar sits outside the sidebar, so it needs its own dark native-control scheme. */
@media(max-width:900px){
  html[data-tj-theme="dark"] main.tj-shop-main.tj-shop-archive .tj-mobile-shop-tools{color-scheme:dark;background:#191e29;border-color:#46536b;color:#eff1f5}
  html[data-tj-theme="dark"] main.tj-shop-main.tj-shop-archive .tj-mobile-shop-tools :is(.tjws-filter-toggle:not([hidden]),.tj-mobile-shop-sort){background:#232d3d;border-color:#62708b;color:#eff1f5;-webkit-text-fill-color:#eff1f5}
  html[data-tj-theme="dark"] main.tj-shop-main.tj-shop-archive .tj-mobile-shop-tools :is(.tjws-filter-toggle:not([hidden]),.tj-mobile-shop-sort):is(:hover,:focus,:active){background:#2a3d62;border-color:#9db6ff;color:#fff;-webkit-text-fill-color:#fff}
  html[data-tj-theme="dark"] main.tj-shop-main.tj-shop-archive .tj-mobile-shop-sort option{background:#232d3d;color:#eff1f5}
  html[data-tj-theme="dark"] main.tj-shop-main.tj-shop-archive .tj-mobile-shop-tools .tjws-filter-count{background:#9db6ff;border-color:#9db6ff;color:#17243a;-webkit-text-fill-color:#17243a}
  html[data-tj-theme="dark"] main.tj-shop-main.tj-shop-archive a.tj-mobile-category.is-current{background:#2a3d62;border-color:#9db6ff;color:#fff}
  html[data-tj-theme="dark"] main.tj-shop-main.tj-shop-archive a.tj-mobile-category:is(:hover,:focus-visible){background:#232d3d;border-color:#9db6ff;color:#fff}
  html[data-tj-theme="dark"] main.tj-shop-main.tj-shop-archive .tjws-active-filters>a.tjws-filter-chip{background:#232d3d;border-color:#62708b;color:#eff1f5}
  html[data-tj-theme="dark"] .tjws-filter-dialog{color-scheme:dark}
  html[data-tj-theme="dark"] .tjws-filter-dialog :is(.tjws-filter-submit,.tj-mobile-show-results){background:#294b83;border-color:#9db6ff;color:#fff;-webkit-text-fill-color:#fff}
  html[data-tj-theme="dark"] .tjws-filter-dialog :is(.tjws-filter-submit,.tj-mobile-show-results):is(:hover,:focus-visible,:active){background:#355d98;border-color:#b8caff;color:#fff;-webkit-text-fill-color:#fff}
  html[data-tj-theme="dark"] .tjws-filter-dialog [data-tjws-close-filters]{background:#232d3d;border-color:#62708b;color:#eff1f5}
}
