/* IVANA Dance & Art Studio — stilovi teme */

body{margin:0}
a{color:#381119}a:hover{color:#8A6635}
.navl{color:#F4E7C7}.navl:hover{color:#E6BC80}

.svc-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center;margin-bottom:56px;position:relative;z-index:1}
.svc-gap{min-height:460px}
.svc-dancer{position:absolute;left:calc(75% - 128px);top:30px;width:320px;height:406px;z-index:0;pointer-events:none;will-change:transform;opacity:1;transition:opacity .9s ease}
.svc-dancer.js{left:0;top:0}
.svc-dancer.js.off{opacity:0}
.svc-spot{position:absolute;left:50%;bottom:30px;width:520px;height:760px;transform:translateX(-50%);background:radial-gradient(ellipse 34% 100% at 50% 0%,rgba(255,226,170,.16),rgba(255,226,170,0) 70%),linear-gradient(180deg,rgba(255,226,170,.10),rgba(255,226,170,0) 85%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(6px)}
.svc-floor{position:absolute;left:50%;bottom:58px;width:300px;height:46px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(240,201,137,.28),rgba(240,201,137,0) 70%)}
.svc-body{position:absolute;inset:0;will-change:transform}
.svc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .7s ease}
.svc-r{transform:scaleX(-1);opacity:0}
.svc-dancer.face-r .svc-l{opacity:0}.svc-dancer.face-r .svc-r{opacity:1}
@media (max-width: 860px){.svc-row{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:28px}.svc-gap{display:none}.svc-dancer{display:none}}
@media (prefers-reduced-motion: reduce){.svc-dancer{display:none}}
@media (max-width: 600px){
section{padding-top:72px !important;padding-bottom:72px !important}
.ed-text{padding:40px 24px !important}
.ed-img{min-height:300px !important}
.price-card{padding:64px 22px 30px !important}
.svc-card{padding:52px 22px 28px !important;border-radius:120px 120px 14px 14px !important}
}
.goldtxt{background:linear-gradient(180deg,#F7E2AE 0%,#DDAE68 55%,#B98543 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rumba g,.rumba rect,.rumba ellipse,.rumba polygon,.rumba circle{transform-box:view-box}
.rumba .sway{transform-origin:303px 466px;animation:rSway 6s ease-in-out infinite}
.rumba .shimmer{animation:rShine 7s ease-in-out infinite}
.rumba .spot{animation:rSpot 6s ease-in-out infinite}
.rumba .halo{transform-origin:230px 323px;animation:rHalo 6s ease-in-out infinite}
.rumba .du{animation:rDust 9s linear infinite}.rumba .du2{animation-duration:11s}.rumba .du3{animation-duration:7.5s}.rumba .du4{animation-duration:13s}.rumba .du5{animation-duration:10s}
@keyframes rSway{0%,100%{transform:rotate(-1.8deg) translateY(0)}50%{transform:rotate(1.8deg) translateY(-4px)}}
@keyframes rShine{0%,30%{transform:translateX(0)}75%,100%{transform:translateX(860px)}}
@keyframes rSpot{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes rHalo{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.07);opacity:1}}
@keyframes rDust{0%{transform:translate(0,0);opacity:0}15%{opacity:.9}85%{opacity:.5}100%{transform:translate(14px,-260px);opacity:0}}
@media (prefers-reduced-motion: reduce){.herovid{display:none !important}.heroposter{display:block !important}}


body{margin:0}
a{color:#381119}a:hover{color:#8A6635}
.navl{color:#F4E7C7}.navl:hover{color:#E6BC80}
.flink{color:#E9DCC6}.flink:hover{color:#E6BC80}
@media (max-width: 700px){.tl-row{grid-template-columns:40px minmax(0,1fr) !important}.tl-row>div:nth-child(2){grid-column:1;grid-row:1}.tl-a,.tl-b{grid-column:2;grid-row:1}.tl-a:empty,.tl-b:empty{display:none}.tl-line{left:20px !important}.tl-row .tl-a>div{text-align:left !important}}
summary::-webkit-details-marker{display:none}
details[open] summary span[aria-hidden]{transform:rotate(45deg)}
@media (max-width: 600px){section{padding-top:64px !important;padding-bottom:64px !important}}
@media (prefers-reduced-motion: reduce){.herovid{display:none !important}.heroposter{display:block !important}}
.goldtxt{background:linear-gradient(180deg,#F7E2AE 0%,#DDAE68 55%,#B98543 100%);-webkit-background-clip:text;background-clip:text;color:transparent}



body{margin:0}
.navl{color:#F4E7C7;text-decoration:none;padding:10px 0;position:relative}
.navl:hover{color:#E6BC80}
.navl::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:#C9974F;transform:scaleX(0);transition:transform .3s ease}
.navl:hover::after{transform:scaleX(1)}
.hdr-space{height:82px}
.hdr{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(18,4,10,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,167,94,.35);padding-top:env(safe-area-inset-top,0px);font-family:Jost,'Helvetica Neue',sans-serif}
.hdr-in{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box}
.hdr-nav{display:flex;align-items:center;gap:6px 26px;font-size:16px}
.hdr-burger{display:none;width:48px;height:48px;border-radius:50%;border:1px solid rgba(230,188,128,.6);background:transparent;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:0}
.hdr-burger span{display:block;width:20px;height:1.5px;background:#F4E7C7}
.ovl{position:fixed;inset:0;z-index:200;background:radial-gradient(ellipse 90% 60% at 50% 0%,#4A1A26 0%,#2A0B11 55%,#12040A 100%);color:#F4E7C7;display:flex;flex-direction:column;padding:calc(18px + env(safe-area-inset-top,0px)) 24px calc(28px + env(safe-area-inset-bottom,0px));box-sizing:border-box;overflow-y:auto;animation:ovlIn .35s ease;font-family:Jost,'Helvetica Neue',sans-serif}
.ovl-link{display:block;text-decoration:none;color:#F4E7C7;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:32px;line-height:1.2;padding:14px 0;border-bottom:1px solid rgba(201,151,79,.28);animation:linkIn .5s ease both}
.ovl-link:hover{color:#E6BC80}
.ovl-close{width:48px;height:48px;border-radius:50%;border:1px solid rgba(230,188,128,.6);background:transparent;color:#F4E7C7;font-size:26px;line-height:1;cursor:pointer}
@keyframes ovlIn{from{opacity:0}to{opacity:1}}
@keyframes linkIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width: 1000px){.hdr-nav{display:none}.hdr-burger{display:flex}.hdr-space{height:72px}.hdr-in{padding:10px 18px}}
@media (prefers-reduced-motion: reduce){.ovl,.ovl-link{animation:none}}

.ovl[hidden]{display:none !important}
.entry-content{font-size:19px;line-height:1.7}
.entry-content h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(28px,3.2vw,38px);line-height:1.1;color:#381119;margin:44px 0 0}
.entry-content h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:26px;color:#381119;margin:32px 0 0}
.entry-content p{margin:14px 0 0}
.entry-content a{color:#8A6635}
.entry-content img{max-width:100%;height:auto;border-radius:12px}
.ivana-notice{max-width:1200px;margin:0 auto;padding:16px 24px;background:#F1E4D3;border:1px solid #C9974F;border-radius:12px;color:#381119}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.admin-bar .hdr{top:32px}
@media (max-width: 782px){body.admin-bar .hdr{top:46px}}