:root{
--hero-controls-gap: 12px; --hero-controls-bottom: 18px; --hero-safe-bottom: 190px; --hero-safe-bottom-mobile: 220px; }
#site-header > div > nav > a > div{
display: block;
}
.hero{
min-height: calc(100vh - var(--header-height, 0px));
position: relative;
overflow: hidden;
width: 100%;
max-width: 100vw; display: grid;
place-items: center; padding-bottom: var(--hero-safe-bottom);
} .hero-slideshow{
position: absolute;
inset: 0;
z-index: 0;
} .hero-slide{
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 1.4s ease-in-out;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: grid;
place-items: center;
}
.hero-slide.active{
opacity: 1;
z-index: 1;
} .hero-slide::before{
content:"";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
to bottom,
rgba(0,0,0,0.28) 0%,
rgba(0,0,0,0.55) 55%,
rgba(0,0,0,0.78) 100%
);
} .slide-content{
position: relative;
z-index: 2;
width: min(900px, 92vw);
padding: 0 16px;
text-align: center;
} .slide-title{
font-size: clamp(1.7rem, 4.6vw, 3.2rem);
line-height: 1.15;
margin: 0 0 16px;
}
.slide-subtitle{
font-size: clamp(0.95rem, 2.2vw, 1.25rem);
line-height: 1.65;
margin: 0 auto;
width: min(820px, 92vw);
} .hero-controls{
position: absolute;
left: 0;
right: 0;
bottom: var(--hero-controls-bottom);
z-index: 10; display: grid;
grid-template-rows: auto auto;
justify-items: center;
gap: var(--hero-controls-gap);
padding: 0 16px;
} .hero-buttons{
width: min(900px, 92vw);
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: nowrap; } .hero-buttons .btn,
.hero-buttons .contact-btn{
white-space: nowrap;
} .slideshow-nav{
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
} .slideshow-dot{
width: 14px;
height: 14px;
border-radius: 50%;
cursor: pointer;
padding: 0;
}  @media (max-width: 768px){
.hero{
padding-bottom: 200px; } .hero-buttons .btn,
.hero-buttons .contact-btn{
padding: 12px 16px;
font-size: 0.95rem;
}
} @media (max-width: 576px){
.hero{
padding-bottom: var(--hero-safe-bottom-mobile);
}
.hero-controls{
bottom: 14px;
gap: 10px;
}
.hero-buttons{
width: 92vw;
flex-direction: column; gap: 10px;
}
.hero-buttons .btn,
.hero-buttons .contact-btn{
width: 100%;
justify-content: center;
padding: 12px 14px;
font-size: 0.95rem;
white-space: normal; }
.slideshow-dot{
width: 10px;
height: 10px;
}
} @media (max-width: 400px){
.hero{
padding-bottom: 240px;
}
.hero-buttons .btn,
.hero-buttons .contact-btn{
padding: 11px 12px;
font-size: 0.92rem;
}
} @media (max-width: 768px){ .hero-controls{ height: auto;
display: flex;
flex-direction: column;
justify-content: flex-end; align-items: center; gap: 12px;
padding: 0 16px 16px;
box-sizing: border-box;
} .hero-buttons{
min-height: 250px;    
width: 100%;
max-width: 520px;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
justify-content: center;
}
.hero-buttons a.btn,
.hero-buttons a.contact-btn{
width: 100%;
max-width: 520px;
justify-content: center;
text-align: center;
} .slideshow-nav{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0;
}
#main-content > section.hero > div.hero-slideshow p.slide-subtitle{
padding-right: 3em;
}
#main-content > section.hero > div.hero-slideshow > div.hero-slide > div.slide-content {
position: absolute;
top: 40%!important;
}
}  .hero-slide:nth-child(1) {
background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/webpc-passthru-800.webp);
}
@media (min-width: 576px) {
.hero-slide:nth-child(1) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/webpc-passthru-1200.webp); }
}
@media (min-width: 768px) {
.hero-slide:nth-child(1) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/webpc-passthru-1600.webp); }
}
@media (min-width: 1024px) {
.hero-slide:nth-child(1) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/webpc-passthru-1920.webp); }
}
@media (min-width: 1440px) {
.hero-slide:nth-child(1) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/webpc-passthru-2560.webp); }
}
@media (min-width: 1920px) {
.hero-slide:nth-child(1) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/webpc-passthru-3200.webp); }
}
@media (min-width: 2560px) {
.hero-slide:nth-child(1) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/webpc-passthru-3840.webp); }
}
@media (min-width: 3200px) {
.hero-slide:nth-child(1) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/webpc-passthru-5120.webp); }
} .hero-slide:nth-child(2) {
background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/Flare-girl-shower-iphone-8-800.webp);
}
@media (min-width: 576px) {
.hero-slide:nth-child(2) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/Flare-girl-shower-iphone-8-1200.webp); }
}
@media (min-width: 768px) {
.hero-slide:nth-child(2) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/Flare-girl-shower-iphone-8-1600.webp); }
}
@media (min-width: 1024px) {
.hero-slide:nth-child(2) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/Flare-girl-shower-iphone-8-1920.webp); }
}
@media (min-width: 1440px) {
.hero-slide:nth-child(2) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/Flare-girl-shower-iphone-8-2560.webp); }
}
@media (min-width: 1920px) {
.hero-slide:nth-child(2) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/Flare-girl-shower-iphone-8-3200.webp); }
}
@media (min-width: 2560px) {
.hero-slide:nth-child(2) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/Flare-girl-shower-iphone-8-3840.webp); }
}
@media (min-width: 3200px) {
.hero-slide:nth-child(2) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/Flare-girl-shower-iphone-8-5120.webp); }
} .hero-slide:nth-child(3) {
background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/istockphoto-91824847-612x612-800.webp);
}
@media (min-width: 576px) {
.hero-slide:nth-child(3) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/istockphoto-91824847-612x612-1200.webp); }
}
@media (min-width: 768px) {
.hero-slide:nth-child(3) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/istockphoto-91824847-612x612-1600.webp); }
}
@media (min-width: 1024px) {
.hero-slide:nth-child(3) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/istockphoto-91824847-612x612-1920.webp); }
}
@media (min-width: 1440px) {
.hero-slide:nth-child(3) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/istockphoto-91824847-612x612-2560.webp); }
}
@media (min-width: 1920px) {
.hero-slide:nth-child(3) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/istockphoto-91824847-612x612-3200.webp); }
}
@media (min-width: 2560px) {
.hero-slide:nth-child(3) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/istockphoto-91824847-612x612-3840.webp); }
}
@media (min-width: 3200px) {
.hero-slide:nth-child(3) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/istockphoto-91824847-612x612-5120.webp); }
} .hero-slide:nth-child(4) {
background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/uvod-800.webp);
}
@media (min-width: 576px) {
.hero-slide:nth-child(4) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/uvod-1200.webp); }
}
@media (min-width: 768px) {
.hero-slide:nth-child(4) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/uvod-1600.webp); }
}
@media (min-width: 1024px) {
.hero-slide:nth-child(4) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/uvod-1920.webp); }
}
@media (min-width: 1440px) {
.hero-slide:nth-child(4) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/uvod-2560.webp); }
}
@media (min-width: 1920px) {
.hero-slide:nth-child(4) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/uvod-3200.webp); }
}
@media (min-width: 2560px) {
.hero-slide:nth-child(4) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/uvod-3840.webp); }
}
@media (min-width: 3200px) {
.hero-slide:nth-child(4) { background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/uvod-5120.webp); }
} .recruitment-section {
background: linear-gradient(135deg, var(--color-secondary), var(--color-bg));
padding: var(--spacing-xl) 0;
text-align: center;
position: relative;
overflow: hidden;
width: 100%;
max-width: 100vw;
}
.recruitment-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/12112-800.webp);
background-size: cover;
background-position: center;
opacity: 0.1;
z-index: 0;
}
@media (min-width: 576px) {
.recruitment-section::before {
background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/12112-1200.webp);
}
}
@media (min-width: 768px) {
.recruitment-section::before {
background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/12112-1600.webp);
}
}
@media (min-width: 1024px) {
.recruitment-section::before {
background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/12112-1920.webp);
}
}
@media (min-width: 1440px) {
.recruitment-section::before {
background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/12112-2560.webp);
}
}
@media (min-width: 1920px) {
.recruitment-section::before {
background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/12112-3200.webp);
}
}
@media (min-width: 2560px) {
.recruitment-section::before {
background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/12112-3840.webp);
}
}
@media (min-width: 3200px) {
.recruitment-section::before {
background-image: url(//www.studioamazing.cz/wp-content/themes/amazing-studio-child-responsive/assets/img/12112-5120.webp);
}
}
.recruitment-content {
position: relative;
z-index: 1;
max-width: 800px;
margin: 0 auto;
padding: 0 var(--spacing-sm);
}
.recruitment-title {
font-size: clamp(1.8rem, 4vw, 2.5rem);
margin-bottom: var(--spacing-md);
}
.recruitment-text {
font-size: clamp(1rem, 2vw, 1.2rem);
margin-bottom: var(--spacing-lg);
line-height: 1.8;
}
.recruitment-buttons {
display: flex;
justify-content: center;
gap: var(--spacing-md);
flex-wrap: wrap;
}
.contact-btn {
display: inline-flex;
align-items: center;
gap: var(--spacing-xs);
padding: 15px 25px;
} .whatsapp-float {
position: fixed;
width: 60px;
height: 60px;
bottom: 20px;
right: 20px;
background: #25d366;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--shadow-md);
z-index: 999;
transition: transform var(--transition-base);
}
.whatsapp-float:hover,
.whatsapp-float:focus {
transform: scale(1.1);
box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
}
.whatsapp-icon {
width: 35px;
height: 35px;
} footer {
background: var(--color-secondary);
padding: var(--spacing-xl) 0 var(--spacing-md);
border-top: 1px solid var(--color-border);
width: 100%;
max-width: 100vw;
}
.footer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: var(--spacing-lg);
margin-bottom: var(--spacing-lg);
}
.footer-column h3 {
font-size: 1.2rem;
margin-bottom: var(--spacing-md);
position: relative;
padding-bottom: var(--spacing-xs);
}
.footer-column h3::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 2px;
background: var(--color-primary);
}
.footer-links {
list-style: none;
}
.footer-links li {
margin-bottom: var(--spacing-xs);
}
.footer-links a {
color: var(--color-text-muted);
transition: var(--transition-base);
}
.footer-links a:hover,
.footer-links a:focus {
color: var(--color-primary);
padding-left: 5px;
}
.social-links {
display: flex;
gap: var(--spacing-sm);
margin-top: var(--spacing-md);
}
.social-link {
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(212, 175, 55, 0.1);
display: flex;
align-items: center;
justify-content: center;
transition: var(--transition-base);
}
.social-link:hover,
.social-link:focus {
background: var(--color-primary);
color: var(--color-secondary);
transform: translateY(-3px);
}
.footer-bottom {
text-align: center;
padding-top: var(--spacing-md);
border-top: 1px solid rgba(255, 255, 255, 0.1);
color: var(--color-text-muted);
font-size: 0.9rem;
}
.footer-bottom-links {
display: flex;
justify-content: center;
gap: var(--spacing-md);
margin-bottom: var(--spacing-sm);
flex-wrap: wrap;
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
} @media (max-width: 768px) { .recruitment-buttons {
flex-direction: column;
align-items: center;
}
.contact-btn {
width: 100%;
max-width: 300px;
justify-content: center;
}
.whatsapp-float {
width: 55px;
height: 55px;
bottom: 15px;
right: 15px;
}
}  .gift-vouchers-promo {
background: linear-gradient(135deg, var(--secondary-black), var(--primary-black));
padding: 60px 0;
position: relative;
overflow: hidden;
}
.gift-vouchers-promo::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://www.studioamazing.cz/wp-content/uploads/2022/06/happy-mothers-day-2478096_1920.jpg);
background-size: cover;
background-position: center;
opacity: 0.05;
z-index: 0;
}
.gift-vouchers-promo .gift-content {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 50px;
align-items: center;
}
.gift-vouchers-promo .gift-text {
padding-right: 20px;
}
.gift-vouchers-promo .gift-label {
display: inline-block;
background: rgba(212, 175, 55, 0.1);
color: var(--accent-gold);
padding: 6px 16px;
border-radius: 30px;
font-size: 0.85rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
border: 1px solid var(--accent-gold);
}
.gift-vouchers-promo .gift-text h2 {
font-size: 2.5rem;
margin-bottom: 20px;
line-height: 1.2;
}
.gift-vouchers-promo .gift-text p {
font-size: 1.15rem;
color: var(--text-gray);
line-height: 1.7;
margin-bottom: 25px;
}
.gift-vouchers-promo .gift-image {
height: 80%;
position: relative;
border-radius: var(--border-radius);
overflow: hidden;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
border: 2px solid var(--accent-gold);
}
.gift-vouchers-promo .gift-image img {
width: 100%;
height: 350px;
object-fit: cover;
transition: var(--transition);
}
.gift-vouchers-promo .gift-image:hover img {
transform: scale(1.05);
} @media (max-width: 992px) {
.gift-vouchers-promo .gift-content {
grid-template-columns: 1fr;
gap: 35px;
}
.gift-vouchers-promo .gift-text {
padding-right: 0;
text-align: center;
}
.gift-vouchers-promo .gift-text h2 {
font-size: 2.2rem;
}
.gift-vouchers-promo .gift-image img {
height: 300px;
}
}
@media (max-width: 768px) {
.gift-vouchers-promo {
padding: 50px 0;
}
.gift-vouchers-promo .gift-text h2 {
font-size: 2rem;
}
.gift-vouchers-promo .gift-text p {
font-size: 1.05rem;
}
.gift-vouchers-promo .btn {
width: 100%;
text-align: center;
}
.gift-vouchers-promo .gift-image img {
height: 250px;
}
}
@media (max-width: 576px) {
.gift-vouchers-promo .gift-text h2 {
font-size: 1.8rem;
}
.gift-vouchers-promo .gift-text p {
font-size: 1rem;
}
.gift-vouchers-promo .gift-image img {
height: 220px;
}
}
#menu-paticka > li > a.menu-link{
padding: 0;
}
.sl-section{
background-color: var(--sl-secondary-black);
}