.catalogue-tools{display:grid;gap:0;margin-top:10px;min-width:0}.filter-row{display:flex;align-items:center;gap:8px;min-width:0}.filter-pills{display:flex;gap:8px;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:6px;padding:0 3px;scrollbar-width:none}.filter-pill{position:relative;isolation:isolate;flex-shrink:0;min-height:44px;padding:0 12px;border:0;border-radius:20px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap;scroll-margin-inline:3px}.filter-pill::before{content:"";position:absolute;inset:6px 0;border-radius:20px;background:var(--tint);z-index:-1;transition:background-color 150ms ease}.filter-pill:hover::before{background:var(--red-soft)}.filter-pill[aria-pressed=true]{color:var(--red);font-weight:750}.filter-pill[aria-pressed=true]::before{background:var(--red-soft);box-shadow:inset 0 0 0 1px var(--red)}.filter-pills::-webkit-scrollbar{display:none}.result-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;margin:12px 0}.result-bar>div{display:flex;align-items:center;gap:12px}.result-bar p{font-weight:600;color:var(--ink);font-size:14px}.result-bar .text-button{font-size:13px}.result-bar>span{text-align:right}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:start}.product-card{display:flex;flex-direction:column;background:var(--surface);border:0;border-radius:0;box-shadow:none;min-width:0}.product-image{border:0;background:#f4eade;width:100%;height:170px;padding:16px;display:grid;place-items:center;position:relative}.product-image img{max-width:100%;max-height:138px;width:auto;height:auto;object-fit:contain}.product-body{padding:10px 12px;min-width:0}.product-name{font-size:15px;line-height:1.45;overflow-wrap:anywhere;font-weight:650;letter-spacing:0}.source-code{color:var(--muted);font-size:13px;margin-top:5px}.product-price{color:var(--green);font-size:16px;font-weight:750;line-height:1.4;overflow-wrap:anywhere;min-width:0}.product-price:not(.is-quote){white-space:nowrap;overflow-wrap:normal}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px}.card-actions .product-price{flex:1}.card-actions .add-button{min-width:58px;min-height:44px;padding:8px 7px;font-size:13px;gap:4px}.card-actions .add-button svg{width:16px}.product-image:focus-visible{outline-offset:-3px}.product-source{color:var(--muted);font-size:12px;line-height:1.4}.load-more{display:flex;flex-direction:column;align-items:center;gap:12px;margin:24px 0;color:var(--muted);font-size:14px}.detail-price{font-size:22px;font-weight:750;color:var(--green);margin:16px 0}.photo-choices{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.photo-choice{width:64px;height:64px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:7px;cursor:pointer}.photo-choice[aria-pressed=true]{border:2px solid var(--red)}.photo-choice img{width:100%;height:100%;object-fit:contain}.cart-item .cart-price{font-weight:650;color:var(--green);font-size:14px;margin-top:6px}.cart-item .archived-note{font-size:13px;color:#80531b}.cart-price-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 0 8px;font-size:15px}.cart-price-summary strong{font-size:18px;color:var(--green)}.cart-price-summary p{width:100%;font-size:14px;color:var(--muted)}.cart-price-summary .summary-note{font-size:12px}.optional-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.optional-details summary span{color:var(--muted);font-size:13px}
#cart-dialog{padding:0;overflow:hidden}#cart-dialog[open]{display:flex;flex-direction:column}#cart-dialog .dialog-header{padding:20px 24px 16px;margin:0;border-bottom:1px solid var(--line);flex-shrink:0}.cart-scroll{padding:20px 24px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1}.cart-footer{border-top:1px solid var(--line);background:var(--surface);padding:12px 24px 16px;flex-shrink:0}.cart-footer #checkout-summary{font-size:14px;font-weight:650;margin-bottom:9px}.cart-scroll:focus-visible{outline-offset:-3px}#detail-dialog .dialog-header{position:sticky;top:-24px;padding-top:6px;padding-bottom:6px;background:var(--surface);z-index:2}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.catalogue-tools{margin-top:8px}.filter-row{gap:4px}.filter-pills{gap:8px}.filter-pill{font-size:13px;padding:0 12px}.result-bar{margin:10px 0;align-items:center}.result-bar p{font-size:13px}.result-bar>div{gap:8px;flex-wrap:wrap}.result-bar>span{font-size:12px;max-width:122px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{display:flex;flex-direction:column;min-width:0}.product-image{width:100%;height:clamp(144px,42vw,230px);padding:10px;flex-shrink:0}.product-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.product-body{padding:9px 8px 10px}.product-name{font-size:14px;line-height:1.45;min-height:0}.source-code{font-size:12px;margin-top:4px}.product-price{font-size:15px}.product-price.is-quote{font-size:13px;line-height:1.4}.card-actions{flex-direction:row;align-items:center;gap:6px}.product-source{font-size:12px}.cart-scroll{padding:16px}.cart-footer{padding:12px 16px max(14px,env(safe-area-inset-bottom))}#cart-dialog .dialog-header{padding:16px}.cart-price-summary strong{font-size:18px}#detail-dialog .dialog-header{top:-18px}}
.detail-feedback{font-size:14px;font-weight:650;color:var(--green);margin-top:12px}.detail-feedback:empty{display:none}
/* Leave room for the item list when landscape or a keyboard shortens the view. */
.product-grid{align-items:stretch}.product-body{display:flex;flex-direction:column;flex:1}.card-actions{margin-top:auto;padding-top:8px}

@media(max-height:420px){#cart-dialog .dialog-header{padding:10px 16px;align-items:center}#cart-dialog .dialog-header p{display:none}.cart-footer{padding:8px 16px}.cart-footer #checkout-summary,.cart-footer .send-hint{display:none}.cart-scroll{padding:8px 16px}}
@media(max-height:200px){#cart-dialog[open]{display:block;overflow:auto}#cart-dialog .dialog-header{position:static}.cart-scroll{overflow:visible}.cart-footer{position:sticky;bottom:0}}
@media(max-width:700px){.product-image{height:clamp(168px,48vw,240px);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.product-image img{min-width:0;min-height:0}}
.source-code{overflow-wrap:anywhere;min-width:0}
.product-card .add-button{border:0;border-radius:12px}
/* Keep enlarged prices legible; move Add below only when the row cannot fit. */
.card-actions{flex-wrap:wrap}.product-price{flex:1 1 auto;min-width:min-content}.product-price.is-quote{overflow-wrap:normal}


#page-sentinel{width:100%;height:1px;overflow-anchor:none}

@media(prefers-reduced-motion:reduce){.filter-pill::before{transition:none}}