/* GA Shelly shop: catalogue layout (header, category tiles, sidebar filters, product cards) */
.sf-shop{--sf-ink:#14212b;--sf-muted:#5b6b77;--sf-line:#dde4e9;--sf-soft:#f3f6f8;--sf-accent:#0a6c86;--sf-accent2:#0b4f86;--sf-pill:#e6f1f6}
.sf-shop-head{text-align:center;max-width:900px;margin:0 auto 8px}
.sf-shop-head h1{font-size:clamp(30px,4.5vw,46px);line-height:1.1;font-weight:700;margin:0 0 12px;letter-spacing:-.01em}
.sf-shop-head p{color:var(--sf-muted);font-size:17px;margin:0}

/* Category tiles */
.sf-shop .sf-tiles{max-width:var(--wp--style--global--wide-size,1340px)!important;margin-left:auto!important;margin-right:auto!important}
.sf-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:8px 0 10px}
.sf-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:112px;padding:14px 10px;border:1px solid var(--sf-line);border-radius:12px;background:#fff;color:var(--sf-ink);text-decoration:none;text-align:center;font-size:14.5px;line-height:1.3;transition:border-color .15s,box-shadow .15s}
.sf-tile svg{width:30px;height:30px;color:var(--sf-ink)}
.sf-tile:hover{border-color:var(--sf-accent);box-shadow:0 2px 10px rgba(10,108,134,.08)}
.sf-tile.is-active{border:2px solid var(--sf-accent);padding:13px 9px}
.sf-tile:focus-visible{outline:2px solid var(--sf-accent);outline-offset:2px}

