#sluzby_vypis{padding:50px 20px;background:rgba(255,255,255,0.12);max-width:900px;margin:40px auto;border-radius:var(--radius-xl);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--glass-border-strong);position:relative;overflow:hidden}#sluzby_vypis::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(232,165,212,0.15),transparent 35%),radial-gradient(circle at 80% 70%,rgba(201,58,138,0.1),transparent 40%);animation:orbFloat 12s ease-in-out infinite;z-index:0;pointer-events:none}#sluzby_vypis > *{position:relative;z-index:1}.nadpis_nahore{text-align:center;font-size:2.2em;margin-bottom:40px;color:#fff;font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,0.1)}.kategorie_vypis{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px;max-width:100%}.karta_s_obrazkem{width:100%;background:rgba(255,255,255,0.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-xl);box-shadow:0 8px 32px rgba(0,0,0,0.1), inset 0 0 0 1px rgba(255,255,255,0.2);overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(255,255,255,0.15);position:relative}.karta_s_obrazkem::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(232,165,212,0.2),transparent 40%),radial-gradient(circle at 70% 70%,rgba(201,58,138,0.15),transparent 45%);animation:orbFloat 10s ease-in-out infinite;z-index:0}.karta_s_obrazkem:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px rgba(201,58,138,0.2), inset 0 0 0 1px rgba(255,255,255,0.3);background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.25)}.karta_s_obrazkem > *{position:relative;z-index:1}.karta_link{color:inherit;text-decoration:none;display:block}.obsah_karty{display:flex;flex-direction:column;align-items:center;padding:24px;gap:16px}.obsah_karty img{width:180px;height:180px;border-radius:var(--radius-lg);object-fit:cover;box-shadow:0 8px 20px rgba(0,0,0,0.15), inset 0 0 0 1px rgba(255,255,255,0.2);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1), filter 0.4s ease;border:1px solid rgba(255,255,255,0.15)}.karta_s_obrazkem:hover img{transform:scale(1.08) rotate(1deg);filter:brightness(1.1)}.text_karty{text-align:center;color:#fff}.text_karty h3{font-size:1.3em;color:#fff;margin-bottom:8px;font-weight:600;letter-spacing:0.5px}.text_karty p{font-size:0.95em;margin:4px 0;color:rgba(255,255,255,0.85);letter-spacing:0.3px}.text_karty h4{margin-top:10px;font-size:1em;color:#ff5e7e;font-weight:bold}.text_karty .link{color:#b1457b;font-weight:bold;text-decoration:underline;transition:color .3s ease}.text_karty .link:hover{color:#8c3460}#hero_sluzby{display:flex;align-items:center;justify-content:center;padding-top:40px;padding-bottom:20px;background:url('https://www.salonrose.cz/assets/images/background-salon.webp') center/cover no-repeat;position:relative;z-index:1;overflow:hidden}#hero_sluzby::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2}#hero_sluzby_section{position:relative;z-index:3;background:rgba(255,255,255,0.15);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:48px 36px;text-align:center;max-width:700px;box-shadow:var(--shadow-xl), inset 0 0 0 1px var(--glass-border-strong);color:#fff;animation:fadeUp 1.2s ease-out both;border:1px solid var(--glass-border)}.nadpis_hero{font-size:2.4em;margin-bottom:20px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,0.3)}#hero_sluzby_section p{font-size:1.2em;color:#f0f0f0;text-shadow:0 1px 4px rgba(0,0,0,0.2)}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){#hero_sluzby_section{padding:35px 25px;margin-top:100px;max-width:90%}.nadpis_hero{font-size:2em}#hero_sluzby_section p{font-size:1.1em}}@media(max-width:576px){#hero_sluzby{padding:60px 15px}#hero_sluzby_section{padding:25px 15px}.nadpis_hero{font-size:1.6em}#hero_sluzby_section p{font-size:1em}}