/* Catalogue cards and filters follow the approved reference; shared tokens stay authoritative. */
.catalog-main .catalog-overview-layout{display:block}
.catalog-main .tj-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.catalog-main .directory-content{width:100%}
/* Desktop directory: every child category is visible beneath its parent. */
@media(min-width:768px){
 .catalog-main.catalog-directory-page .tj-directory{align-items:start}
 .catalog-main.catalog-directory-page .directory-item{background:var(--white);border-radius:14px}
 .catalog-main.catalog-directory-page .directory-item>a{min-height:76px;padding:18px;flex-direction:row;align-items:center;gap:12px}
 .catalog-main.catalog-directory-page .directory-item:has(.direction-subcategories)>a{min-height:64px;padding-bottom:10px}
 .catalog-main.catalog-directory-page .directory-icon{flex:none}
 .catalog-main.catalog-directory-page .direction-subcategories{margin:0;padding:0 18px 16px 58px;list-style:none}
 .catalog-main.catalog-directory-page .direction-subcategories a{display:block;min-height:36px;padding:7px 0;font-size:var(--fs-body);line-height:1.5;font-weight:var(--fw-regular);color:var(--muted);overflow-wrap:break-word}
 .catalog-main.catalog-directory-page .direction-subcategories a:hover{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
 .catalog-main.catalog-directory-page .directory-item a:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}
}
.directory-icon,.tj-menu-icon{stroke-width:1.6}
.directory-icon:has(use:is([href="#i-camera"],[href="#i-recorder"],[href="#i-network"],[href="#i-door"],[href="#i-access"],[href="#i-cable"])),.tj-menu-icon:has(use:is([href="#i-camera"],[href="#i-recorder"],[href="#i-network"],[href="#i-door"],[href="#i-access"],[href="#i-cable"])){stroke-width:3.2}
.catalog-main .catalog-workspace{grid-template-columns:300px minmax(0,1fr);gap:24px}
.catalog-main .catalog-sidebar{padding:0;background:none;min-width:0}
.catalog-main .catalog-filters,.mobile-filter-dialog .catalog-filters{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:14px 14px 0;overflow:hidden}
.catalog-main .filter-title,.mobile-filter-dialog .filter-title{min-height:36px;padding:0 0 4px;justify-content:space-between}
.catalog-main .filter-title h2,.mobile-filter-dialog .filter-title h2{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--fs-h4)}
.catalog-main .filter-title>a,.mobile-filter-dialog .filter-title>a{font-size:var(--fs-body);min-height:36px;color:var(--orange)}
.filter-selected-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;background:var(--orange);color:var(--white);border-radius:12px;font-size:var(--fs-caption)}
.filter-selected-count[hidden],.filter-selections[hidden]{display:none}
.filter-selections{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 10px}
.filter-selection{display:flex;align-items:center;gap:8px;max-width:100%;min-height:36px;padding:7px 10px;border:0;border-radius:20px;background:var(--warm);color:var(--ink);font-size:var(--fs-caption);line-height:1.5;text-align:left}
.filter-selection>span:first-child{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none}
.filter-selection>span:last-child{font-size:var(--fs-h4);line-height:1;color:var(--orange);flex:none}
.filter-selection:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.catalog-main .catalog-filters .facet,.mobile-filter-dialog .catalog-filters .facet{border:0;border-top:1px solid var(--line);margin:0;padding:0}
.catalog-main .catalog-filters .facet>summary,.mobile-filter-dialog .catalog-filters .facet>summary{font-size:var(--fs-body);line-height:1.5;letter-spacing:0;text-transform:none;color:var(--ink);min-height:38px;padding:8px 0;gap:8px}
.catalog-main .catalog-filters .facet>summary .icon,.mobile-filter-dialog .catalog-filters .facet>summary .icon{width:14px;height:14px;flex:none}
.catalog-main .catalog-filters .facet-options,.mobile-filter-dialog .catalog-filters .facet-options{max-height:none;overflow:visible;gap:4px;padding:0 0 10px}
.catalog-main .catalog-filters .facet-option,.mobile-filter-dialog .catalog-filters .facet-option{position:relative;min-width:0;min-height:36px;padding:6px 0;gap:8px;font-size:var(--fs-body);line-height:1.5}
.catalog-main .catalog-filters .facet-option>span,.mobile-filter-dialog .catalog-filters .facet-option>span{min-width:0;flex:1;font-size:var(--fs-body);font-weight:var(--fw-medium);white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;text-align:left;line-height:1.5}
.catalog-main .catalog-filters .facet-option small,.mobile-filter-dialog .catalog-filters .facet-option small{font-size:var(--fs-caption);min-width:18px;flex:none;text-align:right;color:var(--muted)}
.catalog-main .catalog-filters .facet-option input,.mobile-filter-dialog .catalog-filters .facet-option input{width:18px;height:18px;accent-color:var(--orange);flex:none}
.catalog-filters .facet-rows .facet-option,.catalog-filters .facet-body .facet-option{border:1px solid var(--line);border-radius:10px;padding:6px 9px!important;background:var(--white);box-shadow:none}
.catalog-main .catalog-filters .facet-body .facet-option,.mobile-filter-dialog .catalog-filters .facet-body .facet-option{min-height:44px}
.catalog-filters .facet-body .facet-equipment{display:block;width:32px;height:24px;flex:none;overflow:visible}
.catalog-filters .facet-body input{position:absolute;inset:0;opacity:0;width:100%!important;height:100%!important;cursor:pointer}
.catalog-main .catalog-filters .facet-pills .facet-options,.mobile-filter-dialog .catalog-filters .facet-pills .facet-options{display:flex;flex-wrap:wrap;gap:6px}
.catalog-main .catalog-filters .facet-pills .facet-option,.mobile-filter-dialog .catalog-filters .facet-pills .facet-option{flex:0 0 auto;min-width:76px;min-height:38px!important;padding:6px 9px!important;gap:6px!important;border-radius:10px;box-shadow:none}
.catalog-main .catalog-filters .facet-pills .facet-option>span,.mobile-filter-dialog .catalog-filters .facet-pills .facet-option>span{flex:none;white-space:nowrap;font-weight:var(--fw-semibold)}
.catalog-filters .facet-pills .facet-option:has(input:checked),.catalog-filters .facet-rows .facet-option:has(input:checked),.catalog-filters .facet-body .facet-option:has(input:checked){border-color:var(--orange);background:var(--warm);box-shadow:inset 0 0 0 1px var(--orange)}
.catalog-filters .facet-option:has(input:focus-visible){outline:2px solid var(--orange);outline-offset:3px}
.catalog-main .catalog-filters .facet-option.is-unavailable,.mobile-filter-dialog .catalog-filters .facet-option.is-unavailable{opacity:.5;border-style:dashed;cursor:not-allowed;background:var(--white)}
.catalog-main .catalog-filters .facet-checks .facet-option.is-unavailable,.mobile-filter-dialog .catalog-filters .facet-checks .facet-option.is-unavailable{border:0}
.catalog-filters .facet-option.is-unavailable input{cursor:not-allowed}
.catalog-main .catalog-filters .new-only,.mobile-filter-dialog .catalog-filters .new-only{border-top:1px solid var(--line);min-height:44px;margin:0;gap:10px}
.catalog-filters .new-only input{position:absolute;inset:0;opacity:0;width:100%!important;height:100%!important;cursor:pointer}
.filter-switch{display:block;position:relative;width:36px;height:22px;border-radius:12px;background:var(--line);flex:none}
.filter-switch:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--white);box-shadow:0 1px 3px #0002;transition:transform .15s}
.new-only:has(input:checked) .filter-switch{background:var(--orange)}
.new-only:has(input:checked) .filter-switch:after{transform:translateX(14px)}
.catalog-main .catalog-filters .tj-filter-status,.mobile-filter-dialog .catalog-filters .tj-filter-status{font-size:var(--fs-caption);margin:0 0 8px;color:var(--muted);line-height:1.5}
.catalog-main .catalog-filters .tj-filter-submit{min-height:46px;border-radius:12px;margin:0 0 14px;width:100%}

