/* Styly stránky /hudebni-videoklipy/ */

.mv-hero *{margin:0;
padding:0;
box-sizing:border-box;}
.mv-hero{position:relative;
height:100vh;
overflow:hidden;
background:#000;
font-family:'Poppins',sans-serif;}
.mv-hero .mv-video{position:absolute;
inset:0;

width:100%;
height:100%;

object-fit:cover;

transform:scale(1.08);}
.mv-hero .mv-overlay{position:absolute;
inset:0;

background:
linear-gradient(
to top,
rgba(0,0,0,.94),
rgba(0,0,0,.45)
);}
.mv-hero .mv-wrap{position:relative;
z-index:2;

max-width:1450px;
height:100%;

margin:auto;
padding:0 24px;

display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;}
.mv-hero .mv-mini{font-size:12px;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;

color:#FF5C00;

margin-bottom:26px;}
.mv-hero h1{max-width:780px;

font-size:clamp(62px,8vw,150px);
font-weight:900;
line-height:.88;
letter-spacing:-6px;

color:#fff;

margin-bottom:28px;}
.mv-hero h1 span{background:#FF5C00;
padding:4px 18px 10px;
border-radius:14px;
display:inline-block;}
.mv-hero p{max-width:620px;

font-size:18px;
line-height:1.8;

color:rgba(255,255,255,.72);

margin-bottom:42px;}
.mv-hero .mv-buttons{display:flex;
gap:18px;
flex-wrap:wrap;}
.mv-hero .mv-btn{display:inline-flex;
align-items:center;
justify-content:center;

height:64px;
padding:0 34px;

border-radius:999px;

font-size:11px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
text-decoration:none;

transition:
transform .35s ease,
box-shadow .35s ease,
background .35s ease;

color:#fff !important;}
.mv-hero .mv-btn.primary{background:#FF5C00;}
.mv-hero .mv-btn.primary:hover{transform:translateY(-4px);

background:#ff6a14;

box-shadow:
0 24px 60px rgba(255,92,0,.28);}
.mv-hero .mv-btn.secondary{background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.1);

backdrop-filter:blur(10px);}
.mv-hero .mv-btn.secondary:hover{transform:translateY(-4px);

background:rgba(255,255,255,.14);}
@media(max-width:767px){
.mv-hero .mv-wrap{padding:0 18px;}
.mv-hero .mv-mini{font-size:10px;
letter-spacing:2px;
margin-bottom:18px;}
.mv-hero h1{font-size:54px;
line-height:.95;
letter-spacing:-2px;

margin-bottom:20px;}
.mv-hero h1 span{padding:4px 12px 8px;
border-radius:10px;}
.mv-hero p{font-size:14px;
line-height:1.7;

margin-bottom:32px;}
.mv-hero .mv-buttons{width:100%;
flex-direction:column;
gap:14px;}
.mv-hero .mv-btn{width:100%;
height:58px;

font-size:10px;
letter-spacing:1.5px;}
}

.mv-showcase *{margin:0;
padding:0;
box-sizing:border-box;}
.mv-showcase{padding:140px 24px;
background:#050505;
font-family:'Poppins',sans-serif;
overflow:hidden;}
.mv-showcase .mv-showcase-wrap{max-width:1450px;
margin:auto;}
.mv-showcase .mv-showcase-head{text-align:center;
margin-bottom:70px;}
.mv-showcase .mv-showcase-mini{font-size:11px;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:#FF5C00;
margin-bottom:24px;}
.mv-showcase h2{font-size:clamp(48px,6vw,110px);
font-weight:900;
line-height:.9;
letter-spacing:-5px;
color:#fff;
margin-bottom:24px;}
.mv-showcase h2 span{background:#FF5C00;
padding:4px 16px 10px;
border-radius:12px;
display:inline-block;}
.mv-showcase p{max-width:720px;
margin:auto;
font-size:18px;
line-height:1.8;
color:rgba(255,255,255,.62);}
.mv-showcase .mv-video-grid{display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;}
.mv-showcase .mv-video-card{position:relative;
overflow:hidden;
border-radius:34px;
background:#111;

transition:
transform .45s ease,
box-shadow .45s ease;}
.mv-showcase .mv-video-card:hover{transform:translateY(-8px);

box-shadow:
0 40px 100px rgba(0,0,0,.35);}
.mv-showcase .mv-video-card.horizontal{aspect-ratio:16/9;}
.mv-showcase .mv-video-card.vertical{height:760px;}
.mv-showcase .mv-video-card iframe{position:absolute;
inset:0;

width:100%;
height:100%;

border:none;

transform:scale(1.1);

pointer-events:none;}
.mv-showcase .mv-video-overlay{position:absolute;
inset:0;

background:
linear-gradient(
to top,
rgba(0,0,0,.92),
rgba(0,0,0,.18)
);}
.mv-showcase .mv-video-content{position:absolute;
left:34px;
right:34px;
bottom:34px;
z-index:5;}
.mv-showcase .mv-tag{display:inline-flex;
padding:10px 18px;

border-radius:999px;

background:#FF5C00;
color:#fff;

font-size:10px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;

margin-bottom:18px;}
.mv-showcase .mv-video-content h3{font-size:46px;
font-weight:900;
line-height:.9;
letter-spacing:-3px;
color:#fff;}
@media(max-width:1100px){
.mv-showcase .mv-video-grid{grid-template-columns:1fr;}
.mv-showcase .mv-video-card.vertical{height:520px;}
}
@media(max-width:767px){
.mv-showcase{padding:90px 18px;}
.mv-showcase .mv-showcase-head{margin-bottom:42px;}
.mv-showcase h2{font-size:52px;
letter-spacing:-2px;}
.mv-showcase p{font-size:15px;
line-height:1.7;}
.mv-showcase .mv-video-grid{gap:18px;}
.mv-showcase .mv-video-card{border-radius:24px;}
.mv-showcase .mv-video-card.vertical{height:360px;}
.mv-showcase .mv-video-content{left:22px;
right:22px;
bottom:22px;}
.mv-showcase .mv-video-content h3{font-size:34px;
letter-spacing:-2px;}
.mv-showcase .mv-tag{font-size:9px;
padding:8px 14px;}
}

.mv-price *{margin:0;
padding:0;
box-sizing:border-box;}
.mv-price{padding:140px 24px;
background:#ECE8DD;
font-family:'Poppins',sans-serif;
overflow:hidden;}
.mv-price .mv-price-wrap{max-width:1450px;
margin:auto;}
.mv-price .mv-price-head{text-align:center;
max-width:900px;
margin:auto auto 80px auto;}
.mv-price .mv-price-mini{font-size:11px;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;

color:#FF5C00;

margin-bottom:22px;}
.mv-price h2{font-size:clamp(52px,6vw,110px);
font-weight:900;
line-height:.9;
letter-spacing:-5px;

color:#111;

margin-bottom:26px;}
.mv-price h2 span{background:#FF5C00;
color:#fff;

padding:4px 16px 10px;

border-radius:12px;

display:inline-block;}
.mv-price .mv-price-head p{font-size:18px;
line-height:1.9;
color:#555;}
.mv-price .mv-price-grid{display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;}
.mv-price .mv-card{position:relative;

background:#050505;
color:#fff;

padding:42px;

border-radius:36px;

overflow:hidden;

transition:
transform .45s ease,
box-shadow .45s ease;}
.mv-price .mv-card:hover{transform:translateY(-10px);

box-shadow:
0 40px 100px rgba(0,0,0,.18);}
.mv-price .mv-card.featured{background:#FF5C00;}
.mv-price .mv-card-number{font-size:14px;
font-weight:800;
letter-spacing:2px;

opacity:.55;

margin-bottom:28px;}
.mv-price .mv-card h3{font-size:54px;
font-weight:900;
line-height:.9;
letter-spacing:-3px;

margin-bottom:28px;}
.mv-price .mv-card p{font-size:16px;
line-height:1.8;

color:rgba(255,255,255,.72);

margin-bottom:34px;}
.mv-price .mv-card.featured p{color:#fff;}
.mv-price .mv-card ul{list-style:none;

display:flex;
flex-direction:column;
gap:16px;}
.mv-price .mv-card li{position:relative;
padding-left:18px;

font-size:15px;
line-height:1.6;}
.mv-price .mv-card li:before{content:'';

position:absolute;
left:0;
top:10px;

width:6px;
height:6px;

border-radius:50%;

background:#FF5C00;}
.mv-price .mv-card.featured li:before{background:#fff;}
.mv-price .mv-bottom{display:flex;
justify-content:center;

margin-top:60px;}
.mv-price .mv-btn{display:inline-flex;
align-items:center;
justify-content:center;

height:68px;
padding:0 40px;

border-radius:999px;

background:#111;
color:#fff;

font-size:12px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
text-decoration:none;

transition:
transform .35s ease,
box-shadow .35s ease,
background .35s ease;}
.mv-price .mv-btn:hover{transform:translateY(-4px);

background:#000;

box-shadow:
0 24px 60px rgba(0,0,0,.18);}
@media(max-width:1100px){
.mv-price .mv-price-grid{grid-template-columns:1fr;}
}
@media(max-width:767px){
.mv-price{padding:90px 18px;}
.mv-price .mv-price-head{margin-bottom:42px;}
.mv-price h2{font-size:52px;
letter-spacing:-2px;}
.mv-price .mv-price-head p{font-size:15px;
line-height:1.7;}
.mv-price .mv-card{padding:28px;
border-radius:24px;}
.mv-price .mv-card h3{font-size:40px;
letter-spacing:-2px;}
.mv-price .mv-card p{font-size:14px;}
.mv-price .mv-btn{width:100%;
height:60px;

font-size:11px;}
}