/* Kupón Farmina na webe (návrh „Farmina kupón“, 18. 10. 2026). Prvky (logo, pilulka .fk-mini, pruh .fk-pr so stavmi
   beh / kod / hotovo / chyba) sú rovnaké ako v dizajnovom systéme (components/Farmina). Načítava ho obchod.html
   (košík, karta, detail) aj stránka farmina-kupon.html (časť .fi). Umiestnenie na karte a v detaile je v rezervacia.css. */
:root{--farmina:#0072BB;--farmina-tm:#005A96;--farmina-sv:#2B8BD0;--farmina-logo:url(/img/farmina-logo.png)}
.fk-logo{display:inline-block;flex:none;width:44px;height:38px;background:var(--farmina-logo) center/contain no-repeat}
.fk-mini{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px 0 6px;border-radius:999px;border:1.5px solid var(--farmina);
  background:#fff;color:var(--farmina-tm);font:600 11.5px var(--head);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}
.fk-mini .fk-logo,.fk-pr .fk-logo{width:24px;height:21px}
.fk-mini:hover{transform:translateY(-1px)}
.fk-mini.zap{border-color:transparent;background:linear-gradient(160deg,var(--farmina-sv),var(--farmina) 55%,var(--farmina-tm));color:#fff}
.fk-mini.zap .fk-logo{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.fk-pr{position:relative;display:inline-flex;align-items:center;gap:7px;height:30px;max-width:100%;padding:0 12px 0 5px;border-radius:999px;
  font:600 12.5px var(--text);overflow:hidden;box-sizing:border-box}
.fk-pr.beh{background:linear-gradient(160deg,var(--farmina-sv),var(--farmina) 55%,var(--farmina-tm));color:#fff}
.fk-pr .fk-pb{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.3)}
.fk-pr .fk-pb i{display:block;height:100%;width:100%;background:#fff;transform-origin:left;animation:fkcaka 1.6s ease-in-out infinite alternate}
@keyframes fkcaka{from{transform:scaleX(.15)}to{transform:scaleX(1)}}
.fk-pr.kod{height:38px;padding:0 6px 0 5px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--farmina);color:var(--farmina-tm)}
.fk-kod-p{height:28px;width:112px;box-sizing:border-box;font:600 17px var(--head);letter-spacing:.2em;text-align:center;border:1.5px solid var(--line-2);
  border-radius:8px;background:#fff;color:var(--ink);padding:0;outline:0}
.fk-kod-p:focus{border-color:var(--farmina)}
.fk-kod-p.zle{border-color:var(--red-dk)}
.fk-kod-p::placeholder{font:500 11.5px var(--text);letter-spacing:0;color:var(--ink-soft)}
.fk-pr.hotovo{background:var(--ok-plocha);color:var(--ok)}
.fk-pr.chyba{background:#fdeeed;box-shadow:inset 0 0 0 1.5px var(--red);color:var(--red-dk)}
.fk-pr.pri{background:var(--bg-soft);color:var(--ink-2)}
.fk-pr-i{display:inline-grid;place-items:center;width:22px;height:22px;flex:none}
.fk-pr-i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){.fk-pr .fk-pb i{animation:none}.fk-mini{transition:none}}

/* ---------- stránka /farmina-kupon ---------- */
.fi-str{max-width:1080px;margin-inline:auto;padding:28px 16px 72px}
.fi{font-size:15px;color:var(--ink)}
.fi-hero{position:relative;overflow:hidden;border-radius:26px;padding:26px 24px 22px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#3FA0E0 0%,var(--farmina) 45%,#00467A 100%);box-shadow:0 20px 40px -24px rgba(0,60,110,.8)}
.fi-hero:after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.07)}
.fi-hero .fk-logo{width:84px;height:72px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}
.fi-hero h1{font:700 34px/1.02 var(--head);text-transform:uppercase;margin:12px 0 8px;letter-spacing:.01em}
.fi-hero h1 em{font-style:normal;color:#FFE27A}
.fi-hero p{margin:0 0 14px;font-size:15px;opacity:.95;max-width:46ch}
.fi-ceny{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);max-width:540px;background:rgba(255,255,255,.12);border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);backdrop-filter:blur(6px)}
.fi-ceny>div{padding:10px 12px 9px;display:flex;flex-direction:column;gap:2px;align-items:flex-end;text-align:right}
.fi-ceny>div+div{border-left:1px solid rgba(255,255,255,.22)}
.fi-ceny small{font:600 10.5px var(--text);letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.fi-ceny b{font:700 28px/1 var(--head);color:#FFE27A;letter-spacing:.01em;white-space:nowrap}
.fi-ceny b i{font-style:normal;font-size:.55em;opacity:.9;margin-right:1px}
.fi-pozn{position:relative;z-index:1;margin-top:7px;font-size:12px;opacity:.8}
.fi-genius{display:grid;gap:12px;background:linear-gradient(160deg,#F3F9FE,#E6F1FA);border-radius:18px;padding:16px;box-shadow:inset 0 0 0 1px rgba(0,114,187,.18)}
.fi-genius .g{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.fi-genius .ik{flex:none;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--farmina);width:34px;height:34px}
.fi-genius .ik svg,.fi-dobre svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fi-genius .g b{display:block}
.fi-h{font:600 20px/1.1 var(--head);text-transform:uppercase;letter-spacing:.03em;margin:22px 0 10px;color:var(--farmina-tm)}
.fi-kroky{display:grid;gap:10px}
.fi-krok{display:flex;gap:14px;align-items:center;background:var(--panel);border-radius:18px;padding:14px;box-shadow:var(--tien-jemny)}
.fi-krok .c{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,var(--farmina-sv),var(--farmina) 55%,var(--farmina-tm));font:700 22px var(--head)}
.fi-krok b{display:block;font-size:15.5px}
.fi-krok span{font-size:13.5px;color:var(--ink-2)}
.fi-sumy{display:grid;gap:12px}
.fi-sum{background:var(--panel);border-radius:18px;padding:14px 16px;box-shadow:var(--tien-jemny)}
.fi-sum h3{margin:0 0 6px;font:600 15px var(--head);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px}
.fi-r{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-top:1px dashed var(--line-2)}
.fi-r:first-of-type{border-top:0}
.fi-r span{flex:1;font-size:14px}
.fi-r small{color:var(--ink-soft);font-size:12px}
.fi-r b{font:700 22px var(--head);color:var(--farmina-tm);white-space:nowrap}
.fi-sum.dalsi .fi-r b{font-size:19px;color:var(--ink-2)}
.fi-nota{margin-top:10px;font-size:13px;color:var(--ink-soft)}
/* Globálne `section{padding:96px…}` zo styl.css tu robilo dieru pod Geniusom. */
#fkPamSekcia{padding:0}
.fi-pam-h{font:600 15px/1.2 var(--head);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);margin:14px 0 8px}
.fi-pam{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
/* Pamlsky: veľká fotka nad názvom, celá dlaždica je odkaz na produkt v e-shope (majiteľ 19. 10. 2026; predtým 46 px a fotka pretŕčala). */
.fi-pam>a,.fi-pam>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;
  text-decoration:none;color:var(--ink);font-size:12.5px;line-height:1.3;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}
.fi-pam>a:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(78,58,44,.45)}
.fi-pam .foto{width:100%;aspect-ratio:1/1;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;position:relative}
.fi-pam .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box;mix-blend-mode:multiply}
.fi-pam b{display:block;font-size:12.5px;text-align:center}
@media (prefers-reduced-motion:reduce){.fi-pam>a{transition:none}}
.fi-dobre{display:grid;gap:8px;background:var(--panel);border-radius:18px;padding:14px 16px;box-shadow:var(--tien-jemny)}
.fi-dobre div{display:flex;gap:10px;font-size:14px;align-items:flex-start}
.fi-dobre svg{color:var(--farmina);margin-top:3px;flex:none}
.fi-cta{margin-top:16px;display:flex;justify-content:center}
@media (min-width:760px){
  .fi-hero{padding:34px 36px 30px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
  .fi-hero h1{font-size:46px}
  .fi-hero .fk-logo{width:150px;height:130px}
  .fi-ceny b{font-size:34px}
  .fi-kroky{grid-template-columns:repeat(3,1fr)}
  .fi-krok{flex-direction:column;align-items:flex-start;padding:18px}
  .fi-sumy{grid-template-columns:1fr 1fr}
  .fi-genius{grid-template-columns:repeat(3,1fr)}
  .fi-pam{grid-template-columns:repeat(4,1fr)}
  .fi-dva{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}
}
.fi-l-desk{display:none}
@media (min-width:760px){.fi-l-mob{display:none}.fi-l-desk{display:block}}
.fi-dva>div{min-width:0}

/* Úzky telefón: „až 5,80 €“ na jeden riadok (sumy nezalamovať, 19. 10. 2026). */
@media (max-width:480px){.fi-ceny b{font-size:22px}.fi-ceny>div{padding:9px 9px 8px}}