/* Cookie choice, for Commerce Spine.
   Colours come from --cc-bg, --cc-fg and --cc-line, set in each site's own stylesheet.
   Both buttons look the same on purpose: refusing is as easy as allowing.
   Wide screens: one line (sentence, Decline, Allow, Privacy). Phones: sentence, then the buttons and the link. */
.cc-banner{position:fixed;z-index:2147483000;left:12px;right:12px;bottom:12px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center;padding:14px 16px;background:var(--cc-bg,#fff);color:var(--cc-fg,#111);border:1px solid var(--cc-line,rgba(0,0,0,.16));border-radius:12px;box-shadow:0 18px 48px -18px rgba(0,0,0,.45);font-size:15px;line-height:1.5}
.cc-banner[hidden]{display:none}
.cc-banner p{flex:1 1 100%;margin:0}
.cc-banner a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.cc-banner > a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.cc-actions{display:flex;flex:1 1 0;gap:10px}
.cc-actions button{flex:1 1 0;min-height:44px;padding:8px 16px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}
.cc-actions button:hover{background:var(--cc-hover,rgba(127,127,127,.14))}
.cc-actions button:focus-visible,.cc-change:focus-visible,.cc-banner > a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.cc-change{padding:0;background:none;border:0;color:inherit;font:inherit;line-height:inherit;vertical-align:baseline;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (min-width:960px){
  .cc-banner{left:50%;right:auto;bottom:16px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);flex-wrap:nowrap;gap:18px;padding:10px 12px 10px 20px}
  .cc-banner p{flex:0 1 auto}
  .cc-actions{flex:none}
  .cc-actions button{flex:none;min-width:108px;min-height:40px}
  .cc-banner > a{min-height:40px}
}