/* Apartmani Sutomore: one CSS file for all plugin components (plan 4.5). Served from uploads/as-core/.
   Visual spec: design/redizajn-2026-10-11/app.css. Tokens are mirrored as Breakdance global variables (colours).
   Budget for render-blocking CSS on a public page, Breakdance included: 60 KiB. */

@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/dmsans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/dmsans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* F12: cross-document view transitions removed (every click navigation threw "Transition was skipped"; the photo morph was never built) */

:root{
  --as-navy:#001E31;--as-navy-2:#0B3049;--as-ink:#0C2132;--as-ink-2:#4E5F6B;--as-ink-3:#8796A1;
  --as-sea:#0DADF5;--as-sea-hover:#0A9FE2;--as-sea-press:#0891CE;--as-sea-ink:#06608F;--as-sea-50:#EAF7FE;--as-sea-100:#D2EEFC;
  --as-canvas:#F1F4F6;--as-surface:#fff;--as-surface-2:#F7F9FA;--as-line:#DFE5EA;--as-line-2:#C8D2D9;
  --as-beach:#E8B33C;
  --as-ok:#11734A;--as-ok-50:#E6F4EC;--as-warn:#8F5400;--as-warn-50:#FFF3DC;--as-danger:#B8352A;--as-danger-50:#FCEBE9;--as-heart:#E5484D;
  --as-viber:#7360F2;--as-wa:#1DA851;--as-link:#0B6FA4;
  --as-font:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --as-r-sm:8px;--as-r:10px;--as-r-md:14px;--as-r-lg:20px;--as-r-xl:28px;
  --as-sh-1:0 1px 2px rgba(0,30,49,.06);
  --as-sh-2:0 1px 2px rgba(0,30,49,.05),0 10px 28px rgba(0,30,49,.08);
  --as-sh-pop:0 6px 16px rgba(0,30,49,.10),0 28px 64px rgba(0,30,49,.20);
  --as-ease:cubic-bezier(.22,1,.36,1);--as-t:200ms;
  --as-gut:clamp(16px,3.2vw,40px);--as-hdr:72px;--as-max:1360px;
  --as-z-sticky:40;--as-drop:45;--as-z-hdr:50;--as-z-pop:60;--as-z-sheet:70;--as-z-modal:92;--as-z-toast:95;
  /* aliases: the pre-redesign names, so components that their own task has not rewritten yet keep rendering */
  --as-mist:var(--as-canvas);--as-sea-tint:var(--as-sea-50);--as-deep:var(--as-navy-2);--as-grad:var(--as-sea);
  --as-success:var(--as-ok);--as-white:#fff;
  --as-r-card:var(--as-r-md);--as-r-sheet:var(--as-r-lg);--as-r-pill:999px;
  --as-shadow-card:var(--as-sh-2);--as-shadow-raised:var(--as-sh-pop);
  --as-z-dropdown:var(--as-z-pop);--as-z-backdrop:var(--as-z-pop);
}

html{-webkit-text-size-adjust:100%}
body{font-family:var(--as-font);color:var(--as-ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.as{background:var(--as-canvas);margin:0}
body.as,body.as :where(h1,h2,h3,h4,h5,h6,button,input,select,textarea){font-family:var(--as-font)}
.as-wrap{max-width:var(--as-max);margin-inline:auto;padding-inline:var(--as-gut)}
.as :where(h1,h2,h3,h4,p,ul,ol,figure){margin:0}
.as :where(ul,ol){padding:0;list-style:none}
.as :where(a){color:var(--as-link);text-underline-offset:3px}
.as :where(img){display:block;max-width:100%;height:auto}
.as-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--as-navy);outline-offset:2px;box-shadow:0 0 0 5px rgba(13,173,245,.45)}

/* icons */
.as-icon{width:20px;height:20px;flex:none;vertical-align:-4px}
.as-icon--s{width:16px;height:16px}
.as-icon--l{width:24px;height:24px}
.as-logo-mark{width:40px;height:40px;flex:none}

/* type */
.as-display{font-size:clamp(34px,5.6vw,74px);line-height:1.02;font-weight:760;letter-spacing:-.038em;text-wrap:balance}
.as-h1{font-size:clamp(30px,3.4vw,44px);line-height:1.08;font-weight:740;letter-spacing:-.032em;text-wrap:balance}
.as-h2{font-size:clamp(24px,2.5vw,32px);line-height:1.12;font-weight:720;letter-spacing:-.026em;text-wrap:balance}
.as-h3{font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.016em}
.as-h4{font-size:clamp(17px,1.6vw,19px);line-height:1.25;font-weight:650;letter-spacing:-.012em}
.as-lead{font-size:clamp(16.5px,1.4vw,19px);line-height:1.5;color:var(--as-ink-2);max-width:60ch;text-wrap:pretty}
.as-body{font-size:16px;max-width:68ch;text-wrap:pretty}
.as-small{font-size:14px;line-height:1.45;color:var(--as-ink-2)}
.as-tiny{font-size:12.5px;line-height:1.4;color:var(--as-ink-2)}
.as-muted{color:var(--as-ink-2)}

/* buttons */
.as-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:var(--as-r);background:none;font:650 15.5px/1 var(--as-font);letter-spacing:-.006em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s,transform .15s var(--as-ease);-webkit-tap-highlight-color:transparent}
.as-btn .as-icon{width:18px;height:18px}
.as-btn:active{transform:scale(.98)}
.as-btn--sea,.as-btn--primary{background:var(--as-sea);color:var(--as-navy)!important}
.as-btn--sea:hover,.as-btn--primary:hover{background:var(--as-sea-hover)}
.as-btn--sea:active,.as-btn--primary:active{background:var(--as-sea-press)}
.as-btn--navy{background:var(--as-navy);color:#fff!important}
.as-btn--navy:hover{background:var(--as-navy-2)}
.as-btn--line,.as-btn--secondary{background:#fff;border-color:var(--as-line-2);color:var(--as-ink)!important}
.as-btn--line:hover,.as-btn--secondary:hover{border-color:var(--as-ink)}
.as-btn--ghost{color:var(--as-ink)!important}
.as-btn--ghost:hover{background:rgba(0,30,49,.06)}
.as-btn--white,.as-btn--onnavy{background:#fff;color:var(--as-ink)!important}
.as-btn--white:hover,.as-btn--onnavy:hover{background:var(--as-sea-50)}
.as-btn--sm{min-height:40px;padding:0 14px;font-size:14.5px;border-radius:9px}
.as-btn--lg{min-height:56px;padding:0 26px;font-size:16.5px;border-radius:12px}
.as-btn--icon{width:44px;min-height:44px;padding:0;background:#fff;color:var(--as-ink);border-color:var(--as-line-2)}
.as-btn--sm.as-btn--icon{width:40px}
.as-btn--block{display:flex;width:100%}
.as-btn[disabled]{opacity:.45;pointer-events:none}

/* chips, tags, pills */
.as-chips{display:flex;flex-wrap:wrap;gap:8px}
.as-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid var(--as-line);border-radius:var(--as-r);background:#fff;color:var(--as-ink);font:600 14.5px/1 var(--as-font);white-space:nowrap;text-decoration:none;cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s}
.as-chip:hover{border-color:var(--as-line-2)}
.as-chip--on,.as-chip.is-on{border-color:var(--as-navy);box-shadow:inset 0 0 0 1px var(--as-navy)}
.as-chip .as-icon{width:18px;height:18px;color:var(--as-ink-2)}
.as-chip small{font-size:13px;color:var(--as-ink-2);font-weight:500}
.as-chip__n{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--as-navy);color:#fff;font-size:12px;font-weight:700;display:inline-grid;place-items:center}
.as-tags{display:flex;flex-wrap:wrap;gap:6px}
.as-tag{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;background:var(--as-canvas);font-size:13px;font-weight:600;color:var(--as-ink);white-space:nowrap}
.as-tag .as-icon{width:15px;height:15px;color:var(--as-ink-2)}
.as-tag--sea{background:var(--as-sea-50);color:var(--as-sea-ink)}
.as-tag--sea .as-icon{color:var(--as-sea-ink)}
.as-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:12.5px;font-weight:650;white-space:nowrap;background:var(--as-canvas);color:var(--as-ink-2)}
.as-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.as-pill--live,.as-pill--publish{background:var(--as-ok-50);color:var(--as-ok)}
.as-pill--review,.as-pill--pending{background:var(--as-warn-50);color:var(--as-warn)}
.as-pill--draft{background:#ECEFF2;color:var(--as-ink-2)}
.as-pill--sea{background:var(--as-sea-50);color:var(--as-sea-ink)}
.as-pill--new{background:var(--as-navy);color:#fff}
.as-pill--danger{background:var(--as-danger-50);color:var(--as-danger)}
.as-pill--private{background:#EDE9F7;color:#4B3B87}

/* form fields (.as-inp is the new name, .as-input the one the forms already emit) */
.as-fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.as-fld>label,.as-fld__l{font-size:13.5px;font-weight:650;color:var(--as-ink)}
.as-fld__h{font-size:13px;color:var(--as-ink-2)}
.as-inp,.as-input{width:100%;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--as-line-2);border-radius:var(--as-r);background:#fff;color:var(--as-ink);font:400 15.5px/1.3 var(--as-font);transition:border-color .15s,box-shadow .15s}
.as-inp::placeholder,.as-input::placeholder{color:#64747F}
.as-inp:hover,.as-input:hover{border-color:#A9B6BF}
.as-inp:focus,.as-input:focus{outline:none;border-color:var(--as-navy);box-shadow:0 0 0 4px rgba(13,173,245,.28)}
textarea.as-inp,textarea.as-input{min-height:96px;padding:12px 14px;line-height:1.5;resize:vertical}
select.as-inp,select.as-input{appearance:none;padding-right:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230C2132' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center}
.as-inp[aria-invalid=true],.as-input[aria-invalid=true]{border-color:var(--as-danger);box-shadow:0 0 0 1px var(--as-danger)}

/* popover base (the map mini card is .as-mpop) */
.as-popover{position:absolute;z-index:var(--as-drop);background:#fff;border-radius:18px;box-shadow:var(--as-sh-pop);border:1px solid var(--as-line);padding:20px;max-width:calc(100vw - 24px)}
.as-popover__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--as-line)}
.as-scrim{position:fixed;inset:0;z-index:calc(var(--as-z-pop) - 1);background:rgba(0,30,49,.35)}
@media(max-width:640px),(max-height:500px) and (pointer:coarse){.as-popover{position:fixed;z-index:var(--as-z-pop);left:0;right:0;bottom:0;top:auto;max-width:none;border-radius:22px 22px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));max-height:88vh;overflow:auto}}

/* the signature: measured distance */
.as-dist{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:18px;line-height:1.2;color:var(--as-navy)}
.as-dist .as-icon{width:22px;height:22px;color:var(--as-sea);stroke-width:2.4}
.as-dist small{font-weight:500;font-size:13px;color:var(--as-ink-2)}

/* badges */
.as-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--as-r-pill);background:#fff;color:var(--as-navy);font:600 13px/1 var(--as-font);box-shadow:var(--as-shadow-card)}
.as-badge .as-icon{width:16px;height:16px;color:var(--as-success)}
.as-demo{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;border:1px solid var(--as-line);color:var(--as-ink-2);font:600 12px/1 var(--as-font);letter-spacing:.02em}

/* property card */
.as-grid{display:grid;gap:28px 24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.as-card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;border-radius:18px}
.as-card__media{position:relative;border-radius:16px;overflow:hidden;background:#DCE4E9;aspect-ratio:4/3}
.as-card__track{position:relative;z-index:2;display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:pointer}
.as-card__track::-webkit-scrollbar{display:none}
.as-card__track a{flex:0 0 100%;display:block;scroll-snap-align:start}
.as-card__track img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--as-ease)}
/* F36: photos 2 to 5 sit beside the first inside the scroller and the browser would fetch them all (28 images, about 1 MB on the search page at 390 px).
   They are not rendered, so not fetched, until the visitor touches sideways, hovers or focuses the card (as-ui.js adds is-warm). */
.as-card__track a:not(:first-child){content-visibility:auto}
.as-card__media.is-warm .as-card__track a{content-visibility:visible}
.as-card:hover .as-card__track img{transform:scale(1.03)}
.as-card__track:focus-visible{outline:2px solid var(--as-navy);outline-offset:-4px;box-shadow:inset 0 0 0 6px rgba(13,173,245,.45)}
.as-card__media:hover .as-card__track{scroll-behavior:smooth}
/* A mouse or trackpad over a card photo must scroll the page, never the photo (a diagonal wheel or a latched trackpad gesture moved the photo
   instead). On desktop the track is not user scrollable: the arrows (scrollBy) and the dots still move it. Touch screens keep the swipe. */
@media(hover:hover) and (pointer:fine){.as-card__track{overflow:hidden}}
.as-card__nav{position:absolute;z-index:4;top:50%;translate:0 -50%;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 1px 4px rgba(0,30,49,.2);display:grid;place-items:center;color:var(--as-ink);cursor:pointer;opacity:0;transition:opacity .2s}
.as-card__nav .as-icon{width:18px;height:18px}
.as-card__nav--p{left:10px}
.as-card__nav--n{right:10px}
.as-card:hover .as-card__nav,.as-card__nav:focus-visible{opacity:1}
@media(hover:none){.as-card__nav{display:none}}
.as-card__heart{position:absolute;top:10px;right:10px;z-index:4}
.as-card__heart .as-btn{width:40px;min-height:40px;border-radius:50%;background:rgba(255,255,255,.96);border:0;box-shadow:0 1px 4px rgba(0,30,49,.18);transition:transform .15s var(--as-ease)}
.as-card__heart .as-btn:hover{transform:scale(1.06)}
.as-card__heart .as-icon{width:20px;height:20px}
.as-card__heart .as-btn[aria-pressed=true] .as-icon{fill:var(--as-heart);color:var(--as-heart)}
.as-card__badge{position:absolute;left:10px;top:10px;z-index:4;gap:0;min-width:28px;height:28px;padding:0 6px;border-radius:999px;overflow:hidden;font:650 12.5px/1 var(--as-font);box-shadow:0 1px 3px rgba(0,30,49,.15);cursor:default}
.as-card__badge .as-icon{flex:none}
.as-card__badge-t{display:block;max-width:0;opacity:0;white-space:nowrap;transition:max-width .28s var(--as-ease),opacity .18s,margin .28s var(--as-ease)}
.as-card__badge:hover{padding-right:11px}
.as-card__badge:hover .as-card__badge-t{max-width:150px;opacity:1;margin-left:6px}
@media(hover:none){.as-card__badge{pointer-events:none}}
.as-card__dist{position:absolute;left:10px;bottom:10px;z-index:4;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 6px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--as-sea-ink);font:650 12px/1 var(--as-font);letter-spacing:-.005em;box-shadow:0 1px 3px rgba(0,30,49,.18);pointer-events:none;white-space:nowrap}
.as-card__dist .as-icon{width:15px;height:15px;stroke-width:2;color:var(--as-sea)}
.as-dots{position:absolute;left:0;right:0;bottom:10px;z-index:3;display:flex;justify-content:center;gap:5px;pointer-events:none}
.as-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6)}
.as-dots i.on{background:#fff}
.as-card__body{display:grid;gap:3px;padding-inline:2px}
.as-card__title{margin-top:2px;font-size:17.5px;line-height:1.25;font-weight:720;letter-spacing:-.018em}
.as-card__title a{color:var(--as-ink);text-decoration:none}
.as-card__title a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:18px}
.as-card__meta{font-size:14.5px;color:var(--as-ink-2)}
.as-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px}
.as-card__m{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.as-card__m .as-icon{width:16px;height:16px;stroke-width:1.9;color:var(--as-sea-ink)}
.as-card__fit{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:620;color:var(--as-ok)}
.as-card__fit .as-icon{width:16px;height:16px}
.as-card__price{display:flex;align-items:baseline;gap:5px;margin-top:5px;font-size:17px;font-weight:760;letter-spacing:-.015em;color:var(--as-ink)}
.as-card__price small{font-size:14.5px;font-weight:400;letter-spacing:0;color:var(--as-ink-2)}
.as-card--unclaimed .as-card__meta em{font-style:normal;color:var(--as-ink-2)}
.as-card:has(.as-card__title a:focus-visible){outline:2px solid var(--as-navy);outline-offset:6px;box-shadow:0 0 0 7px var(--as-sea);border-radius:18px}
.as-card__demo{margin-left:8px;vertical-align:2px}

/* search pill */
.as-search{display:flex;align-items:stretch;background:#fff;border:1px solid var(--as-line);border-radius:var(--as-r-pill);box-shadow:var(--as-shadow-raised);padding:8px;max-width:760px}
.as-search__seg{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 22px;border-radius:var(--as-r-pill);text-align:left;background:none;border:0;cursor:pointer;font-family:var(--as-font);color:var(--as-navy);transition:background-color var(--as-t)}
.as-search__seg+.as-search__seg{position:relative}
.as-search__seg+.as-search__seg::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:var(--as-line)}
.as-search__seg:hover{background:var(--as-mist)}
.as-search__seg b{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--as-navy)}
.as-search__seg b .as-icon{width:15px;height:15px;color:var(--as-link)}
.as-search__seg span{font-size:16px;color:var(--as-ink-2)}
.as-search__seg span.is-set{color:var(--as-navy);font-weight:500}
.as-search__go{align-self:center;width:56px;height:56px;border-radius:50%;border:0;background:var(--as-sea);color:var(--as-navy);display:grid;place-items:center;cursor:pointer;flex:none}
.as-search__go .as-icon{width:24px;height:24px}
.as-search--compact{display:none}
.as-bar-search{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 20px;background:#fff;border:1px solid var(--as-line);border-radius:var(--as-r-pill);box-shadow:var(--as-shadow-raised);font:600 16px/1.2 var(--as-font);color:var(--as-navy);text-align:left}
.as-bar-search .as-icon{width:22px;height:22px;color:var(--as-navy)}
.as-bar-search small{display:block;font-weight:500;font-size:13px;color:var(--as-ink-2)}

/* date picker */
.as-cal{background:#fff;border-radius:var(--as-r-sheet);box-shadow:var(--as-shadow-raised);padding:24px;max-width:720px;border:1px solid var(--as-line)}
.as-cal__months{display:grid;gap:32px;grid-template-columns:1fr}
@media(min-width:720px){.as-cal__months{grid-template-columns:1fr 1fr}}
.as-cal__head{display:flex;align-items:center;gap:8px;height:44px;margin-bottom:8px}
.as-cal__head h3{flex:1;font-size:17px;font-weight:700}
.as-cal__head .as-btn{box-shadow:none}
.as-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px}
.as-cal__dow{font-size:12px;font-weight:600;color:var(--as-ink-2);text-align:center;padding:6px 0;text-transform:none}
.as-cal__d{position:relative;height:44px;display:grid;place-items:center;font-size:15px;font-weight:500;background:none;border:0;color:var(--as-navy);cursor:pointer;border-radius:50%;font-family:var(--as-font)}
.as-cal__d:hover{box-shadow:inset 0 0 0 1.5px var(--as-navy)}
.as-cal__d.is-off{color:#8794A0;text-decoration:line-through;cursor:default;pointer-events:none}
.as-cal__d.is-today{text-decoration:underline;text-underline-offset:4px}
.as-cal__d.is-in{background:var(--as-sea-tint);border-radius:0}
.as-cal__d.is-start,.as-cal__d.is-end{background:transparent;color:var(--as-navy);font-weight:700;z-index:1}
.as-cal__d.is-start::before,.as-cal__d.is-end::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:var(--as-sea)}
.as-cal__d.is-start::after,.as-cal__d.is-end::after{content:"";position:absolute;top:0;bottom:0;z-index:-2;background:var(--as-sea-tint)}
.as-cal__d.is-start::after{left:50%;right:0}
.as-cal__d.is-end::after{left:0;right:50%}
.as-cal__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--as-line);flex-wrap:wrap}
@media(max-width:719px){.as-cal__foot{position:sticky;bottom:0;background:#fff;padding-bottom:4px}.as-cal__foot .as-row{width:100%}.as-cal__foot .as-btn--primary{flex:1}}

/* property page pieces (gallery, title, facts, unit rows, inquiry, lightbox) live in the block "property (R6)" at the end */

/* inquiry card base (the R6 block refines it) + mobile bar */
.as-inq{padding:20px;border:1px solid var(--as-line);border-radius:var(--as-r-sheet);background:#fff;display:flex;flex-direction:column;gap:14px}
.as-field{display:flex;flex-direction:column;gap:6px}
.as-field label{font-size:13.5px;font-weight:650}
.as-field__box{min-height:48px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--as-line-2);border-radius:var(--as-r);font-size:16px;background:#fff}
.as-field__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.as-bar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--as-line);box-shadow:0 -6px 24px rgba(0,30,49,.1)}
.as-bar a,.as-bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:46px;border-radius:12px;border:0;background:none;font:600 10.5px/1.1 var(--as-font);color:var(--as-navy);text-decoration:none;cursor:pointer}
.as-bar a .as-icon,.as-bar button .as-icon{width:18px;height:18px}
.as-bar a[aria-current]:not(.is-main){background:var(--as-sea-50)}
@media(max-width:359px){.as-bar{gap:2px;padding-inline:6px}.as-bar a,.as-bar button{font-size:10px}}
.as-bar .is-main{background:var(--as-sea);color:var(--as-navy)}
.as-bar--fixed{position:fixed;left:0;right:0;bottom:0;z-index:var(--as-z-sticky)}
@media(min-width:1061px){.as-bar--fixed{display:none}}

