/* Vrščani 1.2 — photos, cropping and the shared identity. */
:root{--brand-forest:#294d3d;--brand-gold:#dfb66e}.brand-symbol{width:40px;height:40px;flex:none}.instagram-link{display:inline-flex;gap:8px;align-items:center}.instagram-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.instagram-link svg circle:last-child{fill:currentColor;stroke:none}.brand-avatar-preview{width:160px;border-radius:28px;display:block;margin:20px 0}.settings-editor{max-width:720px}.media-upload{margin:18px 0 24px}.upload-zone{position:relative;text-align:center;border:1.5px dashed #b9c9af;border-radius:14px;background:linear-gradient(140deg,#f4f7ef,#fdfdf9);padding:27px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:background .2s,border-color .2s}.upload-zone strong{font:700 15px Manrope,Arial}.upload-zone>span:not(.upload-icon){font-size:12px;color:#75836b}.upload-zone small{font-size:10px;color:#8b9582;line-height:1.6}.upload-zone .upload-icon{width:44px;height:44px;border-radius:13px;background:#e7eede;color:#345a42;display:grid;place-items:center;font-size:28px;margin-bottom:4px}.editor .upload-zone input[type=file]{position:absolute;inset:0;opacity:0;padding:0;cursor:pointer;width:100%;height:100%;z-index:1}.upload-zone:focus-within{outline:3px solid #dfb66e;outline-offset:3px}.upload-zone.drag-over,.upload-zone:hover{border-color:#345a42;background:#edf3e5}.upload-feedback{font-size:11px;color:#69805a;line-height:1.6;margin-top:9px}.upload-feedback.upload-error{color:#a33b29}.upload-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.upload-previews>div{max-width:220px;min-width:0;margin-top:10px}.upload-previews img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}.upload-previews span{font-size:10px;color:#7b8773;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:5px}.upload-clear{border:0;background:none;font-size:11px;text-decoration:underline;margin-top:10px;padding:5px 0}.cover-cropper{border:1px solid #dce5d3;background:#f8faf4;border-radius:13px;padding:17px;margin-bottom:25px}.crop-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:12px}.crop-heading>span{font-size:10px;border-radius:20px;padding:5px 8px;background:#e7efde;white-space:nowrap}.crop-frame{aspect-ratio:16/10;overflow:hidden;position:relative;background:#e7ecdf;border-radius:8px;touch-action:none;cursor:grab;user-select:none}.crop-frame.dragging{cursor:grabbing}.cropped-image{display:block;width:100%;height:100%;object-fit:cover}.crop-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33.1%,#ffffff65 33.1%,#ffffff65 33.4%,transparent 33.4%,transparent 66.4%,#ffffff65 66.4%,#ffffff65 66.7%,transparent 66.7%),linear-gradient(to bottom,transparent 33.1%,#ffffff65 33.1%,#ffffff65 33.4%,transparent 33.4%,transparent 66.4%,#ffffff65 66.4%,#ffffff65 66.7%,transparent 66.7%);border:1px solid #ffffff60;border-radius:8px}.crop-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.editor .crop-controls label{font-size:10px;margin-bottom:2px}.editor input[type=range]{padding:5px 0;accent-color:#345a42;background:none;border:0}.crop-reset{font-size:10px!important}.card-image{aspect-ratio:16/10;height:auto;overflow:hidden}.card-image .card-open{display:block;height:100%}.card-image img{display:block;width:100%;height:100%;object-fit:cover}.profile-hero-photo{aspect-ratio:16/10;max-height:none;overflow:hidden;position:relative;background:#e7ecdf}.cover-open{width:100%;height:100%;display:block;padding:0;border:0;background:none;overflow:hidden;position:relative}.profile-hero-photo .business-cover{width:100%;height:100%;display:block;object-fit:cover}.photos-badge{position:absolute;bottom:22px;right:22px;z-index:1;color:white;background:#173124c9;border:1px solid #ffffff50;border-radius:30px;font-size:11px;padding:11px 16px;backdrop-filter:blur(10px)}.cover-open:hover .photos-badge{background:#294d3d}.gallery-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.gallery-heading h2{font-size:21px;margin:0}.gallery-heading>span{font-size:11px;color:#8a9581}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gallery-tile{padding:0;border:0;background:#edf1e7;border-radius:10px;overflow:hidden;aspect-ratio:4/3;position:relative}.gallery-tile:first-child:nth-last-child(n+3){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.gallery-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.gallery-tile:hover img{transform:scale(1.035)}.gallery-tile>span{position:absolute;bottom:10px;right:10px;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:#ffffffd9;color:#294d3d;font-size:15px}.photo-lightbox{border:0;padding:20px 28px 14px;background:#14241ded;color:#f8f8f2;width:calc(100vw - 36px);max-width:1500px;height:calc(100dvh - 36px);max-height:none;border-radius:16px;overflow:hidden}.photo-lightbox[open]{display:flex;flex-direction:column}.photo-lightbox::backdrop{background:#0c1b14e6;backdrop-filter:blur(8px)}.lightbox-top{display:flex;align-items:center;gap:20px;min-height:44px;flex:none}.lightbox-top strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-counter{font-size:12px;opacity:.7;margin-left:auto;white-space:nowrap}.lightbox-close,.lightbox-prev,.lightbox-next{border:1px solid #ffffff30;border-radius:50%;color:white;background:#ffffff10;width:40px;height:40px;font-size:23px;flex:none}.lightbox-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:18px 50px}.lightbox-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:5px;touch-action:pan-y}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.lightbox-prev{left:0}.lightbox-next{right:0}.lightbox-thumbs{display:flex;justify-content:flex-start;gap:9px;overflow:auto;flex:none;padding:8px 2px;max-width:100%;margin:auto}.lightbox-thumbs button{padding:3px;border:1px solid transparent;border-radius:9px;background:none;flex:none;width:65px;height:49px}.lightbox-thumbs button.active{border-color:#dfb66e}.lightbox-thumbs img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}.lightbox-help{font-size:10px;text-align:center;color:#bec8bd;margin:8px 0 0;flex:none}.gallery-open{overflow:hidden}
@media(max-width:760px){.brand-symbol{width:35px;height:35px}.crop-controls{grid-template-columns:1fr;gap:9px}.profile-hero-photo{aspect-ratio:16/10}.photos-badge{bottom:13px;right:13px;font-size:10px;padding:8px 11px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.gallery-tile:first-child:nth-last-child(n+3){grid-column:span 2;grid-row:auto;aspect-ratio:16/9}.photo-lightbox{width:100vw;height:100dvh;border-radius:0;padding:12px;max-width:none;margin:0}.lightbox-stage{padding:15px 0 60px}.lightbox-prev,.lightbox-next{top:auto;bottom:5px;transform:none}.lightbox-prev{left:calc(50% - 49px)}.lightbox-next{right:calc(50% - 49px)}.lightbox-thumbs button{width:54px;height:42px}.lightbox-help{font-size:9px}.lightbox-top{gap:10px}.upload-zone{padding:23px 12px}.brand-light{display:none}}
@media(prefers-reduced-motion:reduce){.gallery-tile img,.upload-zone{transition:none}}