/* =========================================================
   FontAna – nov pop-up »Cene in odpiralni čas« (#packages-dialog)
   ========================================================= */
#packages-dialog.fc{--c-cream:#faf7f0;--c-sand:#efe5d3;--c-ink:#3f322a;--c-brown:#765335;--c-gold:#a28c63;--c-muted:#8a7865;--c-line:#e3d8c5;--c-green:#5d7b45;
  --c-serif:'DM Serif Display',Georgia,serif;--c-sans:'DM Sans',Arial,sans-serif;--c-ease:cubic-bezier(.16,1,.3,1);
  width:min(1080px,calc(100vw - 32px)) !important;max-width:none !important;height:min(720px,calc(100dvh - 32px)) !important;max-height:none !important;
  padding:0 !important;border:0 !important;border-radius:30px !important;background:var(--c-cream) !important;color:var(--c-ink);overflow:hidden !important;font-family:var(--c-sans);
  box-shadow:0 40px 120px rgba(20,12,6,.45) !important}
#packages-dialog.fc[open]{display:grid !important;grid-template-columns:44% 56%;animation:fc-in .8s var(--c-ease) both}
#packages-dialog.fc::backdrop{background:rgba(28,20,14,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@keyframes fc-in{from{opacity:0;transform:translateY(40px) scale(.96)}}
#packages-dialog.fc *{box-sizing:border-box}
#packages-dialog.fc .packages-copy{display:none !important}

/* levo: fotografija + cena + 6 kozarčkov */
.fc-vis{position:relative;overflow:hidden;background:#2a2019;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:34px}
.fc-vis img.fc-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 6s ease-out}
#packages-dialog.fc[open] .fc-vis img.fc-ph{transform:scale(1)}
.fc-vis::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,10,.15) 0%,rgba(20,14,10,0) 35%,rgba(20,14,10,.75) 100%)}
.fc-vis>*:not(img){position:relative;z-index:1}
.fc-eb{font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;opacity:.85}
.fc-price{font:400 clamp(72px,9vw,112px)/.9 var(--c-serif);margin-top:8px;text-shadow:0 4px 30px rgba(0,0,0,.4)}
.fc-price small{font:500 15px var(--c-sans);margin-top:16px;opacity:.85}
.fc-per{font-size:15px;opacity:.9;margin-top:4px}
.fc-glasses{display:flex;gap:8px;margin-top:22px}
.fc-glasses svg{width:30px;height:46px}
.fc-glasses .liq{transform:translateY(100%);transform-box:fill-box;transition:transform .7s var(--c-ease)}
#packages-dialog.fc[open] .fc-glasses .liq{transform:none}
.fc-glasses small{display:block;font-size:12px;opacity:.85;margin-top:8px}
.fc-glasscap{font-size:12.5px;opacity:.9;margin-top:10px}

