/* Public storefront redesign. Loaded after the original shared component styles. */
.editorial {
  color-scheme:light; --paper:#f8f8f2; --surface:#fff; --ink:#20271e;
  --muted:#62675e; --line:#dddfd5; --primar:#263223; --primar-h:#141d12;
  --tint:#eef0e6; --pruh:#e2e7d8; --akcent:#ccf36b; --akcent-text:#4e641f;
  --akcent-text-h:#374914; --na-farbe:#fff; --na-farbe-jemny:#e9edde;
  --lime:#d3f78a; --tmavy-panel:#20291e; --na-panele:#d5ddce;
  --na-panele-muted:#afbda5; --na-panele-jasny:#fff; --logo-prekryv:#759447;
  --radius:18px; --radius-s:12px; --obal:1280px;
  --tien:none; --tien-h:0 18px 40px #20271e12;
  background:var(--paper); color:var(--ink);
}
.editorial * { scrollbar-color:var(--muted) var(--paper); }
.editorial a,.editorial button { -webkit-tap-highlight-color:transparent; }
.editorial :focus-visible { outline:3px solid var(--akcent-text); outline-offset:5px; }
.skip-content { position:fixed; top:8px; left:16px; transform:translateY(-160%); z-index:100; padding:14px 22px; background:var(--primar); color:var(--na-farbe); border-radius:8px; }
.skip-content:focus { transform:translateY(0); }
.edition-bar { min-height:34px; padding:8px max(24px,calc((100vw - 1232px)/2)); display:flex; justify-content:space-between; gap:20px; background:var(--primar); color:var(--na-farbe-jemny); font-size:11px; letter-spacing:.035em; }
.edition-bar a { color:inherit; }
.editorial .hlavicka { background:color-mix(in srgb,var(--paper) 93%,transparent); backdrop-filter:blur(18px); }
.editorial .hlavicka-in { padding:20px 24px; gap:24px; }
.language-picker { display:flex; align-items:center; margin:0; order:3; }
.language-picker select { max-width:118px; padding:8px 5px; background:var(--paper); color:var(--ink); border:1px solid var(--line); font-size:11px; }
.language-notice { max-width:1232px; margin:16px auto 0; padding:10px 20px; color:var(--muted); font-size:12px; background:var(--tint); border-radius:8px; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.editorial .brand-nazov { font-size:23px; letter-spacing:-1px; }
.editorial .brand-domena { font-size:9px; letter-spacing:.1em; }
.editorial .navigacia { align-items:center; gap:2px; }
.editorial .navigacia a { font-size:12px; padding:10px 12px; }
.editorial .navigacia .nav-cta { margin-left:14px; background:var(--primar); color:var(--na-farbe); padding:12px 20px; }
.editorial main { min-height:50vh; }
.editorial main:focus { outline:none; }
.editorial .sekcia { max-width:var(--obal); padding:54px 24px; }
.editorial main > .sekcia:nth-of-type(even) { background:none; }
.editorial .sekcia-hlava { margin-bottom:30px; align-items:flex-end; }
.editorial .sekcia-hlava.odhal { opacity:1; transform:none; }
.editorial h1,.editorial h2,.editorial h3 { letter-spacing:-.045em; }
.editorial .sekcia-hlava h2 { font-size:clamp(28px,3.3vw,44px); line-height:1.1; }
.editorial .sekcia-kicker,.editorial .hp-rc-kicker { font-family:var(--pismo-text); color:var(--muted); font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.editorial .odkaz-viac { color:var(--ink); font-size:12px; padding-bottom:6px; border-bottom:1px solid var(--ink); }
.editorial .editorial-hero { max-width:1280px; margin:0 auto; padding:58px 24px 62px; display:grid; grid-template-columns:1.05fr 1fr; gap:48px; text-align:left; border:0; overflow:hidden; background:var(--paper); }
.editorial-hero .hp-hero-vizual,.editorial .editorial-hero::before,.editorial .editorial-hero::after { display:none; }
.editorial-hero .hp-hero-in { width:100%; margin:0; max-width:590px; align-self:center; }
.editorial .hp-kicker { display:flex; align-items:center; gap:9px; margin-bottom:24px; color:var(--ink); font-family:var(--pismo-text); font-size:11px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; }
.edition-dot { width:7px; height:7px; border-radius:50%; background:var(--akcent-text); box-shadow:0 0 0 5px var(--tint); }
.editorial .hp-h1 { font-size:clamp(54px,6.1vw,88px); font-weight:600; line-height:1.02; letter-spacing:-.065em; margin-bottom:23px; }
.editorial .hp-h1 span { color:#72815e; }
.editorial .hp-sub { max-width:450px; margin:0; font-size:14px; line-height:1.8; color:var(--muted); }
.edition-actions { display:flex; align-items:center; gap:26px; margin:29px 0 32px; }
.editorial .cta { border-radius:999px; padding:14px 24px; font-size:13px; transition:transform .25s,box-shadow .25s,background .25s; }
.editorial .cta:hover { transform:translateY(-3px); box-shadow:0 6px 0 var(--line); }
.edition-actions .cta { display:flex; align-items:center; gap:34px; }
.edition-text-link { font-size:12px; color:var(--ink); }
.edition-text-link span { margin-left:8px; }
.editorial .hp-search-vyzva { font-size:10px; color:var(--muted); letter-spacing:.03em; margin-bottom:9px; }
.editorial .hp-search { padding:5px; background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:none; max-width:480px; margin:0; display:flex; flex-direction:row; }
.editorial .hp-search-pole { min-width:0; padding:5px 10px; gap:9px; height:48px; border:0; border-radius:8px; box-shadow:none; }
.editorial .hp-search input { font-size:12px; padding:9px 0; min-width:0; }
.editorial .hp-search-pole input { border:0; box-shadow:none; outline:0; }
.editorial .hp-search:focus-within { outline:2px solid var(--akcent-text); outline-offset:3px; }
.editorial .hp-search-btn { background:var(--lime); color:var(--ink); border-radius:8px; font-size:12px; padding:12px 17px; white-space:nowrap; }
.editorial .hp-chips { justify-content:flex-start; gap:6px; margin-top:12px; max-width:470px; }
.editorial .hp-chip { border:0; border-radius:0; padding:3px 0; font-size:10px; margin-right:8px; border-bottom:1px solid var(--line); background:transparent; }
.editorial .hp-chips-label { font-size:10px; }
.edition-visual { position:relative; min-width:0; min-height:545px; padding:20px 36px 18px 20px; }
.edition-orbit { position:absolute; inset:15% 0 0 0; border:1px solid #c8d4b6; border-radius:50%; transform:rotate(-20deg); }
.edition-cover { position:relative; display:block; height:505px; border-radius:160px 160px 16px 16px; background:#e8e9df; overflow:hidden; transform:rotate(-3deg); isolation:isolate; transition:transform .7s cubic-bezier(.2,.8,.2,1); }
.edition-cover:hover { transform:rotate(0deg); }
.edition-cover-image { width:100%; height:100%; }
.edition-cover-image img { width:100%; height:100%; object-fit:cover; object-position:center 25%; transition:transform 1s cubic-bezier(.2,.8,.2,1); }
.edition-cover:hover img { transform:scale(1.045); }
.edition-cover-caption { position:absolute; inset:auto 15px 15px; display:flex; justify-content:space-between; align-items:center; padding:17px 20px; border-radius:10px; background:#fffffff0; color:var(--ink); backdrop-filter:blur(12px); }
.edition-cover-caption span { font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.edition-cover-caption h2 { font-size:19px; margin:4px 0 0; letter-spacing:-.03em; }
.edition-cover-caption .edition-cover-arrow { font-size:25px; margin-left:12px; }
.edition-side-note { position:absolute; right:0; top:100px; writing-mode:vertical-rl; font-size:9px; letter-spacing:.16em; }
.edition-sticker { position:absolute; z-index:2; top:10px; right:0; width:128px; height:128px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; border-radius:50%; background:var(--lime); color:var(--ink); transform:rotate(12deg); box-shadow:0 8px 20px #26322310; }
.edition-sticker span { font-size:9px; }
.edition-sticker strong { font-family:var(--pismo-nadpis); font-size:30px; letter-spacing:-.05em; }
.edition-note { display:flex; align-items:center; gap:10px; position:absolute; bottom:-50px; left:-8px; padding:12px 21px; background:var(--paper); border:1px solid var(--line); border-radius:12px; transform:rotate(3deg); }
.edition-note>span { font-size:37px; color:var(--akcent-text); }
.edition-note p { margin:0; font-size:11px; line-height:1.6; }
.edition-empty-art { background:var(--lime); border-radius:180px 180px 20px 20px; padding:80px 40px; display:flex; flex-direction:column; justify-content:center; font-family:var(--pismo-nadpis); font-size:54px; line-height:1.05; }
.edition-empty-art b { font-size:110px; }
.edition-ribbon { display:flex; align-items:center; justify-content:center; gap:48px; padding:21px 24px; background:var(--lime); color:var(--ink); font-size:12px; overflow:hidden; }
.edition-ribbon span,.edition-ribbon a { white-space:nowrap; }
.edition-ribbon a { color:inherit; }
.edition-ribbon i { font-size:22px; font-style:normal; }
.editorial .hp-rozcestnik { gap:20px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.editorial .hp-rc { position:relative; border:1px solid var(--line); box-shadow:none; border-radius:18px; padding:30px 34px; background:var(--tint); overflow:hidden; }
.editorial .hp-rc:nth-child(2) { background:#eee9e0; }
.editorial .hp-rc h2 { font-size:29px; margin:8px 0 12px; }
.editorial .hp-rc-popis { max-width:380px; font-size:13px; }
.editorial .hp-rc-cta { font-size:12px; color:var(--ink); margin-top:15px; }
.editorial .hp-grid { gap:25px; }
.editorial .hp-karta,.editorial .karta { border:0; border-radius:0; background:transparent; box-shadow:none; }
.editorial .hp-karta:hover,.editorial .karta:hover { box-shadow:none; transform:translateY(-5px); }
.editorial .hp-foto,.editorial .karta-media { aspect-ratio:3/4; border-radius:14px; overflow:hidden; background:var(--tint); }
.editorial .hp-foto img,.editorial .karta-media img { object-fit:contain; background:#f1f0ec; transition:transform .7s cubic-bezier(.2,.8,.2,1); }
.editorial .hp-karta:hover img,.editorial .karta:hover img { transform:scale(1.045); }
.editorial .hp-karta-telo,.editorial .karta-telo { padding:17px 2px; }
.editorial .hp-karta-kicker,.editorial .karta-typ { font-family:var(--pismo-text); font-size:9px; letter-spacing:.13em; color:var(--muted); }
.editorial .hp-karta-nazov,.editorial .karta-nazov { font-size:14px; letter-spacing:-.02em; }
.editorial .hp-karta-popis,.editorial .karta-teaser { font-size:11px; line-height:1.6; }
.editorial .hp-karta-cena,.editorial .karta-cena { font-family:var(--pismo-text); font-size:17px; font-weight:600; }
.editorial .hp-dlazdice { gap:12px; }
.editorial .hp-tile { background:var(--tint); color:var(--ink); box-shadow:none; border:1px solid var(--line); padding:26px 22px; border-radius:12px; }
.editorial .hp-tile:hover { background:var(--lime); }
.editorial .hp-tile-sip { color:var(--ink); }
.editorial .hp-clanky { gap:20px; }
.editorial .hp-clanok { padding:30px; min-height:235px; border-radius:14px; background:var(--tint); box-shadow:none; }
.editorial .hp-clanok:nth-child(2) { background:#ece9e1; }
.editorial .hp-clanok:nth-child(3) { background:#e5ebdd; }
.editorial .hp-clanok h3 { font-size:25px; line-height:1.2; }
.editorial .hp-clanok .hp-rc-cta { margin-top:auto; }
.editorial .faq-item { background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; padding:10px 0; }
.editorial .faq-item summary { font-size:15px; }
.editorial .faq-item p { font-size:13px; max-width:840px; }
.editorial .hp-faq { padding-bottom:80px; }
.editorial .pata { border-radius:32px 32px 0 0; padding-top:60px; }
.editorial .pata-in,.editorial .pata-spodok { max-width:var(--obal); padding-left:24px; padding-right:24px; }
.editorial .filtre { border-radius:16px; box-shadow:none; padding:24px; background:var(--tint); }
.editorial input,.editorial select,.editorial textarea { border-radius:8px; }
.editorial .kat-hlava h1 { font-size:clamp(38px,5vw,68px); }
.editorial .dlazdica,.editorial .hub-karta { box-shadow:none; border-radius:16px; }
.editorial .detail-media { border-radius:24px; overflow:hidden; }
.editorial .detail-media img { object-fit:contain; }
.editorial .clanok,.editorial .stranka { line-height:1.8; }
.editorial .poradca-oznacenie { display:inline-block; margin:0 0 12px; padding:7px 12px; border-radius:999px; background:var(--lime); color:var(--ink); font-size:11px; font-weight:600; }
.editorial .poradca-slot-nadpis { overflow-wrap:anywhere; }
.editorial .poradca-veta { max-width:860px; line-height:1.8; }
.editorial .poradca-dalsi-krok { display:inline-block; margin-top:18px; text-decoration:underline; text-underline-offset:4px; }
.editorial #poradca-status:not([hidden]) { padding:16px 20px; border-radius:12px; background:var(--tint); }
.editorial .reveal-pending { opacity:0; transform:translateY(24px); }
.editorial .reveal-ready { opacity:1; transform:translateY(0); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1); }
@media (prefers-reduced-motion:no-preference) {
  @view-transition { navigation:auto; }
  ::view-transition-old(root) { animation:edition-out .18s ease both; }
  ::view-transition-new(root) { animation:edition-in .35s ease both; }
  .edition-visual { animation:edition-in .9s cubic-bezier(.2,.8,.2,1) both; }
  .edition-note { animation:edition-float 6s ease-in-out 1s 3; }
}
@keyframes edition-in { from { opacity:0; translate:0 14px; } to { opacity:1; translate:0 0; } }
@keyframes edition-out { to { opacity:0; } }
@keyframes edition-float { 50% { translate:0 -8px; } }
@media(max-width:1100px) {
  .editorial .brand-nazov { font-size:20px; }
  .language-picker select { max-width:98px; }
  .editorial .hlavicka-in { gap:12px; }
  .editorial .navigacia a { padding:9px; font-size:11px; }
  .editorial .navigacia .nav-cta { margin-left:0; padding:10px; }
  .editorial .editorial-hero { gap:20px; }
  .edition-visual { min-height:500px; }
  .edition-cover { height:465px; }
  .edition-ribbon { gap:24px; font-size:10px; }
}
@media(max-width:800px) {
  .language-picker { order:0; margin-left:auto; }
  .language-picker select { max-width:89px; font-size:10px; }
  .editorial .hamburger { margin-left:0; }
  .editorial .hamburger { display:flex; flex-shrink:0; }
  .editorial .nav-prepinac { display:block; position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); }
  .editorial .navigacia { position:absolute; inset:100% 0 auto; padding:16px 24px 24px; margin:0; flex-direction:column; align-items:stretch; background:var(--paper); border-bottom:1px solid var(--line); visibility:hidden; opacity:0; transform:translateY(-10px); transition:opacity .2s,transform .2s,visibility .2s; }
  .editorial .nav-prepinac:checked ~ .navigacia { visibility:visible; opacity:1; transform:translateY(0); }
  .editorial .navigacia a { font-size:14px; padding:12px; }
  .editorial .navigacia .nav-cta { margin-top:10px; text-align:center; padding:14px; }
  .edition-bar { justify-content:center; font-size:10px; }
  .edition-bar>a { display:none; }
  .editorial .hlavicka-in { padding:15px 20px; }
  .editorial .brand-nazov { font-size:21px; }
  .editorial .editorial-hero { grid-template-columns:1fr; padding:40px 24px; gap:34px; }
  .editorial-hero .hp-hero-in { max-width:600px; }
  .editorial .hp-h1 { font-size:clamp(53px,10vw,78px); }
  .edition-visual { width:min(100%,520px); justify-self:center; min-height:470px; padding-right:30px; }
  .edition-cover { height:435px; }
  .edition-ribbon { flex-wrap:wrap; gap:10px 20px; }
  .edition-ribbon i { font-size:16px; }
  .edition-ribbon i:last-of-type { display:none; }
  .editorial .sekcia { padding:36px 20px; }
  .editorial .hp-rozcestnik { grid-template-columns:1fr; }
  .editorial .hp-clanky { grid-template-columns:1fr; }
  .editorial .hp-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 14px; }
  .editorial .hp-clanok { min-height:190px; }
}
@media(max-width:600px) {
  .editorial .hp-kicker { font-size:9px; margin-bottom:20px; }
  .editorial .hp-h1 { font-size:56px; }
  .editorial .hp-sub { font-size:13px; }
  .edition-actions { gap:20px; margin:24px 0; }
  .edition-actions .cta { padding:14px 20px; gap:22px; }
  .edition-text-link { font-size:11px; }
  .edition-visual { min-height:405px; padding:10px 25px 15px 8px; }
  .edition-cover { height:380px; border-radius:120px 120px 14px 14px; }
  .edition-sticker { width:103px; height:103px; right:0; top:0; }
  .edition-sticker strong { font-size:25px; }
  .edition-cover-caption { padding:12px; }
  .edition-cover-caption h2 { font-size:17px; }
  .edition-note { left:0; bottom:-27px; padding:8px 14px; }
  .edition-side-note { font-size:8px; }
  .edition-ribbon { padding:16px; font-size:9px; gap:8px 12px; }
  .edition-ribbon a { flex-basis:100%; text-align:center; }
  .editorial .hp-rc { padding:24px; }
  .editorial .hp-rc h2 { font-size:26px; }
  .editorial .sekcia-hlava { gap:18px; align-items:flex-start; }
  .editorial .sekcia-hlava h2 { font-size:31px; }
  .editorial .odkaz-viac { font-size:10px; white-space:nowrap; }
  .editorial .hp-karta-nazov { font-size:12px; }
  .editorial .hp-karta-popis { font-size:10px; }
  .editorial .hp-karta-cena { font-size:15px; }
  .editorial .hp-dlazdice { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .editorial .hp-tile { font-size:14px; padding:19px 14px; }
  .editorial .pata-in { grid-template-columns:1fr 1fr; }
  .editorial .pata-brand { grid-column:1/-1; }
}
@media(prefers-reduced-motion:reduce) {
  .editorial *,.editorial *::before,.editorial *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .editorial .reveal-pending { opacity:1; transform:none; }
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation:none!important; }
}