/* ==========================================================================
   UKLAD "AURA" — Belavio
   Sklep kosmetyczny. Zalozenie: spokoj i powietrze. Srodkowany ekran
   startowy, jedna miekka poswiata zamiast zdjecia modelki, waska
   typografia geometryczna i rozowy akcent uzywany punktowo. Rozowy
   swieci tylko na duzych elementach — tekstem jest ciemniejszy wariant,
   bo jasny roz na bieli ma kontrast ponizej 3:1 i po prostu znika.
   ========================================================================== */

.lay-aura{
  --f-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --f-head:"Jost","Inter",-apple-system,sans-serif;
  --f-serif:"Lora","Georgia",serif;
  --f-num:"Jost","Inter",sans-serif;

  --r-xs:4px; --r-sm:8px; --r-md:14px; --r-lg:20px; --r-xl:30px;

  --rose:#C2577A;
  --rose-ink:#93375A;
  --rose-deep:#7A2C4A;
  --rose-soft:#FBEFF3;
  --plum:#2E1F2B;
  --sand:#FAF6F4;
  --sand-2:#F3ECE8;

  --paper:#FFFFFF;
  --paper-2:#FBF8F7;
  --paper-3:#F3ECE9;
  --line:#EDE2E0;
  --line-strong:#DCC9C8;
  --ink:#2E1F2B;
  --text:#332630;
  --text-2:#60505B;
  --text-3:#6E5D69;
  --surface:#FFFFFF;

  --sh-1:0 1px 2px rgba(46,31,43,.04);
  --sh-2:0 6px 20px rgba(46,31,43,.06);
  --sh-3:0 20px 48px rgba(46,31,43,.10);
  --nav-h:74px;
  --wrap:1260px;
  background:var(--paper);color:var(--text)
}
.lay-aura .wrap{max-width:var(--wrap)}
.lay-aura h1,.lay-aura h2,.lay-aura h3,.lay-aura h4{
  font-family:var(--f-head);font-weight:400;color:var(--ink);
  letter-spacing:-.012em;line-height:1.16}

/* ---------- Przyciski ---------- */
.ubtn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 32px;
  border:1px solid transparent;border-radius:999px;font-family:var(--f-head);font-size:.95rem;
  font-weight:500;letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:var(--t-fast)}
.ubtn--lg{padding:17px 38px;font-size:1.02rem}
.ubtn--block{display:flex;width:100%}
.ubtn--fill{background:var(--rose-ink);color:#fff;border-color:var(--rose-ink)}
.ubtn--fill:hover{background:var(--rose-deep);border-color:var(--rose-deep);color:#fff}
.ubtn--line{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.ubtn--line:hover{border-color:var(--ink);color:var(--ink);background:var(--sand)}
.ulink{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-head);font-size:.92rem;
  font-weight:500;letter-spacing:.03em;color:var(--rose-ink);text-decoration:none;white-space:nowrap}
.ulink:hover{color:var(--rose-deep)}

/* ---------- Naglowki ---------- */
.ukick{display:inline-block;font-family:var(--f-head);font-size:.76rem;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--rose-ink);margin-bottom:22px}
.ukick2{display:inline-block;font-family:var(--f-head);font-size:.74rem;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--rose-ink);margin-bottom:14px}
.uhead2{max-width:62ch;margin-bottom:clamp(30px,3.6vw,50px)}
.uhead2 h2{font-size:clamp(1.65rem,3.4vw,2.6rem);margin:0}
.uhead2 p{color:var(--text-2);margin:.8rem 0 0}
.uhead2--center{margin-inline:auto;text-align:center}
.uhead2--row{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;max-width:none}
@media (max-width:720px){.uhead2--row{flex-direction:column;align-items:flex-start;gap:12px}}

.usec{padding-block:clamp(50px,6.5vw,96px)}
.usec--soft{background:var(--sand)}

/* ---------- Pasek ---------- */
.ubar{background:var(--sand-2);color:var(--text-2);font-size:.8rem;border-bottom:1px solid var(--line)}
.ubar__in{display:flex;align-items:center;justify-content:center;gap:12px;height:38px;
  overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.ubar__in::-webkit-scrollbar{display:none}
.ubar b{color:var(--ink);font-weight:600}
.ubar__sep{color:var(--line-strong)}
@media (max-width:620px){.ubar__in{justify-content:flex-start}}

/* ---------- Naglowek ---------- */
.uhead{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);
  backdrop-filter:saturate(170%) blur(12px);-webkit-backdrop-filter:saturate(170%) blur(12px);
  border-bottom:1px solid var(--line)}
