/* Vizuálne pravidlá odvodené od vysokého, kondenzovaného písma loga. */
:root{--display:"Arial Narrow","Roboto Condensed","Helvetica Neue Condensed",Impact,sans-serif}
.brand img,footer img{mix-blend-mode:multiply;filter:contrast(1.12)}
.cow{background:var(--yellow)}
.cow img{display:none}
.cow::before{content:"";position:absolute;inset:5% 8%;background:url('public/assets/logo-a-only.png') no-repeat center;background-size:contain;mix-blend-mode:multiply}
.hero h1,h2,.group-head h3,.body h4,.pad h3,.numbers b,.award b{font-family:var(--display);font-weight:900;letter-spacing:-.025em}
.filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 42px}
.filter{border:1px solid var(--ink);background:transparent;padding:11px 17px;font:800 .92rem var(--display);text-transform:uppercase;letter-spacing:.035em;cursor:pointer}
.filter:hover,.filter.active{background:var(--ink);color:#fff}
.media img[src*="labels-center"]{transform:none}
.media img[src*="cheese-clean"]{transform:scale(.96)}
@media(max-width:950px){.cow::before{inset:5% 12%}}
@media(max-width:620px){.cow::before{inset:6% 14%}}
.lang{display:flex;border:1px solid var(--ink)}.lang button,.lang a{border:0;background:transparent;padding:8px 9px;font-weight:900;cursor:pointer;text-decoration:none}.lang button.active,.lang a.active{background:var(--ink);color:#fff}
.product .body{display:flex;flex-direction:column}.detail-btn{display:block;margin-top:auto;border:1px solid var(--ink);background:transparent;padding:11px 14px;color:inherit;text-align:center;text-decoration:none;font:800 .92rem var(--display);text-transform:uppercase;cursor:pointer}.detail-btn:hover{background:var(--ink);color:#fff}
#detail-dialog{width:min(760px,calc(100% - 32px));max-height:86vh;border:0;padding:clamp(25px,5vw,50px);box-shadow:0 20px 80px #0008;background:var(--paper);color:var(--ink)}#detail-dialog::backdrop{background:#000b}.dialog-close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:2.2rem;cursor:pointer}.dialog-close-bottom{margin-top:24px}#detail-dialog h2{font-size:clamp(2rem,5vw,4rem);margin:0 35px 14px 0}.detail-meta{font-weight:900;border-block:1px solid var(--line);padding:12px 0;margin-bottom:25px}#detail-text{white-space:pre-line;line-height:1.65}
@media(max-width:950px){header{gap:12px}.lang{margin-left:auto}header .compact{margin-left:0}}
.legal-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.legal-links button{border:0;background:none;padding:0;text-decoration:underline;font:inherit;cursor:pointer}.consent[hidden]{display:none}.consent{position:fixed;z-index:100;left:18px;right:18px;bottom:18px;background:var(--paper);border:2px solid var(--ink);box-shadow:0 18px 70px #0007;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:30px}.consent h2{font-size:2rem;margin:0 0 8px}.consent p{margin:0 0 7px;max-width:760px}.consent-actions{display:flex;gap:10px;flex-shrink:0}.privacy-page{max-width:900px;margin:auto;padding:55px 22px 90px}.privacy-page h1{font-size:clamp(2.6rem,6vw,5rem)}.privacy-page h2{font-size:2rem;margin-top:45px}.privacy-page table{width:100%;border-collapse:collapse}.privacy-page th,.privacy-page td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:12px}.privacy-back{display:inline-block;margin-bottom:40px;font-weight:800}
@media(max-width:760px){.consent{display:block}.consent-actions{margin-top:18px;flex-direction:column}.consent-actions>*{width:100%}footer{align-items:flex-start;flex-direction:column}footer span{margin-left:0}}

/* Mobilný hero: krava a text vedľa seba, oba stĺpce rovnako vysoké. */
@media(max-width:620px){
  .hero{grid-template-columns:minmax(108px,35%) minmax(0,65%);min-height:0;align-items:stretch}
  .cow{height:auto;min-height:100%}
  .cow::before{inset:4px -7px;background-position:center;background-size:110% auto}
  .hero-copy{align-self:center;min-width:0;padding:20px 15px 20px 17px}
  .hero .overline{margin-bottom:12px;font-size:.62rem;line-height:1.35;letter-spacing:.08em}
  .hero h1{font-size:clamp(2.25rem,10.8vw,3rem);line-height:.92}
  .hero .lead{margin:14px 0;font-size:.88rem;line-height:1.42}
  .hero .actions{gap:11px;align-items:flex-start}
  .hero .actions .btn{padding:11px 12px;font-size:.78rem}
  .hero .actions>a:last-child{font-size:.78rem}
}
@media(max-width:390px){
  .hero{grid-template-columns:minmax(102px,34%) minmax(0,66%)}
  .hero-copy{padding-inline:12px}
  .hero h1{font-size:2.08rem}
  .hero .lead{font-size:.82rem}
}

.breadcrumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:34px;font-size:.9rem}.breadcrumbs a{font-weight:800}.category-page{max-width:1180px}.category-page>.grid{margin-top:34px}.product-detail-page{max-width:1100px}.product-detail-layout{display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:clamp(32px,6vw,80px);align-items:start}.product-detail-media{background:var(--cream);padding:24px;display:flex;align-items:center;justify-content:center}.product-detail-media img{display:block;width:100%;height:auto;object-fit:contain}.product-detail-layout h1{margin:.15em 0;font:900 clamp(2.6rem,6vw,5.5rem)/.95 var(--display);letter-spacing:-.035em}.product-detail-layout h2{margin-top:36px;font-size:1.7rem}.product-detail-layout>div>p{line-height:1.7}.product-detail-layout .detail-meta{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:760px){.product-detail-layout{grid-template-columns:1fr}.product-detail-media{max-height:390px}.product-detail-media img{max-height:340px}}