/* PEK.si homepage editorial interactions — v0.20.36
 * Homepage editorial cards use the same calm interactive language as category cards.
 * Standalone promo/CTA panels are intentionally excluded from card hover surfaces.
 * Image-bearing cards get a warmer, more photographic editorial treatment.
 * No JS navigation; native hrefs remain the only navigation mechanism.
 */
:root{
  --pek-home-accent:#e84f1c;
  --pek-home-ink:#211a16;
  --pek-home-muted:#75655b;
  --pek-home-line:#ddd3c8;
  --pek-home-line-strong:#cbbcad;
  --pek-home-paper:#fffdf9;
  --pek-home-warm:#f5efe8;
  --pek-home-hover:#fff9f4;
}

/* Top HERO: keep the stable editorial composition. */
.pek-home-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr) !important;
  gap:clamp(34px,4vw,58px) !important;
  align-items:stretch !important;
}
.pek-home-hero-copy,.pek-home-hero-media{min-width:0;box-sizing:border-box}
.pek-home-hero-media{
  align-self:stretch !important;
  min-height:clamp(430px,39vw,560px);
  padding:0 !important;margin:0 !important;border:0 !important;
  border-radius:18px !important;overflow:hidden !important;
  background:transparent !important;
  box-shadow:0 18px 48px rgba(39,28,20,.09) !important;
}
.pek-home-hero-media > div,.pek-home-hero-media > figure,.pek-home-hero-media > picture,
.pek-home-hero-media figure,.pek-home-hero-media picture{
  width:100% !important;height:100% !important;min-height:100% !important;
  margin:0 !important;padding:0 !important;border:0 !important;
  background:transparent !important;box-shadow:none !important;
}
.pek-home-hero-image,.pek-home-hero-media img{
  display:block !important;width:100% !important;height:100% !important;
  min-height:100% !important;max-width:none !important;object-fit:cover !important;
  object-position:center !important;border:0 !important;border-radius:0 !important;margin:0 !important;
}
.pek-home-hero-copy{align-self:stretch}

/* Shared homepage card interaction: same visual grammar as category cards. */
.pek-home-link-card,
.pek-home-card-link-wrap{
  position:relative;
  min-width:0;
  cursor:pointer;
  color:inherit !important;
  text-decoration:none !important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.pek-home-link-card{isolation:isolate}
.pek-home-link-card .pek-home-card-link{
  position:static !important;
  z-index:auto !important;
  color:inherit;
  text-decoration:none !important;
}
.pek-home-link-card .pek-home-card-link::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
}
.pek-home-card-link-wrap{display:block}
.pek-home-card-link-wrap :is(h2,h3,h4,strong,p,span){text-decoration:none}

/* Interaction arrow is hidden at rest. No floating/SaaS card animation. */
.pek-home-link-card::before,
.pek-home-card-link-wrap::before{
  content:"→";
  position:absolute;
  top:18px;
  right:18px;
  z-index:3;
  color:var(--pek-home-accent);
  font:700 17px/1 system-ui,sans-serif;
  opacity:0;
  transform:translateX(-3px);
  transition:opacity .15s ease,transform .15s ease;
  pointer-events:none;
}
.pek-home-link-card:has(.pek-home-card-link:focus-visible),
.pek-home-card-link-wrap:focus-visible{
  outline:2px solid rgba(232,79,28,.42);
  outline-offset:3px;
}
.pek-home-link-card .pek-home-card-link:focus-visible{outline:0}

@media (hover:hover) and (pointer:fine){
  .pek-home-link-card:hover,
  .pek-home-card-link-wrap:hover{
    background-color:var(--pek-home-hover) !important;
    border-color:var(--pek-home-line-strong) !important;
  }
  .pek-home-link-card:hover :is(h2,h3,h4,strong),
  .pek-home-card-link-wrap:hover :is(h2,h3,h4,strong){
    color:var(--pek-home-accent) !important;
  }
  .pek-home-link-card:hover::before,
  .pek-home-card-link-wrap:hover::before{
    opacity:1;
    transform:translateX(0);
  }
}

