/* Jasmina Đumić – Grešni ljudi */
html{scroll-behavior:smooth}
@keyframes odlomakOtvori{from{opacity:0;transform:translateY(-14px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}
.odlomak-vise{animation:odlomakOtvori 1.1s cubic-bezier(.2,.7,.2,1) both}
.js-reveal .reveal{opacity:0;transform:translateY(32px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.js-reveal .reveal.is-in{opacity:1;transform:none}
@keyframes paralaks{from{background-position:0 0}to{background-position:0 -160px}}
@supports (animation-timeline: view()){.p-grancice,.p-grancice-krem,.p-makovi,.p-tackice{animation:paralaks linear both;animation-timeline:view();animation-range:cover}}
.nav{transition:background .4s ease,box-shadow .4s ease,-webkit-backdrop-filter .4s ease,backdrop-filter .4s ease}
.nav{position:fixed !important;top:0;left:0;right:0;z-index:9999 !important}
.nav.scrolled{background:linear-gradient(135deg,#22222280 9.74%,#2222224d 90.26%);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:rgba(0,0,0,0.2) 0px 0px 3px}
@media (max-width: 900px){
#vrh{height:65vh !important}
.nav{padding:20px clamp(20px, 5vw, 72px) !important}
}
@media (prefers-reduced-motion: reduce){.odlomak-vise,.p-grancice,.p-grancice-krem,.p-makovi,.p-tackice{animation:none !important}.js-reveal .reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
body{margin:0;background:#FFFDF9}
.nav-burger{display:none;width:48px;height:48px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:0;background:transparent;border:1px solid rgba(255,253,249,0.7);border-radius:999px;cursor:pointer}
.nav-burger .bl{display:block;width:20px;height:1.5px;background:#FFFDF9;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.nav-burger:hover .bl:first-child{transform:translateX(-3px)}
.nav-burger:hover .bl:last-child{transform:translateX(3px)}
.mm{position:fixed;inset:0;z-index:10000;background:#FFFDF9;display:flex;flex-direction:column;padding:20px 20px 32px;box-sizing:border-box;overflow-y:auto;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .7s cubic-bezier(.77,0,.18,1),visibility 0s linear .7s}
.mm.open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .7s cubic-bezier(.77,0,.18,1),visibility 0s}
.mm-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #E6DDCE}
.mm-name{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:500;color:#2B2622;text-decoration:none}
.mm-close{position:relative;width:48px;height:48px;padding:0;border:1px solid #CFC3B1;border-radius:999px;background:transparent;cursor:pointer}
.mm-close span{position:absolute;left:13px;top:23px;width:20px;height:1.5px;background:#2B2622;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.mm.open .mm-close span{transition-delay:.35s}
.mm.open .mm-close span:first-child{transform:rotate(45deg)}
.mm.open .mm-close span:last-child{transform:rotate(-45deg)}
.mm-list{display:flex;flex-direction:column;margin-top:8px;flex-grow:1}
.mm-item{display:flex;align-items:center;gap:16px;min-height:44px;padding:18px 0;border-bottom:1px solid #E6DDCE;color:#2B2622;text-decoration:none}
.mm-num{width:28px;font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.2em;color:#A3161E}
.mm-label{flex-grow:1;font-family:'Cormorant Garamond',serif;font-size:40px;line-height:1}
.mm-item svg{transition:transform .3s}
.mm-item:hover svg{transform:translateX(6px)}
.mm-anim{opacity:0;transform:translateY(28px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.mm.open .mm-anim{opacity:1;transform:none}
.mm.open .d1{transition-delay:.28s}.mm.open .d2{transition-delay:.34s}.mm.open .d3{transition-delay:.40s}.mm.open .d4{transition-delay:.46s}.mm.open .d5{transition-delay:.52s}.mm.open .d6{transition-delay:.62s}
.mm-bottom{margin-top:32px}
.mm-cta{display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:0 26px;border-radius:999px;background:#A3161E;color:#FFFDF9 !important;text-decoration:none;font-family:'Jost',sans-serif;font-size:14px;letter-spacing:.16em;text-transform:uppercase}
.mm-social{display:flex;flex-wrap:wrap;gap:24px;margin-top:22px;font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.mm-social a{color:#2B2622;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
@media (max-width: 900px){.nav-desk{display:none !important}.nav-burger{display:flex}}
@media (min-width: 901px){.mm{display:none}}
a{color:#2B2622}a:hover{color:#A3161E}
.nav a{color:#FFFDF9;text-decoration:none}.nav a:hover{color:#F3C9C2}
.btn:hover{background:#7E161B !important}
.btn-ghost:hover{background:#FFFDF9 !important;color:#2B2622 !important}
.btn-odlomak:hover{background:#A3161E !important;color:#FFFDF9 !important}
.kontakt-link:hover{border-color:#A3161E !important;color:#A3161E !important}
.p-grancice{background-color:#FFFDF9;background-image:url(../img/sara-grancice.svg);background-size:180px 180px}
.p-grancice-krem{background-color:#F6F1E8;background-image:url(../img/sara-grancice.svg);background-size:180px 180px}
.p-makovi{background-color:#FFFDF9;background-image:url(../img/sara-makovi.svg);background-size:220px 220px}
.p-tackice{background-color:#F6F1E8;background-image:url(../img/sara-tackice.svg);background-size:28px 28px}
[hidden]{display:none !important}
body.menu-open{overflow:hidden}