/* desno */
.fc-body{overflow-y:auto;padding:50px 50px 34px;display:flex;flex-direction:column;overscroll-behavior:contain}
.fc-body>*{flex-shrink:0;opacity:0;transform:translateY(14px)}
#packages-dialog.fc[open] .fc-body>*{opacity:1;transform:none;transition:opacity .6s ease var(--d),transform .8s var(--c-ease) var(--d)}
.fc-body .fc-eb{color:var(--c-gold);opacity:1}
.fc-title{font:400 clamp(34px,3.8vw,48px)/1.05 var(--c-serif);margin:10px 0 10px;color:var(--c-ink)}
.fc-intro{font-size:15px;line-height:1.65;color:#66574a;margin:18px 0 0}
/* vstopnica s ceno */
.fc-ticket{display:grid;grid-template-columns:auto 1fr;align-items:stretch;margin-top:8px;border-radius:22px;background:var(--c-brown);color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 40px -22px rgba(92,63,39,.9)}
.fc-ticket::before,.fc-ticket::after{content:"";position:absolute;left:calc(var(--tw,170px) - 11px);width:22px;height:22px;border-radius:50%;background:var(--c-cream)}
.fc-ticket::before{top:-11px}.fc-ticket::after{bottom:-11px}
.fc-tp{width:var(--tw,170px);padding:20px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:2px dashed rgba(255,255,255,.35)}
.fc-tnum{font:400 64px/1 var(--c-serif);white-space:nowrap}
.fc-tnum em{font-style:normal;color:inherit !important;font-size:.62em;margin-left:4px}
.fc-tper{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.85;margin-top:6px}
.fc-tinfo{padding:18px 22px;display:flex;flex-direction:column;justify-content:center}
.fc-tinfo b{font:400 22px/1.15 var(--c-serif)}
.fc-tinfo ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;font-size:13.5px}
.fc-tinfo li{display:flex;gap:9px;align-items:center}
.fc-tinfo li::before{content:"✓";width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:11px;flex:none}
.fc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 0;padding:0;list-style:none;counter-reset:s}
.fc-steps li{background:#fff;border:1px solid var(--c-line);border-radius:18px;padding:14px 14px 12px;font-size:13px;line-height:1.4;color:var(--c-ink);position:relative}
.fc-steps li b{display:block;font:400 26px/1 var(--c-serif);color:var(--c-gold);margin-bottom:6px}
.fc-h{font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--c-gold);margin:30px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.fc-status{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--c-ink);background:var(--c-sand);padding:6px 12px;border-radius:99px}
.fc-status i{width:8px;height:8px;border-radius:50%;background:var(--c-muted)}
.fc-status.open i{background:var(--c-green);box-shadow:0 0 0 0 rgba(93,123,69,.6);animation:fc-pulse 2s infinite}
@keyframes fc-pulse{70%{box-shadow:0 0 0 8px rgba(93,123,69,0)}100%{box-shadow:0 0 0 0 rgba(93,123,69,0)}}
.fc-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.fc-day{border-radius:14px;padding:10px 4px;text-align:center;background:#fff;border:1px solid var(--c-line);transition:transform .4s var(--c-ease)}
.fc-day b{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}
.fc-day span{display:block;font-size:12px;margin-top:6px;line-height:1.3;color:var(--c-ink);font-variant-numeric:tabular-nums}
.fc-day.off{background:transparent;border-style:dashed}
.fc-day.off span{color:var(--c-muted)}
.fc-day.today{background:var(--c-brown);border-color:var(--c-brown);transform:translateY(-4px);box-shadow:0 10px 20px -10px rgba(92,63,39,.8)}
.fc-day.today b,.fc-day.today span{color:#fff}
.fc-note{font-size:13px;color:var(--c-muted);margin:10px 0 0;line-height:1.5}
.fc-group{display:flex;gap:12px;align-items:center;margin-top:20px;padding:14px 16px;border-radius:16px;background:var(--c-sand);font-size:13.5px;line-height:1.5;color:#5d4f43}
.fc-group svg{width:28px;height:28px;flex:none;stroke:var(--c-brown);fill:none;stroke-width:1.5}
.fc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:26px}
.fc-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;border-radius:99px;font:600 14px var(--c-sans);text-decoration:none;cursor:pointer;transition:transform .4s var(--c-ease),background .3s;border:0}
.fc-btn.pri{background:var(--c-brown);color:#fff}
.fc-btn.sec{background:#fff;color:var(--c-ink);border:1px solid var(--c-line)}
.fc-btn:hover{transform:translateY(-2px)}
#packages-dialog.fc .modal-close{position:absolute !important;top:18px !important;right:18px !important;left:auto !important;z-index:5}

@media(max-width:820px){
  #packages-dialog.fc{width:100vw !important;height:94dvh !important;margin:auto 0 0 !important;border-radius:26px 26px 0 0 !important}
  #packages-dialog.fc[open]{grid-template-columns:1fr;grid-template-rows:auto 1fr;animation:fc-up .7s var(--c-ease) both}
  @keyframes fc-up{from{transform:translateY(100%)}}
  .fc-vis{min-height:230px;padding:24px 22px}
  .fc-price{font-size:64px}
  .fc-ticket{--tw:118px}.fc-tp{padding:16px 10px}.fc-tnum{font-size:46px}.fc-tinfo{padding:14px 16px}.fc-tinfo b{font-size:18px}.fc-tinfo ul{font-size:12.5px}
  .fc-glasses{margin-top:14px}.fc-glasses svg{width:24px;height:38px}
  .fc-body{padding:26px 22px 22px}
  .fc-steps{grid-template-columns:1fr;gap:8px}
  .fc-steps li{display:flex;gap:12px;align-items:center}
  .fc-steps li b{margin:0;font-size:22px}
  .fc-week{gap:4px}.fc-day{padding:8px 2px;border-radius:10px}.fc-day span{font-size:10.5px}
  .fc-actions .fc-btn{flex:1;justify-content:center}
}
@media(prefers-reduced-motion:reduce){#packages-dialog.fc,#packages-dialog.fc *{animation:none !important;transition-duration:.01s !important}}