/* Cards that carry a real editorial image: modern bakery-magazine treatment.
 * The existing layout is preserved; only surface/media styling changes. */
.pek-home-image-card{
  overflow:hidden !important;
  border:1px solid var(--pek-home-line) !important;
  border-radius:16px !important;
  background:var(--pek-home-paper) !important;
  box-shadow:0 12px 34px rgba(43,30,20,.065) !important;
}
.pek-home-image-card :is(figure,picture,.lead-media,.media,.image,.thumb){
  overflow:hidden;
}
.pek-home-image-card :is(figure,picture){
  display:block;
  margin:0;
}
.pek-home-image-card img{
  display:block;
  max-width:100%;
  transition:transform .34s cubic-bezier(.2,.7,.2,1),filter .2s ease;
}
@media (hover:hover) and (pointer:fine){
  .pek-home-image-card:hover{
    border-color:var(--pek-home-line-strong) !important;
    box-shadow:0 16px 42px rgba(43,30,20,.09) !important;
  }
  .pek-home-image-card:hover img{
    transform:scale(1.022);
    filter:saturate(1.02) contrast(1.01);
  }
}

/* The known lead story uses the same premium media surface even on legacy markup. */
.editorial-section .lead-story{
  border-radius:16px;
  overflow:hidden;
}
.editorial-section .lead-story :is(.lead-media,figure,picture){overflow:hidden}

/* Keep mobile geometry from the stable homepage implementation. */
@media (max-width:680px){
  .editorial-section,.editorial-grid,.editorial-section .lead-story,.editorial-section .lead-story > *,
  .editorial-section .lead-story .lead-media,.editorial-section .lead-story picture,.editorial-section .lead-story img{
    min-width:0;max-width:100%;box-sizing:border-box;
  }
  .editorial-section .lead-story,.editorial-section .lead-story > .lead-media,.editorial-section .lead-story .lead-media{width:100%}
  .editorial-section .lead-story > .lead-media,.editorial-section .lead-story .lead-media{aspect-ratio:16/9 !important;overflow:hidden}
  .editorial-section .lead-story > .lead-media > img,.editorial-section .lead-story > .lead-media img,
  .editorial-section .lead-story .lead-media > img,.editorial-section .lead-story .lead-media img,
  .editorial-section .lead-story picture img{
    display:block;width:100% !important;height:100% !important;max-width:100% !important;object-fit:cover;
  }
  .editorial-section .lead-story picture,.editorial-section .lead-story .lead-media > picture,
  .editorial-section .lead-story > .lead-media > picture{display:block;width:100% !important;height:100% !important}
  .editorial-section .lead-story .lead-content,.editorial-section .lead-story .lead-copy,
  .editorial-section .lead-story .lead-text{min-width:0;max-width:100%}
}
@media (max-width:900px){
  .pek-home-hero{grid-template-columns:1fr !important;gap:28px !important}
  .pek-home-hero-media{min-height:0 !important;aspect-ratio:16/9;border-radius:16px !important}
  .pek-home-hero-media > div,.pek-home-hero-media > figure,.pek-home-hero-media > picture,
  .pek-home-hero-media figure,.pek-home-hero-media picture{min-height:0 !important}
}
@media (max-width:620px){
  .pek-home-link-card::before,.pek-home-card-link-wrap::before{display:none}
  .pek-home-image-card{border-radius:12px !important;box-shadow:0 8px 24px rgba(43,30,20,.055) !important}
}
@media (max-width:520px){
  .pek-home-hero{gap:22px !important}
  .pek-home-hero-media{border-radius:14px !important}
}
@media (prefers-reduced-motion:reduce){
  .pek-home-link-card,.pek-home-card-link-wrap,.pek-home-link-card::before,.pek-home-card-link-wrap::before,
  .pek-home-image-card img{transition:none}
}

.pek-home-card-link{color:inherit;text-decoration:none}

