/* One action, one appearance across the catalogue, detail, shelf and comparison. */
:root{--action-list-bg:#294335;--action-list-ink:#fff;--action-shelf-bg:#fff3ef;--action-shelf-border:#bd7464;--action-shelf-ink:#854b3e;--action-watch-bg:#fff6e4;--action-watch-border:#bc9550;--action-watch-ink:#79551e;--action-shop-bg:#f0f4f7;--action-shop-border:#8da7b6;--action-shop-ink:#345769}
body :is(button[data-real-list],button[data-comparison-add]){display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--action-list-bg);border-radius:10px;padding:10px 13px;background:var(--action-list-bg);color:var(--action-list-ink);font-family:inherit;font-size:12px;font-weight:650;line-height:1.4;text-decoration:none;cursor:pointer;box-sizing:border-box}
body :is(button[data-real-list],button[data-comparison-add]):hover{background:#365b46;border-color:#365b46}
body :is(button[data-real-list],button[data-comparison-add])[aria-pressed=true]{background:#dfeadb;color:#294335;border-color:#839a78}
body :is(button[data-real-save],button[id=explorerSave]){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--action-shelf-border);border-radius:10px;padding:10px 13px;background:var(--action-shelf-bg);color:var(--action-shelf-ink);font-family:inherit;font-size:12px;font-weight:650;line-height:1.4;cursor:pointer;box-sizing:border-box}
body :is(button[data-real-save],button[id=explorerSave]):hover{background:#f8e3dc}
body button[data-real-save][aria-pressed=true]{background:#f2d9d0;border-color:#a25d4c;color:#713d31}
body button.visual-save{position:absolute;right:8px;top:8px;width:auto;height:auto;min-height:36px;max-width:calc(100% - 16px);padding:7px 10px;border-radius:22px;background:#fff5eff5;font-size:11px;box-shadow:0 1px 5px #253b3210}
body button.visual-save svg{width:19px;height:19px;flex:none;stroke:var(--action-shelf-ink);fill:none}
body button.visual-save[aria-pressed=true] svg{fill:var(--action-shelf-border);stroke:var(--action-shelf-border)}
body button[data-watch-offer]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--action-watch-border);border-radius:10px;padding:10px 13px;background:var(--action-watch-bg);color:var(--action-watch-ink);font-family:inherit;font-size:12px;font-weight:650;line-height:1.4;cursor:pointer;text-decoration:none;box-sizing:border-box}
body button[data-watch-offer]:hover{background:#f7e9cc}
body :is(a.photo-card-shop,a.offer-link){display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--action-shop-border);border-radius:10px;padding:10px 13px;background:var(--action-shop-bg);color:var(--action-shop-ink);font-family:inherit;font-size:12px;font-weight:650;line-height:1.4;text-decoration:none;box-sizing:border-box;margin:0}
body :is(a.photo-card-shop,a.offer-link):hover{background:#e0eaf0}
body :is(button[data-real-list],button[data-real-save],button[data-watch-offer],button[data-comparison-add],a.photo-card-shop,a.offer-link):focus-visible{outline:3px solid #d46035;outline-offset:3px}
.shelf-heart-explainer{font-size:12px!important;color:#854b3e!important;margin:6px 0!important}.photo-showcase-heading .shelf-heart-explainer{display:block!important}.photo-card-actions{gap:7px}.visual-main-actions{flex-wrap:wrap}.visual-main-actions [data-real-list]{flex:1 1 130px}.visual-main-actions .photo-card-shop{flex:1 1 100%;width:100%}.photo-showcase-copy .photo-card-shop{width:100%}
@media(max-width:700px){body button.visual-save{padding:6px 8px;min-height:34px;font-size:10px;gap:5px}body button.visual-save svg{width:16px;height:16px}.shelf-heart-explainer{font-size:11px!important}.real-detail-actions :is([data-real-save],[data-real-list],.photo-card-shop){font-size:11px;padding:9px 7px}}

body button[data-real-save]:not(.visual-save)::before{content:"";width:18px;height:18px;display:inline-block;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat}
body :is(button[data-real-list],button[data-comparison-add])::before{content:"";width:18px;height:18px;display:inline-block;flex:none;margin-right:7px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h15l-2 10H7L4 2H1M8 20h1m7 0h1M11 9h5m-2.5-2.5v5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