.uhead__row{display:flex;align-items:center;gap:26px;min-height:var(--nav-h)}
.uhead__brand{flex:0 0 auto}
.uhead__acts{display:flex;align-items:center;gap:6px;margin-left:auto}
.uhead__search{width:clamp(160px,18vw,250px);margin-right:6px}
.uicon{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:50%;color:var(--ink);background:transparent;border:0;
  cursor:pointer;transition:var(--t-fast)}
.uicon:hover{background:var(--rose-soft);color:var(--rose-ink)}
.uhead__burger{display:none}
.uhead__mobsearch{display:none;padding:0 0 14px}

.unav__list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.unav__list a{display:block;padding:10px 15px;border-radius:999px;font-family:var(--f-head);
  font-size:.92rem;font-weight:400;letter-spacing:.02em;color:var(--text-2);text-decoration:none;
  white-space:nowrap;transition:var(--t-fast)}
.unav__list a:hover{color:var(--ink);background:var(--sand)}
.unav__hot{color:var(--rose-ink)!important}
.unav__hot:hover{background:var(--rose-soft)!important}

.lay-aura .brand__word{font-family:var(--f-head);font-weight:500;font-size:1.42rem;
  letter-spacing:.06em;color:var(--ink)}
.lay-aura .brand__word span{color:var(--rose-ink)}
.lay-aura .ufoot .brand__word{color:#fff}
.lay-aura .ufoot .brand__word span{color:#E8B9C8}

.lay-aura .uhead .searchform,.lay-aura .uhead__mobsearch .searchform,
.lay-aura .mobnav__search .searchform{
  display:flex;align-items:center;gap:6px;height:42px;padding:0 5px 0 16px;
  background:var(--sand);border:1px solid var(--line);border-radius:999px}
.lay-aura .uhead .searchform:focus-within,.lay-aura .uhead__mobsearch .searchform:focus-within{
  border-color:var(--rose);background:#fff;box-shadow:0 0 0 3px rgba(194,87,122,.14)}
.lay-aura .uhead input[type=search],.lay-aura .uhead__mobsearch input[type=search],
.lay-aura .mobnav__search input[type=search]{
  flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;
  font-family:var(--f-sans);font-size:.9rem;outline:none}
.lay-aura .uhead .searchform button,.lay-aura .uhead__mobsearch .searchform button,
.lay-aura .mobnav__search .searchform button{
  flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border:0;
  border-radius:50%;background:var(--rose-ink);color:#fff;cursor:pointer}
.lay-aura .uhead .searchform button:hover{background:var(--rose-deep)}

@media (max-width:1080px){.unav{display:none}}
@media (max-width:980px){
  .uhead__burger{display:inline-flex}
  .uhead__search{display:none}
  .uhead__mobsearch{display:block}
  .uhead__row{gap:12px}
  .uhead__brand{margin-inline:auto}
}

/* ---------- Ekran startowy ---------- */
.uhero{position:relative;overflow:hidden;background:var(--paper);
  padding-block:clamp(46px,6.5vw,92px) clamp(40px,5vw,72px);text-align:center}
.uhero__glow{position:absolute;width:980px;height:700px;left:50%;top:-280px;
  transform:translateX(-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse,rgba(194,87,122,.16) 0%,rgba(124,74,107,.07) 44%,transparent 70%)}
.uhero__in{position:relative;z-index:2}
.uhero h1{font-size:clamp(2.1rem,5vw,3.8rem);margin:0 auto .5em;max-width:17ch}
.uhero h1 em{font-family:var(--f-serif);font-style:italic;font-weight:400;color:var(--rose-ink);
  display:block;font-size:.82em}
.uhero__sub{font-size:clamp(1rem,1.5vw,1.14rem);color:var(--text-2);max-width:60ch;
  margin:0 auto 2.1rem}
.uhero__cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* ---------- Trzy produkty ---------- */
.upicks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);
  margin-top:clamp(40px,5vw,66px);text-align:left}
@media (max-width:760px){.upicks{grid-template-columns:1fr;max-width:380px;margin-inline:auto}}
.upick{display:grid;gap:4px;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-xl);padding:16px 18px 20px;text-decoration:none;color:var(--text);
  transition:var(--t-fast)}
.upick:hover{border-color:var(--rose);box-shadow:var(--sh-3);transform:translateY(-3px);color:var(--text)}
.upick__ph{display:block;aspect-ratio:1/1;background:var(--sand);border-radius:var(--r-lg);
  overflow:hidden;margin-bottom:14px}
.upick__ph img{width:100%;height:100%;object-fit:contain;padding:12px}
.upick__c{font-family:var(--f-head);font-size:.7rem;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;color:var(--rose-ink)}
.upick__n{font-size:.92rem;line-height:1.45;color:var(--text-2);overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.upick__p{font-family:var(--f-head);font-size:1.12rem;font-weight:500;color:var(--ink);margin-top:2px}
.upick__p del{color:var(--text-3);font-weight:400;font-size:.82em;margin-right:6px}

/* ---------- Pasek zaufania ---------- */
.utrust{background:var(--sand);border-block:1px solid var(--line)}
.utrust__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 30px;
  padding-block:20px;font-size:.88rem;color:var(--text-2)}
.utrust__in span{display:inline-flex;align-items:center;gap:9px}
.utrust__in b{color:var(--ink);font-weight:600}
.utrust__in svg{color:var(--rose);flex:0 0 auto}

/* ---------- Dzialy ---------- */
.ucats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
@media (max-width:860px){.ucats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ucats{grid-template-columns:1fr}}
.ucat{display:grid;gap:3px;justify-items:center;text-align:center;padding:24px 20px 26px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);
  text-decoration:none;color:var(--text);transition:var(--t-fast)}
