/* Klinika Urody MaDa — arkusz bazowy wersji produkcyjnej */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;padding:0;background:#F9F1E7;color:#141414;font-family:'Jost',system-ui,-apple-system,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
img{border:0}
a{color:#A17C5B;text-decoration:none}
a:hover{color:#141414}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4{text-wrap:balance}
p{text-wrap:pretty}

/* rozwinięte konstrukcje szablonu */
.dcw{display:contents}
.dcw[hidden],[hidden]{display:none!important}

/* nawigacja: wariant desktop / mobile */
[data-nv="m"]{display:none}
@media (max-width:900px){
  [data-nv="d"]{display:none}
  [data-nv="m"]{display:contents}
}

/* nagłówek na stronie głównej: stan przezroczysty -> pełny po przewinięciu */
[data-nav-overlay].nav-solid{background:rgba(249,241,231,0.94)!important;backdrop-filter:blur(12px);border-bottom:1px solid #E5D3C0!important}
[data-nav-overlay].nav-solid > div > a img{filter:none!important}
[data-nav-overlay].nav-solid > div > a span{color:#141414!important}
[data-nav-overlay].nav-solid nav > a,[data-nav-overlay].nav-solid nav > button{color:#5A5145!important}
[data-nav-overlay].nav-solid nav > a[aria-current],[data-nav-overlay].nav-solid nav > .is-active{color:#141414!important}
[data-nav-overlay].nav-solid a[href^="tel:"]{background:#141414!important;color:#F9F1E7!important;border-color:#141414!important}
[data-nav-overlay].nav-solid [data-act="toggleDrawer"]{background:#141414!important;color:#F9F1E7!important;border:none!important}

/* pola formularzy rezerwacji */
input,select,textarea{border-radius:2px}
input:focus,select:focus,textarea:focus{outline:1px solid #C3A489;outline-offset:1px}

/* ---- mobilny arkusz filtrów (katalog zabiegów) i sekcji (cennik) ---- */
[data-fbar="backdrop"],[data-sbar="backdrop"],
[data-fbar="bottom"],[data-sbar="bottom"],
[data-fbar="head"],[data-sbar="head"],
[data-fbar="title"],[data-sbar="title"],
[data-fbar="foot"]{display:none!important}

@media (max-width:760px){
  [data-fbar="wrap"],[data-sbar="wrap"]{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
    z-index:80!important;max-height:82vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;
    background:rgba(18,18,18,0.98)!important;backdrop-filter:blur(18px);
    border-top:1px solid rgba(195,164,137,0.34)!important;border-bottom:none!important;
    border-radius:16px 16px 0 0!important;box-shadow:0 -26px 60px -20px rgba(0,0,0,0.7)!important;
    transform:translateY(105%);opacity:0;pointer-events:none;
    transition:transform .34s cubic-bezier(.32,.72,0,1),opacity .28s ease}
  html.sheet-open [data-fbar="wrap"],html.sheet-open [data-sbar="wrap"]{transform:translateY(0);opacity:1;pointer-events:auto}

  [data-fbar="head"],[data-sbar="head"]{display:flex!important;justify-content:center!important;padding:10px 0 2px!important}
  [data-fbar="title"],[data-sbar="title"]{display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:14px!important;padding:8px clamp(16px,4vw,24px) 4px!important}
  [data-fbar="row"]{padding:12px clamp(16px,4vw,24px) 4px!important;flex-direction:column!important;gap:10px!important;max-width:none!important}
  [data-fbar="chips"]{padding:8px clamp(16px,4vw,24px) 4px!important;max-width:none!important}
  [data-fbar="foot"]{display:block!important;padding:14px clamp(16px,4vw,24px) calc(16px + env(safe-area-inset-bottom))!important}
  [data-sbar="row"]{flex-direction:column!important;gap:8px!important;max-width:none!important;
    padding:12px clamp(16px,4vw,24px) calc(18px + env(safe-area-inset-bottom))!important}
  [data-sbar="row"] a{display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:54px!important;font-size:16px!important;border-radius:3px!important;padding:0 16px!important}

  [data-fbar="backdrop"],[data-sbar="backdrop"]{position:fixed!important;inset:0!important;z-index:75!important;
    background:rgba(12,12,12,0.55)!important;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .28s ease}
  html.sheet-open [data-fbar="backdrop"],html.sheet-open [data-sbar="backdrop"]{display:block!important;opacity:1;pointer-events:auto}

  [data-fbar="bottom"],[data-sbar="bottom"]{display:flex!important;position:fixed!important;left:0!important;right:0!important;
    bottom:0!important;z-index:70!important;gap:10px!important;align-items:center!important;
    padding:10px clamp(12px,3vw,20px) calc(10px + env(safe-area-inset-bottom))!important;
    background:rgba(18,18,18,0.94)!important;backdrop-filter:blur(14px);border-top:1px solid rgba(195,164,137,0.3)!important;
    transition:opacity .2s ease}
  html.sheet-open [data-fbar="bottom"],html.sheet-open [data-sbar="bottom"]{opacity:0;pointer-events:none}

  [data-fbar="list"]{padding-bottom:104px!important}
  html.sheet-open{overflow:hidden}
}

/* ---- strona główna: karuzele i statystyki na telefonie ---- */
@media (max-width:760px){
  [data-mob="car"],[data-mob="stat-wrap"]{
    display:flex!important;gap:14px!important;overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;
    grid-template-columns:none!important}
  [data-mob="car"]{margin:0 calc(-1 * clamp(16px,4vw,40px))!important;padding:0 clamp(16px,4vw,40px) 10px!important}
  [data-mob="car"]::-webkit-scrollbar,[data-mob="stat-wrap"]::-webkit-scrollbar{display:none}
  [data-mob="card-80"]{flex:0 0 80%!important;scroll-snap-align:center}
  [data-mob="card-78"]{flex:0 0 78%!important;scroll-snap-align:center}
  [data-mob="card-64"]{flex:0 0 64%!important;scroll-snap-align:center}
  [data-mob="stat-wrap"]{max-width:100%!important;margin:0!important;
    padding:30px clamp(16px,4vw,40px) 26px!important}
  [data-mob="stat"]{flex:0 0 78%!important;scroll-snap-align:center;padding:0!important;border-left:none!important}
}