/* WRAPING – One wide TOP POTRAVINY banner. Only the home page promotion row. */
body.home .nf-promotions .nf-promo-grid,
body.front-page .nf-promotions .nf-promo-grid {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:0 !important;
}
/* Hide the collagen promo already in the theme before JS runs, avoiding flashes. */
body.home .nf-promotions .nf-promo-grid > .nf-promo:not(.nf-top-world) {display:none!important;}
body.home .nf-promotions .nf-promo-grid > .nf-top-world {
    grid-column:1/-1 !important;
}
body.home .nf-promotions .nf-promo-grid > .nf-top-world.wr-wide-top-food {
    display:block !important;
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:1182/249 !important;
    border:1px solid #9b7743 !important;
    border-radius:0 !important;
    background-color:#080604 !important;
    background-image:url('top-potraviny-wide.webp') !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-size:100% 100% !important;
    box-shadow:none !important;
    cursor:default !important;
    pointer-events:none !important;
    transform:none !important;
    transition:none !important;
    padding:0 !important;
}
body.home .nf-promotions .nf-promo-grid > .nf-top-world.wr-wide-top-food:hover {
    transform:none !important;
    border-color:#9b7743 !important;
}
body.home .nf-promotions .nf-promo-grid > .nf-top-world.wr-wide-top-food::before,
body.home .nf-promotions .nf-promo-grid > .nf-top-world.wr-wide-top-food::after {
    content:none !important;
    display:none !important;
    animation:none !important;
}
body.home .nf-promotions .nf-promo-grid > .nf-top-world.wr-wide-top-food > :not(.wr-wide-globe):not(.wr-wide-orbit):not(.wr-wide-a11y) {
    display:none !important;
}
.wr-wide-globe {
    position:absolute;
    left:41.11675%;
    top:-32.53012%;
    width:30.96447%;
    height:auto;
    aspect-ratio:1;
    overflow:hidden;
    z-index:2;
    pointer-events:none;
    border-radius:50%;
    mix-blend-mode:screen;
    opacity:.74;
    -webkit-mask-image:url('globe-visible-mask.png');
    mask-image:url('globe-visible-mask.png');
    -webkit-mask-size:100% 100%;mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.wr-wide-globe .wr-globe-map {
    position:absolute;
    inset:0 auto 0 0;
    width:400%;height:100%;
    background-image:url('gold-world-map.webp');
    background-repeat:repeat-x;
    background-position:left center;
    background-size:50% 100%;
    animation:wr-wide-spin-horizontal 14s linear infinite;
    transform:translate3d(0,0,0);
    will-change:transform;
}
.wr-wide-globe .wr-globe-shade {
    position:absolute;inset:0;
    background:radial-gradient(ellipse 42% 50% at 38% 29%,rgba(255,233,143,.13),transparent 100%),linear-gradient(90deg,rgba(0,0,0,.49) 0%,transparent 26%,transparent 65%,rgba(0,0,0,.69) 100%);
    pointer-events:none;
}
@keyframes wr-wide-spin-horizontal {
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(-50%,0,0)}
}
/* A tiny moving orbital glint, separate from the unchanged golden #1. */
.wr-wide-orbit {
    position:absolute;left:35.5%;top:14%;width:46%;height:52%;
    z-index:3;pointer-events:none;border-radius:50%;
    border:1px solid rgba(246,172,42,.12);
    box-shadow:0 0 9px rgba(245,169,42,.08);
    transform:rotate(-15deg);opacity:.6;
    animation:wr-wide-orbit-roll 13s linear infinite;
}
.wr-wide-orbit::before {
    content:"";position:absolute;left:6%;top:-1.5px;width:22%;height:2px;
    background:linear-gradient(90deg,transparent,#ffe4a0,transparent);
    box-shadow:0 0 10px #ffc55d;
}
@keyframes wr-wide-orbit-roll {
    from{transform:rotate(-15deg)}to{transform:rotate(345deg)}
}
.wr-wide-a11y {
    position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
    margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;border:0!important;
}
@media(max-width:700px){
    body.home .nf-promotions .nf-promo-grid > .nf-top-world.wr-wide-top-food{
        aspect-ratio:720/300!important;
        min-height:0!important;
        background-image:url('top-potraviny-mobile.webp')!important;
        background-size:100% 100%!important;
    }
    body.home .nf-promo-grid .wr-wide-globe{
        left:38.05%;top:-14.33%;width:47.78%;
    }
    body.home .nf-promo-grid .wr-wide-orbit{
        left:32%;top:24%;width:56%;height:45%;
    }
}
@media(prefers-reduced-motion:reduce){
    .wr-wide-globe .wr-globe-map,.wr-wide-orbit {animation:none!important;will-change:auto!important;}
}

/* The first paint already shows the right artwork, even before the small JS swap. */
body.home .nf-promotions .nf-promo-grid > .nf-top-world:not(.wr-wide-top-food){
    grid-column:1/-1!important;width:100%!important;height:auto!important;
    aspect-ratio:1182/249!important;
    background: url('top-potraviny-wide.webp') center/100% 100% no-repeat!important;
    cursor:default!important;pointer-events:none!important;
}
body.home .nf-promotions .nf-promo-grid > .nf-top-world:not(.wr-wide-top-food)::before,
body.home .nf-promotions .nf-promo-grid > .nf-top-world:not(.wr-wide-top-food)::after,
body.home .nf-promotions .nf-promo-grid > .nf-top-world:not(.wr-wide-top-food)>*{visibility:hidden!important;}
@media(max-width:700px){
 body.home .nf-promotions .nf-promo-grid > .nf-top-world:not(.wr-wide-top-food){
   aspect-ratio:720/300!important;
   background-image:url('top-potraviny-mobile.webp')!important;
 }
}