/* Ponuda za vjenčanja */
.vj h2{font-family:var(--display);font-weight:700;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.02;margin:6px 0 0;letter-spacing:-.01em;text-wrap:balance}
.vj .sprig{display:block;width:60px;margin-bottom:10px}
.vj .sprig svg{width:100%;height:auto;display:block}

/* uvod */
.vj-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
.vj-hero h1{font-size:clamp(2.6rem,6vw,5rem)}
.vj-hero-ph{display:block;padding:0;border:0;cursor:pointer;aspect-ratio:4/5;width:100%}
.vj-hero-ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.vj-hero-ph:hover img{transform:scale(1.03)}
.vj-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.vj-play svg{width:74px;height:74px;padding:22px;border-radius:50%;background:rgba(31,33,44,.55);backdrop-filter:blur(4px);box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.vj-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-top:clamp(28px,4vw,44px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vj-facts div{display:flex;flex-direction:column;gap:4px;padding:16px 14px;border-left:1px solid var(--line)}
.vj-facts div:first-child{border-left:0;padding-left:0}
.vj-facts b{font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1}
.vj-facts span{font-size:.8rem;color:var(--ink);line-height:1.35}

/* blokovi */
.vj-moment + .vj-moment{padding-top:0}
.vj-moment--rev .split > :first-child{order:2}
.vj-pics{position:relative}
.vj-pics > .ph:first-child{aspect-ratio:5/4}
.vj-pics > .ph:first-child img{width:100%;height:100%;object-fit:cover}
.vj-pics [data-vj-gal]{cursor:zoom-in}
.vj-pics.has-2{padding-bottom:clamp(30px,5vw,60px)}
.vj-inset{position:absolute;width:38%;aspect-ratio:1;bottom:0;right:-4%;border:6px solid var(--paper);box-shadow:0 18px 40px -20px rgba(31,33,44,.45)}
.vj-moment--rev .vj-inset{right:auto;left:-4%}
.vj-inset img{width:100%;height:100%;object-fit:cover}
.vj-galbtn{display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding:8px 16px 8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--navy);font:inherit;cursor:pointer;text-align:left;transition:box-shadow .2s}
.vj-galbtn:hover{box-shadow:0 6px 20px -12px rgba(31,33,44,.5)}
.vj-galbtn > svg:first-child{width:34px;height:34px;padding:8px;border-radius:50%;background:var(--navy);color:var(--paper)}
.vj-galbtn > svg:last-child{width:16px;height:16px}
.vj-galbtn span{display:flex;flex-direction:column;line-height:1.2}
.vj-galbtn b{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.vj-galbtn small{font-size:.78rem;color:var(--ink)}

/* tijek dana */
.vj-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:var(--line-light);border:1px solid var(--line-light);border-radius:6px;overflow:hidden}
.vj-timeline li{background:var(--navy);padding:22px 18px;display:flex;flex-direction:column;gap:8px}
.vj-timeline i{font-style:normal;font-family:var(--display);font-size:1.6rem;color:var(--sand);line-height:1}
.vj-timeline b{font-family:var(--display);font-size:1.25rem;line-height:1.15}
.vj-timeline span{font-size:.86rem;font-weight:300;line-height:1.5;color:rgba(243,238,230,.8)}
.dark .lead{color:rgba(243,238,230,.82)}

/* uključeno */
.vj-incl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,36px)}
.vj-incl h3{font-family:var(--sans);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--ink);margin:0 0 6px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.vj-incl .list-check li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.vj-incl .list-check svg{flex:none;width:18px;height:18px;margin-top:2px}

