/* NEPIDON · cookie notice (shop/consent.js): one discreet line, bottom left, first visit only. No choice to make. */
.cnote { position: fixed; z-index: 60; left: max(16px, env(safe-area-inset-left, 0px)); bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  max-width: calc(100vw - 32px); display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px; padding: 6px 4px 6px 14px;
  background: rgba(14, 16, 14, .88); color: var(--on-shade); border: 1px solid var(--line-shade); font: .75rem/1.4 var(--text);
  letter-spacing: .01em; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: opacity .4s, transform .4s; }
.cnote__p { margin: 0; }
body:has(.sticky-buy.on) .cnote { transform: translateY(calc(-1 * var(--sticky-h, 72px))); }
.cnote.out { opacity: 0; transform: translateY(8px); }
.cnote__l { color: var(--on-shade-2); text-decoration: underline; text-underline-offset: 3px; }
.cnote__l:hover { color: var(--on-shade); }
.cnote__x { display: grid; place-items: center; width: 32px; height: 32px; border: 0; background: transparent; color: var(--on-shade-2); font-size: 1.05rem; cursor: pointer; }
.cnote__x:hover { color: var(--on-shade); }
.cnote__l:focus-visible, .cnote__x:focus-visible { outline: 2px solid #b39566; outline-offset: 2px; }
@media (max-width: 600px) { .cnote { left: 12px; right: 84px; max-width: none; } }
@media (prefers-reduced-motion: reduce) { .cnote { transition: none; } }