/* Sidebar filters */
.sf-filters{font-size:15px;color:var(--sf-ink,#14212b)}
.sf-filters>summary{list-style:none;font-weight:600;font-size:17px;cursor:pointer;padding:6px 0}
.sf-filters>summary::-webkit-details-marker{display:none}
.sf-clear{display:inline-block;margin:6px 0 10px;color:var(--sf-accent,#0a6c86);font-size:14.5px}
.sf-filters-form{display:flex;flex-direction:column;gap:0}
.sf-fg{border-top:1px solid var(--sf-line,#dde4e9);padding:14px 0}
.sf-fg>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:15.5px;cursor:pointer}
.sf-fg>summary::-webkit-details-marker{display:none}
.sf-fg>summary::after{content:"";width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s}
.sf-fg[open]>summary::after{transform:rotate(-135deg) translate(-1px,-1px)}
.sf-fl{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.sf-fl li{display:flex;align-items:center;gap:10px}
.sf-fl input{width:18px;height:18px;accent-color:var(--sf-accent,#0a6c86);margin:0;flex:0 0 auto}
.sf-fl label,.sf-fl a{cursor:pointer;display:flex;align-items:center;gap:10px;color:var(--sf-ink,#14212b);text-decoration:none}
.sf-fl a[aria-current]{font-weight:600}
.sf-box{width:18px;height:18px;border:1.5px solid #8a98a3;border-radius:3px;flex:0 0 auto}
.sf-fl a[aria-current] .sf-box{background:var(--sf-accent,#0a6c86);border-color:var(--sf-accent,#0a6c86);box-shadow:inset 0 0 0 3px #fff}
.sf-cnt{background:var(--sf-pill,#e6f1f6);color:var(--sf-accent,#0a6c86);font-size:12.5px;font-weight:600;padding:2px 8px;border-radius:999px;font-variant-numeric:tabular-nums}
.sf-price{display:flex;gap:8px;margin-top:12px}
.sf-price input{width:100%;min-width:0;padding:9px 10px;border:1.5px solid var(--sf-line,#dde4e9);border-radius:8px;font:inherit}
.sf-factions{display:flex;gap:14px;align-items:center;padding-top:14px;border-top:1px solid var(--sf-line,#dde4e9)}
.sf-factions .sf-btn{font:inherit;font-weight:600;font-size:14px;padding:11px 18px;border-radius:9px;border:0;background:var(--sf-accent,#0a6c86);color:#fff;cursor:pointer}
.sf-factions .sf-link{color:var(--sf-accent,#0a6c86);font-weight:600;font-size:14px}

/* Product cards */
.sf-shop .wc-block-product-template{gap:28px 22px!important}
.sf-shop .wc-block-product{display:flex;flex-direction:column;align-items:stretch;text-align:left}
.sf-shop .wc-block-product .wc-block-components-product-image{background:var(--sf-soft);border-radius:14px;padding:22px 22px 52px;margin:0!important;position:relative}
.sf-shop .wc-block-product .wc-block-components-product-image img{aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply}
.sf-shop .wc-block-product .sf-tech{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-42px 0 18px 18px;position:relative;min-height:24px;color:var(--sf-accent2)}
.sf-tech .sf-ti svg{width:20px;height:20px;display:block}
.sf-tech .sf-tt{font-size:10.5px;font-weight:700;letter-spacing:.02em;border:1.3px solid currentColor;border-radius:999px;padding:1px 7px;line-height:1.5;white-space:nowrap}
.sf-shop .wc-block-product .wp-block-post-title{text-align:left!important;font-size:21px!important;font-weight:700;line-height:1.25!important;margin:0 0 6px!important}
.sf-shop .wc-block-product .wp-block-post-title a{color:var(--sf-ink);text-decoration:none}
.sf-shop .wc-block-product .wc-block-components-product-price{text-align:left!important;justify-content:flex-start;font-size:16px!important;color:var(--sf-ink);margin:0 0 12px!important}
.sf-chips-card{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sf-chips-card li{background:var(--sf-pill);color:var(--sf-accent);font-size:13px;padding:4px 10px 4px 22px;border-radius:999px;position:relative}
.sf-chips-card li::before{content:"";position:absolute;left:9px;top:50%;width:7px;height:4px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(-45deg)}
.sf-shop .wc-block-product .wc-block-components-product-button{margin-top:auto!important;width:100%;align-items:stretch}
.sf-shop .wc-block-product .wc-block-components-product-button .wp-block-button__link,
.sf-shop .wc-block-product .wc-block-components-product-button button,
.sf-shop .wc-block-product .wc-block-components-product-button a{width:100%;justify-content:center;border:0;border-radius:8px;padding:14px 18px;font-weight:600;font-size:15px;color:#fff;background:linear-gradient(90deg,var(--sf-accent),var(--sf-accent2))}
.sf-shop .wc-block-product .wc-block-components-product-button .wp-block-button__link:hover{filter:brightness(1.08)}

@media (max-width:781px){
  .sf-shop .wp-block-columns{flex-direction:column}
  .sf-shop .wp-block-column{flex-basis:auto!important}
  .sf-tiles{grid-template-columns:repeat(2,1fr)}
}

/* fixes */
.sf-shop .woocommerce-result-count,.sf-shop .wc-block-product-results-count{font-size:15px!important;color:var(--sf-muted);margin:0 0 6px!important}
.sf-fl input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid #8a98a3;border-radius:3px;margin:0!important;display:grid;place-content:center;cursor:pointer;background:#fff}
.sf-fl input[type=checkbox]:checked{background:var(--sf-accent,#0a6c86);border-color:var(--sf-accent,#0a6c86)}
.sf-fl input[type=checkbox]:checked::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.sf-fl input[type=checkbox]:focus-visible{outline:2px solid var(--sf-accent,#0a6c86);outline-offset:2px}
.sf-shop .wc-block-product .wp-block-post-title{margin-top:12px!important}
.sf-shop .wc-block-components-product-sale-badge{border-radius:999px;border:1.3px solid var(--sf-accent);color:var(--sf-accent);background:#fff;font-size:12px}
.sf-fl label,.sf-fl a{margin:0!important;line-height:1.4}
.sf-fl li>*{margin-top:0!important;margin-bottom:0!important}

/* Use-case chips (shelly.com "Typically used for") */
.sf-shop .sf-chips-card{gap:6px 6px}
.sf-shop .sf-chips-card li{font-size:12.5px;line-height:1.35}
/* Kit Finder on the homepage */
.ga-skf-home{margin-top:clamp(32px,5vw,64px);margin-bottom:clamp(32px,5vw,64px)}