/* paketi */
.vj-pack-head{align-items:flex-end}
.vj-guests{display:flex;flex-direction:column;gap:8px}
.vj-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--ink)}
.vj-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--paper);border:1px solid var(--line)}
.vj-seg button{border:0;background:none;font:inherit;font-size:.82rem;font-weight:500;padding:8px 14px;border-radius:999px;cursor:pointer;color:var(--navy);white-space:nowrap}
.vj-seg button[aria-pressed="true"]{background:var(--navy);color:var(--paper)}
.vj-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.vj-pack{display:flex;flex-direction:column;gap:10px;padding:clamp(22px,3vw,34px);background:#fff;border-radius:6px;box-shadow:0 1px 0 var(--line)}
.vj-pack:first-child{border-top-left-radius:48px}
.vj-pack--vip{background:var(--navy);color:var(--paper)}
.vj-pname{font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600}
.vj-price{display:flex;align-items:baseline;gap:6px;font-family:var(--display);font-size:clamp(3rem,5vw,4.2rem);line-height:1}
.vj-price small{font-family:var(--sans);font-size:1.1rem;font-weight:500}
.vj-price span{transition:opacity .16s,transform .16s}
.vj-price span.swap{opacity:0;transform:translateY(6px)}
.vj-per{font-size:.78rem;color:var(--ink);margin-top:-4px}
.vj-pack--vip .vj-per{color:var(--sand)}
.vj-pack p{margin:6px 0 14px;font-weight:300;line-height:1.6;flex:1}
.vj-pack .btn{align-self:flex-start}
.vj-pack .btn svg{width:17px;height:17px}
.vj-pack-foot{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;margin-top:clamp(20px,3vw,32px)}
.vj-pack-foot .muted{margin:0;max-width:60ch;font-size:.9rem}
.vj-pack-foot .btns{margin:0}
.vj-pack-foot .btn svg{width:17px;height:17px}

/* kalkulator */
.vj-calc{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border-radius:6px;overflow:hidden;border-top-left-radius:48px;box-shadow:0 1px 0 var(--line)}
.vj-calc-in{background:var(--card);padding:clamp(22px,4vw,44px);display:flex;flex-direction:column;gap:26px}
.vj-calc-out{background:var(--navy);color:var(--paper);padding:clamp(22px,4vw,44px);display:flex;flex-direction:column;gap:12px}
.vj-calc-out .eyebrow{color:var(--sand)}
.vj-field{display:flex;flex-direction:column;gap:10px}
.vj-range{display:flex;align-items:center;gap:16px}
.vj-range input{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--navy) var(--fill,40%),var(--sand) var(--fill,40%));outline-offset:6px}
.vj-range input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--navy);border:4px solid #fff;box-shadow:0 2px 8px rgba(31,33,44,.35);cursor:pointer}
.vj-range input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--navy);border:4px solid #fff;box-shadow:0 2px 8px rgba(31,33,44,.35);cursor:pointer}
.vj-range output{font-family:var(--display);font-size:2.2rem;min-width:3ch;text-align:right}
.vj-steppers{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vj-stepper{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.vj-stepper span{display:flex;flex-direction:column;font-weight:500;font-size:.9rem;line-height:1.2}
.vj-stepper small{font-weight:400;font-size:.74rem;color:var(--ink)}
.vj-stepper button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:1.1rem;cursor:pointer;color:var(--navy)}
.vj-stepper output{font-family:var(--display);font-size:1.4rem;min-width:2ch;text-align:center}
.vj-total{display:flex;align-items:baseline;gap:8px;font-family:var(--display);font-size:clamp(3rem,6vw,4.6rem);line-height:1}
.vj-total small{font-family:var(--sans);font-size:1.2rem}
#vjLines{list-style:none;margin:6px 0;padding:14px 0;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);display:grid;gap:6px;font-size:.88rem;font-weight:300}
.vj-fine{font-size:.8rem;line-height:1.55;color:rgba(243,238,230,.7);margin:4px 0 10px}
.vj-calc-out .btn{align-self:flex-start;white-space:normal;text-align:left}

/* dodatne usluge */
.vj-extras-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(20px,4vw,48px);align-items:stretch}
.vj-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-light);border:1px solid var(--line-light);border-radius:6px;overflow:hidden}
.vj-extra{background:var(--navy);display:flex;align-items:center;gap:14px;padding:20px}
.vj-extra i{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-light);color:var(--sand)}
.vj-extra svg{width:22px;height:22px}
.vj-extra span{font-weight:500;line-height:1.35}
.vj-extras-ph{position:relative;margin:0;border-radius:6px;border-top-right-radius:var(--arch);overflow:hidden;min-height:280px;cursor:zoom-in}
.vj-extras-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vj-extras-ph figcaption{position:absolute;left:14px;bottom:14px;background:rgba(31,33,44,.7);color:var(--paper);font-size:.78rem;padding:7px 12px;border-radius:999px}

