/* DVD Brela – seal, viewer, loading polish and menu motion */
html,body{background:#151a21}body{background:#fff}

/* Seal is inserted by JS into every photographic page header. */
.dvd-seal-host{position:relative!important}.dvd-header-seal{position:absolute;z-index:7;right:clamp(18px,3.2vw,58px);bottom:clamp(18px,3vw,46px);width:clamp(76px,8.5vw,138px);aspect-ratio:1;object-fit:contain;opacity:.46;filter:saturate(.9) contrast(.96) drop-shadow(0 8px 16px rgba(0,0,0,.25));pointer-events:none;transform:rotate(-7deg);animation:dvdSealIn .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes dvdSealIn{from{opacity:0;transform:rotate(-11deg) scale(.8)}to{opacity:.46;transform:rotate(-7deg) scale(1)}}
@media(max-width:700px){.dvd-header-seal{width:74px;right:14px;bottom:14px;opacity:.42}}

/* Modern universal viewer */
.dvd-viewer{position:fixed;inset:0;z-index:99999;display:none;background:rgba(5,8,11,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);touch-action:none;overscroll-behavior:contain;color:#fff}
.dvd-viewer.is-open{display:block;animation:dvdFade .18s ease-out}@keyframes dvdFade{from{opacity:0}to{opacity:1}}
.dvd-viewer__stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:70px 78px 76px}
.dvd-viewer__img{display:block;max-width:min(94vw,1500px);max-height:calc(100dvh - 150px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 20px 70px rgba(0,0,0,.45);user-select:none;-webkit-user-drag:none;transform:translate3d(0,0,0);opacity:1;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease}
.dvd-viewer__img.dvd-out-left{transform:translate3d(-9%,0,0);opacity:0}.dvd-viewer__img.dvd-out-right{transform:translate3d(9%,0,0);opacity:0}
.dvd-viewer__close,.dvd-viewer__nav{position:absolute;border:1px solid rgba(255,255,255,.16);color:#fff;background:rgba(18,22,27,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;display:grid;place-items:center;transition:background .18s ease,transform .18s ease;z-index:3}
.dvd-viewer__close{right:18px;top:18px;width:46px;height:46px;border-radius:50%;font-size:29px;line-height:1}.dvd-viewer__nav{top:50%;width:54px;height:68px;border-radius:14px;transform:translateY(-50%);font-size:38px}.dvd-viewer__prev{left:18px}.dvd-viewer__next{right:18px}
.dvd-viewer__nav:hover{background:rgba(206,37,48,.9);transform:translateY(-50%) scale(1.05)}.dvd-viewer__close:hover{background:rgba(206,37,48,.9);transform:scale(1.05)}
.dvd-viewer__meta{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);max-width:min(760px,82vw);text-align:center;font-size:13px;letter-spacing:.04em;color:rgba(255,255,255,.78)}.dvd-viewer__count{font-weight:800;color:#fff}.dvd-viewer__hint{margin-left:10px;color:rgba(255,255,255,.5)}
body.dvd-viewer-lock{overflow:hidden;touch-action:none}main img:not(.heading-photo):not(.hero-photo){cursor:zoom-in}
@media(max-width:700px){.dvd-viewer{background:rgba(4,7,10,.97)}.dvd-viewer__stage{padding:58px 46px 68px}.dvd-viewer__img{max-width:100%;max-height:calc(100dvh - 126px);border-radius:4px;box-shadow:none}.dvd-viewer__nav{display:grid;width:42px;height:58px;border-radius:12px;font-size:32px;background:rgba(12,16,20,.62)}.dvd-viewer__prev{left:6px}.dvd-viewer__next{right:6px}.dvd-viewer__close{top:max(12px,env(safe-area-inset-top));right:12px;width:42px;height:42px}.dvd-viewer__meta{bottom:max(16px,env(safe-area-inset-bottom));font-size:12px;white-space:nowrap}}

/* Smooth mobile drop-down menu. */
.mobile-menu>nav{transform-origin:top;opacity:0;transform:translateY(-8px) scaleY(.96);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.mobile-menu[open]>nav{opacity:1;transform:translateY(0) scaleY(1)}
.mobile-menu summary{transition:color .18s ease,background .18s ease}.mobile-menu[open] summary{color:var(--red)}
@media(prefers-reduced-motion:reduce){.dvd-header-seal,.dvd-viewer,.dvd-viewer__img,.mobile-menu>nav{animation:none!important;transition:none!important}}

/* Mobile: instant photo changes; only the menu keeps motion. */
@media(max-width:700px){
  .dvd-viewer.is-open{animation:none!important}
  .dvd-viewer__img{transition:none!important;transform:none!important;opacity:1!important}
  .dvd-viewer__img.dvd-out-left,.dvd-viewer__img.dvd-out-right{transform:none!important;opacity:1!important}
}

/* Reliable horizontal swipe in the native full gallery while preserving vertical page gestures. */
.gallery-viewer .viewer-stage,.gallery-viewer .viewer-stage img{touch-action:pan-y;user-select:none;-webkit-user-drag:none}
.vb-account-panel{max-width:760px;margin:36px auto;padding:28px;border:1px solid rgba(17,24,39,.12);border-radius:18px;background:#fff;box-shadow:0 14px 40px rgba(15,23,42,.08)}
.vb-account-panel form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.vb-account-panel .button,.vb-account-status{grid-column:1/-1}.vb-account-status{min-height:1.4em;font-weight:700}.vb-account-panel input{width:100%}@media(max-width:700px){.vb-account-panel{margin:24px 0;padding:20px}.vb-account-panel form{grid-template-columns:1fr}}


/* Mobile native gallery: keep swipe, but also provide obvious left/right arrow controls. */
@media(max-width:700px){
  .gallery-viewer{position:fixed}
  .gallery-viewer .viewer-controls{position:static!important}
  .gallery-viewer .viewer-controls button{
    position:fixed!important;
    top:50%!important;
    z-index:130!important;
    width:44px!important;
    height:58px!important;
    min-width:44px!important;
    padding:0!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    color:transparent!important;
    background:rgba(10,14,18,.68)!important;
    border:1px solid rgba(255,255,255,.28)!important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    transform:translateY(-50%)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.22);
  }
  .gallery-viewer .viewer-controls button:first-of-type{left:7px!important}
  .gallery-viewer .viewer-controls button:last-of-type{right:7px!important}
  .gallery-viewer .viewer-controls button:first-of-type::after,
  .gallery-viewer .viewer-controls button:last-of-type::after{
    color:#fff!important;
    font-size:34px!important;
    line-height:1!important;
    font-family:Arial,sans-serif!important;
    font-weight:400!important;
  }
  .gallery-viewer .viewer-controls button:first-of-type::after{content:"‹"}
  .gallery-viewer .viewer-controls button:last-of-type::after{content:"›"}
  .gallery-viewer .viewer-controls span{
    position:relative!important;
    z-index:131!important;
  }
}

/* Discreet Hajduk crest in the lower-right corner of every footer. */
footer.dvd-footer-with-hajduk{position:relative!important}
.dvd-hajduk-footer{
  position:absolute;
  right:clamp(16px,2.2vw,34px);
  bottom:14px;
  width:54px;
  height:54px;
  object-fit:contain;
  opacity:.32;
  filter:saturate(.82);
  pointer-events:none;
  user-select:none;
  z-index:2;
}
@media(max-width:700px){
  .dvd-hajduk-footer{width:42px;height:42px;right:12px;bottom:10px;opacity:.28}
  .footer-bottom{padding-right:56px}
}

/* Final footer crest sizing — intentionally larger, still discreet. */
footer.dvd-footer-with-hajduk .dvd-hajduk-footer{
  width:118px!important;
  height:118px!important;
  max-width:none!important;
  max-height:none!important;
  min-width:118px!important;
  min-height:118px!important;
}
@media(max-width:700px){
  footer.dvd-footer-with-hajduk .dvd-hajduk-footer{
    width:88px!important;
    height:88px!important;
    min-width:88px!important;
    min-height:88px!important;
  }
  .footer-bottom{padding-right:100px!important}
}