/* When a legacy lead story has an inner copy wrapper that was already marked
 * clickable, the outer media card owns the single hover surface and stretched
 * hit area. This avoids double backgrounds/arrows while keeping the native link. */
.pek-home-image-card > .pek-home-link-card,
.pek-home-image-card > :where(div,article,section) > .pek-home-link-card{
  position:static !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
.pek-home-image-card .pek-home-link-card::before{display:none !important}


/* v0.20.34 — Homepage reading list: editorial hover, never link-underlined. */
.pek-home-next-reading{
  --pek-next-hover:rgba(232,79,28,.045);
}
.pek-home-next-reading .pek-home-next-reading-item{
  display:block;
  position:relative;
  padding:18px 14px 18px 0;
  color:inherit !important;
  text-decoration:none !important;
  text-decoration-line:none !important;
  background:transparent;
  transition:background-color .16s ease,transform .16s ease,color .16s ease;
}
.pek-home-next-reading .pek-home-next-reading-item::before{display:none !important}
.pek-home-next-reading .pek-home-next-reading-item,
.pek-home-next-reading .pek-home-next-reading-item:hover,
.pek-home-next-reading .pek-home-next-reading-item:focus-visible,
.pek-home-next-reading .pek-home-next-reading-item :is(span,strong,h2,h3,h4,p,small),
.pek-home-next-reading .pek-home-next-reading-item:hover :is(span,strong,h2,h3,h4,p,small){
  text-decoration:none !important;
  text-decoration-line:none !important;
}
.pek-home-next-reading .pek-home-next-reading-item:focus-visible{
  outline:2px solid rgba(232,79,28,.34);
  outline-offset:3px;
}
@media (hover:hover) and (pointer:fine){
  .pek-home-next-reading .pek-home-next-reading-item:hover{
    background:linear-gradient(90deg,var(--pek-next-hover),rgba(232,79,28,0) 76%) !important;
    transform:translateY(-1px);
  }
  .pek-home-next-reading .pek-home-next-reading-item:hover :is(h2,h3,h4,strong){
    color:var(--pek-home-accent) !important;
  }
}

/* v0.20.34 — PEK trust/value strip: compact bakery-editorial proof points.
 * Non-clickable by design: no hover affordance that could look like navigation. */
.pek-home-values{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  min-height:0 !important;
  padding:30px 32px !important;
  border:1px solid var(--pek-home-line) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 12% 0%,rgba(232,79,28,.045),transparent 31%),
    linear-gradient(180deg,#fffdf9 0%,#fbf6ef 100%) !important;
  box-shadow:0 12px 34px rgba(43,30,20,.045) !important;
  overflow:hidden;
}
.pek-home-values .pek-home-value{
  position:relative;
  min-width:0;
  min-height:0 !important;
  padding:4px 30px 4px 76px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.pek-home-values .pek-home-value + .pek-home-value{
  border-left:1px solid var(--pek-home-line) !important;
  padding-left:106px !important;
}
.pek-home-values .pek-home-value::before{
  content:"";
  position:absolute;
  left:22px;
  top:4px;
  width:46px;
  height:46px;
  border-radius:14px;
  background-color:#fff7f1;
  background-position:center;
  background-repeat:no-repeat;
  background-size:25px 25px;
  box-shadow:inset 0 0 0 1px rgba(216,75,29,.14),0 7px 18px rgba(56,37,24,.055);
}
.pek-home-values .pek-home-value:first-child::before{left:0}
.pek-home-values .pek-home-value-clarity::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d84b1d%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4.5%205.5c2.6-.8%205.1-.5%207.5%201.1v12c-2.4-1.6-4.9-1.9-7.5-1.1z%22%2F%3E%3Cpath%20d%3D%22M19.5%205.5c-2.6-.8-5.1-.5-7.5%201.1v12c2.4-1.6%204.9-1.9%207.5-1.1z%22%2F%3E%3Cpath%20d%3D%22m15.2%2010.7%201.4%201.4%202.5-3%22%2F%3E%3C%2Fsvg%3E")}
.pek-home-values .pek-home-value-evidence::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d84b1d%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%204v10.2a4%204%200%201%200%208%200V4%22%2F%3E%3Cpath%20d%3D%22M10.5%207h3%22%2F%3E%3Cpath%20d%3D%22M10.5%2010h3%22%2F%3E%3Cpath%20d%3D%22M10.5%2013h3%22%2F%3E%3Cpath%20d%3D%22M6%2020h12%22%2F%3E%3C%2Fsvg%3E")}
.pek-home-values .pek-home-value-connection::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d84b1d%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%222.2%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%226%22%20r%3D%222.2%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%2218%22%20r%3D%222.2%22%2F%3E%3Cpath%20d%3D%22m7%2011.1%209.4-4.2%22%2F%3E%3Cpath%20d%3D%22m7%2012.9%209.4%204.2%22%2F%3E%3C%2Fsvg%3E")}
.pek-home-values .pek-home-value :is(h2,h3,h4,strong){
  display:block;
  margin:0 0 7px !important;
  color:var(--pek-home-ink) !important;
  font-size:clamp(18px,1.45vw,22px) !important;
  line-height:1.13 !important;
  letter-spacing:-.012em;
}
.pek-home-values .pek-home-value p{
  max-width:34ch;
  margin:0 !important;
  color:var(--pek-home-muted) !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

@media (max-width:900px){
  .pek-home-values{grid-template-columns:1fr !important;padding:10px 24px !important}
  .pek-home-values .pek-home-value,
  .pek-home-values .pek-home-value + .pek-home-value{
    padding:22px 0 22px 66px !important;
    border-left:0 !important;
  }
  .pek-home-values .pek-home-value + .pek-home-value{border-top:1px solid var(--pek-home-line) !important}
  .pek-home-values .pek-home-value::before,
  .pek-home-values .pek-home-value:first-child::before{left:0;top:18px}
  .pek-home-values .pek-home-value p{max-width:58ch}
}
@media (max-width:620px){
  .pek-home-next-reading .pek-home-next-reading-item{padding:16px 8px 16px 0}
  .pek-home-values{padding:6px 18px !important;border-radius:14px !important}
  .pek-home-values .pek-home-value,
  .pek-home-values .pek-home-value + .pek-home-value{padding:20px 0 20px 58px !important}
  .pek-home-values .pek-home-value::before,
  .pek-home-values .pek-home-value:first-child::before{width:40px;height:40px;border-radius:12px;background-size:22px 22px;top:18px}
  .pek-home-values .pek-home-value :is(h2,h3,h4,strong){font-size:18px !important}
  .pek-home-values .pek-home-value p{font-size:13.5px !important;line-height:1.5 !important}
}
@media (prefers-reduced-motion:reduce){
  .pek-home-next-reading .pek-home-next-reading-item{transition:none}
}


/* v0.20.36 — lead editorial card spacing (syntax repaired).
 * The photo keeps an edge-to-edge magazine crop; only the copy branch gets
 * breathing room so the eyebrow/title/description no longer touch the frame. */
.editorial-section .lead-story > :where(div,section,article):has(.pek-home-card-link),
.editorial-section .lead-story :where(.lead-content,.lead-copy,.lead-text){
  padding:24px clamp(24px,2.5vw,32px) 22px !important;
  margin:0 !important;
  box-sizing:border-box;
}
.editorial-section .lead-story > :where(div,section,article):has(.pek-home-card-link) > :first-child,
.editorial-section .lead-story :where(.lead-content,.lead-copy,.lead-text) > :first-child{
  margin-top:0 !important;
}
.editorial-section .lead-story > :where(div,section,article):has(.pek-home-card-link) > :last-child,
.editorial-section .lead-story :where(.lead-content,.lead-copy,.lead-text) > :last-child{
  margin-bottom:0 !important;
}

/* Topic explorer: the legacy grid already draws the required cell separators.
 * Remove only the redundant outer bottom rule visible below row 2. */
.pek-home-topics-grid{
  border-bottom:0 !important;
  box-shadow:none !important;
}
.pek-home-topics-grid::after{
  display:none !important;
}

@media (max-width:680px){
  .editorial-section .lead-story > :where(div,section,article):has(.pek-home-card-link),
  .editorial-section .lead-story :where(.lead-content,.lead-copy,.lead-text){
    padding:20px 20px 18px !important;
  }
}

/* v0.20.46 — deterministic SEO opportunity layer.
 * This is deliberately not a carousel and never rotates randomly. Stable
 * crawlable links let the homepage pass authority to a small reviewed set.
 */
.pek-home-opportunities{padding-top:34px !important;padding-bottom:34px !important}
.pek-home-opportunity-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.pek-home-opportunity-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--pek-home-line);
  border-radius:17px;
  background:var(--pek-home-paper);
  color:inherit !important;
  text-decoration:none !important;
  box-shadow:0 10px 30px rgba(43,30,20,.05);
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.pek-home-opportunity-media{
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--pek-home-warm);
}
.pek-home-opportunity-media picture{display:block;width:100%;height:100%}
.pek-home-opportunity-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
.pek-home-opportunity-copy{
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:20px 20px 22px;
  min-height:190px;
}
.pek-home-opportunity-copy .card-kicker{display:block;margin:0}
.pek-home-opportunity-copy > strong{
  color:var(--pek-home-ink);
  font:700 clamp(19px,1.45vw,22px)/1.18 Georgia,"Times New Roman",serif;
  letter-spacing:-.012em;
}
.pek-home-opportunity-copy > span:last-child{
  color:var(--pek-home-muted);
  font-size:13.5px;
  line-height:1.55;
}
.pek-home-opportunity-card:focus-visible{outline:2px solid rgba(232,79,28,.42);outline-offset:3px}
@media (hover:hover) and (pointer:fine){
  .pek-home-opportunity-card:hover{
    border-color:var(--pek-home-line-strong);
    background:#fffaf6;
    box-shadow:0 15px 38px rgba(43,30,20,.08);
  }
  .pek-home-opportunity-card:hover .pek-home-opportunity-media img{transform:scale(1.022)}
  .pek-home-opportunity-card:hover .pek-home-opportunity-copy > strong{color:var(--pek-home-accent)}
}

/* Eight broad homepage hubs expose the full editorial scope while the header
 * remains intentionally compact. Four columns keep two balanced rows. */
.pek-home-topics-grid,.topics .topic-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}