/* Less empty space, while touch controls remain at least 44px high. */
.catalog-main .catalog-filters .facet-checks .facet-options,.mobile-filter-dialog .catalog-filters .facet-checks .facet-options{gap:0}
.mobile-filter-dialog .catalog-filters .facet-option{min-height:44px}
.mobile-filter-dialog .catalog-filters .facet-pills .facet-option{min-height:44px!important}
@media(any-pointer:coarse){
 .catalog-main .catalog-filters .facet-option,.catalog-main .catalog-filters .facet>summary,.catalog-main .catalog-filters .filter-title>a{min-height:44px}
 .catalog-main .catalog-filters .facet-pills .facet-option{min-height:44px!important}
}

.catalog-main .catalog-card{border:1px solid var(--line);border-radius:18px;box-shadow:none}
.catalog-main .catalog-card:hover{border:1px solid var(--line);box-shadow:0 5px 18px #00000008}
.catalog-main .catalog-picture{height:190px;padding:34px 18px 12px;background:var(--pale)}
.catalog-main .catalog-picture img{height:144px;max-width:235px}
.catalog-main .catalog-card-top{top:12px;left:12px;right:12px}
.catalog-badges.catalog-badges--video{flex-direction:column;align-items:flex-start}
.catalog-video-badge{display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:9px;background:var(--warm);color:var(--orange);pointer-events:auto;flex:none}
.catalog-video-badge:hover{background:var(--orange);color:var(--white)}
.catalog-video-badge:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.catalog-main .favorite{min-width:40px;min-height:40px;color:var(--ink)}
.catalog-main .catalog-card-copy{padding:15px 16px 0;margin-bottom:14px}
.catalog-main .catalog-product-title,.catalog-main .is-list .catalog-product-title{font-size:var(--fs-lead);line-height:1.4;font-weight:var(--fw-semibold);min-height:0}
.catalog-main .catalog-card .product-type{margin-top:10px}
.catalog-main .catalog-card-purchase{padding:0 16px 16px}
.catalog-main .catalog-price-line{gap:8px;align-items:baseline}
.catalog-main .catalog-card .price small{font-size:inherit;font-weight:inherit}
.catalog-main .catalog-saving{margin-top:7px;line-height:1.5}
.catalog-main .catalog-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:14px}
.catalog-main .catalog-card-footer .catalog-stock{flex:1 0 72px;margin:0;color:var(--ink);min-width:0;line-height:1.5}
.catalog-main .catalog-card-buy{display:flex;align-items:center;justify-content:center;flex:none;width:auto;min-height:40px;margin:0;padding:10px 12px;background:var(--warm);color:var(--orange);border-radius:10px;font-size:var(--fs-body);gap:8px}
.catalog-main .catalog-card-buy:hover{background:var(--orange);color:var(--white);box-shadow:none}
.catalog-main .catalog-card-buy .icon{display:block;width:16px;height:16px}
.catalog-main .catalog-card-actions{display:flex;align-items:center;gap:6px;flex:none;min-width:max-content;margin-left:auto}
.catalog-main .catalog-card-actions .catalog-card-buy{padding:10px;white-space:nowrap}
.catalog-main .catalog-card-cart{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:var(--warm);color:var(--orange);cursor:pointer}
.catalog-main .catalog-card-cart .icon{display:block;width:20px;height:20px}
.catalog-main .catalog-card-cart:hover:not(:disabled){background:var(--orange);color:var(--white)}
.catalog-main .catalog-card-cart:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.catalog-main .catalog-card-cart:disabled{background:var(--pale);color:var(--muted);cursor:not-allowed}
.catalog-main .catalog-card-cart[aria-busy=true]{background:var(--warm);color:var(--orange);cursor:progress}
.catalog-main .catalog-card-cart[aria-busy=true] .icon{visibility:hidden}
.catalog-main .catalog-card-cart[aria-busy=true]:after{content:"";position:absolute;width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:tj-cart-spin .7s linear infinite}
@keyframes tj-cart-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.catalog-main .catalog-card-cart[aria-busy=true]:after{animation:none}}
.catalog-main .catalog-product-grid.is-list .catalog-card{grid-template-columns:170px minmax(0,1fr) 210px}
.catalog-main .is-list .catalog-card-footer{flex-wrap:wrap}
.catalog-main .is-list .catalog-card-buy{flex:1}
.catalog-main .is-list .catalog-card-actions{flex:1}

