.experience{display:none}.rules-compact{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;background:var(--cream);padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(4rem,7vw,7rem)}.rules-compact ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.rules-compact li{padding:.85rem 0;border-bottom:1px solid var(--line)}.rules-compact li:before{content:'—';color:var(--olive);margin-right:.55rem}.instagram-slot{opacity:.7}.footer-meta{display:flex;justify-content:space-between;gap:1rem;align-items:center}.footer-meta a{color:#dce0d4;text-decoration:none;font-size:.82rem}.footer-meta a:hover{text-decoration:underline}.mobile-cta{min-height:48px}.kids,.rental,.rules-compact,.faq,.inquiry{scroll-margin-top:78px}@media(min-width:801px){.intro.section{padding-top:7rem;padding-bottom:7rem}.kids.section,.gallery.section,.rental.section,.rules-compact.section,.faq.section,.inquiry.section{padding-top:7rem;padding-bottom:7rem}.kids>img{height:560px}.cards article,.cards article+article{min-height:460px}.faq{gap:6vw}}@media(max-width:800px){.section{padding-top:4.5rem;padding-bottom:4.5rem}.intro-visual{min-height:370px}.feature-img{min-height:460px}.cards article,.cards article+article{min-height:420px}.kids>img{height:350px}.rules-compact{grid-template-columns:1fr;gap:1.5rem}.rules-compact ul{grid-template-columns:1fr}.footer-meta{align-items:flex-start;flex-direction:column}.mobile-cta{bottom:max(10px,env(safe-area-inset-bottom));left:12px;right:12px}.inquiry{padding-bottom:6rem}}@media(max-width:390px){.top .brand img{width:146px}.direct-contact{gap:.4rem}.direct-contact a{padding:.6rem .7rem}}

/* Završni fotografski raspored */
.gallery .masonry{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:280px 280px 320px;gap:12px}.gallery .masonry button{grid-column:span 4;min-width:0}.gallery .masonry button:first-child{grid-column:span 7;grid-row:span 2}.gallery .masonry button:nth-child(2){grid-column:span 5}.gallery .masonry button:nth-child(3){grid-column:span 5}.gallery .masonry button:nth-child(4),.gallery .masonry button:nth-child(5){grid-column:span 6}.gallery .masonry button:nth-child(n+6){grid-column:span 4}.gallery .masonry img{width:100%;height:100%;object-fit:cover}.experience{display:block;background:var(--paper);padding-top:clamp(5rem,8vw,8rem)}.experience-copy{display:grid;grid-template-columns:.65fr 1fr;gap:6vw;align-items:end}.experience-copy .kicker{grid-column:1/-1}.experience-copy h2,.experience-copy p{margin-bottom:0}.experience-copy>p:last-child{max-width:520px;font-size:1.08rem}.experience-grid{margin-top:3.5rem}.experience-grid figure{background:var(--cream)}.experience-grid img{display:block}.final-cta>img{object-position:center 46%}
@media(max-width:800px){.gallery .masonry{grid-template-columns:1fr 1fr;grid-template-rows:360px repeat(4,230px);gap:8px}.gallery .masonry button,.gallery .masonry button:nth-child(n){grid-column:span 1;grid-row:auto}.gallery .masonry button:first-child{grid-column:1/-1}.experience-copy{grid-template-columns:1fr;gap:1.25rem}.experience-copy .kicker{grid-column:auto}.experience-grid{margin-top:2.5rem}.final-cta>img{object-position:52% center}}
@media(max-width:430px){.gallery .masonry{grid-template-rows:340px repeat(4,205px)}}

/* Završno responsive i fotografsko poliranje */
.gallery .masonry{grid-template-rows:260px 260px 290px 290px}
.gallery .masonry button:nth-child(6),.gallery .masonry button:nth-child(7){grid-column:span 6}
.hero>img{object-position:center 48%}
.kids>img{object-position:center 48%}
.cards article:nth-child(1):before{background-position:center 38%}
.cards article:nth-child(2):before{background-position:center 55%}
.cards article:nth-child(3):before{background-position:center 42%}

@media(max-width:800px){
  body{font-size:15px;line-height:1.58}
  .section{padding:3.6rem 20px}
  h2{font-size:clamp(2.25rem,11vw,3.5rem)}
  .hero{height:min(100svh,760px);min-height:620px}
  .hero>img{object-position:58% center}
  .hero-copy{padding:0 20px 7.5rem}
  .hero-copy br{display:block}
  .hero-copy h1{font-size:clamp(2.8rem,13vw,4.35rem);line-height:.98}
  .hero-copy>p:not(.eyebrow){font-size:1rem;line-height:1.5;max-width:34rem}
  .hero-copy .actions{margin-top:1.35rem;gap:.6rem}
  .hero-copy .button{padding:.85rem 1rem}
  .intro{gap:1.15rem}
  .intro-visual{min-height:340px;height:54vh;max-height:440px;margin:.5rem -20px .75rem}
  .intro-visual img{object-position:center 48%}
  .intro-copy p:last-child{margin-bottom:0}
  .feature-img{min-height:390px}
  .feature-img img{object-position:center 45%}
  .feature-copy{padding-top:3.6rem;padding-bottom:3.6rem}
  .occasions h2{margin-bottom:2rem}
  .cards{margin:0 -20px;padding:0 20px 8px;gap:10px}
  .cards article,.cards article+article{min-width:78vw;min-height:370px;padding:1.25rem}
  .cards article h3{font-size:1.65rem;line-height:1.08}
  .occasion-note{margin-top:1.35rem}
  .kids{gap:2rem;padding-bottom:0}
  .kids>img{height:330px;margin:0 -20px;width:calc(100% + 40px);object-position:center 46%}
  .gallery .section-head>p{margin-bottom:1.5rem}
  .gallery .masonry{grid-template-columns:1fr 1fr;grid-template-rows:310px repeat(3,180px);gap:7px}
  .gallery .masonry button,.gallery .masonry button:nth-child(n){grid-column:span 1;grid-row:auto}
  .gallery .masonry button:first-child{grid-column:1/-1}
  .rental>div{padding:3rem 20px}
  .included ul{gap:0;margin:1.35rem 0}
  .included li{padding:.48rem 0}
  .food-note{margin-top:1.4rem;padding:1.1rem}
  .price{align-items:center;flex-direction:row;padding:1rem 0}
  .price strong{font-size:2.5rem}
  .pricing>p,.deposit{margin-top:1.4rem}
  .rules-compact{gap:1rem;padding-top:3.25rem;padding-bottom:3.25rem}
  .rules-compact li{padding:.7rem 0}
  .faq{gap:1.25rem}
  .accordion summary{padding:1rem 2.25rem 1rem 0;font-size:1.08rem}
  .accordion details p{padding:0 1.5rem 1.1rem 0}
  .inquiry{gap:2rem;padding-bottom:6.25rem}
  .inquiry form{padding:1.35rem}
  .inquiry label{margin-bottom:1rem}
  .direct-contact{margin:1.4rem 0}
  .final-cta{height:72svh;min-height:540px}
  .final-cta>img{object-position:center 48%}
  footer{padding-top:3.5rem;padding-bottom:6rem}
}

@media(max-width:430px){
  .gallery .masonry{grid-template-rows:290px repeat(3,165px)}
  .cards article,.cards article+article{min-width:82vw;min-height:350px}
  .kids>img{height:300px}
  .final-cta{min-height:520px}
}

@media(max-width:370px){
  .section{padding-left:16px;padding-right:16px}
  .intro-visual,.kids>img{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}
  .cards{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
  .hero-copy{padding-left:16px;padding-right:16px}
  .hero-copy h1{font-size:2.75rem}
  .gallery .masonry{grid-template-rows:270px repeat(3,155px)}
  .price strong{font-size:2.2rem}
}

/* Produkcijska pristupačnost i završno responsive poliranje */
img{max-width:100%}
.form-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.inquiry label small{display:block;margin-top:.35rem;color:#6b7065;font-size:.78rem;line-height:1.45;text-transform:none;letter-spacing:0}
.inquiry input:focus-visible,.inquiry select:focus-visible,.inquiry textarea:focus-visible{outline:2px solid var(--olive);outline-offset:4px}
.inquiry input:user-invalid,.inquiry select:user-invalid,.inquiry textarea:user-invalid{border-bottom-color:#9b3d32}
.form-note{min-height:1.5em;font-weight:700}
.instagram-pending{color:#b8c0b0;opacity:.82}
.top a:focus-visible,.top button:focus-visible,.button:focus-visible,.direct-contact a:focus-visible,.mobile-cta:focus-visible,.accordion summary:focus-visible,.masonry button:focus-visible,footer a:focus-visible{outline:2px solid currentColor;outline-offset:4px}

@media(max-width:800px){
  .top .menu{display:grid;width:48px;height:48px;padding:0;place-items:center;line-height:1;cursor:pointer}
  .top nav.open{box-shadow:0 18px 40px rgba(21,31,17,.16)}
  .top nav a{min-height:44px;display:flex;align-items:center;font-size:1rem}
  .cards article p{font-size:1rem;line-height:1.5}
  .direct-contact a{flex:1 1 auto;justify-content:center;text-align:center}
  .inquiry input,.inquiry select,.inquiry textarea{font-size:16px}
  .gallery .masonry button{min-height:0}
}

@media(max-width:430px){
  .hero-copy{padding-bottom:6.75rem}
  .hero-copy .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .hero-copy .actions .button{width:100%;min-width:0}
  .pricing .deposit{padding:1.1rem}
  footer .contact{gap:.8rem}
}

@media(max-width:370px){
  .hero-copy .actions{grid-template-columns:1fr}
  .hero-copy{padding-bottom:5.25rem}
}