/* ===== SPOLEČNÉ STYLY A TYPOGRAFIE ===== */
/* Spolecne velikosti nadpisu podle jejich role. */
:root { --heading-display:clamp(46px,5.4vw,84px); --heading-page:clamp(48px,6vw,88px); --heading-section:clamp(32px,4vw,48px); --heading-subsection:clamp(28px,3vw,38px); --heading-display-mobile:clamp(38.4px,9.36vw,64.8px); }
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; scrollbar-gutter:stable; }
body { font-family:"Tenor Sans","Avenir Next","Segoe UI Light","Helvetica Neue",Helvetica,Arial,sans-serif; background:#000; color:#000; }
.site-header { position:fixed; top:0; left:0; width:100%; z-index:1000; background:transparent; box-shadow:none; transform:translateY(0); }
.site-header.scrolled { background:rgba(255,255,255,.20); backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); box-shadow:0 4px 24px rgba(0,0,0,.06); }
.site-header.header-hidden { transform:translateY(-100%); }
.header-inner { width:100%; padding:38px 48px; display:flex; align-items:center; justify-content:space-between; transition:padding .4s ease; }
.logo { display:block; position:relative; z-index:1003; text-decoration:none; transition:opacity .2s ease; }
.logo img { display:block; width:auto; height:116px; object-fit:contain; }
body.menu-open .logo { opacity:0; pointer-events:none; }
.menu-toggle { position:fixed; top:38px; right:0; z-index:1003; display:flex; width:105px; height:88px; padding:15px 0; margin:0; border:0; background:transparent; cursor:pointer; flex-direction:column; align-items:flex-end; justify-content:space-between; }
.menu-toggle span { display:block; width:100%; height:2px; background:#fff; box-shadow:0 0 5px rgba(255,255,255,.9),0 0 12px rgba(255,255,255,.55),0 0 20px rgba(255,255,255,.25); }
.menu-toggle:hover span { box-shadow:0 0 6px rgba(255,255,255,1),0 0 15px rgba(255,255,255,.7),0 0 25px rgba(255,255,255,.35); }
.main-menu { position:fixed; inset:0; width:100%; z-index:1002; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:40px; background:rgba(0,0,0,.50); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); visibility:hidden; pointer-events:none; }
body.menu-open .main-menu { visibility:visible; pointer-events:auto; }
.main-menu a { font-family:"Cormorant Garamond",serif; font-weight:300; line-height:1; letter-spacing:5px; color:#fff; text-decoration:none; opacity:0; transform:none; text-shadow:0 0 10px rgba(255,255,255,.15); transition:opacity .3s ease; }
body.menu-open .main-menu a { opacity:1; transition-delay:.2s; }
.main-menu a:hover { text-shadow:0 0 7px rgba(255,255,255,.8),0 0 18px rgba(255,255,255,.35); }
body.menu-open { overflow:hidden; }
body.menu-open .site-header { visibility:visible; z-index:1003; transform:none; background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:none; pointer-events:none; }
body.menu-open .menu-toggle { visibility:visible; opacity:1; pointer-events:none; }
body.menu-open .menu-toggle span { animation:menu-line-fall var(--fall-duration) ease-in forwards; }
.menu-toggle span:nth-child(1) { --fall-duration:1.1s; }
.menu-toggle span:nth-child(2) { --fall-duration:.95s; }
.menu-toggle span:nth-child(3) { --fall-duration:.8s; }
.menu-toggle span:nth-child(4) { --fall-duration:.65s; }
.menu-toggle span:nth-child(5) { --fall-duration:.5s; }
.site-footer { width:100%; padding:70px 0 28px; background:linear-gradient(135deg,#170504 0%,#310908 48%,#210605 100%); color:#f4eee8; border-top:1px solid rgba(211,174,111,.35); }
.footer-logo { display:flex; justify-content:center; align-items:center; padding:0 30px 55px; }
.footer-logo img { display:block; width:auto; height:105px; object-fit:contain; filter:brightness(0) invert(1); opacity:.9; }
.footer-content { display:grid; grid-template-columns:1fr 1fr; gap:80px; width:64%; max-width:1050px; margin:0 auto; padding:42px 0 50px; border-top:1px solid rgba(211,174,111,.28); border-bottom:1px solid rgba(211,174,111,.28); }
.footer-social h3,.footer-contact h3 { margin:0 0 28px; font-family:"Tenor Sans",sans-serif; font-size:13px; font-weight:400; letter-spacing:3px; color:#c49b5c; }
.footer-social-links a { display:flex; align-items:center; justify-content:center; width:62px; height:62px; border:1px solid rgba(196,155,92,.75); border-radius:50%; font-family:"Tenor Sans",sans-serif; font-size:13px; letter-spacing:1px; color:#fff; text-decoration:none; transition:background .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease; }
.footer-social-links a:hover { background:#c49b5c; color:#210605; transform:translateY(-4px); box-shadow:0 8px 25px rgba(0,0,0,.3); }
.footer-contact p { margin:0 0 15px; font-family:"Cormorant Garamond",serif; font-size:20px; line-height:1.4; }
.footer-contact a { color:#f4eee8; text-decoration:none; transition:color .3s ease; }
.footer-contact a:hover { color:#d8ae69; }
.footer-bottom { display:flex; justify-content:center; gap:30px; width:64%; max-width:1050px; margin:0 auto; padding-top:28px; font-family:"Tenor Sans",sans-serif; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,.55); }
@media (max-width:1000px) {
    .footer-content { width:78%; gap:50px; }
    .footer-bottom { width:78%; }
}
@media (max-width:768px) {
    .site-footer { padding:55px 0 25px; }
    .footer-logo { padding-bottom:40px; }
    .footer-logo img { height:84px; }
    .footer-content { grid-template-columns:1fr; width:84%; gap:48px; padding:38px 0 42px; }
    .footer-social-links { gap:18px; justify-content:space-between; }
    .footer-social-links a { width:54px; height:54px; font-size:11px; }
    .footer-contact p { font-size:19px; }
    .footer-bottom { width:84%; padding-top:25px; flex-direction:column; align-items:center; gap:8px; }
}
@media (orientation:portrait) {
    .header-inner { padding-top:30px; padding-bottom:30px; }
    .site-header.scrolled .header-inner { padding-top:16px; padding-bottom:16px; }
}
@media (max-width:1000px) {
    .header-inner { padding:30px 32px; }
    .logo img { height:100px; }
    .menu-toggle { top:30px; right:0; width:82px; height:72px; padding:13px 0; }
}
@media (max-width:768px) {
    .header-inner { padding:22px 24px; }
    .logo img { height:84px; }
    .menu-toggle { top:22px; right:0; width:60px; height:56px; padding:10px 0; }
    .main-menu a { letter-spacing:4px; }
}
.eyebrow { font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d1b589; margin-bottom:26px; }
.dark { align-items:center; }
.muted { color:#c3bcb1; font-size:14px; }
.bio { background:#171614; }
.footer-contact a { overflow-wrap:anywhere; }
.footer-social-links { display:flex; gap:18px; }
section[id],footer[id] { scroll-margin-top:110px; }
.main-menu { gap:24px; height:100dvh; overflow-y:auto; }
.main-menu a { font-size:clamp(30px,4vw,50px); }
:focus-visible { outline:2px solid #d8ae69; outline-offset:7px; }
@media (max-width:768px) {
    .main-menu { gap:22px; padding:80px 24px 30px; }
    .main-menu a { font-size:32px; }
}
@media (prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto; }
    *,*::before,*::after { transition:none!important; }
}
/* ===== PODSTRÁNKY – SPOLEČNÉ DETAILY ===== */
.detail-page { background:#171614; color:#f1eadf; }
.detail-page main { padding-top:200px; }
.detail-intro { display:grid; grid-template-columns:1.3fr 1fr; align-items:center; gap:8%; padding:55px 8% 90px; background:#3f3a32; }
.detail-intro h1 { font-family:"Cormorant Garamond",serif; font-size:var(--heading-page); font-weight:300; line-height:1.05; margin-bottom:28px; }
.detail-intro img { display:block; width:100%; max-height:560px; object-fit:contain; }
.detail-lead { font-size:clamp(18px,2vw,23px); line-height:1.7; margin-bottom:28px; }
.detail-content { max-width:980px; margin:0 auto; padding:65px 40px; font-size:17px; line-height:1.85; }
.detail-content h2 { font-family:"Cormorant Garamond",serif; font-size:var(--heading-section); font-weight:400; line-height:1.15; margin:55px 0 24px; }
.detail-content h2:first-child { margin-top:0; }
.detail-content p { margin-bottom:24px; }
.detail-content a { overflow-wrap:anywhere; }
.detail-content [id] { scroll-margin-top:200px; }
.detail-videos { padding-top:0; }
.detail-videos figure { margin-bottom:48px; }
.detail-video { aspect-ratio:16/9; background:#000; }
.detail-video iframe { display:block; width:100%; height:100%; border:0; }
.detail-videos figcaption { margin-top:16px; font-size:15px; line-height:1.7; }
@media (max-width:768px) {
    .detail-page main { padding-top:130px; }
    .detail-intro { grid-template-columns:1fr; gap:36px; padding:45px 7% 60px; }
    .detail-intro img { max-height:420px; }
    .detail-content { padding:55px 7%; font-size:16px; }
    .detail-videos { padding-top:0; }
}
#score-preview-content { line-height:1.7; margin-bottom:24px; }
#score-preview-content img { display:block; width:100%; height:auto; }
#score-preview-content iframe { display:block; width:100%; height:60vh; border:0; }
@media (max-width:768px) {
    .detail-intro h1 { font-size:clamp(43.2px,5.4vw,79.2px); }
    .detail-content h2 { font-size:clamp(28.8px,3.6vw,43.2px); }
}
/* ===== SPOLEČNÁ HLAVIČKA – SCROLL ===== */
.site-header { transition:top .4s ease,transform .3s ease,background .3s ease,box-shadow .3s ease; }
.site-header.scrolled { top:20px; }
.site-header.scrolled .header-inner { padding:14px 48px; }
.logo img { transition:height .4s ease; }
.site-header.scrolled .logo img { height:87px; }
.menu-toggle { transition:top .4s ease,width .4s ease,height .4s ease,padding .4s ease,transform .4s ease; }
.site-header.scrolled .menu-toggle { top:50%; transform:translateY(-50%); width:79px; height:66px; padding:11px 0; }
@media (max-width:1000px) {
    .site-header.scrolled .header-inner { padding:10px 32px; }
    .site-header.scrolled .logo img { height:75px; }
    .site-header.scrolled .menu-toggle { top:50%; transform:translateY(-50%); width:62px; height:54px; padding:10px 0; }
}
@media (max-width:768px) {
    .site-header.scrolled .header-inner { padding:7px 24px; }
    .site-header.scrolled .logo img { height:63px; }
    .site-header.scrolled .menu-toggle { top:50%; transform:translateY(-50%); width:45px; height:42px; padding:7px 0; }
}
@media (prefers-reduced-motion:reduce) {
    .site-header,.header-inner,.logo img,.menu-toggle { transition:none; }
}
@media (max-width:768px),(max-height:500px) and (pointer:coarse) {
    .site-header.header-hidden { transform:translateY(calc(-100% - 30px)); }
}
/* ===== INDEX.PHP – ÚVOD A OBSAH ===== */
.hero { position:relative; width:100%; height:100vh; overflow:hidden; background:#3f3a32; box-shadow:0 30px 80px rgba(0,0,0,.18); }
.hero picture { display:block; width:100%; height:100%; }
.hero img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }
.hero-content { position:absolute; left:8%; top:63%; transform:translateY(-50%); max-width:480px; color:#fff; z-index:2; }
.hero-content em { font-style:italic; font-weight:300; }
.hero-content h1 { font-family:"Cormorant Garamond",serif; font-size:var(--heading-display); font-weight:300; letter-spacing:1px; margin-bottom:22px; line-height:1.05; }
.hero-content p { font-family:"Cormorant Garamond",serif; font-size:clamp(24px,1.9vw,31px); font-weight:300; line-height:1.7; opacity:.92; }
#housle .years-number { display:inline-block; font-family:"Cormorant Garamond",serif; font-size:clamp(42px,5vw,64px); font-weight:400; line-height:1; color:#c49b5c; vertical-align:baseline; margin-right:5px; }
#housle h2 { display:inline; margin-right:12px; }
#housle .years-number-inline { display:inline; font-family:"Cormorant Garamond",serif; font-size:clamp(42px,5vw,64px); font-weight:400; line-height:1; color:#c49b5c; margin-right:5px; }
#housle .years-nowrap { white-space:nowrap; }
.section-photo-wrap { display:flex; align-items:flex-start; justify-content:center; }
.section-photo { display:block; width:70%; max-width:70%; height:auto; object-fit:cover; }
/* INDEX.PHP – HOUSLE: fotografie vedle textu */
#housle { padding-left:0; grid-template-columns:1fr 1.3fr; gap:3%; }
#housle .housle-photo { justify-content:flex-start; }
#housle .housle-photo .section-photo { width:100%; max-width:100%; height:auto; }
/* INDEX.PHP – HOUSLE: mobil a zobrazení na výšku */
@media (orientation:portrait),(max-width:768px) {
    #housle { grid-template-columns:1fr; gap:30px; padding:75px 0; }
    #housle .housle-photo { width:100%; }
    #housle .housle-photo .section-photo { width:100%; max-width:100%; height:auto; }
    #housle .copy { padding:0 7%; }
}

.childhood { position:relative; width:100%; padding:140px 0; margin:0; background:#3f3a32; text-align:center; overflow:hidden; }
.childhood-image { width:50%; margin:0 auto; }
.childhood-image img { display:block; width:100%; height:auto; }
.childhood blockquote { max-width:900px; margin:55px auto 0; padding:0 30px; font-family:"Cormorant Garamond",serif; font-size:clamp(28px,3vw,48px); font-weight:300; font-style:italic; line-height:1.35; color:#f1eadf; }
.video-section { width:100%; padding:140px 0; background:#000; }
.video-wrapper { position:relative; width:50%; aspect-ratio:16/9; margin:0 auto; overflow:hidden; }
.video-wrapper iframe { display:block; width:100%; height:100%; border:0; }
@media (max-width:1000px) {
    .video-wrapper { width:75%; }
}
@media (max-width:768px) {
    .video-section { padding:90px 0; }
    .video-wrapper { width:100%; }
}
.reveal { opacity:0; transform:translateY(55px); transition:opacity 1.4s ease,transform 1.4s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
@media (orientation:portrait) {
    .hero { position:relative; height:auto; min-height:0; overflow:hidden; box-shadow:none; background:#000; }
    .hero picture { display:block; width:100%; height:auto; }
    .hero img { display:block; width:100%; height:auto; object-fit:contain; object-position:center top; }
	.hero-content { position:absolute; left:4%; top:auto; bottom:3%; transform:none; width:100%; max-width:none; padding:24px 28px 26px; color:#fff; z-index:2; }
    .hero-content h1 { margin:0 0 12px; font-size:var(--heading-display-mobile); line-height:1; }
    .hero-content p { margin:0; font-size:clamp(23px,6vw,31px); line-height:1.3; }
    .childhood { background:#000; }
}
@media (max-width:768px) and (orientation:portrait) {
    .childhood { padding:0 0 90px; }
    .childhood-image { width:100%; margin:0; }
    .childhood-image img { display:block; width:100%; height:auto; }
    .childhood blockquote { margin:45px auto 0; padding:0 28px; }
}
@media (max-width:1000px) {
    .childhood-image { width:70%; }
}
@media (max-width:768px) {
    .childhood { padding:90px 0; }
    .childhood blockquote { margin-top:38px; padding:0 24px; font-size:30px; }
    .childhood-image { width:100%; }
}
.section,.tango,.works { color:#f1eadf; padding:110px 8%; }
#housle,#tango { background:#000000; }
#aranze,#ukazky { background:#171614; }
.section h2,.tango h2 { font-family:"Cormorant Garamond",serif; font-weight:300; font-size:clamp(44px,5vw,76px); line-height:1.08; margin:0 0 32px; }
.split,.bio,.dark { display:grid; grid-template-columns:1fr 1.3fr; gap:8%; }
.copy,.tango-copy { font-size:17px; line-height:1.85; }
.copy p,.tango-copy p:not(.eyebrow) { margin-bottom:24px; }
.copy strong,.tango-copy strong { font-weight:600; }
.text-link,.video-link a { color:#ead3af; text-underline-offset:7px; line-height:1.8; }
.big-number { font-family:"Cormorant Garamond",serif; font-size:clamp(110px,18vw,250px); font-weight:300; color:#c49b5c; }
.video-link { text-align:center; margin:28px 24px 0; font-size:15px; }
.works { padding-top:0; }
.works article { display:grid; grid-template-columns:50px 1fr; gap:16px; padding:28px 0; border-bottom:1px solid #ffffff26; }
.works article>span { color:#c49b5c; font-size:12px; padding-top:8px; }
.works h3 { font-family:"Cormorant Garamond",serif; font-weight:400; font-size:30px; margin-bottom:8px; }
.works p { line-height:1.7; }
.works .note { font-size:14px; color:#c3bcb1; margin-top:24px; }
.tango-copy { max-width:850px; margin:auto; }
@media (max-width:768px) {
    .section,.tango,.works { padding:75px 7%; }
    .split,.bio,.dark { grid-template-columns:1fr; gap:30px; }
    .works { padding-top:0; }
    .copy,.tango-copy { font-size:16px; }
    .big-number { line-height:1; }
    .video-section { padding-top:45px; }
}
@media (prefers-reduced-motion:reduce) {
    .reveal { opacity:1; transform:none; }
}
#aranze { padding-bottom:28px; }
#ukazky.audio-works { padding-top:0; }
.audio-works article { display:flex; flex-direction:column; align-items:stretch; gap:12px; padding:12px 0 28px; }
.audio-works article p { width:100%; margin:0; min-width:0; white-space:normal; }
.audio-works .media-controls { width:100%; max-width:620px; }
@media (orientation:portrait) {
    .audio-works article p { text-align:center; }
    .audio-works .media-controls { margin-inline:auto; }
}
#tango .tango-photo { max-width:850px; margin:40px auto 0; }
#tango .tango-photo img { display:block; width:100%; height:auto; }
#housle .copy h2 { display:block; margin:0 0 24px; font-size:inherit; font-family:inherit; font-weight:400; line-height:1.5; }
@media (max-width:768px) {
    .section h2,.tango h2 { font-size:clamp(39.6px,4.5vw,68.4px); }
    .works h3 { font-size:27px; }
    #housle .copy h2 { font-size:inherit; }
}


/* ===== BIO.PHP ===== */
.detail-intro:has(.bio-childhood) h1 { font-size:clamp(36px,4.5vw,60px); }
.bio-text .bio-year { font-family:"Cormorant Garamond",serif; font-size:1.55em; font-weight:400; line-height:1; font-variant-numeric:lining-nums tabular-nums; letter-spacing:.025em; color:#e0bc80; white-space:nowrap; border:0; padding:0; text-decoration:none; }
.bio-text a { color:inherit; text-decoration:underline; text-decoration-color:rgba(209,181,137,.5); text-underline-offset:4px; text-decoration-thickness:1px; }
.bio-text a:hover { color:#ead3af; text-decoration-color:currentColor; }
.bio-text a.text-link { color:#ead3af; text-underline-offset:7px; }
.detail-content.bio-text h2 { font-size:clamp(26px,2.8vw,34px); line-height:1.2; margin:40px 0 18px; }
.detail-content.bio-text h2:first-child { margin-top:0; }
.bio-childhood { margin:0; min-width:0; }
.bio-childhood > img { display:block; width:100%; height:auto; object-fit:contain; }
.bio-childhood figcaption { margin-top:28px; font-family:"Cormorant Garamond",serif; font-size:clamp(25px,2.6vw,36px); font-weight:300; font-style:italic; line-height:1.35; color:#f1eadf; text-align:center; }
/* BIO – AUDIO POD CITÁTEM */
.bio-audio-list { width:100%; margin-top:32px; }
.bio-audio-list .media-audio-row { display:block; width:100%; padding:12px 0; border-top:1px solid rgba(241,234,223,.25); border-bottom:0; }
.bio-audio-title { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }



/* ===== INDEX.PHP – ARANŽE A JEJICH ODKAZY ===== */
#aranze { align-items:start; }
#aranze .arrangement-copy h2 { margin-bottom:32px; }
.arrangement-copy h3 { font-family:"Cormorant Garamond",serif; font-weight:400; font-size:34px; line-height:1.2; margin:42px 0 20px; padding-top:30px; border-top:1px solid #ffffff26; }
.arrangement-details { margin-top:30px; }
.arrangement-details summary { cursor:pointer; color:#ead3af; font-size:16px; padding:12px 0; list-style:none; display:flex; align-items:center; gap:14px; }
.arrangement-details summary::-webkit-details-marker { display:none; }
.arrangement-details summary::before { content:"+"; font-size:24px; line-height:1; }
.arrangement-details[open] summary::before { content:"-"; }
.arrangement-details .details-less,.arrangement-details[open] .details-more { display:none; }
.arrangement-details[open] .details-less { display:inline; }
.arrangement-details-content { padding-bottom:8px; }


/* ===== ARANZE.PHP – DETAIL A FORMULÁŘE ===== */
.detail-intro.arrangement-intro { display:grid; grid-template-columns:1.3fr 1fr; align-items:start; gap:8%; }
.arrangement-intro>div { min-width:0; }
.detail-intro.arrangement-intro>img { display:block; width:100%; height:auto; max-height:560px; object-fit:contain; }
.arrangement-intro .arrangement-directory-title { font-family:"Tenor Sans",sans-serif; font-size:clamp(22px,2.5vw,34px); font-weight:400; line-height:1.35; letter-spacing:.08em; text-transform:uppercase; color:#e0bc80; margin-bottom:36px; }
.arrangement-directory { border-top:1px solid rgba(209,181,137,.35); }
.arrangement-directory-item { padding:24px 0; border-bottom:1px solid rgba(209,181,137,.35); }
.arrangement-directory .arrangement-primary-link { display:block; font-family:"Cormorant Garamond",serif; font-size:clamp(27px,3vw,36px); line-height:1.25; color:#f1eadf; text-decoration:none; }
.arrangement-directory>.arrangement-primary-link { padding:24px 0; border-bottom:1px solid rgba(209,181,137,.35); }
.arrangement-directory .arrangement-order-link {display:inline-block; margin-top:14px; font-size:15px; line-height:1.6; color:#ead3af; text-underline-offset:5px;}
.arrangement-directory a:hover { color:#e0bc80; }
#aranzovani-info,#objednavka,#hotove-noty { scroll-margin-top:200px; }
.arrangement-info h2,.arrangement-order h2,.ready-scores-section h2 {font-size:clamp(28px,3vw,38px); line-height:1.2;}
.arrangement-info .arrangement-motto { font-style:italic; font-weight:300; }
.arrangement-info h3,.arrangement-enquiry h3 {font-family:"Cormorant Garamond",serif; font-size:clamp(25px,2.6vw,32px); font-weight:400; line-height:1.25; margin:38px 0 16px;}
.arrangement-order,.ready-scores-section {padding-top:15px;}
.arrangement-order-box,.ready-scores-box {padding:clamp(20px,4vw,48px); border:1px solid rgba(209,181,137,.6); background:rgba(209,181,137,.04);}
.arrangement-order-box h2,.ready-scores-box h2 {margin-top:0;}
.arrangement-order .arrangement-bio-link {margin:30px 0 0;}
@media (max-width:768px) {
    .detail-intro.arrangement-intro { grid-template-columns:1fr; gap:36px; }
    .detail-intro.arrangement-intro>img { max-height:420px; }
    #aranzovani-info,#objednavka,#hotove-noty { scroll-margin-top:140px; }
}
.estimate-panel {padding:20px 0; border-top:1px solid rgba(209,181,137,.35); border-bottom:1px solid rgba(209,181,137,.35);}
.estimate-panel>summary {cursor:pointer; font-family:"Cormorant Garamond",serif; font-size:28px; line-height:1.3; color:#e0bc80;}
.estimate-form {margin-top:24px;}
.estimate-form label {display:block; margin:16px 0 8px; font-size:15px;}
.estimate-form input,.estimate-form select {display:block; width:100%; min-width:0; padding:12px; border:1px solid #8d7d65; border-radius:0; font:inherit; font-size:16px; color:#f1eadf; background:#25231f; color-scheme:dark;}
.estimate-time {display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.estimate-time label {margin-top:0; font-size:13px; color:#c3bcb1;}
.estimate-time input {margin-top:8px;}
.estimate-form .estimate-result {margin:24px 0 12px; color:#e0bc80;}
.estimate-form .estimate-note {font-size:13px; line-height:1.6; color:#c3bcb1;}
.estimate-form [hidden] {display:none;}
.arrangement-search {margin-top:26px;}
.arrangement-search label {display:block; margin-bottom:10px; color:#d1b589; font-size:14px;}
.arrangement-search input {display:block; width:100%; padding:15px 12px; border:1px solid rgba(209,181,137,.55); border-radius:0; background:transparent; color:#f1eadf; font:inherit; font-size:16px;}
.arrangement-search input::placeholder {color:#c3bcb1;}
.arrangement-search .search-status {margin:14px 0 0; color:#c3bcb1; font-size:14px;}
.arrangement-search .search-status:empty {margin:0;}
.scores-list-panel { margin-top:20px; }
.scores-list-panel>summary { cursor:pointer; list-style:none; color:#ead3af; font-size:16px; line-height:1.6; }
.scores-list-panel>summary::-webkit-details-marker, .scores-list-panel .list-open,.scores-list-panel[open] .list-closed { display:none; }
.scores-list-panel[open] .list-open { display:inline; }
.scores-list-panel[open] { padding:16px; background:#ded8ce; color:#292722; }
.scores-list-panel[open]>summary { color:#54452e; }
#arrangement-list { margin-top:16px; padding:0; font-family:Consolas,"Liberation Mono",Menlo,monospace; font-size:13px; font-weight:400; line-height:1.4; color:#292722; text-align:left; overflow-wrap:anywhere; }
#arrangement-list .score-author-group { margin:0 0 12px; padding:0; border:0; background:none; }
#arrangement-list .score-author-group:last-child { margin-bottom:0; }
#arrangement-list .score-author-group h3 { margin:0; padding:0; border:0; font-family:inherit; font-size:inherit; font-weight:700; line-height:inherit; letter-spacing:normal; text-transform:none; color:inherit; }
#arrangement-list .score-author-group h3 small { margin:0 0 0 6px; font-family:inherit; font-size:inherit; font-weight:400; letter-spacing:normal; color:#645e55; }
#arrangement-list .score-author-group ul { list-style:none; margin:0; padding:0 0 0 2ch; border:0; }
#arrangement-list .score-author-group li { margin:0; padding:0; border:0; font:inherit; color:inherit; }
#arrangement-list .score-author-group[hidden],#arrangement-list li[hidden] { display:none; }
.score-preview-link { display:block; max-width:100%; padding:3px 0; border:0; background:none; color:inherit; font:inherit; text-align:left; overflow-wrap:anywhere; cursor:pointer; text-decoration:underline; text-decoration-color:#b5ad9f; text-underline-offset:3px; }
.score-preview-link:hover { color:#775726; text-decoration-color:currentColor; }
.scores-collapse-bottom { display:block; margin:20px 0 0; padding:0; border:0; background:none; font-family:"Tenor Sans",sans-serif; font-size:16px; line-height:1.6; color:#54452e; cursor:pointer; text-align:left; }
.scores-collapse-bottom:hover { text-decoration:underline; text-underline-offset:4px; }
body.score-preview-open { overflow:hidden; }
.score-preview { position:fixed; inset:0; margin:auto; width:min(900px,calc(100% - 32px)); max-height:90vh; max-height:90dvh; padding:clamp(20px,4vw,40px); border:1px solid #b9a47f; background:#f0ece4; color:#292722; overflow:auto; overscroll-behavior:contain; }
.score-preview::backdrop { background:rgba(0,0,0,.8); }
.score-preview-close { display:block; margin:0 0 20px auto; padding:8px 0 8px 16px; border:0; background:none; font:inherit; color:#54452e; cursor:pointer; }
.score-preview-author { font-size:14px; color:#665a46; line-height:1.5; }
.score-preview h2 { font-family:"Cormorant Garamond",serif; font-size:clamp(28px,4vw,40px); font-weight:400; line-height:1.2; margin:8px 0 24px; }
.score-preview .text-link { color:#66502e; }
.arrangement-enquiry {border-top:0;}
.enquiry-form {margin-top:24px;}
.enquiry-form label {display:block; margin:16px 0 8px; font-size:15px;}
.enquiry-form input:not([type="file"]),.enquiry-form textarea {display:block; width:100%; min-width:0; padding:12px; border:1px solid #8d7d65; border-radius:0; font:inherit; font-size:16px; color:#f1eadf; background:#25231f; color-scheme:dark;}
.enquiry-form textarea {resize:vertical; min-height:150px;}
.enquiry-form input[type="file"] {display:block; width:100%; max-width:100%; padding:12px; border:1px solid #8d7d65; background:#25231f; color:#f1eadf; font:inherit; font-size:14px;}
.enquiry-form input[type="file"]::file-selector-button {padding:9px 14px; margin-right:14px; border:1px solid #e0bc80; background:transparent; color:#e0bc80; font:inherit; cursor:pointer;}
.enquiry-form .enquiry-note {margin:10px 0 18px; font-size:13px; line-height:1.6; color:#c3bcb1;}
.enquiry-form button[type="submit"] {padding:12px 22px; border:1px solid #e0bc80; background:transparent; color:#e0bc80; font:inherit; cursor:pointer;}
.enquiry-form button[type="submit"]:hover {background:#e0bc80; color:#171614;}
.enquiry-form {display:flex; flex-direction:column; align-items:stretch; width:100%;}
.enquiry-form > * {grid-column:1 / -1;}
.enquiry-form input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;}
.enquiry-form .enquiry-file-button {display:inline-block; align-self:flex-start; width:auto; padding:9px 14px; border:1px solid #e0bc80; color:#e0bc80; background:transparent; cursor:pointer;}
.enquiry-form .enquiry-file-button:has(+ input[type="file"]:focus-visible) {outline:2px solid #e0bc80; outline-offset:3px;}
.enquiry-form button[type="submit"] {align-self:flex-start;}


/* ===== INDEX.PHP – ARANŽE, ROZVRŽENÍ ===== */
#aranze { grid-template-areas:"title title" "photo copy"; }
#aranze .aranze-section-title { grid-area:title; margin:0 0 10px; }
#aranze .aranze-photo { grid-area:photo; }
#aranze .arrangement-copy { grid-area:copy; }
.arrangement-info .arrangement-description { margin:0 0 24px; }
.arrangement-info .arrangement-description strong { font-weight:700; }
.arrangement-info .arrangement-order-link:link,.arrangement-info .arrangement-order-link:visited{color:inherit;}
@media (max-width:768px) {
    .estimate-panel>summary {font-size:90%;}
    .arrangement-intro .arrangement-directory-title { font-size:clamp(19.8px,2.25vw,30.6px); }
.arrangement-info h2,.arrangement-order h2,.ready-scores-section h2 {font-size:clamp(25.2px,2.7vw,34.2px);}
    .arrangement-info h3 { font-size:clamp(22.5px,2.34vw,28.8px); }
.estimate-panel>summary {font-size:25.2px;}
    #aranze { grid-template-areas:"title" "photo" "copy"; grid-template-columns:1fr; }
}
@media (orientation:portrait) {
    #aranze .aranze-photo .section-photo { width:100%; max-width:100%; }
    .detail-intro.arrangement-intro { grid-template-columns:1fr; }
    .detail-intro.arrangement-intro>img { width:100%; max-width:100%; max-height:none; height:auto; }
}
@media (orientation:portrait) and (max-width:768px) {
    .detail-intro.arrangement-intro { padding-left:0; padding-right:0; }
    .arrangement-intro>div { padding-left:7%; padding-right:7%; }
    #aranze { padding-left:0; padding-right:0; }
    #aranze .aranze-section-title,#aranze .arrangement-copy { margin-left:7%; margin-right:7%; }
}


/* ===== MEDIA.PHP ===== */
.media-page { background:#160e0f; color:#f1e5e3; }
.media-page main { padding-top:190px; }
.media-page :focus-visible { outline-color:#ef7772; }
.media-page .media-photo-intro { width:100%; margin:0; background:#251315; border-bottom:1px solid #713539; }
.media-page .media-photo-heading { box-sizing:border-box; width:100%; max-width:1160px; margin:0 auto; padding:32px 40px; }
.media-page .media-photo-heading h1 { display:flex; align-items:center; gap:18px; margin:0; font-family:"Tenor Sans",sans-serif; font-size:clamp(26px,3vw,40px); font-weight:400; line-height:1.25; letter-spacing:.08em; text-transform:uppercase; color:#ed6a65; }
.media-page .media-photo-heading h1 a { color:inherit; text-decoration:none; }
.media-page .media-photo-heading h1 span { color:inherit; }
.media-page .media-photo-banner { width:100%; overflow:hidden; background:#160e0f; }
.media-page .media-photo-banner img { display:block; width:100%; height:auto; }
.media-page .media-main { box-sizing:border-box; width:100%; max-width:1160px; margin:0 auto; padding:50px 40px 110px; }
.media-page .media-section-title { font-family:"Cormorant Garamond",serif; font-size:var(--heading-section); font-weight:400; line-height:1.2; color:#ed6a65; margin:0 0 22px; }
.media-page #audio-heading,.media-page #video-heading { scroll-margin-top:200px; }
.media-page .media-audio-list { border-top:1px solid #783538; }
.media-page .media-audio-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,1.4fr); align-items:center; gap:28px; padding:20px 0; border-bottom:1px solid #633034; }
.media-page .media-audio-info { min-width:0; }
.media-page .media-audio-info h3 { font-family:"Tenor Sans",sans-serif; font-size:16px; font-weight:400; line-height:1.5; color:#ee7772; margin:0 0 4px; overflow-wrap:anywhere; }
.media-page .media-audio-info p { font-size:12px; line-height:1.6; color:#ba9e9b; margin:0; }
.media-audio-row audio { display:block; width:100%; min-width:0; height:44px; margin:0; color-scheme:dark; accent-color:#dd3939; }
.media-audio-row audio[hidden] { display:none; }
.media-audio-row .media-controls { display:grid; grid-template-columns:54px 42px minmax(0,1fr) 42px; gap:10px; align-items:center; min-width:0; }
.media-audio-row .media-play-button { display:grid; place-items:center; width:54px; height:54px; padding:0; border:0; background:transparent; cursor:pointer; }
.media-audio-row .media-play-button img { display:block; width:54px; height:54px; object-fit:contain; }
.media-audio-row .media-current,.media-audio-row .media-duration { font-family:Arial,sans-serif; font-size:12px; font-variant-numeric:tabular-nums; text-align:center; color:#cfaaa5; }
.media-audio-row .media-seek { --progress:0%; display:block; width:100%; min-width:0; height:28px; padding:0; margin:0; border:0; border-radius:0; background:transparent; appearance:none; -webkit-appearance:none; cursor:pointer; }
.media-audio-row .media-seek::-webkit-slider-runnable-track { height:3px; background:linear-gradient(to right,#dd3939 0%,#dd3939 var(--progress),#623135 var(--progress),#623135 100%); }
.media-audio-row .media-seek::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:12px; height:12px; margin-top:-4.5px; border:0; border-radius:50%; background:#ef5b55; }
.media-audio-row .media-seek::-moz-range-track { height:3px; background:#623135; }
.media-audio-row .media-seek::-moz-range-progress { height:3px; background:#dd3939; }
.media-audio-row .media-seek::-moz-range-thumb { width:12px; height:12px; border:0; border-radius:50%; background:#ef5b55; }
.media-audio-row .media-seek:disabled { opacity:.4; cursor:default; }
.media-page .media-hint,.media-page .media-playback-status { font-size:12px; line-height:1.7; color:#ba9e9b; margin:16px 0 0; }
.media-page .media-playback-status:empty { display:none; }
.media-page .media-videos { margin-top:95px; }
.media-page .media-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
.media-page .media-video-card { min-width:0; border:1px solid #713539; background:#211315; }
.media-page .media-video-frame { display:block; width:100%; aspect-ratio:16/9; border:0; background:#090909; }
.media-page .media-video-placeholder { display:grid; place-items:center; padding:25px; text-align:center; color:#b49794; font-size:14px; }
.media-page .media-video-caption { padding:15px 18px; border-top:1px solid #713539; color:#dbc0bc; font-size:14px; line-height:1.5; }
.media-page .site-footer { border-top-color:#713539; }
.media-page .footer-content { border-color:#713539; }
.media-page .footer-social h3,.media-page .footer-contact h3 { color:#ed6a65; }
.media-page .footer-social-links a { border-color:#a64345; }
.media-page .footer-social-links a:hover { background:#a12d32; color:#fff; }
.media-page .footer-contact a:hover { color:#ef7772; }
.media-page .media-channel-link { margin:28px 0 0; font-size:16px; line-height:1.7; }
.media-page .media-channel-link a { color:#ed6a65; text-decoration:underline; text-underline-offset:5px; }
@media (orientation:landscape) {
    .media-page .media-photo-banner { aspect-ratio:6 / 1; }
    .media-page .media-photo-banner img { height:100%; object-fit:cover; object-position:center 40%; }
}
@media (orientation:portrait) {
    .media-page .media-photo-banner { aspect-ratio:auto; }
    .media-page .media-photo-banner img { height:auto; object-fit:contain; }
}
@media (max-width:768px) {
    .media-page main { padding-top:125px; }
    .media-page .media-photo-heading { padding:26px 24px; }
    .media-page .media-photo-heading h1 { gap:12px; }
    .media-page .media-main { padding:35px 24px 75px; }
    .media-page #audio-heading,.media-page #video-heading { scroll-margin-top:140px; }
    .media-page .media-audio-row { grid-template-columns:minmax(0,1fr); gap:12px; padding:18px 0; }
    .media-page .media-video-grid { grid-template-columns:1fr; gap:22px; }
    .media-page .media-videos { margin-top:70px; }
}
@media (max-width:420px) {
    .media-audio-row .media-controls { grid-template-columns:44px 36px minmax(0,1fr) 36px; gap:6px; }
    .media-audio-row .media-play-button,.media-audio-row .media-play-button img { width:44px; height:44px; }
}
/* ===== TANGO.PHP ===== */
.tango-page { background:#050404; color:#f1eadf; }
.tango-main { padding-top:180px; }
.tango-intro { position:relative; isolation:isolate; overflow:hidden; background:#050404; }
.tango-intro::before { content:""; position:absolute; inset:-10%; z-index:-1; pointer-events:none; background:url("index_files/tango-texture.svg") center/cover no-repeat; opacity:.75; animation:tango-texture 36s ease-in-out infinite alternate; }
.tango-intro-inner { max-width:1081px; margin:0 auto; padding:75px 40px 130px; }
.tango-intro p { max-width:none; margin:0 0 30px; font-size:17px; line-height:1.95; color:#d5cbc7; }
.tango-intro h1 { font-family:"Cormorant Garamond",serif; font-size:var(--heading-display); font-weight:300; line-height:1.2; margin:0 0 65px; padding-bottom:10px; color:#f8f5f0; background:linear-gradient(180deg,#f8f5f0 10%,#dba5a5 48%,#a53b45 70%,#f8f5f0 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:none; }
.tango-text-stairs { max-width:none; }
.tango-text-step { margin-bottom:65px; }
.tango-text-step p:last-child { margin-bottom:0; }
.tango-text-step blockquote { margin:25px 0 30px; padding:0; border:0; font-family:inherit; font-size:inherit; font-style:italic; font-weight:inherit; line-height:inherit; color:inherit; }
.tango-container { max-width:1200px; margin:0 auto; padding:0 40px; }
.tango-gallery-section { padding:100px 0; background:#171614; }
.tango-video-section { padding:100px 0; background:#000; }
.tango-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:8%; row-gap:90px; align-items:start; }
.tango-photo { position:relative; width:100%; margin:0; padding:0 0 65px; text-align:center; }
.tango-photo:not(:last-child)::after { content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:110px; height:1px; background:linear-gradient(90deg,transparent,#714043,transparent); }
.tango-photo:last-child { padding-bottom:0; }
.tango-photo-button { display:block; width:100%; padding:0; border:0; background:#160d0e; cursor:zoom-in; overflow:hidden; }
.tango-photo-button img { display:block; width:100%; height:auto; object-fit:contain; transition:transform .5s ease,opacity .5s ease; }
.tango-photo-button:hover img { transform:scale(1.035); opacity:.85; }
.tango-photo figcaption { padding:22px 0 0; font-family:"Cormorant Garamond",serif; font-size:22px; font-style:italic; font-weight:300; color:#a99a96; line-height:1.4; }
.tango-video-grid { display:flex; flex-direction:column; align-items:center; gap:90px; }
.tango-video-item { width:75%; }
.tango-video { aspect-ratio:16/9; background:#000; }
.tango-video iframe { display:block; width:100%; height:100%; border:0; }
.tango-video-comment { margin:24px 0 0; font-family:"Cormorant Garamond",serif; font-size:22px; font-style:italic; font-weight:300; line-height:1.5; color:#a99a96; text-align:center; }
.tango-lightbox { position:fixed; inset:0; width:100vw; max-width:100vw; height:100vh; max-height:100vh; margin:0; padding:60px 24px 24px; border:0; background:rgba(0,0,0,.96); color:#fff; }
.tango-lightbox[open] { display:flex; align-items:center; justify-content:center; }
.tango-lightbox::backdrop { background:rgba(0,0,0,.9); }
.tango-lightbox img { display:block; max-width:100%; max-height:calc(100vh - 100px); object-fit:contain; }
.tango-lightbox-close { position:absolute; top:12px; right:24px; padding:0 12px; border:0; background:transparent; color:#fff; font-size:46px; line-height:1; cursor:pointer; }
@keyframes tango-texture {
    from { transform:scale(1.08) translateX(-1%); }
    to { transform:scale(1.12) translateX(1%); }
}
@media(max-width:1023px),(orientation:portrait) {
    .tango-gallery { grid-template-columns:1fr; row-gap:65px; }
    .tango-video-item { width:100%; }
}
@media(max-width:768px) {
    .tango-main { padding-top:120px; }
    .tango-intro-inner { padding:65px 7% 90px; }
    .tango-intro h1 { font-size:var(--heading-display-mobile); margin-bottom:45px; }
    .tango-intro p { font-size:16px; line-height:1.85; }
    .tango-text-step { margin:0 0 45px; }
    .tango-container { padding:0 7%; }
    .tango-gallery-section,.tango-video-section { padding:70px 0; }
    .tango-photo { padding-bottom:65px; }
    .tango-video-grid { gap:65px; }
    .tango-photo-button img { aspect-ratio:auto; }
}
@media(prefers-reduced-motion:reduce) {
    .tango-intro::before { animation:none; }
    .tango-photo-button img { transition:none; }
}
/* ===== SPOLEČNÉ – ANIMACE MENU ===== */
@keyframes menu-line-fall {
    from { transform:translateY(0); opacity:1; }
    to { transform:translateY(100vh); opacity:0; }
}
@media (prefers-reduced-motion:reduce) {
    body.menu-open .menu-toggle span { animation:none; opacity:0; }
}
/* ===== KONTAKT.PHP ===== */
.contact-page .contact-main { padding-top:190px; }
.contact-section { min-height:65vh; padding:70px 8% 130px; background:#171614; color:#f1eadf; text-align:center; }
.contact-section h1 { margin:0 0 85px; font-family:'Cormorant Garamond',serif; font-size:var(--heading-page); font-weight:300; line-height:1.05; }
.contact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:50px; max-width:1100px; margin:0 auto; }
.contact-item { min-width:0; }
.contact-item img { display:block; width:126px; height:126px; object-fit:contain; margin:0 auto 30px; background:transparent; }
.contact-item h2 { margin:0 0 18px; font-family:'Cormorant Garamond',serif; font-size:var(--heading-subsection); font-weight:400; color:#e0bc80; }
.contact-item p { font-size:17px; line-height:1.7; overflow-wrap:anywhere; user-select:text; }
@media(max-width:768px) {
    .contact-page .contact-main { padding-top:125px; }
    .contact-section { padding:55px 7% 90px; }
    .contact-section h1 { margin-bottom:60px; }
    .contact-grid { grid-template-columns:1fr; gap:65px; }
    .contact-item img { margin-bottom:22px; }
}
.contact-slogans { text-align:center; margin:0 0 65px; }
.contact-slogans p { font-family:'Cormorant Garamond',serif; font-size:clamp(24px,2.5vw,34px); font-weight:300; line-height:1.5; color:#e0bc80; }
.contact-slogans p + p { margin-top:8px; }
@media(max-width:768px) {
    .contact-slogans { margin-bottom:45px; }
    .contact-slogans p { font-size:24px; }
}


/* ===== ARANZE.PHP – DIALOG FORMULÁŘE ===== */
.enquiry-trap{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.enquiry-dialog { width: min(90%, 480px); max-width: 480px; max-height: 85vh; box-sizing: border-box; margin: auto; padding: 0; border: 2px solid transparent; border-radius: 12px; background: #ffffff; color: #222222; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25); overflow-y: auto; }
.enquiry-dialog:not([open]) { display: none; }
.enquiry-dialog::backdrop { background: rgba(0, 0, 0, 0.55); }
.enquiry-dialog-content { padding: 28px; text-align: center; }
.enquiry-dialog h2 { margin: 0 0 16px; font-size: 1.35rem; line-height: 1.35; }
.enquiry-dialog p { margin: 0; font-size: 1rem; line-height: 1.65; white-space: pre-line; }
.enquiry-dialog-success { border-color: #28834b; }
.enquiry-dialog-success h2 { color: #237443; }
.enquiry-dialog-error { border-color: #c73535; }
.enquiry-dialog-error h2 { color: #b52d2d; }
.enquiry-dialog-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 26px; }
.enquiry-dialog-actions button { min-width: 130px; padding: 11px 18px; border: 0; border-radius: 6px; background: #444444; color: #ffffff; font: inherit; font-weight: 600; line-height: 1.3; cursor: pointer; transition: background-color 0.2s ease; }
.enquiry-dialog-actions button:hover { background: #222222; }
.enquiry-dialog-actions button:focus-visible { outline: 3px solid #2676c9; outline-offset: 3px; }
.enquiry-dialog-success .enquiry-dialog-actions button { background: #28834b; }
.enquiry-dialog-success .enquiry-dialog-actions button:hover { background: #1d6438; }
.enquiry-dialog-error #enquiry-dialog-close { background: #b52d2d; }
.enquiry-dialog-error #enquiry-dialog-close:hover { background: #8e2020; }
#enquiry-dialog-continue { background: #444444; }
#enquiry-dialog-continue:hover { background: #222222; }
@media (max-width: 480px) {
.enquiry-dialog { width: calc(100% - 32px); }
.enquiry-dialog-content { padding: 22px 18px; }
.enquiry-dialog h2 { font-size: 1.2rem; }
.enquiry-dialog-actions { flex-direction: column; }
.enquiry-dialog-actions button { width: 100%; }
}
.enquiry-form button[type="submit"].is-sending { display:inline-flex; align-items:center; gap:12px; opacity:.75; cursor:wait; }
.enquiry-form button[type="submit"].is-sending::after { content:""; display:block; flex:0 0 16px; width:16px; height:16px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:enquiry-spin .7s linear infinite; }
@keyframes enquiry-spin { to { transform:rotate(360deg); } }