/* The right Academy panel is now a true freshness surface. Keep dates out of
 * the visual noise; published_at drives ordering server-side. */
.recommend-panel .recommend-item{min-height:66px}

@media (max-width:1080px){
  .pek-home-opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pek-home-topics-grid,.topics .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:720px){
  .pek-home-opportunities{padding-top:24px !important;padding-bottom:24px !important}
  .pek-home-opportunity-grid{grid-template-columns:1fr;gap:12px}
  .pek-home-opportunity-card{display:grid;grid-template-columns:120px minmax(0,1fr);border-radius:14px}
  .pek-home-opportunity-media{height:100%;min-height:138px;aspect-ratio:auto}
  .pek-home-opportunity-copy{min-height:0;padding:17px 17px 18px;gap:7px}
  .pek-home-opportunity-copy > strong{font-size:18px}
  .pek-home-opportunity-copy > span:last-child{display:none}
  .pek-home-topics-grid,.topics .topic-grid{grid-template-columns:1fr !important}
}
@media (prefers-reduced-motion:reduce){
  .pek-home-opportunity-card,.pek-home-opportunity-media img{transition:none}
}

/* v0.20.48 — homepage finishing pass.
 * Preserve v0.20.46 SEO routing; improve hierarchy, hub affordance and the
 * editorial-to-commerce bridge without adding keyword repetition or random UI.
 */