/* iskustvo */
.vj-stats{background:var(--navy-deep);color:var(--paper)}
.vj-stats-bg{position:absolute;inset:0;opacity:.22}
.vj-stats-bg img{width:100%;height:100%;object-fit:cover}
.vj-stats .wrap{position:relative}
.vj-stats .cap{grid-template-columns:repeat(3,minmax(0,1fr))}
.vj-stats .cap div{background:rgba(31,33,44,.82)}
.vj-honor{display:flex;align-items:center;gap:12px;color:var(--sand);font-size:.9rem}
.vj-honor .sprig{width:46px;margin:0}

/* catering mozaik */
.vj-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vj-mosaic .ph{aspect-ratio:1}
.vj-mosaic img{width:100%;height:100%;object-fit:cover}

/* obrazac */
.vj-contact{align-items:start}
.vj-form .consent{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;line-height:1.5}
.vj-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.vj-small{font-size:.82rem;margin:0}

/* meni (prozor) */
.vj-sheet{position:fixed;inset:0;z-index:200;background:rgba(31,33,44,.55);display:flex;justify-content:flex-end;opacity:0;transition:opacity .25s}
.vj-sheet.open{opacity:1}
.vj-sheet-panel{width:min(620px,100%);height:100%;background:var(--paper);display:flex;flex-direction:column;transform:translateX(30px);transition:transform .25s}
.vj-sheet.open .vj-sheet-panel{transform:none}
.vj-sheet-head{position:relative;padding:22px clamp(18px,4vw,36px) 14px;border-bottom:1px solid var(--line)}
.vj-x{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer;display:grid;place-items:center;color:var(--navy)}
.vj-x svg{width:18px;height:18px}
.vj-tabs{display:flex;gap:6px;margin-top:14px}
.vj-tabs button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 16px;font:inherit;font-size:.8rem;font-weight:600;letter-spacing:.08em;cursor:pointer;color:var(--navy)}
.vj-tabs button[aria-selected="true"]{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.vj-sheet-body{overflow:auto;padding:22px clamp(18px,4vw,36px) 40px;-webkit-overflow-scrolling:touch}
.vj-mtitle{font-family:var(--display);font-size:2rem;margin:0 0 12px}
.vj-mprice{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:14px 16px;background:#fff;border-radius:8px;margin-bottom:10px}
.vj-mprice span{font-size:.86rem;color:var(--ink)}
.vj-mprice b{font-family:var(--display);font-size:1.8rem}
.vj-mguests{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}
.vj-mguests button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 11px;font:inherit;font-size:.76rem;cursor:pointer;color:var(--navy)}
.vj-mguests button[aria-pressed="true"]{background:var(--navy);color:var(--paper)}
.vj-course{padding:14px 0;border-top:1px solid var(--line)}
.vj-course h4{margin:0 0 8px;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--ink)}
.vj-course div{display:flex;flex-direction:column;gap:4px;line-height:1.5}

/* prezentacija preko cijelog zaslona */
.vj-prez[hidden]{display:none}
.vj-prez.is-fs{position:fixed;inset:0;z-index:9999;width:100vw;height:100dvh;border-radius:0;min-height:0}
.vj-prez .dz-fs-close{display:grid}

@media (max-width:980px){
.vj-packs{grid-template-columns:1fr}
.vj-pack:first-child{border-top-left-radius:6px}
.vj-calc{grid-template-columns:1fr}
.vj-incl{grid-template-columns:1fr 1fr}
.vj-extras-wrap{grid-template-columns:1fr}
}
@media (max-width:860px){
.vj-hero .wrap{grid-template-columns:1fr}
.vj-hero-ph{order:-1;aspect-ratio:4/3}
.vj-moment--rev .split > :first-child{order:0}
.vj-stats .cap{grid-template-columns:1fr}
}
@media (max-width:560px){
.vj-incl{grid-template-columns:1fr}
.vj-steppers{grid-template-columns:1fr}
.vj-extras{grid-template-columns:1fr}
.vj-facts{grid-template-columns:1fr 1fr}
.vj-facts div:nth-child(3){border-left:0;padding-left:0}
.vj-facts div:nth-child(n+3){border-top:1px solid var(--line)}
.vj-seg button{padding:7px 10px;font-size:.76rem}
.vj-inset{width:42%}
}

.vj-hero .vj-hero-ph{aspect-ratio:4/5}
.vj h2 + .lead,.vj h2 + p{margin-top:16px}
.vj-prez .dz-fs-close{left:50%;right:auto;transform:translateX(-50%)}
@media (max-width:860px){.vj-hero .vj-hero-ph{aspect-ratio:4/3}}