/* Модуль wishlist: сердечко, всплывающая подсказка, страница «Избранное». */
.auraso-wl-host { position: relative; }
.auraso-wl-btn {
	position: absolute; top: 8px; right: 8px; z-index: 3; display: flex; align-items: center; justify-content: center;
	width: 36px; height: 36px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 50%;
	background: rgba(255, 255, 255, .9); box-shadow: 0 1px 4px rgba(0, 0, 0, .15); cursor: pointer; line-height: 1;
	-webkit-tap-highlight-color: transparent;
}
/* тема красит нажатую/выделенную кнопку своим фоном — у сердечка фон всегда белый */
.auraso-wl-btn:hover, .auraso-wl-btn:focus, .auraso-wl-btn:active, .auraso-wl-btn.is-on { background: rgba(255, 255, 255, .9) !important; color: inherit !important; border: 0 !important; box-shadow: 0 1px 4px rgba(0, 0, 0, .15) !important; }
.auraso-wl-btn svg { width: 22px; height: 22px; fill: none; stroke: #4b5563; stroke-width: 1.9; stroke-linejoin: round; transition: transform .15s ease; }
.auraso-wl-btn:hover svg { stroke: #e26143; }
.auraso-wl-btn.is-on svg { fill: #e26143; stroke: #e26143; }
.auraso-wl-btn:active svg { transform: scale(.88); }
.auraso-wl-btn:focus:not(:focus-visible) { outline: none; }
.auraso-wl-btn--single { top: 12px; right: 12px; width: 44px; height: 44px; }
.auraso-wl-btn--single svg { width: 26px; height: 26px; }
@media (hover: none) { .auraso-wl-btn:hover svg { stroke: #4b5563; } .auraso-wl-btn.is-on:hover svg { stroke: #e26143; } }

#auraso-wl-toast {
	position: fixed; left: 50%; bottom: calc(var(--auraso-fbm-h, 0px) + 16px); z-index: 10000001; transform: translate(-50%, 20px);
	max-width: calc(100vw - 32px); padding: 10px 16px; border-radius: 10px; background: #1f2937; color: #fff; font-size: 14px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .25); opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease;
	white-space: nowrap;
}
#auraso-wl-toast.is-on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
#auraso-wl-toast a { color: #8ee0b1; font-weight: 600; text-decoration: underline; }

.auraso-wl-page { padding: 24px 0 40px; }
.auraso-wl-title { margin: 0 0 18px; font-size: 26px; }
.auraso-wl-empty { padding: 32px 0; text-align: center; color: #4b5563; font-size: 16px; }
.auraso-wl-empty p { margin: 0 0 10px; }
.auraso-wl-empty .button { margin-top: 8px; }
.auraso-wl-note { margin: 18px 0 0; font-size: 14px; color: #6b7280; }
.auraso-wl-loading { color: #6b7280; }