/* Header: slightly stronger legibility while keeping the compact architecture. */
.site-header .primary-nav{gap:clamp(15px,1.45vw,21px)}
.site-header .primary-nav a{
  color:#29231f;
  font-size:14px !important;
  font-weight:650;
  letter-spacing:.002em;
}
.site-header .primary-nav a:hover,
.site-header .primary-nav a[aria-current="page"]{color:var(--pek-home-accent)}

/* Keep the lead editorial story dominant; the opportunity layer is supporting. */
.pek-home-opportunities{padding-top:26px !important;padding-bottom:30px !important}
.pek-home-opportunities .section-heading{margin-bottom:22px !important}
.pek-home-opportunities .section-heading h2{
  max-width:760px;
  font-size:clamp(28px,2.7vw,38px) !important;
  line-height:1.08 !important;
}
.pek-home-opportunity-grid{gap:13px}
.pek-home-opportunity-card{border-radius:15px;box-shadow:0 8px 24px rgba(43,30,20,.045)}
.pek-home-opportunity-media{aspect-ratio:16/10}
.pek-home-opportunity-copy{gap:7px;min-height:164px;padding:17px 18px 19px}
.pek-home-opportunity-copy > strong{font-size:clamp(18px,1.3vw,20px);line-height:1.18}
.pek-home-opportunity-copy > span:last-child{font-size:13px;line-height:1.5}

