/* Naslovna: luk sa fotografijom, zlatna linija, krug, tačka i dve kartice (heroFrame, inc/hero-frame.php). Sve pod .hf. Svetlo: slonovača + zlatni metalik. */
.hf{--hf-gold:#b8914f;--hf-gold-d:#86652d;--hf-ink:#26262c;--hf-text:#4c4c55;--hf-line:rgba(184,145,79,.62);
 position:relative;width:100%;max-width:540px;justify-self:end;padding:30px 34px 34px 26px;isolation:isolate;font-family:Montserrat,Arial,sans-serif}
.hf-arch{position:relative;margin:0;aspect-ratio:4/5.15;border-radius:1000px 1000px 18px 18px;overflow:hidden;background:#f3ead8;
 box-shadow:0 50px 90px -46px rgba(147,112,47,.55),0 0 0 1px rgba(184,145,79,.18)}
.hf-arch img,.hf-arch video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 24%;display:block}
.hf-arch video{opacity:1;transition:none}
@media (prefers-reduced-motion:reduce){.hf-arch video{display:none}}
/* oznaka: naš snimak (levo, ispod luka; na telefonu desno, ispod ocene) */
.hf-live{position:absolute;z-index:2;left:34px;top:30%;display:inline-flex;align-items:center;gap:8px;padding:7px 13px 7px 11px;border-radius:999px;
 background:rgba(255,255,253,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(184,145,79,.35);
 font:600 10px/1 Montserrat,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#6f5424;white-space:nowrap}
.hf-live i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#d6b373,#93702f);box-shadow:0 0 0 3px rgba(184,145,79,.18)}
.hf-arch:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,252,244,0) 62%,rgba(255,250,238,.22) 100%)}

/* tanka zlatna linija luka iza fotografije, malo pomerena gore desno */
.hf-line{position:absolute;z-index:-1;top:12px;left:44px;right:16px;bottom:52px;border:1px solid var(--hf-line);border-radius:1000px 1000px 18px 18px;pointer-events:none}
.hf-line i{position:absolute;top:-4px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:linear-gradient(135deg,#d6b373,#93702f)}
/* krug gore levo */
.hf-ring{position:absolute;z-index:-1;top:2px;left:0;width:92px;height:92px;border:1px solid var(--hf-line);border-radius:50%;pointer-events:none}

/* kartice: mat staklo / bela */
.hf-card{position:absolute;z-index:2;display:flex;text-decoration:none;color:var(--hf-ink);border:1px solid rgba(184,145,79,.38);border-radius:16px;
 box-shadow:0 26px 50px -26px rgba(147,112,47,.55),inset 0 1px 0 rgba(255,255,255,.8);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.hf-card:hover{transform:translateY(-3px);border-color:rgba(184,145,79,.7);box-shadow:0 32px 56px -26px rgba(147,112,47,.65),inset 0 1px 0 rgba(255,255,255,.8)}
.hf-card:focus-visible{outline:2px solid var(--hf-gold-d);outline-offset:3px}
.hf-eb{display:block;font:600 10px/1.3 Montserrat,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--hf-gold-d)}
.hf-val{display:block;font:500 14px/1.35 Montserrat,Arial,sans-serif;color:var(--hf-ink);letter-spacing:.005em}
.hf-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}

.hf-rate{top:62px;right:0;flex-direction:column;gap:5px;padding:14px 18px 13px;min-width:178px;
 background:rgba(255,255,253,.74);-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25)}
.hf-rate .hf-val b{font-weight:700;font-size:20px;letter-spacing:-.02em}
.hf-dot{color:var(--hf-gold);margin:0 2px}
.hf-stars{display:flex;gap:3px}
.hf-stars svg{width:13px;height:13px;fill:var(--hf-gold)}

.hf-book{left:0;bottom:64px;align-items:center;gap:13px;padding:13px 16px 13px 13px;max-width:calc(100% - 20px);background:#fff}
.hf-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#d6b373 0%,#b38d4d 50%,#93702f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.hf-ic svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hf-bt{display:flex;flex-direction:column;gap:3px;min-width:0}
.hf-book .hf-val{font-weight:600;font-size:14.5px}
.hf-book .hf-val small{font-weight:500;font-size:inherit;color:var(--hf-text)}
.hf-go{flex:none;margin-left:4px;font:600 16px/1 Montserrat,Arial,sans-serif;color:var(--hf-gold-d);transition:translate .35s}
.hf-book:hover .hf-go{translate:3px 0}

/* mirno pojavljivanje: samo linija klizne na mesto; sadržaj je vidljiv i bez JS */
@media (prefers-reduced-motion:no-preference){
 .hf-line{animation:hf-line 1.4s cubic-bezier(.2,.7,.2,1) .2s both}
 @keyframes hf-line{from{translate:-14px 14px}}
}

@media (max-width:860px){
 .hf{justify-self:center;max-width:440px;padding:22px 18px 26px 14px}
 .hf-line{top:8px;left:30px;right:6px;bottom:40px}
 .hf-ring{width:64px;height:64px;left:auto;right:0}
 /* telefon: ocena levo gore (preko ruke i aparata), da ne prekriva lice klijentkinje desno */
 .hf-rate{top:40px;left:0;right:auto;min-width:0;padding:11px 14px 10px}
 .hf-rate .hf-val b{font-size:18px}
 .hf-val{font-size:13px}
 .hf-book{bottom:44px;padding:11px 13px 11px 11px;gap:11px}
 .hf-book .hf-val{font-size:13.5px}
 .hf-ic{width:40px;height:40px;border-radius:11px}
 .hf-live{top:118px;left:auto;right:12px;padding:6px 11px 6px 9px;font-size:9.5px;letter-spacing:.14em}
}
@media (max-width:380px){.hf-eb{letter-spacing:.14em}.hf-book .hf-val{font-size:13px}}