.ucat:hover{background:var(--rose-soft);border-color:var(--rose);color:var(--text)}
.ucat__ph{width:124px;height:124px;border-radius:50%;background:var(--sand);overflow:hidden;
  display:grid;place-items:center;margin-bottom:16px}
.ucat:hover .ucat__ph{background:#fff}
.ucat__ph img{width:82%;height:82%;object-fit:contain}
.ucat__e{font-size:2.4rem;line-height:1}
.ucat__n{font-family:var(--f-head);font-size:1.1rem;font-weight:500;color:var(--ink)}
.ucat__c{font-size:.84rem;color:var(--text-3)}

/* ---------- Rytual ---------- */
.uritual{background:var(--plum);color:#E8DCE4;padding-block:clamp(50px,6.5vw,96px)}
.uritual h2{color:#fff}
.uritual .ukick2{color:#E8B9C8}
.uritual .uhead2 p{color:#BCA8B6}
.uritual__list{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,26px);counter-reset:none}
@media (max-width:980px){.uritual__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.uritual__list{grid-template-columns:1fr}}
.uritual__list li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-lg);padding:24px 22px 22px;display:grid;gap:0;align-content:start}
.uritual__nr{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
  background:#E8B9C8;color:var(--plum);font-family:var(--f-head);font-size:1.05rem;font-weight:600;
  margin-bottom:16px}
.uritual__list b{font-family:var(--f-head);font-size:1.16rem;font-weight:500;color:#fff;
  margin-bottom:.45em}
.uritual__list p{margin:0;font-size:.92rem;line-height:1.62;color:#BCA8B6}
.uritual__t{display:inline-block;margin-top:14px;font-family:var(--f-head);font-size:.72rem;
  font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#E8B9C8}

/* ---------- Pigulki ---------- */
.upills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.upill{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;background:var(--surface);
  border:1px solid var(--line);border-radius:999px;font-family:var(--f-head);font-size:.94rem;
  font-weight:500;color:var(--text);text-decoration:none;transition:var(--t-fast)}
.upill:hover{border-color:var(--rose);color:var(--rose-ink);background:var(--rose-soft)}
.upill__e{font-size:1.08rem;line-height:1}

/* ---------- Skladniki ---------- */
.uing{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
@media (max-width:1000px){.uing{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.uing{grid-template-columns:1fr}}
.uing__c{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:24px 22px}
.uing__c b{display:block;font-family:var(--f-serif);font-size:1.12rem;font-weight:600;
  color:var(--ink);margin-bottom:.55em}
.uing__c p{margin:0;font-size:.92rem;line-height:1.62;color:var(--text-2)}
.uing__note{margin:26px auto 0;max-width:72ch;text-align:center;font-size:.85rem;color:var(--text-3)}

/* ---------- Blog ---------- */
.ublog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
@media (max-width:900px){.ublog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ublog{grid-template-columns:1fr}}

/* ---------- Stopka ---------- */
.ufoot{background:var(--plum);color:#BCA8B6;padding-block:clamp(44px,5vw,72px) 26px;font-size:.92rem}
.ufoot__top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));
  gap:clamp(26px,3.6vw,52px);padding-bottom:clamp(28px,3.4vw,44px)}
@media (max-width:900px){.ufoot__top{grid-template-columns:1fr 1fr}
  .ufoot__brand{grid-column:1/-1}}
@media (max-width:560px){.ufoot__top{grid-template-columns:1fr}}
.ufoot__brand p{max-width:46ch;margin:14px 0 16px}

.ufoot__contact{display:grid;gap:8px}
.ufoot__contact a{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none}
.ufoot__contact a:hover{color:#E8B9C8}
.ufoot__contact svg{color:#E8B9C8;flex:0 0 auto}
.ufoot__col h4{font-family:var(--f-head);color:#fff;font-size:.78rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px}
.ufoot__col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ufoot__col a{color:#BCA8B6;text-decoration:none}
.ufoot__col a:hover{color:#fff;text-decoration:underline}
.ufoot__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:20px 0;
  border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.ufoot__chips span{font-family:var(--f-head);font-size:.7rem;font-weight:500;letter-spacing:.18em;
  text-transform:uppercase;color:#9A8694;margin-right:2px}
.ufoot__chips b{font-size:.8rem;font-weight:500;color:#fff;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 13px}
.ufoot__legal{font-size:.82rem;line-height:1.65;color:#9A8694;margin:20px 0 0;max-width:110ch}
.ufoot__legal strong{color:#fff;font-weight:600}
.ufoot__bar{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;
  justify-content:space-between;margin-top:22px;padding-top:20px;
  border-top:1px solid rgba(255,255,255,.12);font-size:.82rem}
.ufoot__bar nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.ufoot__bar a{color:#9A8694;text-decoration:none}
.ufoot__bar a:hover{color:#fff}

/* ---------- Warstwa sklepowa ---------- */
.lay-aura .pcard{border-radius:var(--r-xl)}
.lay-aura .pcard__btn{border-radius:999px;font-family:var(--f-head);font-weight:500;letter-spacing:.03em}
.lay-aura .woocommerce button.button.alt,
.lay-aura .woocommerce a.button.alt,
.lay-aura .single_add_to_cart_button.button.alt{
  background:var(--rose-ink);background-image:none;color:#fff;border-radius:999px;
  font-family:var(--f-head);font-weight:500;letter-spacing:.03em}
.lay-aura .woocommerce button.button.alt:hover,
.lay-aura .woocommerce a.button.alt:hover,
.lay-aura .single_add_to_cart_button.button.alt:hover{
  background:var(--rose-deep);background-image:none;color:#fff}

/* ---------- Blok „Jak czytać ceny" i menu na telefonie ----------
   Sekcja .sec-dark ma gradient marki jako tlo, a naglowki ukladu sa
   domyslnie prawie czarne — na tym tle po prostu znikaly. Reguly musza
   jednak omijac karte .pricecard, ktora stoi w tej samej sekcji, ale
   ma wlasne, jasne tlo: pokolorowanie jej tekstu na bialo zamienia
   jeden niewidoczny napis na drugi.
   Panel menu na telefonie jest odwrotnie — jasny, wiec ikona z bialym
   kolorem po najechaniu tez znikala.
   ------------------------------------------------------------------ */
.lay-aura .sec-dark>.wrap>div>h2,.lay-aura .sec-dark .edito>div>h2,
.lay-aura .sec-dark .edito__list strong,.lay-aura .sec-dark>.wrap .eyebrow{color:#fff}
.lay-aura .sec-dark .edito>div>.lead,.lay-aura .sec-dark .edito>div>p,
.lay-aura .sec-dark .edito__list span,.lay-aura .sec-dark .edito__list small{color:rgba(255,255,255,.82)}
.lay-aura .sec-dark .pricecard h3,.lay-aura .sec-dark .pricecard strong{color:var(--text)}
.lay-aura .sec-dark .pricecard p,.lay-aura .sec-dark .pricecard small,
.lay-aura .sec-dark .pricecard span{color:var(--text-2)}
.lay-aura .mobnav .uicon{color:var(--ink)}
.lay-aura .mobnav .uicon:hover{background:var(--paper-3);color:var(--ink);border-color:transparent}