@media(max-width:1180px){
 .catalog-main .catalog-workspace{display:block}
 .mobile-filter-dialog .catalog-filters{border:0;border-radius:0;padding:0 18px}
 .mobile-filter-dialog .filter-title h2{display:none}
 .mobile-filter-dialog .filter-title{padding-bottom:4px;justify-content:flex-end}
 .mobile-filter-dialog .filter-selections{padding-bottom:10px}
 .mobile-filter-dialog .filter-selection{min-height:44px;font-size:var(--fs-body)}
 .catalog-main .favorite{min-width:44px;min-height:44px}
 .catalog-main .catalog-card-buy{min-height:44px}
 .catalog-main .catalog-card-cart{width:44px;height:44px}
 .catalog-main .is-list .catalog-card{display:flex}
 .catalog-main .is-list .catalog-picture{height:190px;padding:34px 18px 12px}
 .catalog-main .is-list .catalog-card-copy{padding:15px 16px 0;margin-bottom:14px}
 .catalog-main .is-list .catalog-card-purchase{padding:0 16px 16px}
 .catalog-main .is-list .catalog-card-footer{flex-wrap:wrap}
 .catalog-main .is-list .catalog-card-buy{flex:none}
}
@media(max-width:767px){
 .catalog-main .tj-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .catalog-main .catalog-product-grid,.catalog-main .catalog-product-grid.is-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .catalog-main .catalog-card{border-radius:16px}
 .catalog-main .catalog-card-copy,.catalog-main .is-list .catalog-card-copy{padding:14px 14px 0}
 .catalog-main .catalog-card-purchase,.catalog-main .is-list .catalog-card-purchase{padding:0 14px 14px}
 .catalog-main .catalog-card .price{font-size:var(--fs-h3)}
 .catalog-main .catalog-product-title,.catalog-main .is-list .catalog-product-title{font-size:var(--fs-lead)}
 .catalog-main .catalog-card-footer{flex-wrap:wrap}
 .catalog-main .catalog-card-buy{margin:0}
 .catalog-main .catalog-card-actions{flex:1}
 .catalog-main .catalog-card-actions .catalog-card-buy{flex:1}
}
@media(max-width:480px){
 .catalog-main .tj-directory:not(.direction-directory){grid-template-columns:minmax(0,1fr);gap:10px}
 .catalog-main .tj-directory:not(.direction-directory) .directory-item>a{min-height:74px;flex-direction:row;align-items:center;padding:16px;gap:14px}
 .catalog-main .catalog-product-grid,.catalog-main .catalog-product-grid.is-list{grid-template-columns:minmax(0,1fr)}
 .catalog-main .catalog-picture,.catalog-main .is-list .catalog-picture{height:210px;padding:32px 20px 10px}
 .catalog-main .catalog-picture img,.catalog-main .is-list .catalog-picture img{height:166px;max-width:270px}
 .catalog-main .catalog-card-copy,.catalog-main .is-list .catalog-card-copy{padding:16px 18px 0}
 .catalog-main .catalog-card-purchase,.catalog-main .is-list .catalog-card-purchase{padding:0 18px 18px}
 .catalog-main .catalog-card-footer .catalog-stock{font-size:var(--fs-body)}
 .catalog-main .catalog-card-buy{padding:10px 16px}
}

