/* Shopper tools share the storefront's existing colors and spacing. */
[hidden]{display:none!important}
.deal-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.deal-tools button,.deal-empty button{font:700 13px var(--font);cursor:pointer;border-radius:var(--r-sm);min-height:44px;padding:9px 14px}
.saved-filter{display:inline-flex;align-items:center;gap:7px;color:var(--text);background:var(--white);border:1px solid var(--border)}
.saved-filter[aria-pressed="true"]{background:var(--teal-l);border-color:var(--teal-d);color:#006a61}
.saved-filter svg{width:18px;height:18px}
.saved-count{padding:2px 7px;border-radius:20px;background:var(--bg);font-size:12px}
.deal-result-count{font-size:12px;color:var(--muted);margin-left:auto}
.deal-clear{background:transparent;border:1px solid var(--border);color:var(--text)}
.deal-budget{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.deal-budget select{min-height:44px}
.save-deal{position:absolute;bottom:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:rgba(255,255,255,.96);color:var(--muted);cursor:pointer;box-shadow:0 2px 8px #0000000d}
.save-deal svg{width:21px;height:21px;pointer-events:none}
.save-deal[aria-pressed="true"]{color:#be185d;border-color:#fbcfe8;background:#fff1f6}
.save-deal[aria-pressed="true"] svg{fill:currentColor}
.save-deal:hover{transform:scale(1.06)}
body.bulk-mode .save-deal,body.reorder-mode .save-deal{display:none}
.deal-empty{padding:40px 20px;text-align:center;border:1px dashed var(--border);background:var(--white);border-radius:var(--r);margin-bottom:24px}
.deal-empty h2{font-size:19px;margin-bottom:8px}
.deal-empty p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:18px}
.deal-empty button{background:var(--teal-d);color:#fff;border:0}
button.filter-chip{font-family:var(--font)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #087f76;outline-offset:3px}
#toast[role="status"]{max-width:calc(100vw - 24px);white-space:normal;text-align:center}
@media(max-width:480px){.deal-tools{gap:8px}.deal-result-count{width:100%;margin-left:0}.deal-budget{flex:1}.deal-budget select{width:100%}}
@media(prefers-reduced-motion:reduce){.save-deal:hover{transform:none}}

.affiliate-tools{display:flex;gap:8px;margin-top:10px}
.affiliate-tools button{flex:1;min-height:44px;padding:8px 4px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--white);color:var(--text);font:600 12px var(--font);cursor:pointer}
.affiliate-tools button:hover{background:var(--teal-l);border-color:var(--teal-d)}
.affiliate-note{font-size:11px;line-height:1.5;color:var(--muted);margin-top:10px}
.deal-copy-fallback{display:block;font-size:12px;line-height:1.5;margin-top:10px}
.deal-copy-fallback input{display:block;width:100%;min-width:0;padding:8px;border:1px solid var(--border);border-radius:var(--r-sm);margin-top:4px;font:12px var(--font)}
@media(max-width:480px){
  .deal-tools .saved-filter{width:100%}
  .deal-tools .deal-budget{flex:1 1 140px;min-width:140px;flex-direction:column;align-items:stretch;gap:4px}
}

/* Product links keep save buttons and admin selection as separate controls. */
.product-photo-link{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);text-decoration:none}
.product-title-link{color:inherit;text-decoration:none}
.product-title-link:hover{text-decoration:underline}
.product-photo-link:focus-visible{outline-offset:-4px}
.product-image-placeholder{padding:20px;text-align:center;font-size:13px}
body.bulk-mode .product-photo-link,body.reorder-mode .product-photo-link{pointer-events:none}
#desktop-sticky-search:not(.visible){visibility:hidden}
@media(min-width:769px){.sec-top .mobile-add-btn{display:none}}
@media(max-width:768px){.filter-chip{min-height:44px}.mobile-search input{font-size:16px}.product-title-link{display:block;min-height:36px}}
@media(max-width:480px){
  header{gap:8px;padding-left:12px;padding-right:12px}
  .brand-wrap{min-width:0}
  .brand{font-size:12px;letter-spacing:.1em}
  .hdr-r{gap:4px;flex-shrink:0}
  .hdr-r .icon-btn,.hdr-r #tg-broadcast-btn,.hdr-r #bulk-select-btn,.hdr-r #reorder-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;gap:0;justify-content:center;flex-shrink:0}
  .hdr-r #tg-broadcast-btn,.hdr-r #bulk-select-btn,.hdr-r #reorder-btn{font-size:0}
  .hdr-r svg{width:17px;height:17px;flex-shrink:0}
}