/* Topic hubs: explicit editorial cards instead of a spreadsheet-like matrix. */
.pek-home-topics-grid,
.topics .topic-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
.pek-home-topics-grid .topic-card,
.topics .topic-grid .topic-card,
.pek-home-topics-grid .topic-card:nth-child(n),
.topics .topic-grid .topic-card:nth-child(n){
  position:relative;
  display:flex !important;
  flex-direction:column;
  min-height:174px !important;
  padding:20px 20px 18px !important;
  border:1px solid var(--pek-home-line) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#fffdf9 0%,#fcf8f3 100%) !important;
  box-shadow:0 6px 20px rgba(43,30,20,.035) !important;
  overflow:hidden;
}
.pek-home-topics-grid .topic-card::before,
.topics .topic-grid .topic-card::before{
  content:counter(pek-topic,decimal-leading-zero) !important;
  counter-increment:pek-topic !important;
  position:static !important;
  display:block !important;
  margin:0 0 12px !important;
  color:var(--pek-home-accent) !important;
  font-size:9.5px !important;
  font-weight:850 !important;
  letter-spacing:.13em !important;
  opacity:1 !important;
  transform:none !important;
}
.pek-home-topics-grid .topic-card::after,
.topics .topic-grid .topic-card::after{
  content:"→";
  position:absolute;
  right:18px;
  bottom:16px;
  color:var(--pek-home-accent);
  font:750 15px/1 system-ui,sans-serif;
  opacity:.72;
  transition:transform .16s ease,opacity .16s ease;
}
.pek-home-topics-grid .topic-card .topic-icon,
.topics .topic-grid .topic-card .topic-icon{display:none !important}
.pek-home-topics-grid .topic-copy,
.topics .topic-grid .topic-copy{display:flex;flex:1;flex-direction:column;min-width:0}
.pek-home-topics-grid .topic-copy strong,
.topics .topic-grid .topic-copy strong{
  margin:0 0 9px !important;
  color:var(--pek-home-ink) !important;
  font:700 19px/1.16 Georgia,"Times New Roman",serif !important;
}
.pek-home-topics-grid .topic-copy > span,
.topics .topic-grid .topic-copy > span{
  color:var(--pek-home-muted) !important;
  font-size:12.5px !important;
  line-height:1.5 !important;
}
.pek-home-topics-grid .topic-copy em,
.topics .topic-grid .topic-copy em{
  margin-top:auto !important;
  padding-top:14px !important;
  padding-right:26px;
  color:#b83c16 !important;
  font-size:11.5px !important;
  font-style:normal !important;
  font-weight:800 !important;
}
.pek-home-topics-grid .topic-card.pek-home-card-link-wrap::before,
.topics .topic-grid .topic-card.pek-home-card-link-wrap::before{
  /* The topic counter owns ::before; suppress the generic hidden hover arrow. */
  opacity:1 !important;
}
@media (hover:hover) and (pointer:fine){
  .pek-home-topics-grid .topic-card:hover,
  .topics .topic-grid .topic-card:hover{
    border-color:var(--pek-home-line-strong) !important;
    background:#fffaf6 !important;
    box-shadow:0 12px 30px rgba(43,30,20,.07) !important;
  }
  .pek-home-topics-grid .topic-card:hover::after,
  .topics .topic-grid .topic-card:hover::after{opacity:1;transform:translateX(3px)}
}