/* empty state, skeleton */
.as-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px;border:1px solid var(--as-line);border-radius:var(--as-r-lg);background:#fff}
.as-empty b{color:var(--as-ink)}
.as-empty>.as-icon{width:32px;height:32px;color:var(--as-link)}
.as-skel{display:flex;flex-direction:column;gap:12px}
.as-skel i{display:block;border-radius:8px;background:linear-gradient(90deg,#E9EEF2 25%,#F5F8FA 50%,#E9EEF2 75%);background-size:200% 100%;animation:as-shimmer 1.4s linear infinite}
.as-skel i:first-child{aspect-ratio:4/3;border-radius:var(--as-r-card)}
.as-skel i:nth-child(2){height:18px;width:55%}
.as-skel i:nth-child(3){height:16px;width:80%}
@keyframes as-shimmer{to{background-position:-200% 0}}

/* design page helpers */
.as-dz section{padding-block:56px;border-top:1px solid var(--as-line)}
.as-dz section:first-of-type{border-top:0}
.as-dz__intro{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.as-sw{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.as-sw div{border:1px solid var(--as-line);border-radius:var(--as-r-card);overflow:hidden;font-size:14px}
.as-sw i{display:block;height:84px}
.as-sw p{padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.as-sw b{font-size:15px}
.as-sw em{font-style:normal;color:var(--as-ink-2)}
.as-sw .ok{color:var(--as-success);font-weight:600}
.as-sw .no{color:var(--as-danger);font-weight:600}
.as-stack{display:flex;flex-direction:column;gap:24px}
.as-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.as-frame{border:1px solid var(--as-line);border-radius:var(--as-r-sheet);padding:20px;background:#fff}
.as-frame--phone{width:min(100%,390px);padding:0;overflow:hidden}
.as-frame--tint{background:var(--as-mist)}
.as-logos{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.as-logos>div{display:flex;align-items:center;gap:12px;padding:28px;border-radius:var(--as-r-card);font-size:22px;font-weight:700;letter-spacing:-.01em}
.as-logos .dark{background:var(--as-navy);color:#fff}
.as-logos .light{border:1px solid var(--as-line)}
.as-two{display:grid;gap:32px;grid-template-columns:1fr}
@media(min-width:1024px){.as-two{grid-template-columns:minmax(0,1fr) 380px;align-items:start}}

@media(max-width:767px){
  .as-search{display:none}
  .as-search--compact{display:block}
  .as-card__heart .as-btn{width:44px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .as-skel i{animation:none}
}

/* ---- site chrome ---- */
header:has(.as-hd),.bde-header-builder:has(.as-hd),.bde-shortcode:has(>.as-hd){position:sticky;top:0;z-index:var(--as-z-hdr);background:var(--as-canvas)}
.as-hd{--as-hd-h:var(--as-hdr);background:var(--as-canvas);transition:background-color .2s,box-shadow .2s}
.as-hd.is-scrolled{background:#fff;box-shadow:0 1px 0 var(--as-line)}
.as-hd__in{height:var(--as-hdr);display:flex;align-items:center;gap:20px}
.as-logo{--lk:1;display:inline-flex;align-items:center;gap:calc(12.11px * var(--lk));text-decoration:none;flex:none}
/* logo: mark + outlined wordmark, two SVGs on one scale and one height (sizes from design/logo-2026-10-14/final/site.json "px") */
.as-logo .as-logo-mark{width:calc(39.63px * var(--lk));height:calc(39.66px * var(--lk))}
.as-logo-word{display:block;flex:none;width:calc(113.33px * var(--lk));height:calc(39.66px * var(--lk))}
.as-logo--light .as-lw1{fill:var(--as-sea)}
.as-logo--light .as-lw2{fill:#fff}
.as-hd__nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.as-hd__a{position:relative;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:9px;color:var(--as-ink)!important;text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap}
.as-hd__a:hover{background:rgba(0,30,49,.06)}
.as-hd__a.is-on{color:var(--as-sea-ink)!important}
.as-hd__count[hidden]{display:none}
.as-hd__fav .as-hd__count{right:auto;left:22px;top:2px} /* F34: anchored to the heart icon (12 to 32 px), never over the label */
.as-hd__count{position:absolute;top:4px;right:2px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--as-heart);color:#fff;font-size:11px;font-weight:700}
.as-hd__cta{margin-left:6px}
/* Signed-in owners and admins: html.as-in is set by the inline script after the header (cookie as_in); the guest link goes, "Moj nalog" comes */
.as [data-as-user]{display:none}
.as-in .as [data-as-guest]{display:none}
.as-in .as .as-hd__a[data-as-user]{display:inline-flex}
.as-in .as .as-menu__panel a[data-as-user]{display:flex}
.as-in .as .as-ft li[data-as-user]{display:list-item}
.as-hd__a svg{flex:none}
.as-menu{display:none;position:relative}
.as-menu__btn{list-style:none;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--as-r);cursor:pointer;color:var(--as-ink)}
.as-menu__btn:hover{background:rgba(0,30,49,.06)}
.as-menu__btn::-webkit-details-marker{display:none}
.as-menu__panel{position:fixed;top:var(--as-hd-h,72px);left:0;right:0;bottom:0;z-index:var(--as-z-sheet);background:#fff;padding:8px var(--as-gut) 32px;overflow:auto}
.as-menu__panel a{display:flex;align-items:center;gap:14px;min-height:60px;border-bottom:1px solid var(--as-line);color:var(--as-ink);text-decoration:none;font-size:18px;font-weight:650}
@media(max-width:1023px){
  .as-menu{display:block}
  .as-hd__a--hide,.as-hd__cta{display:none}
  .as-in .as .as-hd__a--hide[data-as-user]{display:none}
}
.as-ft{margin-top:clamp(56px,7vw,96px);background:var(--as-navy);color:rgba(255,255,255,.85);padding-block:56px 32px;font-size:15px}
.as-ft a{color:#fff;text-underline-offset:3px}
.as-ft__top{display:grid;gap:32px;grid-template-columns:1.4fr repeat(3,1fr)}
.as-ft__about p{margin-top:14px;max-width:38ch}
.as-ft__about p+p{margin-top:12px}
.as-ft__h{font-size:15px;font-weight:700;color:#fff;margin-bottom:12px}
.as-ft__col li+li{margin-top:4px}
.as-ft__col a{display:inline-flex;align-items:center;min-height:28px;font-size:14.5px;text-decoration:none}
.as-ft__col a:hover{text-decoration:underline}
.as-ft__socs{display:flex;gap:10px;margin-top:16px}
.as-ft__soc{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;transition:background .15s}
.as-ft__soc:hover{background:rgba(255,255,255,.2)}
.as-ft__soc .as-icon{width:20px;height:20px}
.as-ft__bot{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:rgba(255,255,255,.6);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:760px){.as-ft__top{grid-template-columns:1fr 1fr}.as-ft__about{grid-column:1/-1}}

/* search form (home and /smjestaj/) */
.as-sform,.as-sform__pillbox{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;align-items:stretch;background:#fff;border:1px solid var(--as-line);border-radius:var(--as-r-pill);box-shadow:var(--as-shadow-raised);padding:8px;max-width:860px}
.as-sform{margin-top:28px}
.as-sform__seg{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 20px;min-width:0;border-radius:var(--as-r-pill);cursor:pointer}
.as-sform__seg:hover{background:var(--as-mist)}
.as-sform__seg+.as-sform__seg::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:var(--as-line)}
.as-sform__seg b{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}
.as-sform__seg b .as-icon{width:15px;height:15px;color:var(--as-link)}
.as-sform__seg input,.as-sform__seg select{width:100%;min-width:0;min-height:26px;padding:0;border:0;background:transparent;color:var(--as-navy);font:500 16px/1.3 var(--as-font)}
.as-sform__seg input::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}
.as-sform__guests span{display:flex;gap:8px}
.as-sform__go{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--as-r-pill);background:var(--as-sea);color:var(--as-navy);padding:0 26px;min-height:56px;font:700 16px/1 var(--as-font);cursor:pointer;transition:filter var(--as-t)}
.as-sform__go:hover{filter:brightness(1.06)}
.as-sform__go .as-icon{width:22px;height:22px}
@media(max-width:719px){
  .as-sform,.as-sform__pillbox{grid-template-columns:1fr;border-radius:20px;padding:6px 6px 10px}
  .as-sform__seg{border-radius:14px;padding:10px 14px}
  .as-sform__seg+.as-sform__seg::before{left:14px;right:14px;top:0;bottom:auto;width:auto;height:1px}
  .as-sform__go{margin:6px 8px 0;min-height:52px}
}

/* homepage */
/* ---- home (R5) ---- */
.as-hero{padding-top:6px}
.as-hero__frame{position:relative;display:flex;align-items:flex-end;min-height:clamp(440px,52vw,600px);border-radius:var(--as-r-xl);overflow:hidden;background:#9cc9dc}
.as-hero__frame picture,.as-hero__frame img{position:absolute;inset:0;width:100%;height:100%}
.as-hero__frame img{object-fit:cover;object-position:50% 40%}
.as-hero__frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,30,49,0) 25%,rgba(0,30,49,.66) 100%),linear-gradient(90deg,rgba(0,30,49,.45) 0%,rgba(0,30,49,.1) 50%,rgba(0,30,49,0) 70%)}
.as-hero__copy{position:relative;z-index:1;display:grid;gap:18px;max-width:1040px;padding:clamp(24px,4.4vw,64px);padding-bottom:clamp(96px,9vw,132px);color:#fff}
.as-hero__copy .as-display{color:#fff}
.as-hero__copy .as-lead{max-width:50ch;color:rgba(255,255,255,.92);font-size:clamp(16.5px,1.5vw,20px)}
.as-hero__cap{position:absolute;z-index:1;top:18px;right:18px;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--as-ink);font-size:13px;font-weight:600}
.as-hero__cap .as-icon{width:15px;height:15px;color:var(--as-sea-ink)}
.as-hero__form{position:relative;z-index:5;max-width:1120px;margin:-48px auto 0}
.as-hero .as-sbox{border:0;box-shadow:var(--as-sh-pop)}
.as-sfield--sel select{appearance:none;-webkit-appearance:none;cursor:pointer}
@media(min-width:720px){
  .as-hero__form{margin-top:-60px}
  .as-hero .as-sbox{border-radius:22px}
  .as-hero .as-sfield{min-height:66px;padding:10px 20px}
  .as-hero .as-sbox__go{min-height:66px;border-radius:15px;padding:0 30px;font-size:17px}
}
.as-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:0;padding:22px 0 0;list-style:none;font-size:14.5px;font-weight:600}
.as-proof li{display:inline-flex;align-items:center;gap:8px}
.as-proof__ic{display:inline-flex;flex:none}
.as-proof .as-icon{width:18px;height:18px;color:var(--as-sea-ink)}
.as-proof__t b{font-weight:inherit}
.as-proof__t span{display:none}
.as-hs{padding-top:clamp(48px,6vw,88px)}
.as-home>.as-hs:last-child{padding-bottom:clamp(56px,7vw,96px)}
.as-hs>.as-h2{margin-bottom:24px}
.as-hs__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.as-hs__head p{margin-top:8px}
.as-hlink{display:inline-flex;align-items:center;gap:6px;font-weight:650;text-decoration:none;color:var(--as-ink)}
.as-hlink:hover{color:var(--as-sea-ink)}
.as-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}
@media(max-width:1100px){.as-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.as-grid--4{grid-template-columns:1fr}}
.as-grid--home{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}
@media(max-width:1100px){.as-grid--home{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}}
@media(max-width:560px){.as-grid--home{grid-template-columns:1fr}.as-grid--home>:nth-child(n+5){display:none}}
.as-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:900px){.as-quick{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.as-quick{grid-template-columns:1fr}}
.as-quick__a{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--as-line);border-radius:16px;background:#fff;text-decoration:none;color:var(--as-ink);transition:border-color .15s,box-shadow .15s}
.as-quick__a:hover{border-color:var(--as-line-2);box-shadow:var(--as-sh-2)}
.as-quick__ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--as-sea-50);color:var(--as-sea-ink)}
.as-quick__t b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.01em}
.as-quick__t span{font-size:13.5px;color:var(--as-ink-2)}
.as-quick__go{margin-left:auto;color:var(--as-ink-3)}
.as-hown{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);overflow:hidden;border-radius:var(--as-r-xl);background:var(--as-navy);color:#fff}
.as-hown__copy{display:grid;align-content:center;gap:18px;padding:clamp(28px,5vw,64px)}
.as-hown h2{color:#fff}
.as-hown .as-lead{color:rgba(255,255,255,.82)}
.as-hsteps{display:grid;gap:14px;margin:6px 0 8px;padding:0;list-style:none}
.as-hsteps li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}
.as-hsteps b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(13,173,245,.18);color:var(--as-sea);font-weight:750}
.as-hsteps strong{display:block;font-weight:700}
.as-hsteps span{font-size:14.5px;color:rgba(255,255,255,.75)}
.as-hown__btns{display:flex;flex-wrap:wrap;gap:12px}
.as-hown .as-hown__more{color:#fff!important}
.as-hown .as-hown__more:hover{background:rgba(255,255,255,.1)}
.as-hown__demo{display:grid;place-content:center;justify-items:center;padding:clamp(24px,4vw,48px);background:linear-gradient(160deg,#0B3049,#06283D)}
.as-phone{width:min(320px,100%);padding:14px;border:6px solid #0d1a24;border-radius:32px;background:#fff;color:var(--as-ink);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.as-phone__top{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 12px;font-size:13px;font-weight:650}
.as-phone__card{display:grid;gap:8px;padding:14px;border:1px solid var(--as-line);border-radius:16px}
.as-phone__row{display:flex;gap:8px}
.as-hown__note{margin-top:16px;font-size:12.5px;color:rgba(255,255,255,.72)}
@media(max-width:900px){.as-hown{grid-template-columns:1fr}}
/* ---- end home ---- */

/* search page (R4b): server rendered, every control is a real GET field. Spec: prototype .shead .sbox .fbar .active .rhead .sp */
[hidden]{display:none!important}
.as-sp{padding-block:18px 8px}
.as-sp__head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 24px;margin-bottom:16px}
.as-sp__form{display:contents}
.as-sbox{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.1fr auto;align-items:stretch;padding:8px;background:#fff;border:1px solid var(--as-line);border-radius:18px;box-shadow:var(--as-sh-2)}
.as-sfield{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:56px;padding:8px 16px;border-radius:14px;color:var(--as-ink);text-decoration:none;cursor:pointer}
.as-sfield:hover,.as-sfield:focus-within{background:var(--as-canvas)}
.as-sfield+.as-sfield::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--as-line)}
.as-sfield:hover::before,.as-sfield:focus-within::before,.as-sfield:hover+.as-sfield::before,.as-sfield:focus-within+.as-sfield::before{opacity:0}
.as-sfield__l{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--as-ink-2)}
.as-sfield__l .as-icon{width:15px;height:15px}
.as-sfield__v{display:block;width:100%;min-width:0;min-height:26px;padding:0;border:0;background:transparent;color:var(--as-ink);font:650 16px/1.3 var(--as-font);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.as-sfield input.as-sfield__v{height:26px;font-weight:550}
.as-sfield input[type=number].as-sfield__v{appearance:textfield;-moz-appearance:textfield}
.as-sfield input::-webkit-outer-spin-button,.as-sfield input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.as-sfield input.as-sfield__v::placeholder{color:#5C6B76;font-weight:500}
.as-sfield__g{display:flex;gap:10px}
.as-sfield__g label{flex:1 1 0;min-width:0}
.as-sfield--link:not(.is-on) .as-sfield__v{color:#5C6B76;font-weight:500}
/* the pill shows the focus (canvas fill + hairline), not a ring around the bare field inside it */
.as-sfield .as-sfield__v:focus-visible{outline:none;box-shadow:none}
.as-sfield:has(.as-sfield__v:focus-visible){box-shadow:inset 0 0 0 1px var(--as-line-2)}
.as-sfield--name{cursor:text}
.as-sfield--name input.as-sfield__v{appearance:none;-webkit-appearance:none;text-overflow:ellipsis}
.as-sfield--name input::-webkit-search-decoration,.as-sfield--name input::-webkit-search-cancel-button{-webkit-appearance:none}
.as-sbox__go{align-self:stretch;min-height:56px;margin-left:6px;padding:0 30px;border-radius:14px;font-size:16.5px}
.as-sbox__go .as-icon{width:20px;height:20px}
@media(max-width:719px){
  .as-sbox{grid-template-columns:1fr 1fr}
  .as-sfield{min-height:60px;padding:8px 14px;border-radius:0}
  .as-sfield+.as-sfield::before{display:none}
  .as-sfield:nth-child(2n){border-left:1px solid var(--as-line)}
  .as-sfield:nth-child(n+3){border-top:1px solid var(--as-line)}
  .as-sbox__go{grid-column:1/-1;margin:8px 0 0;min-height:52px}
}

/* F19: tablet (720 to 900 px): the search box gives the guests field more room and tighter padding, so "Dodaj goste" is not cut */
@media(min-width:720px) and (max-width:900px){
  .as-sbox{grid-template-columns:1.3fr 1.1fr .9fr;row-gap:4px}
  .as-sfield,.as-hero .as-sfield{padding:10px 14px}
  .as-sfield--name{grid-column:1/3}
  .as-sfield--name::before{display:none}
  .as-sbox__go,.as-hero .as-sbox__go{margin-left:4px;padding:0 18px;font-size:16px}
}
/* filter row: <details> popovers with counts */
.as-fbar{position:sticky;top:var(--as-hdr);z-index:var(--as-z-sticky);display:flex;align-items:center;gap:8px;margin-top:4px;padding-block:12px;background:#ffffff00}
.as-fbar__scroll{display:flex;flex-wrap:wrap;flex:1 1 auto;gap:8px;min-width:0}
.as-fbar__right{display:flex;flex:none;align-items:center;gap:8px}
.as-fil{position:relative}
.as-fil>summary{list-style:none}
.as-fil>summary::-webkit-details-marker{display:none}
.as-fil__btn{user-select:none}
.as-fil__chev{width:16px;height:16px;color:var(--as-ink-2);transition:rotate .15s}
.as-fil[open]>.as-fil__btn{border-color:var(--as-navy)}
.as-fil[open] .as-fil__chev{rotate:180deg}
.as-fil__pop{top:calc(100% + 8px);left:0;min-width:300px;animation:as-popin .18s var(--as-ease)}
@media(min-width:901px){.as-fil--wide .as-fil__pop{width:min(580px,calc(100vw - 24px))}}
@keyframes as-popin{from{opacity:0;translate:0 -6px}}
.as-opts{display:grid;gap:2px}
.as-opt{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 10px;border-radius:10px;font-weight:550;cursor:pointer}
.as-opt:hover{background:var(--as-canvas)}
.as-opt input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--as-navy)}
.as-opt .as-icon{width:19px;height:19px;color:var(--as-ink-2)}
.as-opt em{min-width:1.6em;margin-left:auto;font-style:normal;font-size:13.5px;font-weight:550;text-align:right;color:var(--as-ink-2)}
.as-opt.is-zero{color:#5C6B76}
.as-opt.is-zero .as-icon{opacity:.6}
.as-opts__h{padding:8px 10px 2px;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--as-ink-2)}
.as-opts__note{padding:8px 10px 0;max-width:280px}
.as-amgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;max-height:60vh;overflow:auto}
.as-fsort{position:relative;padding-right:36px}
.as-fsort select{appearance:none;-webkit-appearance:none;min-height:42px;padding:0 4px 0 0;border:0;background:transparent;color:var(--as-ink);font:600 14.5px/1 var(--as-font);cursor:pointer}
.as-fsort:has(select:focus-visible){outline:2px solid var(--as-navy);box-shadow:0 0 0 5px rgba(13,173,245,.45)}
.as-fsort select:focus-visible{outline:none;box-shadow:none}
.as-fsort .as-fil__chev{position:absolute;right:13px;top:50%;translate:0 -50%;pointer-events:none}
.as-btn--hidemap{min-height:44px;padding:0 18px}
.as-tag--rm{height:34px;padding:0 10px 0 12px;background:#fff;box-shadow:inset 0 0 0 1px var(--as-line);color:var(--as-ink);text-decoration:none;transition:box-shadow .15s}
.as-tag--rm:hover{box-shadow:inset 0 0 0 1px var(--as-ink)}
.as-active{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:8px}
.as-active:empty{display:none}
@media(max-width:900px){
  .as-fbar__scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px}
  .as-fbar__scroll::-webkit-scrollbar{display:none}
  /* F19: fade at the edge that has more chips (the sort select sits outside the scroller); the JS sets has-l / has-r */
  .as-fbar__scroll::before,.as-fbar__scroll::after{content:"";display:none;position:sticky;flex:none;align-self:stretch;width:36px;pointer-events:none;z-index:2}
  .as-fbar__scroll::before{left:0;margin-right:-36px;background:linear-gradient(to left,transparent,var(--as-canvas) 80%)}
  .as-fbar__scroll::after{right:0;margin-left:-36px;background:linear-gradient(to right,transparent,var(--as-canvas) 80%)}
  .as-fbar__scroll.has-l::before,.as-fbar__scroll.has-r::after{display:block}
  .as-fil__pop{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto!important;max-width:none;min-width:0;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;padding:0;border-radius:22px 22px 0 0}
  .as-fil__pop .as-opts{min-height:0;padding:16px 16px 0;overflow:auto}
  .as-fil__pop .as-popover__foot{flex:none;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:640px){
  .as-amgrid{grid-template-columns:1fr;max-height:none;overflow:visible}
  .as-fsort{padding:0 12px 0 14px;gap:6px}
  .as-fsort select{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;opacity:0}
}

/* F19: where the chips wrap to a second row (901 to 1100 px) the sort select stays on the first row; and the floating "Mapa" button gets room below the last card */
@media(min-width:901px){.as-fbar{align-items:flex-start}}
/* results header, cards, blocks */
.as-rhead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;padding:8px 0 18px}
.as-count{display:inline-flex;align-items:center;gap:10px;font-size:15.5px;color:var(--as-ink-2)}
.as-count b{display:inline-grid;place-items:center;min-width:34px;height:30px;padding:0 9px;border-radius:9px;background:var(--as-navy);color:#fff;font-size:15px;font-weight:750}
.as-grid--sp{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
@media(max-width:640px){.as-grid--sp{grid-template-columns:1fr}}
.as-block{display:flex;flex-direction:column;gap:12px;margin-top:44px}
.as-block>.as-grid{margin-top:8px}
.as-block--more{padding-top:28px;border-top:1px solid var(--as-line)}
.as-block--group{padding:22px;border:1px solid var(--as-line);border-radius:var(--as-r-lg);background:#fff}
.as-pager{display:flex;gap:8px;margin-top:32px;flex-wrap:wrap}
.as-pager a,.as-pager__cur{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--as-line);border-radius:50%;color:var(--as-navy);text-decoration:none;font-weight:600}
.as-pager__cur{background:var(--as-navy);border-color:var(--as-navy);color:#fff}
.as-fchip{position:relative;display:inline-flex}
.as-fchip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.as-fchip span{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border:1px solid var(--as-line);border-radius:var(--as-r);background:#fff;font:600 14.5px/1 var(--as-font);transition:background-color var(--as-t),border-color var(--as-t)}
.as-fchip input:checked+span{border-color:var(--as-navy);box-shadow:inset 0 0 0 1px var(--as-navy)}
.as-fchip input:focus-visible+span{outline:2px solid var(--as-navy);outline-offset:2px;box-shadow:0 0 0 5px rgba(13,173,245,.45)}
[aria-busy=true]{opacity:.55;transition:opacity var(--as-t)}
.as-sp__body{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;padding-bottom:40px}
.as-sp__map{display:none;position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--as-line);border-radius:var(--as-r-lg);background:#E8EEF0}
.as-sp__mapph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--as-ink-2);font-weight:650}
.as-sp__mapph .as-icon{width:32px;height:32px}
.as-sp__map>.as-sp__mapcanvas,.as-sp__map>.as-map{position:absolute;inset:0;height:auto;min-height:0;border:0;border-radius:0} /* two classes: MapLibre's own .maplibregl-map{position:relative} is injected later */
.as-sp__mapclose{display:none}
.as-mapleg{position:absolute;z-index:3;left:12px;top:12px;display:none;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;background:#fff;box-shadow:var(--as-sh-2);font-size:12.5px;font-weight:600}
.as-sp__map[data-as-map-state=live] .as-mapleg{display:flex}
.as-mapleg i{display:inline-block;width:22px;height:5px;margin-right:6px;border-radius:3px;background:var(--as-beach);vertical-align:middle}
.as-mapleg em{font-style:normal;font-weight:500;color:var(--as-ink-2)}
.as-mapbtn{display:none}
@media(min-width:1101px){
  .as-sp__body{grid-template-columns:minmax(0,1fr) minmax(380px,44%)}
  .as-sp__map{display:block;position:sticky;top:calc(var(--as-hdr) + 72px);height:calc(100vh - var(--as-hdr) - 88px);min-height:480px}
  .as-sp--nomap .as-sp__body{grid-template-columns:minmax(0,1fr)}
  .as-sp--nomap .as-sp__map{display:none}
  .as-sp--nomap .as-grid--sp{grid-template-columns:repeat(3,minmax(0,1fr))} /* cards only: three in a row (24 a page = eight rows) */
  .as-sp--maponly .as-sp__body{grid-template-columns:minmax(0,1fr)}
  .as-sp--maponly .as-sp__list{display:none}
  .as-sp--maponly .as-sp__map{height:calc(100vh - var(--as-hdr) - 88px);min-height:560px}
}
/* view switcher in the filter bar (desktop only: below 1101 px the floating "Mapa" button opens the sheet) */
.as-vsw{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--as-line);border-radius:var(--as-r);background:#fff}
.as-vsw[hidden]{display:none}
.as-vsw__b{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:40px;min-height:36px;padding:0 10px;border:0;border-radius:calc(var(--as-r) - 3px);background:transparent;color:var(--as-ink-2);font:600 14px/1 var(--as-font);cursor:pointer;transition:background-color .15s,color .15s}
.as-vsw__b .as-icon{width:19px;height:19px}
.as-vsw__b span{display:none}
.as-vsw__b:hover{background:var(--as-canvas);color:var(--as-ink)}
.as-vsw__b[aria-pressed=true]{background:var(--as-navy);color:#fff}
.as-vsw__b:focus-visible{outline:2px solid var(--as-navy);outline-offset:2px;box-shadow:0 0 0 5px rgba(13,173,245,.45)}
@media(min-width:1360px){.as-vsw__b span{display:inline}}
@media(max-width:1100px){.as-vsw{display:none!important}}
@media(max-width:1100px){
  .as-btn--hidemap{display:none}
  .as-sp__body{padding-bottom:104px}
  .as-mapbtn{display:inline-flex;position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));translate:-50% 0;z-index:var(--as-z-sticky);box-shadow:0 8px 24px rgba(0,30,49,.35)}
  .as-sp--sheet .as-mapbtn{display:none}
  .as-sp--sheet .as-sp__map{display:block;position:fixed;inset:var(--as-hdr) 0 0 0;z-index:var(--as-z-sheet);height:auto;min-height:0;border:0;border-radius:0}
  .as-sp--sheet .as-sp__mapclose{display:inline-flex;position:absolute;top:12px;right:12px;z-index:5;box-shadow:var(--as-sh-2)}
  .as-sp--sheet .as-mapleg em{display:none}
}
/* no JavaScript: no map box (the cards use the full width) and no "Do plaže" shortcut (it only opens a popover) */
@media(scripting:none){
  .as-sp__map,.as-sfield--link,.as-mapbtn{display:none!important}
  .as-sp__body{grid-template-columns:minmax(0,1fr)!important}
  .as-grid--sp{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
}
@media(scripting:none) and (min-width:720px){.as-sbox{grid-template-columns:1.5fr 1.1fr 1.1fr auto}}
/* "Do plaže" is a field of the search box: with scripting its chip is not drawn in the filter row nor in the phone sheet. The <details>
   stays in the form (its radios own `plaza` and carry the live counts the box reads); :target shows it if the box link ever falls back to its href. */
@media(scripting:enabled){.as-fil[data-as-filter=plaza]:not(:target){display:none}}
.as-map{height:100%;min-height:340px;border-radius:var(--as-r-card);overflow:hidden;border:1px solid var(--as-line)}
.as-map-fail{display:grid;place-content:center;justify-items:center;gap:6px;width:100%;height:100%;min-height:inherit;padding:24px;text-align:center;background:var(--as-canvas);color:var(--as-ink-2);font-size:14.5px}
.as-map-fail b{color:var(--as-ink);font-size:16px}
/* map pins (MapLibre markers) and the mini card; the library css is injected by as-map.js, so these rules carry .as for weight */
.as .maplibregl-map{font-family:var(--as-font);background:#F3F4EF}
.as .as-mp{display:block;z-index:1}
.as .as-mp__b{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 11px;border:0;border-radius:999px;background:#fff;color:var(--as-navy);font:750 13.5px/1 var(--as-font);white-space:nowrap;cursor:pointer;box-shadow:0 2px 8px rgba(0,30,49,.28),0 0 0 1px rgba(0,30,49,.08);transform-origin:50% 100%;transition:background-color .15s,color .15s,transform .15s var(--as-ease)}
.as .as-mp__b::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:inherit;translate:-50% 0;rotate:45deg;border-radius:0 0 3px 0;box-shadow:2px 2px 3px rgba(0,30,49,.12)}
.as .as-mp__b .as-icon{width:14px;height:14px;color:var(--as-sea-ink)}
.as .as-mp__b--dot{width:32px;padding:0}
.as .as-mp__b:hover,.as .as-mp__b.is-hot,.as .as-mp__b:focus-visible{background:var(--as-navy);color:#fff;transform:scale(1.08)}
.as .as-mp__b:hover .as-icon,.as .as-mp__b.is-hot .as-icon,.as .as-mp__b:focus-visible .as-icon{color:var(--as-sea)}
.as .as-mp__b--me{background:var(--as-navy);color:#fff;cursor:grab}
.as .as-mp__b--me .as-icon{color:var(--as-sea)}
.as .as-mp:hover,.as .as-mp:has(.is-hot){z-index:5}
.as .maplibregl-popup-content{padding:0;border-radius:18px;overflow:hidden;box-shadow:var(--as-sh-pop);font-family:var(--as-font);width:280px}
.as .maplibregl-popup-close-button{z-index:3;display:grid;place-items:center;width:36px;height:36px;top:10px;right:10px;padding:0 0 2px;border:0;border-radius:50%;background:rgba(255,255,255,.96);color:var(--as-ink);font:400 24px/1 var(--as-font);box-shadow:0 1px 4px rgba(0,30,49,.18);cursor:pointer;transition:transform .15s var(--as-ease)}
.as .maplibregl-popup-close-button:hover{background:rgba(255,255,255,.96);transform:scale(1.08)}
.as .maplibregl-popup-tip{display:none}
.as .as-mpop{position:relative;display:block;color:var(--as-ink)}
.as .as-mpop__ph{display:block;aspect-ratio:16/10;background:#DCE4E9;overflow:hidden}
.as .as-mpop__ph img{display:block;width:100%;height:100%;object-fit:cover}
.as .as-mpop__heart{position:absolute;z-index:3;top:10px;left:10px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.96);color:var(--as-ink);box-shadow:0 1px 4px rgba(0,30,49,.18);cursor:pointer;transition:transform .15s var(--as-ease)}
.as .as-mpop__heart:hover{transform:scale(1.08)}
.as .as-mpop__heart .as-icon{width:19px;height:19px}
.as .as-mpop__heart[aria-pressed=true] .as-icon{fill:var(--as-heart);color:var(--as-heart)}
.as .as-mpop__av{position:absolute;z-index:2;right:14px;top:151px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#DDF3FD;color:var(--as-sea-ink);border:3px solid #fff;box-shadow:0 1px 5px rgba(0,30,49,.22);font:700 15px/1 var(--as-font);overflow:hidden}
.as .as-mpop__av .as-icon{width:20px;height:20px}
.as .as-mpop__av .as-logo-mark{width:28px;height:28px}
.as .as-mpop__av img{display:block;width:100%;height:100%;object-fit:cover}
.as .as-mpop__b{display:grid;gap:3px;padding:16px 68px 14px 14px;color:var(--as-ink);text-decoration:none}
.as .as-mpop__b b{font-size:15.5px;letter-spacing:-.01em;line-height:1.25}
.as .as-mpop__d{position:absolute;z-index:2;left:10px;top:141px;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 6px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--as-sea-ink);font:650 12px/1 var(--as-font);letter-spacing:-.005em;box-shadow:0 1px 3px rgba(0,30,49,.18);pointer-events:none;white-space:nowrap}
.as .as-mpop__d .as-icon{width:15px;height:15px;stroke-width:2;color:var(--as-sea)}
.as .as-mpop__p{display:flex;align-items:baseline;gap:5px;margin-top:4px;color:var(--as-ink-2)}
.as .as-mpop__p strong{font-size:19px;font-weight:750;letter-spacing:-.015em;color:var(--as-navy)}
.as .as-mpop__p small{font-size:13px}
.as .as-mpop__p.is-ask strong{font-size:14.5px;font-weight:650;color:var(--as-ink-2)}
.as .maplibregl-ctrl-attrib{font-size:10.5px}
.as .maplibregl-ctrl-attrib-inner::before{content:"\00a9\00a0"}
.as .maplibregl-popup{z-index:20}
.as .maplibregl-ctrl-group{border-radius:10px;box-shadow:var(--as-sh-2)}
.as-card.is-hot .as-card__media{box-shadow:0 0 0 3px var(--as-sea)}

/* static pages (task 6) */
.as-page{padding-block:clamp(28px,5vw,64px)}
.as-prose{display:flex;flex-direction:column;gap:16px;max-width:720px}
.as-prose h1{margin-bottom:4px}
.as-prose h2{margin-top:20px}
.as-prose ul{list-style:disc;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.as-prose p,.as-prose li{max-width:68ch}
.as-note{padding:14px 18px;border:1px dashed var(--as-ink-2);border-radius:var(--as-r-card);background:var(--as-mist);font-size:15px}
.as-contact{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid var(--as-line);border-radius:var(--as-r-sheet);background:#fff;box-shadow:var(--as-shadow-card);max-width:480px}
.as-contact__phone{font-size:28px;font-weight:700;letter-spacing:-.01em}
.as-benefits{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin-block:8px}
.as-steps{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:step}
@media(max-width:767px){.as-benefits,.as-steps{grid-template-columns:1fr}}
.as-steps>li{counter-increment:step;display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--as-line);border-radius:var(--as-r-card)}
.as-steps>li::before{content:counter(step);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--as-navy);color:#fff;font-weight:700}
.as-benefits>li{display:flex;flex-direction:column;gap:6px}
.as-page--wide .as-prose{max-width:none}

/* property page shared bits (the page layout is in the block "property (R6)") */
.as-note-inline{display:flex;align-items:center;gap:8px}
.as-note-inline .as-icon{width:16px;height:16px}
.as-rules{display:grid;gap:10px 24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.as-rules li{display:flex;align-items:center;gap:10px}
.as-rules .as-icon{color:var(--as-link)}
.as-mapph{display:grid;place-items:center;min-height:220px;border:1px solid var(--as-line);border-radius:var(--as-r-card);background:var(--as-mist)}
.as-mapph .as-map{width:100%;height:340px;border:0;border-radius:var(--as-r-card)}
.as-claimbox{padding:20px;border:1px solid var(--as-line);border-radius:var(--as-r-card);background:var(--as-mist);scroll-margin-top:calc(var(--as-hdr) + 16px)}
.as-claimbox>[data-as-claim-open]{margin-top:22px}
.as-claim__form{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.as-field,.as-field__row>*{min-width:0}
.as-field__err{color:var(--as-danger);font-size:13px;font-weight:600}
.as-field__err:empty{display:none}
.as-check{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid var(--as-line);border-radius:10px;cursor:pointer}
.as-check input{width:20px;height:20px;flex:none;accent-color:var(--as-deep)}
.as-check small{color:var(--as-ink-2);margin-left:6px}
.as-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.as-form-status{font-size:14px;font-weight:600}
.as-form-status.is-err{color:var(--as-danger)}
.as-success{padding:20px;border-radius:var(--as-r-card);background:#E9F6EF}
.as-bar a{position:relative}
.as-bar__n{position:absolute;top:2px;right:max(2px,calc(50% - 27px));min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#fff;color:var(--as-navy);font-size:11px;font-weight:700;display:grid;place-items:center}
.as-bar__n[hidden]{display:none}
.as-toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:var(--as-z-toast);padding:12px 18px;border-radius:var(--as-r-pill);background:var(--as-navy);color:#fff;font-weight:600;box-shadow:var(--as-shadow-raised);transition:opacity 300ms}
.as-toast.is-out{opacity:0}
.as-steps{margin-top:16px}
.as-page+.as-page{padding-top:0}

/* ---- property (R6) ---- */
.as-prop{padding-block:6px 24px}
.as-title{display:grid;gap:14px;margin-bottom:22px}
.as-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:14px;font-size:13.5px;color:var(--as-ink-2)}
.as-crumbs a{color:var(--as-ink-2);text-decoration:none}
.as-crumbs a:hover{text-decoration:underline}
.as-crumbs .as-icon{width:14px;height:14px;opacity:.6}
.as-title__top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 24px;flex-wrap:wrap}
.as-title__l{display:grid;gap:10px;min-width:0}
.as-title__meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14.5px;color:var(--as-ink-2)}
.as-title__meta span{display:inline-flex;align-items:center;gap:6px}
.as-title__meta .as-icon{width:17px;height:17px}
.as-title__meta .as-ok{color:var(--as-ok);font-weight:650}
.as-title__act{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:700px){.as-title__map{display:none}}
.as-claimtop{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 16px;border:1px solid #BFE6F9;border-radius:var(--as-r-card);background:#EAF7FE}
.as-claimtop__ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#DDF3FD;color:var(--as-sea-ink)}
.as-claimtop__t{display:grid;gap:2px;flex:1 1 auto;min-width:0}
.as-claimtop__t b{font-size:16px;letter-spacing:-.01em}
.as-claimtop__t span{font-size:14px;color:var(--as-ink-2)}
.as-claimtop .as-btn{flex:none}
/* property title on a phone (2026-10-12): one line for the way back and the two icon buttons, then name, address, claim strip; no breadcrumb trail, no "Ažurirano" */
@media(max-width:700px){
  .as-title{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;margin-bottom:14px}
  .as-title__top,.as-title__l{display:contents}
  .as-crumbs{grid-row:1;grid-column:1;flex-wrap:nowrap;padding-top:0;font-size:14.5px}
  .as-crumbs>a:first-child,.as-crumbs>.as-icon,.as-crumbs>span{display:none}
  .as-crumbs>a:nth-of-type(2)::before{content:"";display:inline-block;width:8px;height:8px;margin-right:9px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;vertical-align:1px}
  .as-title__act{grid-row:1;grid-column:2;flex-wrap:nowrap;gap:6px}
  .as-title__act .as-btn{width:44px;min-height:44px;padding:0;border-color:var(--as-line);border-radius:50%;background:#fff}
  .as-btn__t{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .as-title .as-h1{grid-column:1/-1;grid-row:2;margin-top:6px}
  .as-title__meta{grid-column:1/-1;grid-row:3;gap:4px 14px;font-size:13.5px}
  .as-title__meta .as-icon{width:15px;height:15px}
  .as-title__upd{display:none!important}
  .as-claimtop{grid-column:1/-1;grid-row:4;margin-top:8px;padding:10px 12px}
  .as-claimtop__ic,.as-claimtop__t span{display:none}
  .as-claimtop .as-btn{min-height:44px;padding:0 16px;font-size:15px}
}

.as-gal{position:relative;border-radius:22px;overflow:hidden}
.as-gal__grid{display:grid;gap:10px;grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;height:clamp(300px,40vw,540px)}
.as-gal__grid a{display:block;overflow:hidden;background:#DCE4E9;cursor:zoom-in;border-radius:10px}
.as-gal__grid a:first-child{grid-row:1/3;border-radius:22px 10px 10px 22px}
.as-gal__grid a:nth-child(2){border-top-right-radius:22px}
.as-gal__grid a:nth-child(3){border-bottom-right-radius:22px}
.as-gal--n1 .as-gal__grid{grid-template-columns:1fr}
.as-gal--n1 .as-gal__grid a:first-child{border-radius:22px}
.as-gal--n2 .as-gal__grid{grid-template-columns:1fr 1fr}
.as-gal--n2 .as-gal__grid a:nth-child(2){grid-row:1/3;border-radius:10px 22px 22px 10px}
.as-gal__grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--as-ease),filter .3s}
.as-gal__grid a:hover img{transform:scale(1.025);filter:brightness(.94)}
.as-gal__all{position:absolute;right:16px;bottom:16px;box-shadow:0 2px 10px rgba(0,30,49,.2)}
.as-gal__strip,.as-gal__count{display:none}
@media(max-width:767px){
  .as-gal{border-radius:0;margin-inline:calc(var(--as-gut)*-1)}
  .as-gal__grid,.as-gal__all{display:none}
  .as-gal__strip{display:flex;aspect-ratio:4/3;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .as-gal__strip::-webkit-scrollbar{display:none}
  .as-gal__strip img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center}
  .as-gal__strip:focus-visible{outline:2px solid var(--as-navy);outline-offset:-4px;box-shadow:inset 0 0 0 6px rgba(13,173,245,.45)}
  .as-gal__count{display:block;position:absolute;right:12px;bottom:12px;padding:5px 11px;border-radius:999px;background:rgba(0,30,49,.78);color:#fff;font:650 12.5px/1.2 var(--as-font)}
}

.as-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-radius:var(--as-r-lg);border:1px solid var(--as-line);margin-top:16px}
.as-facts--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.as-facts--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.as-fact{display:flex;gap:14px;align-items:center;padding:20px 22px;min-width:0}
.as-fact+.as-fact{border-left:1px solid var(--as-line)}
.as-fact__ic{width:44px;height:44px;border-radius:12px;background:var(--as-sea-50);color:var(--as-sea-ink);display:grid;place-items:center;flex:none}
.as-fact__ic .as-icon{width:22px;height:22px}
.as-fact>div{min-width:0}
.as-fact>div>b{display:block;font-size:21px;font-weight:760;letter-spacing:-.025em;line-height:1.15}
.as-fact>div>span{display:block;font-size:13.5px;color:var(--as-ink-2);line-height:1.3}
@media(max-width:1000px){.as-facts,.as-facts--3{grid-template-columns:1fr 1fr}.as-fact:nth-child(odd){border-left:0}.as-fact:nth-child(n+3){border-top:1px solid var(--as-line)}.as-fact:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:520px){.as-fact{padding:16px 14px;gap:10px}.as-fact__ic{width:36px;height:36px}.as-fact>div>b{font-size:17px}}

.as-pp{display:grid;grid-template-columns:minmax(0,1fr) 384px;gap:clamp(24px,3.5vw,48px);align-items:start;margin-top:40px}
.as-pp__main{display:grid;gap:52px;min-width:0}
.as-pp__side{display:grid;gap:14px;min-width:0}
/* F18 undone 2026-10-12 (Milos, item 4): the navy contact card is not sticky; the column just stacks card and form */
@media(min-width:1061px){.as-pp__side{align-self:stretch;align-content:start}}
@media(max-width:1060px){.as-pp{grid-template-columns:1fr}}
/* F01: the fixed contact bar shows up to 1060 px, the one-column layout's range (it hides from 1061 px, the two-column layout) */
@media(max-width:1060px){.as-prop{padding-bottom:82px}body:has(.as-bar--fixed) .as-ft{padding-bottom:calc(32px + 64px + env(safe-area-inset-bottom,0px))}}
.as-blk{scroll-margin-top:88px;min-width:0}
.as-blk>h2{margin-bottom:16px}

.as-ubar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:16px}
.as-ubar .as-h2{margin:0}
.as-ubar__form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}
.as-ubar__hint{flex:1 0 100%;font-size:13.5px;font-weight:600;color:var(--as-ink-2)}
.as-ubar__f{display:grid;gap:3px;font-size:12px;font-weight:650;color:var(--as-ink-2)}
.as-ubar__f .as-input{width:150px;min-height:44px;padding:0 10px;font-size:14.5px}
.as-ubar__f input[type=number]{width:84px}
.as-ugroup{display:flex;align-items:center;gap:8px;margin:6px 0 10px;font-size:14px;font-weight:700;color:var(--as-ink-2)}
.as-ugroup--ok{color:var(--as-ok)}
.as-ugroup .as-icon{width:16px;height:16px}
.as-units+.as-ugroup{margin-top:22px}
.as-units{display:grid;gap:14px}
.as-unit{display:grid;grid-template-columns:250px minmax(0,1fr) 210px;gap:22px;background:#fff;border:1px solid var(--as-line);border-radius:var(--as-r-lg);padding:16px;transition:box-shadow .2s,border-color .2s}
.as-unit--nophoto{grid-template-columns:minmax(0,1fr) 210px}
.as-unit.is-picked{border-color:var(--as-sea);box-shadow:0 0 0 1px var(--as-sea)}
.as-unit.is-dim{background:var(--as-surface-2)}
.as-unit.is-dim .as-unit__ph{opacity:.7}
.as-unit__ph{display:grid;gap:8px;align-content:start;position:relative}
.as-unit__big{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#DCE4E9}
.as-unit__big img,.as-unit__th img{width:100%;height:100%;object-fit:cover}
.as-unit__th{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.as-unit__th a{position:relative;display:block;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#DCE4E9}
.as-unit__th b{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,30,49,.55);color:#fff;font-size:13px}
.as-unit__propnote{position:absolute;left:8px;top:8px;padding:3px 8px;border-radius:999px;background:rgba(0,30,49,.78);color:#fff;font-size:11.5px;font-weight:650;pointer-events:none}
.as-unit__main{display:grid;gap:10px;align-content:start;padding-top:4px;min-width:0}
.as-unit__name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.as-unit__title{font-size:26px;font-weight:760;letter-spacing:-.03em;line-height:1.05}
.as-unit__sub{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:15px;color:var(--as-ink-2)}
.as-unit__sub span{display:inline-flex;align-items:center;gap:6px}
.as-unit__sub .as-icon{width:16px;height:16px}
.as-unit__beds{display:flex;align-items:center;gap:6px;font-size:14.5px}
.as-unit__tags .as-tag{height:28px}
.as-fit{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:7px;background:var(--as-ok-50);color:var(--as-ok);font-size:12.5px;font-weight:700}
.as-fit .as-icon{width:14px;height:14px}
.as-fit--no{background:#EEF1F3;color:var(--as-ink-2)}
.as-fit--x{background:var(--as-warn-50);color:var(--as-warn)}
.as-unit__side{border-left:1px solid var(--as-line);padding-left:22px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.as-unit__price{display:grid;gap:4px}
.as-unit__from{font-size:13.5px;color:var(--as-ink-2)}
.as-unit__p{font-size:32px;font-weight:780;letter-spacing:-.035em;line-height:1}
.as-unit__p small{font-size:15px;font-weight:550;color:var(--as-ink-2);letter-spacing:0}
.as-unit__p--word{font-size:22px;line-height:1.15;letter-spacing:-.02em}
.as-unit__q{font-size:13.5px;line-height:1.35;color:var(--as-ink-2)}
.as-unit__btns{display:grid;gap:8px;margin-top:4px}
@media(max-width:1359px){
  .as-unit{grid-template-columns:230px minmax(0,1fr)}
  .as-unit--nophoto{grid-template-columns:minmax(0,1fr)}
  .as-unit__side{grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--as-line);padding-top:14px;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}
  .as-unit__btns{grid-auto-flow:column;margin-top:0}
}
@media(max-width:767px){.as-unit{grid-template-columns:1fr;gap:14px}.as-unit__title{font-size:23px}}

.as-pdlg{border:0;border-radius:var(--as-r-lg);padding:20px;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:var(--as-sh-pop);color:var(--as-ink)}
.as-pdlg::backdrop{background:rgba(0,30,49,.55)}
.as-pdlg__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.as-pdlg .as-small{margin-top:10px}
.as-prices{width:100%;border-collapse:collapse;font-size:14.5px}
.as-prices th{padding:6px 8px;font-size:13px;font-weight:650;color:var(--as-ink-2);text-align:left}
.as-prices td{padding:10px 8px;border-top:1px solid var(--as-line)}
.as-prices td:nth-child(n+2),.as-prices th:nth-child(n+2){text-align:right}
@media(scripting:none){
  .as-pdlg{display:block;position:static;grid-column:1/-1;margin:0;width:auto;max-height:none;padding:14px 0 0;border-top:1px solid var(--as-line);border-radius:0;box-shadow:none}
  .as-pdlg__head button,[data-as-pdlg-open]{display:none}
  .as-loc__map [data-as-map-open]{display:none}
}

.as-host{display:grid;gap:14px;padding:22px;border-radius:var(--as-r-lg);background:var(--as-navy);color:#fff}
.as-host__top{display:flex;gap:12px;align-items:center}
.as-host__av{width:48px;height:48px;border-radius:50%;background:rgba(13,173,245,.2);color:var(--as-sea);display:grid;place-items:center;flex:none}
.as-host__top>div{min-width:0}
.as-host__top>div>b{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.as-host__top>div>span{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:13.5px;line-height:1.35;color:rgba(255,255,255,.78)}
.as-host__top>div>span .as-icon{width:15px;height:15px;flex:none;color:#6BD6A0}
.as-host__btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.as-host__btns .as-btn{min-height:52px;flex-direction:column;gap:4px;padding:0 6px;font-size:13px}
.as-host__btns .as-btn .as-icon{width:20px;height:20px}
/* "Prikaži broj" (statistika S1.7, approved prototype screen 6): on a device with a mouse assets/as-property.js swaps Pozovi for a button; the
   revealed row is the number link and Kopiraj across the whole card, Viber and WhatsApp share the row below */
.as-host__btns.is-rev{grid-template-columns:1fr 1fr}
.as-phrev{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-height:52px;padding:0 6px 0 14px;border:1px solid var(--as-line);border-radius:var(--as-r,10px);background:#fff}
.as-phrev[hidden]{display:none}
.as-phrev__num{flex:1;min-width:0;align-self:stretch;display:flex;align-items:center;font:700 16px/1.2 var(--as-font);letter-spacing:-.005em;color:var(--as-navy);text-decoration:none;white-space:nowrap}
.as-phrev__num:hover{text-decoration:underline}
.as-phrev .as-btn{flex:none;min-width:92px}
.as-host__note{font-size:13px;color:rgba(255,255,255,.72)}

.as-prop .as-inq{padding:22px;border-radius:var(--as-r-lg)}
.as-inq__form{display:grid;gap:14px}
.as-inq__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.as-inq__head .as-h3{font-size:19px}
.as-multi__btn{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--as-line-2);border-radius:var(--as-r);background:#fff;font:600 15px/1.3 var(--as-font);list-style:none;cursor:pointer}
.as-multi__btn::-webkit-details-marker{display:none}
.as-multi__btn:hover{border-color:#A9B6BF}
.as-multi__btn>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-multi__btn .as-icon{flex:none;color:var(--as-ink-2);transition:transform .2s var(--as-ease)}
.as-multi[open] .as-multi__btn{border-color:var(--as-navy)}
.as-multi[open] .as-multi__btn .as-icon{transform:rotate(180deg)}
.as-multi__panel{display:grid;gap:2px;margin-top:6px;padding:6px;max-height:min(300px,45dvh);overflow:auto;border:1px solid var(--as-line);border-radius:14px;background:#fff}
.as-multi__panel .as-check{border:0;border-radius:9px}
.as-multi__panel .as-check:hover{background:var(--as-canvas)}
.as-calc{display:grid;gap:6px;padding:12px 14px;border-radius:12px;background:var(--as-canvas);font-size:14px}
.as-calc[hidden]{display:none}
.as-calc__row{display:flex;justify-content:space-between;gap:12px}
.as-calc__row span:last-child{font-weight:650;text-align:right}
.as-calc__tot{padding-top:6px;border-top:1px solid var(--as-line-2);font-size:15.5px;font-weight:750}
/* property page scripting (R6b): picker buttons that replace the native date and guest fields, invalid state, inquiry ping */
.as-ubar__btns .as-btn{min-height:44px}
.as-pdlg:modal{margin:auto}
.as-pick{display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;font-weight:600}
.as-pick>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-pick .as-icon{width:18px;height:18px;flex:none;color:var(--as-ink-2)}
.as-pick.is-empty{color:#5C6B76;font-weight:500}
.as-pick[aria-expanded=true]{border-color:var(--as-navy)}
.as-pick.is-invalid,.as-multi__btn.is-invalid{border-color:var(--as-danger);box-shadow:0 0 0 1px var(--as-danger)}
.as-field--wide{grid-column:1/-1}
.as-prop .as-inq{transition:box-shadow .3s}
.as-prop .as-inq.is-ping{box-shadow:0 0 0 3px rgba(13,173,245,.55)}
.as-via{border:0;padding:0;margin:0;min-width:0}
.as-via legend{margin-bottom:6px;padding:0;font-size:13.5px;font-weight:650}
.as-via__row{display:flex;gap:6px}
.as-via__o{position:relative;display:block;flex:1 1 auto;min-width:0}
.as-via__o input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.as-via__o span{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 8px;border:1px solid var(--as-line-2);border-radius:9px;background:#fff;font-size:13px;font-weight:600;white-space:nowrap}
.as-via__o span .as-icon{width:15px;height:15px;flex:none}
.as-via__o input:checked+span{border-color:var(--as-navy);box-shadow:inset 0 0 0 1px var(--as-navy);background:var(--as-sea-50)}
.as-via__o input:focus-visible+span{outline:2px solid var(--as-navy);outline-offset:2px;box-shadow:0 0 0 5px rgba(13,173,245,.45)}

.as-amen{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px 20px}
.as-amen li{display:flex;align-items:center;gap:10px;font-weight:550}
.as-amen .as-icon{flex:none;color:var(--as-ink-2)}
.as-amen small{font-size:13px;font-weight:500;color:var(--as-ink-2)}
.as-loc{display:grid;gap:16px}
.as-loc>h2{margin:0}
.as-loc__addr{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;color:var(--as-ink-2)}
.as-loc__addr .as-icon{flex:none;width:18px;height:18px}
.as-loc__map{position:relative;height:380px;min-height:0;overflow:hidden;border-radius:var(--as-r-lg);border:1px solid var(--as-line);background:var(--as-canvas)}
.as-loc__map .as-map{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0}
.as-dlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px 24px}
.as-dlist li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--as-line);font-size:15px}
.as-dlist li span{display:inline-flex;align-items:center;gap:8px}
.as-dlist li span .as-icon{width:17px;height:17px;color:var(--as-ink-2)}
.as-dlist b{font-weight:700;white-space:nowrap}
.as-note{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--as-ink-2)}
.as-note .as-icon{width:16px;height:16px;margin-top:2px;flex:none}
.as-nearby{margin-top:56px}
.as-nearby .as-grid{margin-top:16px}

.as-lb{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#00101A;color:#fff}
.as-lb::backdrop{background:#00101A}
.as-lb[open]{display:flex;flex-direction:column}
.as-lb__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-weight:650}
.as-lb__bar .as-btn--icon,.as-lb__nav{background:rgba(255,255,255,.12);border-color:transparent;color:#fff}
.as-lb__stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px}
.as-lb__stage img{flex:1;min-width:0;max-width:100%;max-height:100%;object-fit:contain}
.as-lb__nav{flex:none}
.as-lb__count{padding:10px;font-size:14px;text-align:center}
.as-lb__strip{display:flex;gap:6px;overflow-x:auto;padding:4px 12px 14px;scrollbar-width:thin}
@media(min-width:768px){.as-lb__strip{padding:4px 16px 16px}}
.as-lb__strip button{flex:none;width:84px;height:60px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#0B3049;opacity:.55;cursor:pointer}
.as-lb__strip button.on{opacity:1;box-shadow:0 0 0 2px var(--as-sea)}
.as-lb__strip img{width:100%;height:100%;object-fit:cover}
@media(max-width:767px){
  .as-lb__stage{position:relative;padding:0}
  .as-lb__nav{position:absolute;z-index:2;top:50%;translate:0 -50%;width:44px;background:rgba(0,16,26,.55)}
  .as-lb__prev{left:8px}.as-lb__next{right:8px}
  .as-lb__strip button{width:64px;height:46px}
}
/* ---- end property ---- */

/* favourites page (task 10) */
.as-fav{padding-block:24px 8px}
.as-fav .as-grid{margin-top:20px}
.as-fav .as-empty{margin-top:20px;max-width:560px}

/* owner area (task 11) */
.as-acc{padding-block:20px 8px}
.as-acc--auth{padding-block:clamp(24px,5vw,56px)}
.as-authcard{max-width:440px;margin-inline:auto;display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--as-line);border-radius:var(--as-r-sheet);box-shadow:var(--as-shadow-card);background:#fff}
.as-form{display:flex;flex-direction:column;gap:14px}
.as-form[hidden],[data-as-form][hidden]{display:none}
.as-authlinks{display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-size:15px}
.as-linkbtn{background:none;border:0;padding:6px 0;min-height:44px;color:var(--as-link);font:500 15px/1.2 var(--as-font);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}
.as-form-status.is-ok{color:var(--as-success)}
.as-app{display:flex;flex-direction:column;gap:20px}
@media(max-width:767px){.as-acc{padding-bottom:96px}}
.as-stack{display:flex;flex-direction:column;gap:16px}
.as-hint,.as-warn{display:flex;align-items:center;gap:8px}
.as-hint .as-icon,.as-warn .as-icon{flex:none;color:var(--as-link)}
.as-warn{color:#7A4B00}
.as-newprop{padding:16px;border:1px dashed var(--as-line);border-radius:var(--as-r-card);background:var(--as-mist);display:flex;flex-direction:column;gap:12px;max-width:560px}
.as-stepbody{padding-block:8px}
.as-savestate.is-err{color:var(--as-danger)}
.as-pinmap{height:320px;border-radius:var(--as-r-card);overflow:hidden;border:1px solid var(--as-line);background:var(--as-mist)}
.as-grid2{display:grid;gap:14px 16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.as-photos{display:flex;flex-direction:column;gap:12px}
.as-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px;border:2px dashed var(--as-line);border-radius:var(--as-r-card);background:var(--as-mist);text-align:center;cursor:pointer;min-height:120px;justify-content:center}
.as-drop.is-over{border-color:var(--as-sea);background:var(--as-sea-tint)}
.as-drop .as-icon{width:28px;height:28px;color:var(--as-link)}
.as-uprow{display:flex;align-items:center;gap:10px;font-size:14px}
.as-uprow progress{flex:1;height:10px}
.as-uprow.is-err{color:var(--as-danger)}
.as-pgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.as-pitem{position:relative;border-radius:10px;overflow:hidden;background:var(--as-mist);aspect-ratio:4/3;cursor:grab}
.as-pitem.is-drag{opacity:.4}
.as-pitem--sort{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.as-pitem--sort img{-webkit-user-drag:none}
.as-pitem.is-over{box-shadow:0 0 0 3px var(--as-sea)}
.as-pitem--ghost{opacity:.9;box-shadow:0 12px 28px rgba(0,16,26,.35);transform:scale(1.04);cursor:grabbing}
body.as-sorting,body.as-sorting *{cursor:grabbing!important}
.as-pitem img{width:100%;height:100%;object-fit:cover}
.as-pitem__cover{position:absolute;left:6px;top:6px;padding:3px 8px;border-radius:var(--as-r-pill);background:var(--as-navy);color:#fff;font:600 12px/1.2 var(--as-font)}
.as-pitem__bar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:4px;padding:6px;background:linear-gradient(transparent,rgba(0,16,26,.6))}
.as-pitem__bar .as-btn{width:36px;min-height:36px;box-shadow:none}
.as-chips input[type=checkbox]{accent-color:var(--as-deep)}
.as-beds{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.as-bedrow{display:grid;grid-template-columns:72px 1fr 44px;gap:8px;align-items:center;width:100%;max-width:420px}
.as-warnbox,.as-hintbox{padding:14px 18px;border-radius:var(--as-r-card)}
.as-warnbox{background:#FFF1D6;color:#5C3800}
.as-hintbox{background:var(--as-mist)}
.as-warnbox ul,.as-hintbox ul{list-style:disc;padding-left:20px;margin-top:6px}
.as-okbox{display:flex;align-items:center;gap:8px;padding:14px 18px;border-radius:var(--as-r-card);background:#E9F6EF;color:#14633C;font-weight:600}
.as-quote{padding:10px 14px;border-radius:10px;background:var(--as-mist);white-space:pre-wrap}
.as-pre{white-space:pre-wrap;word-break:break-word}
.as :where(input,select,textarea,button){box-sizing:border-box}

/* shared UI (as-ui.js): popover motion and sheet header, date range picker, guest stepper, search box buttons */
@keyframes as-sheet{from{translate:0 30px;opacity:0}}
.as-noscroll{overflow:hidden}
.as-popover--ui{animation:as-popin .18s var(--as-ease)}
.as-popover__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:0 0 10px}
.as-popover__hd b{font-size:17px;font-weight:700}
.as-fil__pop .as-popover__hd{padding:14px 12px 0 16px}
.as-popover__foot .as-row{gap:8px;flex-wrap:nowrap}
@media(max-width:640px),(max-height:500px) and (pointer:coarse){.as-popover--ui{animation:as-sheet .25s var(--as-ease)}}
@media(prefers-reduced-motion:reduce){.as-popover--ui{animation:none}}
.as-calp{width:min(716px,calc(100vw - 24px))}
.as-calp--1{width:min(396px,calc(100vw - 24px))}
@media(max-width:640px){.as-calp,.as-calp--1{width:auto}}
.as-cal__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 12px;margin-bottom:12px}
.as-cal__season{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.as-cal__cap{white-space:nowrap;margin-right:2px;font-size:13px;font-weight:650;color:var(--as-ink-2)}
.as-cal__season button{min-height:36px;padding:0 12px;border:1px solid var(--as-line);border-radius:8px;background:#fff;color:var(--as-ink);font:600 13.5px/1 var(--as-font);cursor:pointer}
.as-cal__season button:hover{border-color:var(--as-ink)}
.as-cal__head .as-btn{width:40px;height:40px;min-height:0;padding:0}
.as-cal__head .as-btn:disabled{opacity:.35;pointer-events:none}
.as-cal__sp{width:40px;height:40px}
.as-calp .as-cal__months{gap:28px}
.as-calp .as-cal__head{height:40px;margin-bottom:6px;justify-content:space-between}
.as-calp .as-cal__head h3{flex:1;text-align:center;font-size:15.5px}
.as-cal__sum{font-size:14.5px;font-weight:650;min-width:0}
.as-cal__d.is-solo::after{display:none}
.as-cal__d:disabled{cursor:default}
.as-cal__d:focus-visible{outline:2px solid var(--as-navy);outline-offset:-2px;box-shadow:0 0 0 4px rgba(13,173,245,.45)}
.as-gst{display:grid;gap:4px;width:min(380px,calc(100vw - 72px));min-width:300px}
.as-gst__r{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}
.as-gst__r+.as-gst__r{border-top:1px solid var(--as-line)}
.as-gst__r b{display:block;font-weight:650}
.as-gst__r span{font-size:13.5px;color:var(--as-ink-2)}
.as-gst__note{margin-top:4px}
.as-stp{display:inline-flex;align-items:center;gap:12px}
.as-stp button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--as-line-2);border-radius:50%;background:#fff;color:var(--as-ink);cursor:pointer}
.as-stp button:hover{border-color:var(--as-ink)}
.as-stp button:disabled{opacity:.35;pointer-events:none}
.as-stp output{min-width:24px;text-align:center;font-weight:700;font-size:16px}
@media(max-width:640px),(max-height:500px) and (pointer:coarse){
  .as-gst{width:auto;min-width:0}
  .as-popover.as-calp{display:flex;flex-direction:column;overflow:hidden;padding:0}
  .as-calp .as-popover__hd{padding:16px 12px 0 16px}
  .as-calp .as-cal__top{padding:12px 16px 0;margin-bottom:6px}
  .as-calp .as-cal__months{flex:1 1 auto;min-height:0;overflow:auto;padding:0 12px}
  .as-calp .as-popover__foot{flex:none;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}
  .as-cal__season{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;padding:2px}
  .as-cal__season::-webkit-scrollbar{display:none}
  .as-cal__season button{flex:none}
}
@media(max-width:420px){.as-cal__cap{display:none}}
.as-noscroll .as-mapbtn{display:none!important}
.as-sp--sheet .maplibregl-ctrl-top-right{top:56px}
button.as-sfield{width:100%;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}
.as-sfield:focus-visible{outline:none;background:var(--as-canvas);box-shadow:inset 0 0 0 1px var(--as-line-2)}
.as-sfield.is-open{background:var(--as-canvas)}
.as-sfield.is-empty .as-sfield__v{color:#5C6B76;font-weight:500}
.as-optpop{min-width:300px}
.as-sp__map[data-as-map-state=live] .as-sp__mapph,.as-sp__map[data-as-map-state=fail] .as-sp__mapph{display:none}
/* map facade: a picture of the map with a dot per pin; MapLibre replaces it when the pointer or focus reaches the map */
.as-sp__mapph .as-fac{position:absolute;inset:0;overflow:hidden;container-type:size}
.as-fac__s{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100cqw,calc(100cqh*var(--iw)/var(--ih)));height:max(100cqh,calc(100cqw*var(--ih)/var(--iw)))}
.as-fac__img{display:block;width:100%;height:100%;max-width:none}
.as-fac__pins .as-fp{position:absolute;translate:-50% calc(-100% - 7px)} /* the same house pin as the map, with its tip on the point (marker offset 7px) */
.as-fac__cr{position:absolute;right:6px;bottom:4px;padding:1px 5px;border-radius:4px;background:rgba(255,255,255,.82);color:#44525c;font-size:10px;text-decoration:none}
.as-fac__go{position:absolute;left:12px;bottom:12px;z-index:3;box-shadow:var(--as-sh-2)}
.as-sp__map[data-as-map-state=live] .as-fac__go,.as-sp__map[data-as-map-state=fail] .as-fac__go{display:none}

/* ---- pages (R10) ---- */
/* static pages: calm header on the canvas, text panels at reading width (68ch) */
.as-page{--as-pad:clamp(20px,3vw,36px);padding-block:clamp(28px,4.5vw,56px) 0}
.as-page+.as-page{padding-top:clamp(24px,3.6vw,48px)}
#bde-main>.as-page:last-child{padding-bottom:clamp(44px,6vw,88px)}
.as-page .as-display{font-size:clamp(30px,3.6vw,44px);line-height:1.08;font-weight:740;letter-spacing:-.032em}
.as-prose{box-sizing:border-box;gap:14px;max-width:68ch}
.as-prose .as-lead{max-width:60ch}
.as-prose .as-h3{margin-top:14px}
.as-prose :where(h2,h3,h4):first-child{margin-top:0}
.as-prose ul{gap:8px}
.as-prose li::marker{color:var(--as-sea-ink)}
.as-prose:has(>ul),.as-prose:has(>h2~p),.as-prose:has(>h3~p){max-width:calc(68ch + 2*var(--as-pad));padding:var(--as-pad);background:#fff;border:1px solid var(--as-line);border-radius:var(--as-r-lg)}
.as-prose>h3.as-h4{margin-top:8px;padding-top:16px;border-top:1px solid var(--as-line)}
.as-prose>h2+h3.as-h4{margin-top:0;padding-top:0;border-top:0}
.as-note{display:inline-flex;align-items:flex-start;gap:8px;align-self:flex-start;max-width:100%;padding:7px 14px;border:0;border-radius:18px;background:var(--as-warn-50);color:var(--as-warn);font:650 13px/1.35 var(--as-font)}
.as-note::before{content:"";flex:none;width:6px;height:6px;margin-top:.5em;border-radius:50%;background:currentColor}
.as-contact{max-width:520px;gap:16px;padding:var(--as-pad);border-radius:var(--as-r-lg);box-shadow:none}
.as-contact__phone{font-size:clamp(24px,3vw,30px);font-weight:720;letter-spacing:-.02em}
.as-contact .as-row{gap:10px}
.as-prose>.bde-shortcode{margin-top:10px}
@media(max-width:519px){.as-contact .as-row>a:first-child{flex:1 1 100%}.as-contact .as-row>a{flex:1 1 0}}
.as-benefits{gap:16px;margin-block:0}
.as-benefits>li,.as-steps>li{padding:var(--as-pad);border:1px solid var(--as-line);border-radius:var(--as-r-lg);background:#fff}
.as-benefits>li{gap:8px}
.as-steps{gap:16px;margin-top:20px}
.as-steps>li{gap:8px}
.as-steps>li::before{background:var(--as-sea-50);color:var(--as-sea-ink);margin-bottom:6px}
@media(max-width:767px){.as-benefits,.as-steps{gap:12px}}

/* favourites */
.as-fav{padding-block:clamp(28px,4.5vw,56px) clamp(44px,6vw,88px)}
.as-fav>.as-wrap>h1{font-size:clamp(30px,3.6vw,44px);line-height:1.08;font-weight:740;letter-spacing:-.032em}
.as-fav>.as-wrap>h1+p{margin-top:10px;font-size:clamp(16px,1.4vw,18px);color:var(--as-ink-2)}
.as-fav .as-grid{margin-top:28px}
.as-fav .as-empty{margin-top:28px;padding:var(--as-pad,28px);border-radius:var(--as-r-lg)}

/* sign-in and registration: form on the left, the Kontakt photo panel on the right (as_auth_side()) */
.as-acc--auth{padding-block:clamp(28px,6vw,72px) clamp(44px,6vw,88px)}
.as-authshell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);max-width:1040px;margin-inline:auto;background:#fff;border-radius:var(--as-r-xl);box-shadow:var(--as-sh-2);overflow:hidden}
.as-authcard{max-width:none;margin:0;display:flex;flex-direction:column;gap:18px;padding:clamp(24px,3.6vw,48px);border:0;border-radius:0;box-shadow:none;background:#fff;min-width:0}
.as-authhead{display:grid;gap:8px}
.as-authcard>.as-authhead>h1{font-size:clamp(26px,3vw,34px);letter-spacing:-.028em;margin:0}
.as-authlead{margin:0;font-size:15.5px;line-height:1.5;color:var(--as-ink-2);max-width:44ch}
.as-authcard .as-field{display:flex;flex-direction:column;gap:6px}
.as-authcard .as-field>label{font-size:13.5px;font-weight:650;color:var(--as-ink)}
.as-authcard .as-form{gap:16px}
.as-authcard .as-form-status:empty{margin-top:-16px}
.as-authcard .as-btn--block{min-height:52px}
.as-authcard .as-check{border-radius:var(--as-r)}
.as-authlinks{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:0;border:0}
.as-author{display:flex;align-items:center;gap:14px;margin:2px 0 4px;font-size:13px;color:var(--as-ink-3)}
.as-author::before,.as-author::after{content:"";flex:1;height:1px;background:var(--as-line)}
.as-authopt,.as-authreg{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:0 14px;align-items:center;width:100%;min-height:64px;padding:11px 14px;border:1.5px solid var(--as-line-2);border-radius:var(--as-r-md);background:#fff;color:var(--as-ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .15s,background-color .15s}
.as-authopt:hover{border-color:var(--as-navy);background:var(--as-surface-2)}
.as-authopt:focus-visible,.as-authreg:focus-visible,.as-authback:focus-visible{outline:2px solid var(--as-navy);outline-offset:2px;box-shadow:0 0 0 5px rgba(13,173,245,.45)}
.as-authopt__ic,.as-authreg__ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--as-sea-50);color:var(--as-sea-ink)}
.as-authopt__ic .as-icon,.as-authreg__ic .as-icon{width:20px;height:20px;vertical-align:0}
.as-authopt__t b,.as-authreg__t b{display:block;font-weight:650;font-size:15.5px;line-height:1.25;color:var(--as-ink)}
.as-authopt__t small,.as-authreg__t small{display:block;font-size:13.5px;line-height:1.35;color:var(--as-ink-2);margin-top:2px}
.as-authreg__t small{margin:0 0 1px}
.as-authopt__go{width:18px;height:18px;color:var(--as-ink-3);transition:transform .15s,color .15s}
.as-authopt:hover .as-authopt__go,.as-authreg:hover .as-authopt__go{transform:translateX(3px);color:var(--as-ink)}
.as-authreg{background:var(--as-sea-50);border-color:var(--as-sea-100)}
.as-authreg:hover{border-color:var(--as-sea-ink)}
.as-authreg__ic{background:#fff}
[data-as-view]:not([data-as-view=login]) .as-authlinks{display:none}
.as-linkbtn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;font:600 15px/1.2 var(--as-font)}
.as-authback{align-self:flex-start;margin-top:-4px}
.as-authback .as-icon{width:18px;height:18px;vertical-align:0}
.as-authside{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--as-navy);color:#fff;overflow:hidden}
.as-authside::after{content:"";position:absolute;right:-140px;top:-140px;width:260px;height:260px;border:3px solid var(--as-beach);border-radius:50%;opacity:.3;pointer-events:none}
.as-authside__ph{position:relative;flex:1 1 auto;min-height:clamp(220px,24vw,320px)}
.as-authside__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.as-authside__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,30,49,.1) 30%,var(--as-navy) 100%)}
.as-authside__loc{position:absolute;z-index:1;left:18px;top:18px;display:inline-flex;gap:6px;align-items:center;height:30px;padding:0 12px 0 9px;border-radius:99px;background:rgba(255,255,255,.94);color:var(--as-ink);font-size:13px;font-weight:650}
.as-authside__loc .as-icon{width:16px;height:16px;vertical-align:0;color:var(--as-sea-ink)}
.as-authside__b{position:relative;z-index:1;margin-top:-34px;padding:0 clamp(22px,2.8vw,36px) clamp(26px,3vw,40px)}
.as-authside__k{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:650;color:#7FD2FA}
.as-authside__h{margin:6px 0 18px;font-size:clamp(24px,2.4vw,30px);font-weight:720;letter-spacing:-.025em;line-height:1.15}
.as-authside ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.as-authside li{display:flex;gap:12px;align-items:center;font-size:15.5px;line-height:1.35;color:#D6E6F0}
.as-authside li .as-icon{box-sizing:content-box;width:18px;height:18px;padding:8px;border-radius:10px;background:rgba(255,255,255,.1);color:#7FD2FA;vertical-align:0}
@media(max-width:859px){
  .as-authshell{grid-template-columns:1fr;max-width:520px}
  .as-authside{order:-1}
  .as-authside::after{display:none}
  .as-authside__ph{flex:none;min-height:0;height:132px}
  .as-authside__ph::after{background:linear-gradient(180deg,rgba(0,30,49,0) 45%,rgba(0,30,49,.4) 100%)}
  .as-authside__b{display:none}
}
@media(max-width:519px){
  .as-authshell{border-radius:var(--as-r-lg)}
  .as-authcard{padding:22px 18px 24px}
}

/* the 404 */
.as-404{padding-block:clamp(28px,5vw,64px) clamp(44px,6vw,96px)}
.as-404__head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:clamp(20px,3vw,32px)}
.as-404__code{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:var(--as-r-pill);background:var(--as-sea-50);color:var(--as-sea-ink);font-size:13px;font-weight:650}
.as-404 .as-hero__form{margin:0;max-width:none}
.as-404__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.as-404__near{margin-top:clamp(36px,5vw,64px)}
.as-404__near>h2{margin-bottom:20px}
/* ---- end pages ---- */

/* ---- accessibility and touch (R14) ---- */
html{scroll-padding-top:calc(var(--as-hdr) + 12px)}
html:has([data-as-fbar]){scroll-padding-top:calc(var(--as-hdr) + 80px)}
html:has(.as-bar--fixed){scroll-padding-bottom:86px}
@media(max-width:1023px){
  /* the fixed quick-actions bar (63 px + safe area) must never sit on top of the last lines of the page */
  body:has(.as-bar--fixed) .as-ft{padding-bottom:calc(32px + 64px + env(safe-area-inset-bottom,0px))}
  .as-logo{min-height:44px}
  .as-hd__a{height:44px}
  .as-ft__col a{min-height:44px}
  .as-ft__about p>a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px}
  .as p>a[href^="mailto:"]:only-child{position:relative}
  .as p>a[href^="mailto:"]:only-child::after{content:"";position:absolute;left:-4px;right:-4px;top:-10px;bottom:-10px}
}
@media(max-width:767px){
  /* 44 px touch targets; small chips and text links keep their look and get an invisible larger hit area */
  .as-btn--sm{min-height:44px}
  .as-btn--sm.as-btn--icon{width:44px}
  .as-card__heart .as-btn{width:44px;min-height:44px}
  .as-fsort{min-height:44px}
  .as-fsort select{min-height:44px}
  .as-tag--rm,.as-hlink,.as-crumbs a,.ao-link{position:relative}
  .as-tag--rm::after,.as-hlink::after,.as-crumbs a::after,.ao-link::after{content:"";position:absolute;left:-4px;right:-4px;top:-12px;bottom:-12px}
  .as-crumbs{row-gap:2px}
  /* 16 px: iOS does not zoom the page on focus */
  .as-inp,.as-input,.as-fsort select,.as-ubar__f .as-input,textarea.as-inp,textarea.as-input,select.as-inp,select.as-input{font-size:16px}
}
/* the card photo (view-transition-name makes it its own stacking context) must sit above the stretched title link, or the heart, the arrows and swiping never get the pointer */
.as-card__media{z-index:2}
/* an invalid field keeps its red border and still shows the focus ring (the red rule above would otherwise hide it) */
.as-inp[aria-invalid=true]:focus,.as-input[aria-invalid=true]:focus{outline:2px solid var(--as-navy);outline-offset:2px;box-shadow:0 0 0 1px var(--as-danger),0 0 0 5px rgba(13,173,245,.45)}
/* date picker arrows: 44 px */
.as-cal__head .as-btn,.as-calp .as-cal__head .as-btn{width:44px;height:44px}
.as-calp .as-cal__head{height:44px}
main[tabindex="-1"]:focus,main[tabindex="-1"]:focus-visible{outline:none;box-shadow:none}

/* ---- property changes 2026-10-12 ---- */
/* contact card names the owner: round photo or initials, a small "Vlasnik" line above the name */
.as-host--owner .as-host__av{width:56px;height:56px;overflow:hidden}
.as-host__av--img img{display:block;width:100%;height:100%;object-fit:cover}
.as-host__av--ini{background:rgba(13,173,245,.22);color:#fff;font-size:19px;font-weight:700;letter-spacing:.02em;line-height:1}
.as-host__role{display:block;margin-bottom:2px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--as-sea)}
/* the "how should we reply" question is optional and has no default */
.as-via__opt{font-weight:500;color:var(--as-ink-2)}
/* one-column layout (the F01 limit): facts stack one per row, the contact box sits right under them, the side copy is hidden */
.as-host--inline{display:none}
@media(max-width:1060px){
  .as-prop .as-facts,.as-prop .as-facts--2,.as-prop .as-facts--3,.as-prop .as-facts--4{grid-template-columns:1fr}
  .as-prop .as-fact,.as-prop .as-fact+.as-fact,.as-prop .as-fact:nth-child(odd),.as-prop .as-fact:nth-child(n+3){border-left:0;border-top:0;padding:14px 16px}
  .as-prop .as-fact+.as-fact{border-top:1px solid var(--as-line)}
  .as-prop .as-fact:last-child:nth-child(odd){grid-column:auto}
  .as-host--inline{display:grid;margin-top:16px}
  .as-pp__side>.as-host{display:none}
  .as-pp{margin-top:32px}
}
/* the fixed bottom bar steps aside while the inline contact box is on screen; hidden means out of the tab order too */
.as-bar--fixed{transition:transform 260ms var(--as-ease),opacity 200ms linear,visibility 0s linear 0s}
.as-bar--fixed.is-away{transform:translateY(calc(100% + 12px));opacity:0;visibility:hidden;pointer-events:none;transition:transform 260ms var(--as-ease),opacity 200ms linear,visibility 0s linear 260ms}
@media(prefers-reduced-motion:reduce){.as-bar--fixed,.as-bar--fixed.is-away{transition:none}}
/* ---- end ---- */

/* ---- home changes 2026-10-12 ---- */
/* Newsletter sign-up under the owners block (request 7): a white card, copy left, the form on a sea-tinted panel right */
.as-nl{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);overflow:hidden;border:1px solid var(--as-line);border-radius:var(--as-r-xl);background:#fff}
.as-nl__copy{display:grid;align-content:center;justify-items:start;gap:14px;padding:clamp(24px,4.4vw,56px)}
.as-nl__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--as-sea-50);color:var(--as-sea-ink)}
.as-nl__ic .as-icon{width:24px;height:24px}
.as-nl__pts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:4px;font-size:14.5px;font-weight:600}
.as-nl__pts li{display:inline-flex;align-items:center;gap:8px}
.as-nl__pts .as-icon{width:18px;height:18px;color:var(--as-sea-ink)}
.as-nl__form{display:grid;align-content:center;gap:10px;padding:clamp(24px,4.4vw,56px);background:var(--as-sea-50)}
.as-nl__form>label{font-size:13.5px;font-weight:650;color:var(--as-ink)}
.as-nl__row{display:flex;gap:10px}
.as-nl__row .as-inp{flex:1 1 auto;min-height:56px;border-radius:12px;font-size:16px}
.as-nl__row .as-btn{flex:none}
.as-nl__form .as-form-status{min-height:0;margin:0}
.as-nl__form .as-form-status:empty{display:none}
.as-nl__consent{max-width:46ch}
.as-nl__form.is-done>label,.as-nl__form.is-done .as-nl__row,.as-nl__form.is-done .as-nl__consent{display:none}
.as-nl__form.is-done .as-form-status{font-size:18px;line-height:1.4;font-weight:650;color:var(--as-ok)}
.as-nl__form .as-form-status:focus{outline:none}
@media(max-width:900px){.as-nl{grid-template-columns:1fr}}
@media(max-width:520px){.as-nl__row{flex-direction:column}.as-nl__row .as-btn{width:100%}}

/* Phone hero: full-width photo without rounded corners and the title only (no description); the home search form sits right
   under the photo, overlapping its bottom edge (no button, no sheet), then the three reasons as rows with an icon tile and a
   one-line explanation. */
.as-sbox__more{display:none}
@media(max-width:719px){
  .as-hero{padding-top:0}
  .as-hero__frame{margin-inline:calc(-1 * var(--as-gut));min-height:clamp(300px,84vw,360px);border-radius:0}
  .as-hero__copy{gap:0;padding:20px var(--as-gut) 60px}
  .as-hero__copy .as-display{font-size:clamp(28px,8vw,32px);line-height:1.06}
  .as-hero__sub{display:none}
  .as-hero__form{margin-top:-40px}
  .as-hero .as-sbox__more{display:inline}
  .as-proof{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:22px 0 0}
  .as-proof li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-top:1px solid var(--as-line)}
  .as-proof li:first-child{border-top:0}
  .as-proof__ic{align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:var(--as-sea-100)}
  .as-proof .as-icon{width:22px;height:22px}
  .as-proof__t{display:grid;gap:2px;min-width:0}
  .as-proof__t b{font-size:15.5px;font-weight:700;line-height:1.3;color:var(--as-ink)}
  .as-proof__t span{display:block;font-size:13.5px;font-weight:500;line-height:1.45;color:var(--as-ink-2);text-wrap:pretty}
}
/* ---- end ---- */

/* ---- search changes 2026-10-12 ---- */
/* Phone (719 px and below, the same limit as the two-row search box), scripting on: the chip row is replaced by two buttons,
   "Filteri (N)" and "Sortiraj". "Filteri" opens the chip row itself as a full screen sheet (asUI.pop adds the header and the
   .as-popover--ui class, the details become accordion rows). Without scripting, and when the script fails (.as-mf-off on the
   root), nothing here applies and the chips stay as they were. */
.as-mf,.as-fsheet__foot{display:none}
.as-fsort__t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:719px) and (scripting:enabled){
  .as-sp:not(.as-mf-off) .as-fbar{gap:10px;padding-block:10px}
  .as-sp:not(.as-mf-off) .as-mf,.as-sp:not(.as-mf-off) .as-fsort{display:flex;flex:1 1 0;justify-content:center;min-width:0;min-height:48px;padding:0 14px;gap:8px;font-size:16px}
  .as-sp:not(.as-mf-off) .as-mf__n{font-weight:700;color:var(--as-navy)}
  .as-sp:not(.as-mf-off) .as-fbar__right{flex:1 1 0;min-width:0}
  .as-sp:not(.as-mf-off) .as-fsort{width:100%;padding-right:36px}
  .as-sp:not(.as-mf-off) .as-fsort__t{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-weight:600}
  .as-sp:not(.as-mf-off) .as-fsort select{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;opacity:0;font-size:16px}
  .as-sp:not(.as-mf-off) .as-mf[aria-expanded=true]{border-color:var(--as-navy)}
  /* the sheet: the chip row, full screen, above the header while it is open */
  .as-sp:not(.as-mf-off) .as-fbar__scroll{display:none}
  .as-sp:not(.as-mf-off) .as-fbar.is-sheet{z-index:var(--as-z-sheet)}
  .as-sp:not(.as-mf-off) .as-fbar__scroll.as-popover--ui{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;position:fixed;inset:0;width:auto;height:auto;max-width:none;max-height:none;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:0;box-shadow:none;background:#fff;z-index:var(--as-z-pop)}
  .as-sp:not(.as-mf-off) .as-fbar__scroll.as-popover--ui::before,.as-sp:not(.as-mf-off) .as-fbar__scroll.as-popover--ui::after{display:none!important}
  .as-sp:not(.as-mf-off) .as-fbar__scroll>.as-popover__hd{position:sticky;top:0;z-index:3;flex:none;padding:12px 8px 12px 16px;background:#fff;border-bottom:1px solid var(--as-line)}
  .as-sp:not(.as-mf-off) .as-fbar__scroll>.as-popover__hd b{font-size:19px}
  .as-sp:not(.as-mf-off) .as-fbar__scroll .as-fil{position:static;flex:none;padding:0 16px;border-bottom:1px solid var(--as-line)}
  .as-sp:not(.as-mf-off) .as-fbar__scroll .as-fil>summary.as-chip{display:flex;width:100%;min-height:60px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:16.5px;gap:10px}
  .as-sp:not(.as-mf-off) .as-fbar__scroll .as-fil__btn [data-as-flabel]{margin-right:auto}
  .as-sp:not(.as-mf-off) .as-fbar__scroll .as-fil__btn.is-on [data-as-flabel]{font-weight:750}
  .as-sp:not(.as-mf-off) .as-fbar__scroll .as-fil__btn>.as-icon:not(.as-fil__chev){display:none}
  .as-sp:not(.as-mf-off) .as-fbar__scroll .as-fil__chev{width:20px;height:20px}
  .as-sp:not(.as-mf-off) .as-fbar__scroll .as-fil__pop{position:static;display:block;width:auto!important;min-width:0;max-width:none;max-height:none;padding:0 0 14px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;animation:none}
  .as-sp:not(.as-mf-off) .as-fbar__scroll .as-fil__pop .as-opts{padding:0;overflow:visible}
  .as-sp:not(.as-mf-off) .as-fbar__scroll .as-fil__pop .as-popover__foot{display:none}
  .as-sp:not(.as-mf-off) .as-fbar__scroll .as-amgrid{grid-template-columns:1fr;max-height:none;overflow:visible}
  .as-sp:not(.as-mf-off) .as-fbar__scroll .as-opts__note{max-width:none}
  .as-sp:not(.as-mf-off) .as-fbar__scroll.as-popover--ui .as-fsheet__foot{display:flex;align-items:center;gap:12px;position:sticky;bottom:0;z-index:3;flex:none;margin-top:auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--as-line)}
  .as-sp:not(.as-mf-off) .as-fsheet__foot .as-btn--navy{flex:1 1 auto;min-height:52px;gap:6px}
  .as-sp:not(.as-mf-off) .as-fsheet__foot .as-btn--ghost{flex:none;min-height:52px}
}
/* ---- end ---- */

/* ---- phone button text, site wide (2026-10-12): one pixel smaller than the desktop sizes; tap heights and the 16 px of form inputs stay ---- */
@media(max-width:719px){
  .as-btn{font-size:14.5px}
  .as-btn--sm,.as-chip{font-size:13.5px}
  .as-btn--lg,.as-sbox__go{font-size:15.5px}
  .as-host__btns .as-btn{font-size:12px}
  .as-sp:not(.as-mf-off) .as-mf,.as-sp:not(.as-mf-off) .as-fsort{font-size:15px}
}
/* ---- end ---- */

/* ---- responsive pass (2026-10-13): every finding of the responsive audit (14 devices from 320 to 1920 px, phones held sideways) ---- */
/* figures are proportional (tabular figures left gaps: "1 5%", "1 50m"); tabular only where numbers stand in a column */
.as-prices td,.as-calc__row span:last-child{font-variant-numeric:tabular-nums}

/* header: fits 320 px (the two-line logo of 15.10.2026 is 162 px wide at full size, so it no longer shrinks; a tighter gap under 360) */
@media(max-width:359px){.as-hd__in{gap:10px}}

/* menu: an X while open, a white header over the white panel, the page behind stays put, a readable column on wide screens,
   the current page marked, and the "Oglasi smještaj" button that the header hides at these widths */
.as-menu__btn .as-icon--x,.as-menu[open] .as-menu__btn .as-icon--menu{display:none}
.as-menu[open] .as-menu__btn .as-icon--x{display:block}
.as-hd:has(.as-menu[open]){background:#fff;box-shadow:0 1px 0 var(--as-line)}
html:has(.as-menu[open]){overflow:hidden}
.as-menu__panel{overscroll-behavior:contain;padding-inline:max(var(--as-gut),calc((100% - 560px) / 2))}
.as-menu__panel a.is-on{color:var(--as-sea-ink)}
.as-menu__panel .as-menu__cta{justify-content:center;gap:8px;min-height:52px;margin-top:24px;border-bottom:0;color:#fff;font-size:16px}

/* short pages: the footer reaches the bottom of the window (no bare canvas under it) */
body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
#bde-main{flex:1 0 auto}

/* touch screens: form fields at 16 px at every width, so iOS never zooms on focus (phones held sideways are 667 to 932 px wide) */
@media(pointer:coarse) and (max-width:1023px){
  .as-inp,.as-input,.as-fsort select,.as-ubar__f .as-input,textarea.as-inp,textarea.as-input,select.as-inp,select.as-input{font-size:16px}
}

/* reading measure in em: the font's "0" is wide (Onest 1ch = 0.665em), so 68ch ran to about 100 characters a line */
.as-prose{max-width:36em}
.as-prose p,.as-prose li{max-width:36em}
.as-prose:has(>ul),.as-prose:has(>h2~p),.as-prose:has(>h3~p){max-width:calc(36em + 2 * var(--as-pad))}
.as-page .as-prose{margin-inline:auto}
.as-body{max-width:none} /* property description fills its column, like the blocks around it */

/* the static-page pill (.as-note on pages) never restyles the distance footnote of a property page */
.as-loc .as-note{display:flex;padding:0;border:0;border-radius:0;background:none;font:400 13.5px/1.45 var(--as-font);color:var(--as-ink-2)}
.as-loc .as-note::before{display:none}

/* search: the chip row is opaque while it is stuck under the header (cards scroll under it, never through it); at rest it stays
   clear, or it would cut the search box's shadow (as-search.js sets .is-stuck) */
.as-fbar.is-stuck{background:var(--as-canvas)}
/* search: the floating "Mapa" button steps aside over the footer and over the chip row (as-search.js sets .is-away) */
.as-mapbtn{transition:opacity .2s,visibility 0s}
.as-mapbtn.is-away{opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}
.as-rhead__note{text-wrap:pretty}
/* up to 900 px the chips scroll sideways: the edge fades reach over the scroller's 2 px padding, or a sliver of the cut chip showed */
@media(max-width:900px){.as-fbar__scroll::before{left:-2px}.as-fbar__scroll::after{right:-2px}}
/* 901 to 1320 px: slimmer chips without the two leading icons, so the whole row fits at 1024, 1180 and 1280 ("Još filtera" stood alone on a second row) */
@media(min-width:901px) and (max-width:1320px){.as-fil__btn{padding:0 13px}.as-fil__btn>.as-icon:not(.as-fil__chev){display:none}}
/* phone "Sortiraj": the chosen order shows once it is not the default (the label stays the accessible name) */
.as-fsort__v{display:none}
@media(max-width:719px) and (scripting:enabled){
  .as-sp:not(.as-mf-off) .as-fsort:has(option:checked:not([value=preporuceno])) .as-fsort__t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .as-sp:not(.as-mf-off) .as-fsort:has(option:checked:not([value=preporuceno])) .as-fsort__v{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
  .as-sp:not(.as-mf-off) .as-fsort:has(option:checked:not([value=preporuceno])){padding-right:30px}
  .as-sp:not(.as-mf-off) .as-fsort:has(option:checked:not([value=preporuceno]))>.as-icon:first-child{display:none} /* room for "Najbliže plaži" from 360 px */
}

/* property page */
.as-title [data-as-fav][aria-pressed=true] .as-icon{fill:var(--as-heart);color:var(--as-heart)}
.as-title__act>.as-btn--ghost:first-child{margin-left:-20px}
@media(max-width:700px){.as-title__act>.as-btn--ghost:first-child{margin-left:0}}
.as-rules li{text-wrap:pretty}
.as-check small{font-size:13px}
.as-unit__propnote{font-size:12px}
.as-unit__th:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.as-lb__stage img{object-fit:scale-down}
/* section anchors: the window's scroll-padding already keeps them clear of the header, a second margin pushed them 90 px lower */
.as-blk,.as-claimbox{scroll-margin-top:8px}
/* inquiry form: name and contact stack where the row is narrow (phones, the 384 px desktop column), the dates stack under 300 px */
.as-inq__form{container:as-inq/inline-size}
@container as-inq (max-width:420px){.as-field__row:has([data-field=contact]){grid-template-columns:1fr}}
/* inquiry form: Datumi and Gosti are one button each, half a row each (the pair of native controls behind them only shows without JavaScript) */
.as-field__pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.as-field__pair[hidden]{display:none}
.as-inq__nl{align-items:flex-start;font-size:14px;line-height:1.35}
.as-inq__nl input{margin-top:1px}
@container as-inq (max-width:300px){
  .as-field__row:has([data-field=date_from]){grid-template-columns:1fr}
  .as-via__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .as-inq__head{flex-direction:column;align-items:flex-start;gap:2px}
}
/* "U blizini": three cards in one row, two on a small tablet (the third would stand alone), one on a phone */
.as-nearby .as-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:767px){.as-nearby .as-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:561px) and (max-width:767px){.as-nearby .as-grid>:nth-child(3){display:none}}
@media(max-width:560px){.as-nearby .as-grid{grid-template-columns:1fr}}
/* one-column layout on a tablet (641 to 1060 px): the facts in one row, the contact card in two columns, the form at a reading width */
@media(min-width:641px) and (max-width:1060px){
  .as-prop .as-facts,.as-prop .as-facts--2,.as-prop .as-facts--3,.as-prop .as-facts--4{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
  .as-prop .as-fact+.as-fact{border-top:0;border-left:1px solid var(--as-line)}
  .as-prop .as-facts--4 .as-fact__ic{display:none}
  .as-host--inline{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;column-gap:24px}
  .as-host--inline .as-host__note{grid-column:1/-1}
  .as-pp__side .as-inq{max-width:720px}
}
@media(max-width:767px){
  .as-unit__side{flex-direction:column;align-items:stretch;justify-content:flex-start}
  .as-unit__btns{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
  .as-ubar__btns .as-btn{flex:1 1 100%}
}

/* a phone held sideways (short and wide): a slimmer header, the filter bar scrolls away with the page, pickers open as centred
   sheets (as-ui.js SHEET), the home hero leaves room for the search box, the contact bar is one compact row */
@media(max-height:500px) and (orientation:landscape){
  :root{--as-hdr:56px}
  .as-fbar{position:static}
  .as-bar{padding-block:6px calc(6px + env(safe-area-inset-bottom,0px))}
  .as-bar a,.as-bar button{flex-direction:row;gap:6px;min-height:44px;font-size:12px}
  .as-multi__panel{max-height:none}
  .as-loc__map{height:min(380px,calc(100svh - var(--as-hdr) - 72px))}
}
@media(max-height:500px) and (orientation:landscape) and (min-width:720px){
  .as-hero__frame{min-height:0}
  .as-hero__copy{gap:10px;padding-block:20px 80px}
  .as-hero__copy .as-display{font-size:34px}
}
@media(max-height:500px) and (pointer:coarse) and (min-width:641px){
  .as-popover--ui:not(.as-fil__pop){width:min(600px,100%);margin-inline:auto;max-height:calc(100dvh - 12px)}
}
/* ==== Kalendar (C4): tokens, message boxes, the page behind the mail buttons. Source: design/kalendar-2026-10-14/src/cal.css ==== */
:root{
  --as-oc-own:var(--as-navy);         /* stays we store: owner, inquiry */
  --as-oc-own-ink:#fff;
  --as-oc-imp:#CDEBFA;                /* stays read from Booking / Airbnb (owner side only) */
  --as-oc-imp-ink:#04496C;
  --as-oc-sel:var(--as-sea);
  --as-av-busy:#E2E7EB;               /* guest side: busy night */
  --as-av-busy-ink:#6B7A86;
}
/* Message boxes of the calendar screens. (The dashboard already has its own .as-warnbox / .as-okbox with other markup, so these are .as-cbox.) */
.as-cbox{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45}
.as-cbox .as-icon{width:18px;height:18px;margin-top:1px}
.as-cbox--warn{background:var(--as-warn-50);color:#5E3A00}
.as-cbox--warn .as-icon{color:var(--as-warn)}
.as-cbox--warn b{color:#4A2E00}
.as-cbox--ok{background:var(--as-ok-50);color:#0C4F33}
.as-cbox--ok .as-icon{color:var(--as-ok)}
.as-cbox--info{background:var(--as-sea-50);color:#063F5E}
.as-cbox--info .as-icon{color:var(--as-sea-ink)}
/* ---------- signed-link page (no sign-in) ---------- */
.as-lk{padding-block:28px 64px;background:var(--as-canvas);min-height:70vh}
.as-lk__card{max-width:540px;margin-inline:auto;display:grid;gap:18px;padding:24px;background:#fff;border:1px solid var(--as-line);border-radius:20px}
.as-lk__card h1{font-size:26px;font-weight:750;letter-spacing:-.025em;line-height:1.15}
.as-lk__card h1:focus{outline:none}
.as-lk__lead{font-size:15px;color:var(--as-ink-2)}
.as-lk__who{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--as-surface-2)}
.as-lk__who .as-msg__av{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--as-navy);color:#fff;font-weight:700;font-size:14px}
.as-lk__who b{display:block;font-size:15px}
.as-lk__who span{font-size:13.5px;color:var(--as-ink-2)}
.as-lk__dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.as-lk__dates .as-input{width:100%}
.as-lk__n{font-size:14px;color:var(--as-ink-2);margin-top:-6px}
.as-lk__units{display:grid;gap:8px;border:0;padding:0;margin:0}
.as-lk__units legend{font-size:13.5px;font-weight:650;margin-bottom:8px;padding:0}
.as-lk__big{display:grid;gap:4px;padding:16px;border-radius:14px;background:var(--as-surface-2);font-size:15px}
.as-lk__big b{font-size:18px;font-weight:720;letter-spacing:-.01em}
.as-lk__done{display:grid;justify-items:start;gap:12px}
.as-lk__check{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--as-ok-50);color:var(--as-ok)}
.as-lk__check .as-icon{width:28px;height:28px}
.as-lk__foot{font-size:13px;color:var(--as-ink-2);border-top:1px solid var(--as-line);padding-top:14px}
.as-lk .as-btn--block{min-height:54px;font-size:16px}
/* ==== end Kalendar C4 ==== */
/* ==== Kalendar (C5): guest availability inside a unit row, legend, busy nights in the date picker ==== */
/* legend */
.as-oc-leg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--as-ink-2)}
.as-oc-leg span{display:inline-flex;align-items:center;gap:7px}
.as-oc-leg i{width:22px;height:12px;border-radius:4px;flex:none}
.as-oc-leg .k-own{background:var(--as-oc-own)}
.as-oc-leg .k-imp{background:var(--as-oc-imp)}
.as-oc-leg .k-free{background:repeating-linear-gradient(135deg,transparent 0 4px,rgba(4,73,108,.2) 4px 6px);box-shadow:inset 0 0 0 1.5px var(--as-oc-imp-ink)}
.as-oc-leg .k-busy{background:var(--as-av-busy)}
.as-oc-leg .k-half{background:linear-gradient(90deg,var(--as-av-busy) 50%,#fff 50%);box-shadow:inset 0 0 0 1px var(--as-line-2)}
/* ---------- guest: availability inside a unit row ---------- */
.as-av-st{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:8px;font-size:13.5px;font-weight:650}
.as-av-st .as-icon{width:16px;height:16px}
.as-av-st--free{background:var(--as-ok-50);color:var(--as-ok)}
.as-av-st--busy{background:var(--as-danger-50);color:var(--as-danger)}
.as-av-st--unk{background:var(--as-canvas);color:var(--as-ink-2);font-weight:600}
.as-av-row{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-top:10px}
.as-av-tog{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0;border:0;background:none;font:650 14px/1 var(--as-font);color:var(--as-link);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.as-av-upd{font-size:12.5px;color:var(--as-ink-2)}
.as-av{display:grid;gap:12px;margin-top:12px;padding:16px;border:1px solid var(--as-line);border-radius:14px;background:#fff}
.as-av__months{display:grid;gap:22px;grid-template-columns:1fr}
.as-av__head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.as-av__head h4{font-size:15.5px;font-weight:700}
.as-av__head .as-btn{width:40px;min-height:40px;padding:0}
.as-av__tbl{width:100%;border-collapse:separate;border-spacing:0 3px;table-layout:fixed}
.as-av__tbl th{font-size:11.5px;font-weight:650;color:var(--as-ink-2);padding-bottom:2px}
.as-av__tbl td{height:38px;padding:0;text-align:center;position:relative;font-size:14px;font-weight:550;font-variant-numeric:tabular-nums;color:var(--as-ink)}
.as-av__tbl td>span:not(.as-sr){position:relative;z-index:1}
.as-av__tbl td::before,.as-av__tbl td::after{content:"";position:absolute;top:4px;bottom:4px;display:none;background:var(--as-av-busy)}
.as-av__tbl td::before{left:0;right:50%}
.as-av__tbl td::after{left:50%;right:0}
.as-av__tbl td.am::before,.as-av__tbl td.pm::after{display:block}
.as-av__tbl td.pm:not(.am)::after{border-radius:8px 0 0 8px}
.as-av__tbl td.am:not(.pm)::before{border-radius:0 8px 8px 0}
.as-av__tbl td.pm>span:not(.as-sr){color:var(--as-av-busy-ink);text-decoration:line-through;text-decoration-thickness:1.5px}
.as-av__tbl td.past{color:var(--as-ink-3)}
.as-av__tbl td.past::before,.as-av__tbl td.past::after{opacity:.5}
.as-av__tbl td.mine>span:not(.as-sr){display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--as-sea-ink)}
.as-av__tbl td.mine.pm>span:not(.as-sr){box-shadow:inset 0 0 0 2px var(--as-danger)}
.as-av__note{font-size:13px;color:var(--as-ink-2)}
.as-av-none{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font-size:14px;color:var(--as-ink-2)}
.as-av-none .as-icon{width:17px;height:17px;margin-top:2px;flex:none}
/* guest: busy nights in the existing range picker (as-ui.js). Drawn as the button's own background so the picker's
   ::before/::after (start/end discs, range tint) keep working; the strike-through is the non-colour cue. */
.as-cal__d.is-busy{color:var(--as-av-busy-ink);text-decoration:line-through;text-decoration-thickness:1.5px}
.as-cal__d.is-busy:not(.is-in):not(.is-start):not(.is-end),.as-cal__d.is-busy-am:not(.is-in):not(.is-start):not(.is-end){border-radius:0;background-repeat:no-repeat;background-position:center;background-size:100% 30px}
.as-cal__d.is-busy:not(.is-busy-am):not(.is-in):not(.is-start):not(.is-end){background-image:linear-gradient(90deg,transparent 50%,var(--as-av-busy) 50%)}
.as-cal__d.is-busy.is-busy-am:not(.is-in):not(.is-start):not(.is-end){background-image:linear-gradient(var(--as-av-busy),var(--as-av-busy))}
.as-cal__d.is-busy-am:not(.is-busy):not(.is-in):not(.is-start):not(.is-end){background-image:linear-gradient(90deg,var(--as-av-busy) 50%,transparent 50%)}

/* guest: the warning under the inquiry form, with alternatives (C10) */
.as-alt{display:grid;gap:14px;margin-block:4px 8px;padding:16px;border-radius:16px;background:var(--as-warn-50);border:1px solid #F1DDB5}
.as-alt h3{font-size:16px;font-weight:720;color:#4A2E00;display:flex;gap:8px;align-items:flex-start}
.as-alt h3 .as-icon{color:var(--as-warn);margin-top:1px;flex:none}
.as-alt p{font-size:14px;color:#5E3A00}
.as-alt [data-alt-body]{display:grid;gap:14px}
.as-alt__sec{display:grid;gap:8px}
.as-alt__sec>b{font-size:13.5px;color:#4A2E00}
.as-alt__u{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#fff;border:1px solid #F1DDB5}
.as-alt__u img{width:64px;height:48px;border-radius:8px;object-fit:cover;flex:none}
.as-alt__u div{flex:1;min-width:0;font-size:13.5px;color:var(--as-ink-2)}
.as-alt__u div b{display:block;font-size:14.5px;color:var(--as-ink)}
.as-alt__u .as-btn{min-height:44px}
.as-alt__cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.as-alt__c{display:grid;gap:6px;padding:8px;border-radius:12px;background:#fff;border:1px solid #F1DDB5;text-decoration:none;color:var(--as-ink)}
.as-alt__c img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px}
.as-alt__c b{font-size:14.5px;padding:0 4px}
.as-alt__c span{font-size:13px;color:var(--as-ink-2);padding:0 4px 4px}
.as-alt__more{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 15px/1.2 var(--as-font);color:var(--as-link)}
.as-alt__more .as-icon{width:16px;height:16px}

/* the seasonal link page (C11) */
.as-lk__list{display:grid;gap:8px;margin:12px 0 16px;padding:0;list-style:none}
.as-lk__list li{display:grid;gap:2px;padding:12px 14px;border-radius:12px;background:var(--as-surface-2);border:1px solid var(--as-line)}
.as-lk__list b{font-size:15px;color:var(--as-ink)}
.as-lk__list span{font-size:13.5px;color:var(--as-ink-2)}

/* ==== end Kalendar C5 ==== */
/* ==== Kalendar (C6b): proposals, form and guest page. Source: design/kalendar-2026-10-14/src/cal.css ==== */
.as-ofr{display:grid;gap:8px;border:0;padding:0;margin:0;min-width:0}
.as-ofr legend{font-size:13.5px;font-weight:650;margin-bottom:8px;padding:0}
.as-ofr__o{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--as-line);border-radius:12px;cursor:pointer;font-size:14px;color:var(--as-ink-2);line-height:1.4}
.as-ofr__o:hover{background:var(--as-canvas)}
.as-ofr__o:has(input:checked){border-color:var(--as-navy);box-shadow:inset 0 0 0 1px var(--as-navy);background:var(--as-sea-50)}
.as-ofr__o input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--as-deep)}
.as-ofr__o b{display:block;font-size:15px;color:var(--as-ink);margin-bottom:2px}
.as-ofr__o small{display:block;font-size:13px;margin-top:2px}
.as-ofr__own{display:grid;gap:12px;padding:6px 0 4px}
.as-ofr__own .as-input{width:100%}
.as-ofr__price{display:grid;gap:8px}
.as-ofr__eur{display:flex;align-items:center;gap:8px;font-weight:650}
.as-ofr__eur .as-input{width:130px;font-variant-numeric:tabular-nums}
.as-bs__sum{font-size:15px;color:var(--as-ink-2)}
.as-ofr__tot{font-size:15px;font-variant-numeric:tabular-nums;color:var(--as-ink-2)}
.as-ofr__tot b{font-size:17px;color:var(--as-ink);font-weight:720}
.as-ofr__opt{font-weight:500;font-size:12.5px;color:var(--as-ink-2);margin-left:4px}
.as-ofr-body .as-cbox{margin-top:2px}
.as-ofr__err{color:var(--as-danger);font-size:14px;font-weight:600}
.as-ofr__msg{white-space:pre-wrap;padding:12px 14px;border-radius:12px;background:var(--as-surface-2);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.as-ofr__ch{display:grid;gap:8px}
.as-ofr__ch .as-btn{width:100%;gap:8px;min-height:48px}
.as-ofr__ch .as-icon{width:18px;height:18px}
.as-ofr__mine{display:block;margin-top:6px;font-style:italic}

/* ---------- proposal: the guest's page ---------- */
.as-ofr-prop{display:flex;gap:12px;align-items:center}
.as-ofr-prop img{width:72px;height:54px;object-fit:cover;border-radius:10px;flex:none}
.as-ofr-prop b{display:block;font-size:15.5px}
.as-ofr-prop span{font-size:13.5px;color:var(--as-ink-2)}
.as-ofr__sum{margin-top:6px;padding-top:10px;border-top:1px solid var(--as-line);font-size:15px}
.as-ofr__sum b{font-size:20px;font-weight:750;margin-left:6px;font-variant-numeric:tabular-nums}
.as-ofr__q{display:grid;gap:4px;padding:14px 16px;border-radius:14px;background:var(--as-surface-2);font-size:15px;line-height:1.5}
.as-ofr__q>span{font-size:12.5px;font-weight:650;color:var(--as-ink-2)}
.as-ofr__yn{display:grid;gap:10px}
.as-ofr__view{margin-top:12px;white-space:normal;height:auto;min-height:48px;padding:10px 14px;text-align:center;line-height:1.3}
.as-gst__acts{display:flex;flex-wrap:wrap;gap:8px}
.as-gst__acts .as-btn{min-height:44px;gap:6px}
.as-gst__acts .as-icon{width:18px;height:18px}
/* ==== end Kalendar C6b ==== */
/* ==== "Moj nalog" in the site header is a menu (hm, 2026-10-15; chrome.php + as.js) ==== */
.as-hdm{position:relative;display:none}
.as-in .as .as-hdm[data-as-user]{display:block}
.as-hdm__btn{border:0;background:none;font-family:inherit;cursor:pointer}
.as-hdm__btn .as-icon--chevron-down{width:16px;height:16px;margin-left:-2px;transition:transform .15s}
.as-hdm__btn[aria-expanded=true]{background:rgba(0,30,49,.06)}
.as-hdm__btn[aria-expanded=true] .as-icon--chevron-down{transform:rotate(180deg)}
.as-hdm__p{position:absolute;right:0;top:calc(100% + 8px);z-index:2;min-width:248px;padding:8px;border:1px solid var(--as-line);border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(0,30,49,.16)}
.as-hdm__p[hidden]{display:none}
.as-hdm__p a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:10px;color:var(--as-ink);text-decoration:none;font-weight:600;font-size:15px}
.as-hdm__p a:hover{background:var(--as-surface-2)}
.as-hdm__p a:focus-visible{outline:2px solid var(--as-navy);outline-offset:-2px}
.as-hdm__p a .as-icon{width:20px;height:20px;color:var(--as-ink-2)}
.as-hdm__p a.is-on{background:var(--as-sea-50);color:var(--as-sea-ink)}
.as-hdm__p a.is-on .as-icon{color:var(--as-sea-ink)}
.as-hdm__p hr{border:0;border-top:1px solid var(--as-line);margin:6px 4px}
@media (max-width:1023px){.as-in .as .as-hdm[data-as-user]{display:none}}
.as-menu__sub{display:none}
.as-in .as .as-menu__sub[data-as-user]{display:block;border-bottom:1px solid var(--as-line)}
.as-menu__sub>summary{list-style:none;display:flex;align-items:center;gap:14px;min-height:60px;cursor:pointer;font-size:18px;font-weight:650;color:var(--as-ink)}
.as-menu__sub>summary::-webkit-details-marker{display:none}
.as-menu__sub>summary .as-icon--chevron-down{margin-left:auto;transition:transform .15s}
.as-menu__sub[open]>summary .as-icon--chevron-down{transform:rotate(180deg)}
.as-menu__sub[open]{padding-bottom:8px}
.as-menu__sub .as-for-usr,.as-menu__sub .as-for-adm{gap:14px}
/* phone: a round account button next to the heart; a small green dot says signed in (html.as-in) */
.as-hd__me{display:none;position:relative;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--as-line);color:var(--as-ink)!important}
.as-hd__me:hover{background:rgba(0,30,49,.06)}
.as-in .as-hd__me{border-color:var(--as-navy);background:var(--as-navy);color:#fff!important}
.as-in .as-hd__me::after{content:"";position:absolute;right:-1px;top:-1px;width:11px;height:11px;border-radius:50%;background:#2fb26b;border:2px solid #fff}
@media(max-width:1023px){
  .as-hd__me{display:grid}
  .as-hd__nav{gap:6px}
  .as-hd__fav{justify-content:center;width:44px;height:44px;padding:0;border:1.5px solid var(--as-line);border-radius:50%}
  .as-hd__fav .as-hd__count{left:auto;right:-4px;top:-4px;border:2px solid #fff;box-sizing:content-box;min-width:14px;height:14px;font-size:10px;padding:0 3px}
  .as-hd__nav .as-menu{margin-left:-6px}
}
.as-menu__panel .as-menu__sub a{min-height:48px;padding-left:36px;border-bottom:0;font-size:16px;font-weight:600}
.as-menu__panel .as-menu__sub hr{border:0;border-top:1px solid var(--as-line);margin:4px 0 4px 36px}
@media (prefers-reduced-motion:reduce){.as-hdm__btn .as-icon--chevron-down{transition:none}}
/* Kinds of account (2026-10-23): html.as-own (owner links) and html.as-adm (administration links) come from the as_in cookie (o, a or b) through the
   inline script in chrome.php. Both menu groups are printed for everybody (cached pages); only the group of the signed-in kind shows, a person
   who is both gets both with a small title each. The call to action "Dodaj objekat" is for owners only; "Oglasi smještaj" and "Za vlasnike" are guest-only. */
.as [data-as-role]{display:none}
.as-own .as .as-hdm__g[data-as-role=own],.as-adm .as .as-hdm__g[data-as-role=adm]{display:block}
.as-hdm__lbl{display:none;margin:0;padding:10px 12px 4px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--as-ink-2)}
.as-own.as-adm .as .as-hdm__lbl{display:block}
.as-own.as-adm .as .as-hdm__g+.as-hdm__g{margin-top:4px;border-top:1px solid var(--as-line)}
.as-menu__panel .as-menu__sub .as-hdm__lbl{padding:12px 0 2px 36px;font-size:12px}
@media (min-width:1024px){.as-own .as .as-hd__cta[data-as-role=own]{display:inline-flex}}
.as-own .as .as-menu__panel a.as-menu__cta[data-as-role=own]{display:flex}
/* Guest-or-administrator items (Za vlasnike, Omiljeni, "Oglasi smještaj"): hidden for an owner, shown to an administrator so he can open every page. An administrator
   who is also an owner has "Dodaj objekat", so the sales button goes. Sign-in links (data-as-guest) are hidden for everybody signed in.
   Only the bare attribute: the search box's "Do plaže" carries data-as-open="plaza" (the popover hook) and stays for everybody. */
.as-in:not(.as-adm) .as [data-as-open=""]{display:none}
.as-own .as .as-hd__cta[data-as-open],.as-own .as .as-menu__cta[data-as-open]{display:none}
/* "Moj nalog" reads "Admin" with a shield for an administrator */
.as-for-adm{display:none}
.as-for-usr,.as-for-adm{align-items:center;gap:8px}
.as-for-usr{display:inline-flex}
.as-adm .as .as-for-usr{display:none}
.as-adm .as .as-for-adm{display:inline-flex}
.as-menu__panel .as-for-usr,.as-menu__panel .as-for-adm{gap:14px}
.as-adm .as .as-hdm__g[data-as-role=adm] .as-hdm__lbl{display:block}

/* Signed in (owner or admin): no favorites anywhere (the list would be invisible to them). The header heart, the menu and the footer
   link carry data-as-guest; the heart buttons on cards, in the map pop-up and "Sačuvaj" on the property page hide here. */
.as-in .as [data-as-fav],.as-in .as .as-card__heart{display:none}
/* the hidden "Sačuvaj" stays the first child, so "Podijeli" would lose the -20px that .as-title__act>.as-btn--ghost:first-child gives it */
@media(min-width:701px){.as-in .as .as-title__act>[data-as-fav]:first-child+.as-btn--ghost{margin-left:-20px}}
/* ==== end hm ==== */
/* ---- consent banner (statistika S1.9; prototype design/saglasnost-2026-10-14/) ---- */
.as-cb{position:fixed;z-index:var(--as-z-sheet,70);left:0;right:0;bottom:var(--as-cb-off,0px);display:grid;gap:10px;
  padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));background:#fff;color:var(--as-ink);
  border-radius:var(--as-r-lg,20px) var(--as-r-lg,20px) 0 0;box-shadow:0 -8px 32px rgba(0,30,49,.16);font-family:var(--as-font);
  animation:as-cb-in .28s var(--as-ease,ease-out) both;transition:bottom .26s var(--as-ease,ease-out)}
.as-cb[hidden]{display:none}
/* the phone bar (as-bar--fixed) is visible up to 1060 px, except while its .is-away class hides it: the banner sits above it (the script measures it), the bar already covers the safe area */
.as-cb.has-bar{padding-bottom:16px}
.as-cb__h{margin:0;padding-right:48px;font:700 17px/1.25 var(--as-font);letter-spacing:-.012em;color:var(--as-navy)}
.as-cb__st{margin:-4px 0 0;font:600 14px/1.4 var(--as-font);color:var(--as-navy)}
.as-cb__st[hidden]{display:none}
.as-cb__t{margin:0;font-size:14px;line-height:1.45}
.as-cb__row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
.as-cb .as-btn{width:100%;min-height:48px;padding:0 12px;font-size:15px}
.as-cb .as-btn[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--as-navy)}
.as-cb .as-btn[aria-pressed=true]::before{content:"\2713";margin-right:6px;font-weight:800}
.as-cb__ok{margin:0;min-height:0;font:600 13.5px/1.3 var(--as-font);color:#11734A}
.as-cb__ok:empty{display:none}
.as-cb__s{margin:0;font-size:12.5px;line-height:1.45;color:var(--as-ink-2)}
.as-cb__s a{display:inline-flex;align-items:center;min-height:24px;color:var(--as-navy);text-decoration:underline;text-underline-offset:2px}
.as-cb__x{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--as-navy);cursor:pointer}
.as-cb__x[hidden]{display:none}
.as-cb__x svg{width:20px;height:20px}
.as-cb__x:hover{background:var(--as-canvas)}
.as-cb :focus-visible{outline:2px solid var(--as-navy);outline-offset:2px;box-shadow:0 0 0 5px rgba(13,173,245,.45)}
@media (min-width:768px){
  .as-cb{left:16px;right:auto;width:400px;bottom:calc(16px + var(--as-cb-off,0px));padding:20px;border:1px solid var(--as-line);border-radius:var(--as-r-lg,20px);
    box-shadow:0 12px 40px rgba(0,30,49,.2)}
  .as-cb.has-bar{padding-bottom:20px}
}
@keyframes as-cb-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.as-cb{animation:none;transition:none}}
/* footer button, in the bottom row next to the copyright */
.as-ft__l{display:flex;flex-wrap:wrap;align-items:center;gap:2px 16px}
.as-ft__ck{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:#fff;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.as-ft__ck:hover{text-decoration-thickness:2px}
/* while the banner is open the page ends above it: html.as-cb-open and --as-cb-h are set by the banner script (inc/consent.php) */
.as-cb-open .as-ft{padding-bottom:calc(32px + var(--as-cb-h,0px))}
@media(max-width:1060px){.as-cb-open body:has(.as-bar--fixed) .as-ft{padding-bottom:calc(32px + 64px + env(safe-area-inset-bottom,0px) + var(--as-cb-h,0px))}}
/* headings: one weight for the whole site (Milos 2026-10-23, was 650 to 780 spread over the rules above and in as-app, as-owners, as-about, as-legal).
   !important on purpose: as-owners, as-kontakt, as-home-owner, as-about and as-legal are generated from prototypes, so this one hand-kept rule
   outlasts a regeneration. Change the number here to move every heading. */
body.as :is(h1,h2,h3,h4,h5,h6),
.as-display,.as-h1,.as-h2,.as-h3,.as-h4,.ao-h1,.ao-h2,.ao-h3,.al-title,.as-card__title,.as-unit__title{font-weight:600!important}
/* ---- end ---- */