/* Style dodatków Vianek (inc/extras.php): wcześniej inline <style> przy każdym wyświetleniu. */

/* Dobierz pielęgnację (/dobierz-pielegnacje/) */
.vx-pick { padding:calc(var(--hh,76px) * .5) 0 64px}
.vx-pick-in { max-width:1100px;margin:0 auto;padding:0 var(--pad,20px)}
.vx-pick-head { max-width:680px;margin:0 0 24px}
.vx-pick-head h1 { font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 .6rem;font-weight:400}
.vx-pick-head p { margin:0;color:var(--muted);font-size:1.0625rem}
.vx-pick-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vx-pick-card { display:flex;flex-direction:column;gap:10px;padding:28px;background:var(--soft);color:var(--ink);text-decoration:none;border:1px solid var(--line);transition:border-color .2s}
.vx-pick-card:hover { border-color:var(--ink)}
.vx-pick-k { font:500 .6875rem/1 var(--f);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.vx-pick-card b { font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:400;line-height:1.1}
.vx-pick-t { color:var(--muted)}
.vx-pick-b { align-self:flex-start;margin-top:auto}
.vx-pick-t { margin-bottom:8px}
.vx-pick-rut { margin-top:40px}
.vx-pick-rut h2 { font-size:1.25rem;font-weight:500;margin:0 0 12px}
.vx-pick-rut ul { list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vx-pick-rut li a { display:inline-block;padding:9px 14px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.9375rem}
.vx-pick-rut li a:hover { border-color:var(--ink)}
.vx-pick-more { color:var(--ink);text-underline-offset:3px}
@media(max-width:700px) { .vx-pick-grid { grid-template-columns:1fr;gap:10px}
.vx-pick-card { padding:20px}
.vx-pick-b { align-self:stretch}
}


/* Powiadomienie o dostępności (karta niedostępnego produktu) */
.vx-bis { margin:0 0 14px}
.vx-bis .cwginstock-subscribe-form { border:1px solid var(--line);background:var(--soft);padding:18px 18px 14px}
.vx-bis .panel,.vx-bis .panel-heading,.vx-bis .panel-body { border:0;background:none;padding:0;margin:0;box-shadow:none}
.vx-bis .row,.vx-bis [class*=col-] { margin:0;padding:0;width:auto;float:none}
.vx-bis h4 { text-align:left!important;color:var(--ink)!important;font:500 1rem/1.3 var(--f);margin:0 0 12px;padding:0;background:none}
.vx-bis .form-group { display:flex;flex-direction:column;gap:8px;margin:0 0 8px}
.vx-bis input[type=text],.vx-bis input[type=email] { width:100%!important;margin:0!important;box-sizing:border-box;text-align:left!important;height:48px;padding:0 14px;border:1px solid var(--line);background:#fff;font:400 1rem var(--f);color:var(--ink)}
.vx-bis .form-group[style] { text-align:left!important}
.vx-bis .cwgstock_button { width:100%;min-height:48px;background:var(--ink);color:#fff;border:1.5px solid var(--ink);font:500 .75rem/1 var(--f);letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
.vx-bis .cwgstock_button:hover { background:#fff;color:var(--ink)}
.vx-bis .cwgstock_output { font-size:.9375rem}
.vx-bis .cwgstock_output:empty { display:none}
.vx-bis .cwginstocksuccess,.vx-bis .cwginstockerror { margin:6px 0 0;padding:10px 12px;background:#fff;border-left:3px solid var(--ink)}


/* Odnośnik do rutyny na karcie produktu */
.vx-rut { display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;margin:0 0 14px;padding:12px 40px 12px 14px;border:1px solid var(--line);color:var(--ink);text-decoration:none;position:relative;transition:border-color .2s}
.vx-rut:hover { border-color:var(--ink)}
.vx-rut::after { content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.vx-rut-k { grid-column:1/-1;font:500 .6875rem/1.2 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.vx-rut b { font-weight:500;font-size:.9375rem;line-height:1.3}
.vx-rut-p { font-size:.875rem;color:var(--muted);white-space:nowrap}
@media(max-width:420px) { .vx-rut { grid-template-columns:1fr}
.vx-rut-p { white-space:normal}
}

/* Szuflada koszyka (sylveco-challenges sq-minicart) + paski progów (sylveco-upsell):
 * „Kontynuuj zakupy” pod oboma paskami, nie między nimi. Wiersz .syup-ship rozkładamy (display:contents),
 * żeby tekst wysyłki, pasek wysyłki i przycisk ułożyć kolejnością. */
.syup { display: flex; flex-direction: column; }
.syup > .syup-t:not(.syup-ship) { order: 1; }
.syup > .syup-bar:not(.syup-ship-bar) { order: 2; }
.syup > .syup-ship { display: contents; }
.syup > .syup-ship > span { order: 3; display: block; margin: 10px 0 8px; font-size: .875rem; line-height: 1.35; }
.syup > .syup-ship.is-on > span { font-weight: 500; }
.syup > .syup-ship-bar { order: 4; }
.syup > .syup-ship > .syup-more { order: 5; align-self: flex-start; margin-top: 12px; }
.syup.no-disc > .syup-ship > span { margin-top: 0; }
@media (min-width: 761px) {
  /* strona koszyka/zamówienia: przycisk w prawej kolumnie zostaje (wtyczka pozycjonuje go absolutnie) */
  .syup-host .syup > .syup-ship > .syup-more { margin-top: 0; }
}
.sq-mc-note { margin: -4px 0 12px; font-size: .8125rem; line-height: 1.35; color: var(--muted, #6b6a68); }