/* "Kedvencekhez" (#21, audit S04): the design system's button, by its classes (button_html(): c-btn--secondary, under
   a product card c-btn--ghost c-btn--block). Here only what is the watch button's own: the saved state ("Követem")
   gets an accent ring, not a second gold fill, and the compact one sits a little under the card's button. */
.cc-watch-button.is-active{border-color:var(--cc-accent-text);box-shadow:inset 0 0 0 1px var(--cc-accent-text)}
.cc-watch-button.is-compact{margin-top:var(--cc-space-2)}
.cc-watch-button.is-compact.is-active{border-color:transparent;box-shadow:none}
.cc-break-watch-inline,.cc-break-watch-wrap{display:flex;justify-content:flex-end;margin:0 0 14px}
.cc-watchlist-page{display:grid;gap:18px}
.cc-watchlist-page-head{background:linear-gradient(135deg,#08090b,#1a1c21);border:1px solid rgba(215,173,82,.3);border-radius:20px;color:#fff;padding:26px}
.cc-watchlist-page-head>div>span{color:#d7ad52;letter-spacing:.16em;font-size:11px;font-weight:950}
.cc-watchlist-page-head h2{color:#fff;font-size:40px;margin:6px 0}.cc-watchlist-page-head p{color:#ccc;margin:0}
.cc-watchlist-keywords,.cc-watchlist-objects{background:#fff;border:1px solid #ddd7ca;border-radius:18px;padding:21px;box-shadow:0 10px 28px rgba(0,0,0,.045)}
.cc-watchlist-section-head h3{font-size:23px;margin:0}.cc-watchlist-section-head p{color:#6d6962;margin:4px 0 15px}
.cc-keyword-form{display:flex;gap:8px;max-width:620px}.cc-keyword-form input{flex:1;border:1px solid #d5cfc3;border-radius:10px;padding:12px 13px}.cc-keyword-form button{border:0;border-radius:10px;background:#0a0b0d;color:#fff;padding:11px 15px;font-weight:900;cursor:pointer}
.cc-keyword-response{margin-top:9px;font-weight:800}.cc-keyword-response.is-success{color:#26733e}.cc-keyword-response.is-error{color:#a12626}
.cc-keyword-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.cc-keyword-tags>span{display:inline-flex;align-items:center;gap:7px;background:#fff4d0;color:#6d4b09;border:1px solid #e4c66e;border-radius:999px;padding:8px 10px;font-weight:850}.cc-remove-keyword{border:0;background:transparent;color:#7e5a11;font-size:18px;line-height:1;cursor:pointer}
.cc-watchlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cc-watchlist-card{background:linear-gradient(180deg,#fff,#fbfaf6);border:1px solid #ddd7ca;border-radius:16px;overflow:hidden;transition:.2s ease}.cc-watchlist-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(0,0,0,.08)}
.cc-watchlist-card-image{display:grid;place-items:center;aspect-ratio:16/10;background:#0b0c0e;overflow:hidden;color:#d7ad52;font-size:32px;font-weight:950}.cc-watchlist-card-image img{width:100%;height:100%;object-fit:cover}
.cc-watchlist-card-body{padding:15px}.cc-watchlist-card-body>span{color:#a2751c;font-size:11px;letter-spacing:.11em;font-weight:950}.cc-watchlist-card-body h4{font-size:18px;margin:6px 0 14px}.cc-watchlist-card-body h4 a{text-decoration:none;color:#171717}
.cc-watchlist-card-body>div{display:flex;gap:7px;flex-wrap:wrap}.cc-watchlist-open,.cc-watchlist-remove{border-radius:9px;padding:8px 10px;font-weight:850;font-size:13px}.cc-watchlist-open{background:#0a0b0d;color:#fff;text-decoration:none}.cc-watchlist-remove{border:1px solid #d8d1c5;background:#fff;color:#5d5951;cursor:pointer}
.cc-watchlist-empty{display:flex;flex-direction:column;background:#f6f3eb;border-radius:13px;padding:20px}.cc-watchlist-muted{color:#6d6962}
/* The shop's product cards do not lift on hover any more (#21: a product card is not a link card, the brandbook has no
   other hover movement). The singles and break cards keep theirs, still only logged in, as when this file loaded only
   then (:where keeps the specificity it had). */
:where(.logged-in) :is(.cc-single-card,.cc-break-card){transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
:where(.logged-in) :is(.cc-single-card,.cc-break-card):hover{transform:translateY(-4px);border-color:#d6b460;box-shadow:0 18px 42px rgba(0,0,0,.10)}
@media(max-width:900px){.cc-watchlist-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cc-watchlist-grid{grid-template-columns:1fr}.cc-keyword-form{flex-direction:column}.cc-break-watch-inline,.cc-break-watch-wrap{justify-content:flex-start}}