/* URFEMIN.EU — skórka wg makiety: róż/malina, Playfair Display (nagłówki) + Nunito (tekst) + Caveat (odręczne akcenty), ikony liniowe w kółkach, dużo bieli. Prefiks klas um-. */
/*FONTFACE*/
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url(/dodatki/kroje/caveat-600-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url(/dodatki/kroje/caveat-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url(/dodatki/kroje/nunito-400-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url(/dodatki/kroje/nunito-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(/dodatki/kroje/nunito-600-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(/dodatki/kroje/nunito-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(/dodatki/kroje/nunito-700-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(/dodatki/kroje/nunito-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url(/dodatki/kroje/playfairdisplay-600-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url(/dodatki/kroje/playfairdisplay-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--malina:#c2185b;--malina-c:#8e1245;--roz:#f48fb1;--roz-j:#fdeef4;--tlo:#fff8fb;--tusz:#2b1b22;--szary:#6d5a63;--biel:#fff;--linia:#f3d4e0;--ok:#2e7d5b;--cien:0 10px 30px rgba(194,24,91,.10);--r:18px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:74px}
body{margin:0;background:var(--tlo);color:var(--tusz);font:16px/1.6 Nunito,system-ui,-apple-system,"Segoe UI",sans-serif}
img,svg,picture{max-width:100%;height:auto;display:block}
[hidden]{display:none!important}
a{color:var(--malina)}
h1,h2,h3{margin:0;font-family:"Playfair Display",Georgia,serif;font-weight:600;line-height:1.15;color:var(--tusz)}
p{margin:0 0 1rem}
.um-szer{width:min(1160px,100% - 32px);margin-inline:auto}
.um-ik{width:22px;height:22px;flex:none}
.um-ik-m{width:16px;height:16px}
.um-nad{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--malina);font-weight:700;margin:0 0 .5rem}
.um-h1{font-size:clamp(1.9rem,4.4vw,3.1rem);color:var(--malina-c)}
.um-h1 b{color:var(--malina);font-weight:600}
.um-h2{font-size:clamp(1.5rem,3vw,2.15rem);margin-bottom:.6rem}
.um-h2-m{font-size:1.25rem}
.um-wstep{max-width:62ch;color:var(--szary);margin-bottom:1.6rem}
.um-drobne{font-size:.86rem;color:var(--szary);line-height:1.5}
.um-odrecznie{font-family:Caveat,"Segoe Script",cursive;font-size:1.6rem;color:var(--malina);line-height:1.1;display:inline-block;transform:rotate(-6deg)}
/* przyciski */
.um-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--malina);color:#fff;border:0;border-radius:999px;padding:.8rem 1.5rem;font:700 1rem Nunito,system-ui,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 8px 20px rgba(194,24,91,.28);transition:transform .15s,background .15s}
.um-btn:hover{background:var(--malina-c);transform:translateY(-1px)}
.um-btn-duzy{padding:1rem 2rem;font-size:1.1rem;width:100%}
.um-btn-glowa{padding:.6rem 1.2rem;font-size:.92rem}
/* nagłówek */
.um-glowa{position:sticky;top:0;z-index:20;background:rgba(255,248,251,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--linia)}
.um-glowa-w{display:flex;align-items:center;gap:1.5rem;min-height:64px}
.um-glowa-logo{text-decoration:none;margin-right:auto}
.um-logo{font-family:"Playfair Display",Georgia,serif;font-size:1.7rem;font-weight:600;letter-spacing:-.01em;line-height:1}
.um-logo-ur{color:#9a8790}.um-logo-femin{color:var(--malina)}
.um-menu{display:flex;gap:1.2rem}
.um-menu a{color:var(--tusz);text-decoration:none;font-weight:600;font-size:.95rem}
.um-menu a:hover{color:var(--malina)}
/* hero */
.um-hero{position:relative;overflow:hidden;padding:2.2rem 0 2.6rem;background:linear-gradient(180deg,#fff2f7 0%,var(--tlo) 100%)}
.um-hero::before{content:"";position:absolute;inset:auto -10% -30% auto;width:60%;height:120%;background:radial-gradient(closest-side,rgba(244,143,177,.25),transparent 70%);pointer-events:none}
.um-hero-w{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center;position:relative}
.um-hero-t>*{min-width:0}
.um-hero-pod{font-size:1.15rem;color:var(--szary);margin:.8rem 0 1rem}
.um-hero-lead p{margin:0 0 .8rem}
.um-hero-lead strong{color:var(--malina-c)}
.um-chipy{list-style:none;padding:0;margin:1.2rem 0 1.4rem;display:flex;flex-wrap:wrap;gap:1.4rem}
.um-chipy li{display:flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;max-width:200px}
.um-chipy .um-ik,.um-karta-ik .um-ik,.um-pas .um-ik,.um-faq-ik .um-ik{width:46px;height:46px;padding:11px;border:1.5px solid var(--roz);border-radius:50%;color:var(--malina);background:#fff}
.um-hero-cta{margin:0 0 1rem}
.um-hero-cta .um-btn{width:auto}
.um-mikro{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;font-size:.84rem;color:var(--szary)}
.um-mikro li{display:flex;align-items:center;gap:.4rem}
.um-mikro .um-ik{color:var(--malina)}
.um-hero-f{position:relative;display:grid;place-items:center}
.um-hero-f img{width:min(100%,520px);filter:drop-shadow(0 24px 30px rgba(120,30,70,.18))}
.um-plakietka{position:absolute;right:6%;top:8%;width:104px;height:104px;border-radius:50%;background:#fff;border:2px solid var(--roz);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--cien);transform:rotate(8deg)}
.um-plakietka b{font-family:"Playfair Display",serif;font-size:2rem;color:var(--malina);line-height:1}
.um-plakietka i{font-style:normal;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--szary)}
.um-odr-hero{position:absolute;left:2%;bottom:6%}
/* pas zaufania */
.um-pas{background:#fff;border-block:1px solid var(--linia)}
.um-pas-l{list-style:none;margin:0 auto;padding:.9rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem 1.5rem}
.um-pas li{display:flex;align-items:center;gap:.7rem;font-size:.92rem;font-weight:600}
.um-pas .um-ik{width:40px;height:40px;padding:9px}
.um-opinie-stan{display:flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--szary);margin:1rem auto 0;flex-wrap:wrap}
/* sekcje */
.um-sek{padding:3.2rem 0;position:relative}
.um-karty{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.um-karta{background:#fff;border:1px solid var(--linia);border-radius:var(--r);padding:1.5rem;box-shadow:var(--cien);min-width:0}
.um-karta-ik{display:inline-block;margin-bottom:.9rem}
.um-karta h3{font-size:1.12rem;margin-bottom:.5rem}
.um-karta p{margin:0;color:var(--szary);font-size:.95rem}
.um-odr-prawo{position:absolute;right:4%;top:2.6rem}
/* skład + panel */
.um-sek-sklad{background:#fff}
.um-sklad-w{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:start}
.um-sklad-t>*{min-width:0}
.um-skladniki{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1rem 0 1.5rem}
.um-skladnik{display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto 1fr;gap:.3rem 1rem;align-items:start;min-width:0}.um-skladnik picture{grid-row:1/3}
.um-skladnik img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--roz-j);box-shadow:var(--cien)}
.um-skladnik h3{font-size:1.05rem;margin-bottom:.3rem}
.um-skladnik p{margin:0;font-size:.92rem;color:var(--szary)}
.um-front{columns:2;gap:1.5rem;padding-left:1.1rem;font-size:.9rem;margin:.5rem 0 1rem}
.um-tab-w{overflow-x:auto;margin:.6rem 0 1rem;-webkit-overflow-scrolling:touch}
.um-tab{border-collapse:collapse;width:100%;font-size:.9rem;min-width:520px}
.um-tab th,.um-tab td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--linia);vertical-align:top}
.um-tab th{background:var(--roz-j);font-weight:700}
.um-tak{color:var(--ok);font-weight:700}
.um-panel{position:sticky;top:84px;background:var(--roz-j);border:1px solid var(--linia);border-radius:var(--r);padding:1.6rem;box-shadow:var(--cien)}
.um-panel-h{font-size:1.45rem;margin-bottom:.3rem}
.um-panel-pod{color:var(--szary);margin-bottom:1rem;font-size:.95rem}
.um-panel-l{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.45rem;font-size:.93rem;font-weight:600}
.um-panel-l li{display:flex;gap:.5rem;align-items:center}
.um-panel-l .um-ik{color:var(--ok)}
.um-cena{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin:0 0 1rem}
.um-cena strong{font-family:"Playfair Display",serif;font-size:2.4rem;color:var(--malina);line-height:1}
.um-cena-e,.um-cena-d{font-size:.9rem;color:var(--szary)}
.um-mikro-panel{margin-top:1rem;justify-content:center}
/* formularz */
.um-form{display:grid;gap:.8rem}
.um-pole label{display:block;font-size:.85rem;font-weight:700;margin-bottom:.3rem}
.um-pole input,.um-tel{width:100%;border:1.5px solid var(--roz);border-radius:12px;background:#fff;font:1rem Nunito,system-ui,sans-serif;color:var(--tusz)}
.um-pole input{padding:.75rem .9rem}
.um-pole input:focus{outline:2px solid var(--malina);outline-offset:1px}
.um-tel{display:flex;align-items:center}
.um-tel span{padding:0 .8rem;color:var(--szary);font-weight:700;border-right:1px solid var(--linia)}
.um-tel input{border:0;border-radius:0 12px 12px 0;flex:1;min-width:0}
.um-pulapka{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.um-form-nota{font-size:.82rem;color:var(--szary);margin:0}
.um-form-afil{font-size:.76rem;color:var(--szary);margin:0;opacity:.85}
.um-form-blad{color:#b3261e;font-weight:700;margin:0;font-size:.9rem}
.um-form-ok{background:#fff;border:2px solid var(--ok);border-radius:12px;padding:1rem}
.um-form-ok p{margin:.3rem 0 0;font-size:.92rem}
.um-form.um-wyslany .um-pole,.um-form.um-wyslany .um-btn,.um-form.um-wyslany .um-form-nota{display:none}
/* kroki */
.um-sek-kroki{background:var(--tlo)}
.um-kroki{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;counter-reset:k}
.um-kroki li{background:#fff;border:1px solid var(--linia);border-radius:var(--r);padding:1.4rem;position:relative;min-width:0}
.um-krok-n{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--malina);color:#fff;font-weight:800;margin-bottom:.7rem}
.um-kroki h3{font-size:1.05rem;margin-bottom:.4rem}
.um-kroki p{margin:0;font-size:.93rem;color:var(--szary)}
/* opinie */
.um-sek-opinie{background:#fff}
.um-tab-op{min-width:560px}
/* faq */
.um-faq-w{display:grid;grid-template-columns:1.2fr .8fr;gap:2.5rem;align-items:start}
.um-faq{display:grid;gap:.6rem}
.um-acc{background:#fff;border:1px solid var(--linia);border-radius:14px;padding:0 1.1rem}
.um-acc summary{cursor:pointer;list-style:none;padding:.95rem 2rem .95rem 0;font-weight:700;position:relative}
.um-acc summary::-webkit-details-marker{display:none}
.um-acc summary::after{content:"+";position:absolute;right:0;top:.7rem;font-size:1.5rem;color:var(--malina);font-weight:400;line-height:1}
.um-acc[open] summary::after{content:"–"}
.um-acc-t{padding:0 0 1rem;color:var(--tusz)}
.um-acc-t p:last-child{margin-bottom:0}
.um-acc-front{margin-top:1rem}
.um-faq-bok{position:relative;display:grid;gap:1rem}
.um-faq-bok img{border-radius:var(--r);box-shadow:var(--cien);width:100%;aspect-ratio:4/5;object-fit:cover}
.um-odr-faq{position:absolute;left:-2%;top:36%;background:rgba(255,255,255,.85);padding:.2rem .6rem;border-radius:8px}
.um-faq-ik{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.um-faq-ik li{display:flex;align-items:center;gap:.7rem;font-weight:600;font-size:.93rem}
/* rozdziały */
.um-sek-rozdz{background:#fff}
.um-acc-r{margin-bottom:.6rem}
.um-rozdz{max-width:72ch}
.um-rozdz h3{font-size:1.05rem;margin:1rem 0 .4rem}
.um-rozdz ul{padding-left:1.2rem}
/* noty */
.um-noty{padding-left:1.1rem;font-size:.86rem;color:var(--szary);line-height:1.5;columns:2;gap:2rem}
.um-noty li{break-inside:avoid;margin-bottom:.4rem}
/* stopka */
.um-stopa{background:#fff;border-top:1px solid var(--linia);padding:2.2rem 0 1.6rem;font-size:.86rem}
.um-stopa-g{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.5rem;margin-bottom:1.2rem}
.um-stopa-haslo{font-family:Caveat,cursive;font-size:1.4rem;color:var(--malina);margin:.4rem 0 0}
.um-stopa ul{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}
.um-stopa a{color:var(--tusz)}
.um-stopa-kraje{display:flex!important;flex-wrap:wrap;gap:.4rem .9rem!important}
.um-stopa-kraje a[aria-current]{color:var(--malina);font-weight:700}
.um-stopa-nota{color:var(--szary);margin:0 0 .5rem;font-size:.82rem}
.um-stopa-mini{padding:1.2rem 0}
/* pływak (mobile) */
.um-plywak{display:none}
/* kraje / 404 */
.um-kraje{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:3rem 16px;background:linear-gradient(180deg,#fff2f7,var(--tlo))}
.um-kraje-w{width:min(760px,100%);text-align:center}
.um-kraje-pod{color:var(--szary);margin:.4rem 0 1.4rem}
.um-kraje-h1{font-size:1.15rem;font-weight:600;color:var(--szary);margin-bottom:1.4rem;line-height:1.5}
.um-kraje-l{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}
.um-kraje-l a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.1rem .8rem;align-items:center;text-align:left;background:#fff;border:1px solid var(--linia);border-radius:14px;padding:.9rem 1rem;text-decoration:none;color:var(--tusz);box-shadow:var(--cien)}
.um-kraje-f{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--roz-j);color:var(--malina);font-weight:800;font-size:.85rem}
.um-kraje-n{font-weight:700}
.um-kraje-j{font-size:.82rem;color:var(--szary)}
.um-kraje-i{grid-column:1/3;font-size:.82rem;color:var(--malina);display:flex;align-items:center;gap:.3rem;margin-top:.3rem}
/* pismo (dokumenty) */
.um-pismo-w{max-width:800px;padding:2rem 0 3rem}
.um-okruchy{font-size:.85rem;color:var(--szary)}
.um-okruchy a{color:var(--szary)}
.um-h1-p{font-size:clamp(1.6rem,3.4vw,2.3rem);margin:.4rem 0 .8rem}
.um-pismo-lede{font-size:1.1rem;color:var(--szary)}
.um-pismo-t h2{font-size:1.3rem;margin:1.8rem 0 .5rem}
.um-pismo-t h3{font-size:1.05rem;margin:1.2rem 0 .4rem}
.um-pismo-t table{border-collapse:collapse;width:100%;font-size:.92rem;margin:.6rem 0 1rem}
.um-pismo-t td,.um-pismo-t th{border-bottom:1px solid var(--linia);padding:.5rem .6rem;text-align:left;vertical-align:top}
.um-zrodla{padding-left:1.3rem;font-size:.9rem}
.um-zrodla li{margin-bottom:.35rem;word-break:break-word}
.um-pismo-cta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:2rem}
.um-powrot{font-size:.9rem}
/* responsywność */
@media (max-width:980px){.um-hero-w,.um-sklad-w,.um-faq-w{grid-template-columns:1fr}.um-karty,.um-kroki{grid-template-columns:1fr 1fr}.um-panel{position:static}.um-odr-prawo{position:static;display:block;margin-top:1rem}.um-menu{display:none}}
@media (max-width:640px){
  body{font-size:15px;padding-bottom:78px}
  .um-karty,.um-kroki,.um-skladniki,.um-stopa-g{grid-template-columns:1fr}
  .um-hero{padding:1.4rem 0 1.8rem}.um-hero-f{order:-1}.um-hero-f img{width:min(78%,300px)}
  .um-plakietka{width:84px;height:84px;right:4%}.um-plakietka b{font-size:1.6rem}
  .um-odr-hero{left:0;bottom:0;font-size:1.3rem}
  .um-chipy{gap:.8rem}.um-chipy li{max-width:none;flex:1 1 44%}
  .um-hero-cta .um-btn{width:100%}
  .um-pas-l{justify-content:flex-start;gap:.6rem 1.2rem}.um-pas li{font-size:.85rem}
  .um-sek{padding:2.2rem 0}
  .um-noty,.um-front{columns:1}
  .um-btn-glowa{padding:.55rem .9rem;font-size:.85rem}
  .um-logo{font-size:1.4rem}
  .um-plywak{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem 12px;background:rgba(255,255,255,.96);border-top:1px solid var(--linia);box-shadow:0 -6px 20px rgba(194,24,91,.12);font-size:.85rem}
  .um-plywak strong{color:var(--malina);font-size:1rem}
  .um-plywak .um-btn{padding:.6rem 1rem;font-size:.9rem;white-space:nowrap}
  .um-plywak.um-schowany,.um-b-pismo .um-plywak{display:none}
  .um-b-pismo{padding-bottom:0}
}