/* Directory reference: open category panels, then smaller equipment tiles. */
.catalog-directory-reference .directory-symbol{display:contents}
.catalog-directory-reference .directory-forward,.catalog-directory-reference .directory-child-count,.catalog-directory-reference .directory-child-arrow,.catalog-directory-reference .directory-root-count,.catalog-directory-reference .directory-help{display:none}
@media(min-width:768px){
 body:has(.catalog-overview-layout){background:var(--pale)}
 .catalog-main:has(.catalog-directory-reference){padding-top:26px;padding-bottom:48px}
 .catalog-main:has(.catalog-directory-reference) .directory-content>.breadcrumbs{padding-bottom:0;margin:0 0 22px;font-size:13px}
 .catalog-main:has(.catalog-directory-reference) .directory-heading{margin-bottom:30px}
 .catalog-main:has(.catalog-directory-reference) .directory-heading h1{font-size:clamp(32px,3.2vw,44px);font-weight:400;line-height:1.2;letter-spacing:-.03em}
 .catalog-main .catalog-directory-reference.tj-directory{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
 .catalog-main .catalog-directory-reference .directory-item{grid-column:span 3;min-width:0;border:1px solid #e8eaed;border-radius:18px;background:var(--white);overflow:hidden}
 .catalog-main .catalog-directory-reference .directory-panel{grid-column:span 4;padding:18px 14px 16px;min-height:244px}
 .catalog-main .catalog-directory-reference .directory-panel+.directory-compact{grid-column:1/span 3}
 .catalog-main .catalog-directory-reference .directory-compact>.direction-subcategories{display:none}
 .catalog-main .catalog-directory-reference .directory-category-link{display:flex;flex-direction:row;align-items:center;gap:13px;min-height:80px;padding:15px 18px;background:transparent;border-radius:0;color:var(--ink)}
 .catalog-main .catalog-directory-reference .directory-panel>.directory-category-link{min-height:58px;margin:0 8px 8px;padding:0 0 14px;border-bottom:1px solid #eff0f2}
 .catalog-main .catalog-directory-reference .directory-symbol{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:13px;background:var(--warm);color:var(--orange)}
 .catalog-main .catalog-directory-reference .directory-icon{width:25px;height:25px;color:inherit}
 .catalog-main .catalog-directory-reference .directory-item h3{font-size:16px;line-height:1.35;font-weight:500;letter-spacing:0;color:inherit;min-width:0;margin:0;overflow-wrap:normal;word-break:normal;hyphens:none}
 .catalog-main .catalog-directory-reference .directory-panel h3{font-size:17px;font-weight:600}
 .catalog-main .catalog-directory-reference .directory-category-link:hover{background:transparent;color:var(--orange)}
 .catalog-main .catalog-directory-reference .directory-category-link:hover h3{text-decoration:none;color:inherit}
 .catalog-main .catalog-directory-reference .directory-compact{transition:border-color .15s,box-shadow .15s}
 .catalog-main .catalog-directory-reference .directory-compact:hover,.catalog-main .catalog-directory-reference .directory-compact:focus-within{border-color:#ffc18c;box-shadow:0 5px 18px #ff74000a}
 .catalog-main .catalog-directory-reference .directory-forward{display:block;width:16px;height:16px;flex:none;margin-left:auto;transform:rotate(-90deg);color:#b6bac1}
 .catalog-main .catalog-directory-reference .directory-panel .directory-forward{display:none}
 .catalog-main .catalog-directory-reference .directory-category-link:hover .directory-forward{color:var(--orange)}
 .catalog-main .catalog-directory-reference .direction-subcategories{list-style:none;margin:0;padding:0}
 .catalog-main .catalog-directory-reference .direction-subcategories a{display:flex;align-items:center;gap:8px;min-height:40px;padding:9px 8px;border-radius:10px;font-size:14px;font-weight:400;line-height:1.45;color:var(--muted);text-decoration:none;overflow-wrap:normal;word-break:normal;hyphens:none}
 .catalog-main .catalog-directory-reference .direction-subcategories a>span{min-width:0}
 .catalog-main .catalog-directory-reference .directory-child-count{display:block;margin-left:auto;flex:none;color:#a0a5ad;font-size:12px;white-space:nowrap}
 .catalog-main .catalog-directory-reference .directory-child-arrow{display:none;flex:none;width:15px;height:15px}
 .catalog-main .catalog-directory-reference .direction-subcategories a:hover,.catalog-main .catalog-directory-reference .direction-subcategories a:focus-visible{color:var(--orange);background:var(--warm);text-decoration:none}
 .catalog-main .catalog-directory-reference .direction-subcategories a:hover .directory-child-count,.catalog-main .catalog-directory-reference .direction-subcategories a:focus-visible .directory-child-count{color:var(--orange)}
 .catalog-main .catalog-directory-reference .direction-subcategories a:hover .directory-child-arrow,.catalog-main .catalog-directory-reference .direction-subcategories a:focus-visible .directory-child-arrow{display:block}
 .catalog-main .catalog-directory-reference a:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
 .catalog-main .catalog-directory-reference .directory-root-count{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin:12px 8px}
 .catalog-main .catalog-directory-reference .directory-help{display:block;background:var(--orange);border-color:var(--orange)}
 .catalog-main .catalog-directory-reference .directory-help .directory-category-link,.catalog-main .catalog-directory-reference .directory-help .directory-forward{color:var(--white)}
 .catalog-main .catalog-directory-reference .directory-help .directory-symbol{color:var(--white);background:#ffffff24}
 .catalog-main .catalog-directory-reference .directory-help-copy{display:block;min-width:0}
 .catalog-main .catalog-directory-reference .directory-help-copy strong{display:block;font-size:15px;font-weight:500;line-height:1.35}
 .catalog-main .catalog-directory-reference .directory-help-copy small{display:block;font-size:12px;font-weight:400;line-height:1.4;margin-top:2px}
 .catalog-main .catalog-directory-reference .directory-help a:focus-visible{outline-color:var(--ink);outline-offset:-4px}
}
@media(min-width:768px) and (max-width:1050px){
 .catalog-main .catalog-directory-reference .directory-panel,.catalog-main .catalog-directory-reference .directory-compact{grid-column:span 6}
 .catalog-main .catalog-directory-reference .directory-panel+.directory-compact{grid-column:1/span 6}
 .catalog-main .catalog-directory-reference .directory-panel{min-height:0}
 .catalog-main .catalog-directory-reference .directory-category-link{padding:15px}
}
@media(prefers-reduced-motion:reduce){.catalog-main .catalog-directory-reference .directory-compact{transition:none}}