/* Homepage PEK.si -> PEKIS.si bridge belongs to the dark editorial panel.
 * A data marker suppresses the duplicate global footer bridge at runtime. */
.pek-home-shop-bridge{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.17);
}
.pek-home-shop-bridge > span{
  display:block;
  max-width:560px;
  color:#d6d3d0;
  font-size:12.5px;
  line-height:1.55;
}
.pek-home-shop-bridge > span b{
  display:block;
  margin-bottom:3px;
  color:#fff;
  font:700 15px/1.25 Georgia,"Times New Roman",serif;
}
.pek-home-shop-bridge > a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:9px 13px;
  border:1px solid rgba(240,165,125,.55);
  border-radius:9px;
  background:#fff7f1;
  color:#9d2d0b !important;
  font-size:12px;
  font-weight:850;
  text-decoration:none !important;
  white-space:nowrap;
  transition:background-color .16s ease,transform .16s ease;
}
.pek-home-shop-bridge > a:hover{background:#fff;transform:translateY(-1px)}
.pek-home-shop-bridge > a:focus-visible{outline:3px solid #fff;outline-offset:3px}

@media (max-width:1080px){
  .pek-home-topics-grid,.topics .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:760px){
  .site-header .primary-nav a{font-size:15px !important}
  .pek-home-opportunities .section-heading h2{font-size:29px !important}
  .pek-home-opportunity-media{aspect-ratio:auto}
  .pek-home-opportunity-copy{min-height:0}
  .pek-home-shop-bridge{grid-template-columns:1fr;gap:13px;margin-top:24px}
  .pek-home-shop-bridge > a{width:100%;justify-content:center;white-space:normal;text-align:center}
}
@media (max-width:720px){
  .pek-home-topics-grid,.topics .topic-grid{grid-template-columns:1fr !important;gap:9px !important}
  .pek-home-topics-grid .topic-card,
  .topics .topic-grid .topic-card,
  .pek-home-topics-grid .topic-card:nth-child(n),
  .topics .topic-grid .topic-card:nth-child(n){min-height:0 !important;padding:18px 18px 17px !important}
  .pek-home-topics-grid .topic-card::before,
  .topics .topic-grid .topic-card::before{margin-bottom:9px !important}
}
@media (prefers-reduced-motion:reduce){
  .pek-home-topics-grid .topic-card::after,
  .topics .topic-grid .topic-card::after,
  .pek-home-shop-bridge > a{transition:none}
}

/* v0.20.48 — Academy multi-action hard lock.
 * The dark promo panel contains an internal Academy CTA plus the PEKIS.si shop CTA.
 * It is never a stretched-link card and must not inherit editorial-card hover colour. */
.academy-panel,
.academy-panel .academy-copy{
  cursor:default;
}
.academy-panel.pek-home-link-card,
.academy-panel .academy-copy.pek-home-link-card{
  background-color:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
.academy-panel.pek-home-link-card::before,
.academy-panel .academy-copy.pek-home-link-card::before,
.academy-panel .pek-home-card-link::after{
  display:none !important;
}
@media (hover:hover) and (pointer:fine){
  .academy-panel:hover,
  .academy-panel .academy-copy:hover,
  .academy-panel.pek-home-link-card:hover,
  .academy-panel .academy-copy.pek-home-link-card:hover{
    background-color:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
  }
  .academy-panel:hover h2,
  .academy-panel .academy-copy:hover h2,
  .academy-panel.pek-home-link-card:hover h2,
  .academy-panel .academy-copy.pek-home-link-card:hover h2{
    color:#fff !important;
  }
}