/* ===== BÉBA eshop – NOVÝ VZHLED "Bonbón" (zapíná se jen přes ?novy-design, vypíná ?puvodni-design) =====
   Načítá se AŽ PO původním beba.css a jen ho doplňuje/přepisuje. Všechna pravidla začínají html.beba2,
   takže bez zapnutého přepínače nedělají nic. Obrázky: Správce souborů, soubory b2-*.png / b2-*.jpg. */

html.beba2 {
  --b2-ink: #111;
  --b2-pink-l: #ffb3d9; --b2-pink: #ff3d9a; --b2-pink-d: #c2185b;
  --b2-blue-l: #8fd0ff; --b2-blue: #2a7fe0; --b2-blue-d: #13379a;
  --b2-sun-l: #fff08a;  --b2-sun: #ffc21a;  --b2-sun-d: #e07b00;
  --b2-green-l: #b6ffa8; --b2-green: #2fd06b; --b2-green-d: #118a3c;
  --b2-bezel: linear-gradient(#ffffff 0%, #f3f6fb 55%, #c6d0e2 100%);
  --b2-font: "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
  --b2-spring: cubic-bezier(.3, 1.6, .5, 1);
  --b2-img: url("https://www.bebashop.cz/user/documents/upload/");
}

/* staré efekty, které nový vzhled nahrazuje: srdíčka (jsou nová s fyzikou) a carousel na úvodce (místo něj je točna TOP) */
html.beba2 body > img[style*="2147483647"] { display: none !important; }
html.beba2 .beba-reel { display: none !important; }

/* ---------- hlavní menu: větší písmo, pořád v jednom řádku ---------- */
@media (min-width: 768px) {
  html.beba2 #navigation .menu-level-1 > li > a {
    font-size: clamp(17px, 1.6vw, 24px) !important;
    padding: 6px clamp(6px, .75vw, 15px) !important;
    white-space: nowrap;
  }
  html.beba2 #navigation .menu-level-2 a:not(.menu-image),
  html.beba2 #navigation .menu-level-2 a span { font-size: 21px !important; }
}

/* ---------- úvodní stránka: místo bannerů, carouselu a uvítacího textu je nový úvod ---------- */
html.beba2 body.type-index #content > .banners-row,
html.beba2 body.type-index #content .welcome-wrapper,
html.beba2 body.type-index #header .search { display: none !important; }

/* ---------- bonbónová tlačítka: bílá obruba + lesklé želé, černé písmo s bílým obrysem ---------- */
html.beba2 .btn.btn-cart,
html.beba2 .btn.btn-primary,
html.beba2 .btn.btn-conversion,
html.beba2 .b2-candy {
  --t: var(--b2-sun-l); --m: var(--b2-sun); --d: var(--b2-sun-d);
  font-family: var(--b2-font) !important;
  font-weight: 800 !important;
  color: var(--b2-ink) !important;
  paint-order: stroke fill;
  -webkit-text-stroke: 3px #fff !important;
  text-shadow: 0 2px 4px rgba(0,0,0,.25) !important;
  border: 5px solid #fff !important;
  border-radius: 999px !important;
  background:
    radial-gradient(90% 60% at 50% 12%, rgba(255,255,255,.75), rgba(255,255,255,0) 62%),
    linear-gradient(var(--t) 0%, var(--m) 52%, var(--d) 100%) !important;
  box-shadow:
    0 0 0 1px #c6d0e2,
    0 5px 0 #a6b2c8,
    0 12px 20px rgba(20,30,80,.28),
    inset 0 -6px 9px rgba(0,0,0,.18),
    inset 0 3px 3px rgba(255,255,255,.6) !important;
  transition: transform .18s var(--b2-spring), box-shadow .18s, filter .18s !important;
}
html.beba2 .btn.btn-primary, html.beba2 .b2-candy.blue { --t: var(--b2-blue-l); --m: var(--b2-blue); --d: var(--b2-blue-d); }
html.beba2 .b2-candy.pink { --t: var(--b2-pink-l); --m: var(--b2-pink); --d: var(--b2-pink-d); }
html.beba2 .b2-candy.green { --t: var(--b2-green-l); --m: var(--b2-green); --d: var(--b2-green-d); }
html.beba2 .btn.btn-cart:hover, html.beba2 .btn.btn-primary:hover, html.beba2 .btn.btn-conversion:hover, html.beba2 .b2-candy:hover {
  transform: translateY(-3px) scale(1.04) !important;
  filter: brightness(1.05);
}
html.beba2 .btn.btn-cart:active, html.beba2 .btn.btn-primary:active, html.beba2 .btn.btn-conversion:active, html.beba2 .b2-candy:active {
  transform: translateY(4px) scale(.98) !important;
  box-shadow: 0 0 0 1px #c6d0e2, 0 1px 0 #a6b2c8, 0 4px 8px rgba(20,30,80,.25), inset 0 -2px 6px rgba(0,0,0,.18), inset 0 4px 8px rgba(0,0,0,.12) !important;
}
/* odlesk, který po najetí přejede po tlačítku */
html.beba2 .btn.btn-cart, html.beba2 .btn.btn-primary, html.beba2 .btn.btn-conversion, html.beba2 .b2-candy { position: relative; overflow: hidden; }
html.beba2 .btn.btn-cart::after, html.beba2 .btn.btn-primary::after, html.beba2 .btn.btn-conversion::after, html.beba2 .b2-candy::after {
  content: ""; position: absolute; top: -20%; bottom: -20%; left: -60%; width: 40%;
  background: linear-gradient(100deg, rgba(255,255,255,0), rgba(255,255,255,.8), rgba(255,255,255,0));
  transform: skewX(-18deg); transition: left .6s ease; pointer-events: none;
}
html.beba2 .btn.btn-cart:hover::after, html.beba2 .btn.btn-primary:hover::after, html.beba2 .btn.btn-conversion:hover::after, html.beba2 .b2-candy:hover::after { left: 130%; }

/* ---------- karty produktů: bílá bonbónová karta + pootočená barevná lesklá podložka ---------- */
html.beba2 .products-block .product,
html.beba2 .products-top .product { position: relative; border: 0 !important; background: transparent !important; }
html.beba2 .products-block .product { padding: 14px 14px 26px !important; }
html.beba2 .products-block .product::before {
  content: ""; position: absolute; inset: 14px 14px 26px; z-index: 0; border-radius: 30px;
  background:
    radial-gradient(80% 40% at 50% 10%, rgba(255,255,255,.6), rgba(255,255,255,0) 70%),
    linear-gradient(var(--t), var(--m) 55%, var(--d));
  border: 4px solid #fff; box-shadow: 0 8px 16px rgba(0,0,0,.25);
  transform: translate(9px, 11px) rotate(2.5deg);
  transition: transform .45s var(--b2-spring);
}
html.beba2 .products-block .product:nth-child(4n+1) { --t: var(--b2-pink-l); --m: var(--b2-pink); --d: var(--b2-pink-d); }
html.beba2 .products-block .product:nth-child(4n+2) { --t: var(--b2-blue-l); --m: var(--b2-blue); --d: var(--b2-blue-d); }
html.beba2 .products-block .product:nth-child(4n+3) { --t: var(--b2-green-l); --m: var(--b2-green); --d: var(--b2-green-d); }
html.beba2 .products-block .product:nth-child(4n+4) { --t: var(--b2-sun-l); --m: var(--b2-sun); --d: var(--b2-sun-d); }
html.beba2 .products-block .product:hover::before { transform: translate(13px, 17px) rotate(5deg); }
html.beba2 .products-block .product > .p {
  position: relative; z-index: 1; height: 100%;
  background: var(--b2-bezel) !important;
  border-radius: 30px !important; border: 0 !important;
  padding: 8px 8px 14px !important;
  box-shadow: 0 6px 0 #a6b2c8, 0 10px 20px rgba(0,0,0,.18) !important;
  transition: transform .5s var(--b2-spring);
  transform-style: preserve-3d;
}
html.beba2 .products-block .product .image {
  border: 0 !important; border-radius: 22px !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.04) !important;
}
html.beba2 .products-block .product .image img { transition: transform .6s var(--b2-spring); }
html.beba2 .products-block .product:hover .image img { transform: scale(1.07); }
/* lesklý odlesk, který jede za myší (pozici nastavuje beba2.js) */
html.beba2 .b2-glare { position: absolute; inset: 0; border-radius: 30px; pointer-events: none; overflow: hidden; opacity: 0; transition: opacity .3s; z-index: 3; }
html.beba2 .b2-glare i { position: absolute; left: 0; top: 0; width: 320px; height: 320px; margin: -160px 0 0 -160px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255,255,255,.6), rgba(255,255,255,0)); }
html.beba2 .products-block .product:hover .b2-glare { opacity: 1; }
/* v bílé kartě je text na bílém – obrys stačí slabší */
html.beba2 .products-block .product .p :is(.name, .name *, .price, .price *, .p-desc, .p-code, .p-code *) { -webkit-text-stroke-width: 2px !important; text-shadow: none !important; }
html.beba2 .products-block .product .p-code { z-index: 4; }

/* ---------- společné pro nové sekce ---------- */
html.beba2 .b2-ol { color: var(--b2-ink); paint-order: stroke fill; -webkit-text-stroke: 4px #fff; text-shadow: 0 3px 8px rgba(0,0,0,.28); font-family: var(--b2-font); }
html.beba2 .b2-ol-big { -webkit-text-stroke-width: 8px; }
html.beba2 .b2-wrap { max-width: 1280px; margin-inline: auto; padding-inline: clamp(16px, 3.5vw, 44px); }
html.beba2 .b2-scene { position: relative; isolation: isolate; padding-block: clamp(50px, 7vw, 90px); background-size: cover; background-position: center; font-family: var(--b2-font); }
html.beba2 .b2-head { display: grid; justify-items: center; text-align: center; margin-bottom: 30px; }
html.beba2 .b2-head h2 { margin: 0; font-size: clamp(40px, 6vw, 76px); line-height: 1; font-weight: 800; }

/* ---------- úvod s velkým vyhledáváním ---------- */
html.beba2 .b2-hero { position: relative; isolation: isolate; min-height: clamp(300px, 24vw, 380px); padding-block: 44px 70px; font-family: var(--b2-font); background: #7ec9f5; }
html.beba2 .b2-hero.searching { z-index: 50; }
html.beba2 .b2-hero-clip { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
html.beba2 .b2-hero-bg { position: absolute; inset: -40px; background: url("https://www.bebashop.cz/user/documents/upload/b2-dzungle-blur.jpg") center 60% / cover; will-change: transform; }
html.beba2 .b2-hero-in { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; }
html.beba2 .b2-crew { position: absolute; bottom: 20px; z-index: 1; width: clamp(120px, 17vw, 250px); transform-origin: 50% 100%; will-change: transform; filter: drop-shadow(0 12px 10px rgba(0,0,0,.25)); cursor: pointer; }
html.beba2 .b2-crew img { width: 100%; height: auto; display: block; animation: b2sway 3.6s ease-in-out infinite; }
html.beba2 .b2-crew.c1 { left: 1%; } html.beba2 .b2-crew.c2 { left: 16%; width: clamp(100px, 12vw, 180px); }
html.beba2 .b2-crew.c3 { right: 15%; width: clamp(100px, 12vw, 180px); } html.beba2 .b2-crew.c4 { right: 1%; }
html.beba2 .b2-crew.c2 img { animation-delay: -1s; } html.beba2 .b2-crew.c3 img { animation-delay: -2s; } html.beba2 .b2-crew.c4 img { animation-delay: -.5s; }
@keyframes b2sway { 0%, 100% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(2deg) translateY(-8px); } }
@media (max-width: 767px) { html.beba2 .b2-hero { min-height: 0; padding-bottom: 150px; } html.beba2 .b2-crew.c2, html.beba2 .b2-crew.c3 { display: none; } html.beba2 .b2-crew { width: 130px; } }

html.beba2 .b2-search { position: relative; z-index: 5; width: min(780px, 100%); }
html.beba2 .b2-search-pill { display: flex; align-items: center; gap: 8px; padding: 9px; margin: 0; border-radius: 999px; background: var(--b2-bezel); box-shadow: 0 8px 0 #a6b2c8, 0 20px 36px rgba(20,30,80,.35); }
html.beba2 .b2-search-field { flex: 1; display: flex; align-items: center; min-width: 0; margin: 0; border-radius: 999px; background: linear-gradient(#fff, #f2f6ff); box-shadow: inset 0 4px 8px rgba(20,40,120,.15); padding-left: 20px; cursor: text; }
html.beba2 .b2-search-field svg { flex: none; width: 30px; height: 30px; color: var(--b2-blue); }
html.beba2 .b2-search input[type="search"] { flex: 1; width: 100%; min-width: 0; border: 0 !important; background: none !important; box-shadow: none !important; outline: none; padding: 18px 14px; height: auto; font: 700 clamp(18px, 2.2vw, 24px) var(--b2-font) !important; color: var(--b2-ink); -webkit-text-stroke: 0 !important; }
html.beba2 .b2-search input::placeholder { color: #6b7aa6; font-weight: 600; }
html.beba2 .b2-search .b2-candy { flex: none; padding: 16px 30px; font-size: 22px; line-height: 1; cursor: pointer; }
html.beba2 .b2-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 16px; }
html.beba2 .b2-chips button { border: 2px solid #fff; background: rgba(255,255,255,.35); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-radius: 999px; padding: 5px 14px; cursor: pointer; font: 700 16px var(--b2-font); color: var(--b2-ink); paint-order: stroke fill; -webkit-text-stroke: 3px #fff; box-shadow: 0 3px 0 rgba(0,0,0,.12); transition: transform .2s var(--b2-spring); }
html.beba2 .b2-chips button:hover { transform: translateY(-3px) rotate(-2deg); background: rgba(255,255,255,.6); }
html.beba2 .b2-results { position: absolute; left: 12px; right: 12px; top: calc(100% + 12px); z-index: 20; text-align: left; background: #fff; border: 4px solid #fff; border-radius: 26px; box-shadow: 0 22px 40px rgba(20,30,80,.35); padding: 10px; max-height: min(440px, 60vh); overflow-y: auto; }
html.beba2 .b2-results h4 { margin: 6px 10px 4px; font: 700 14px var(--b2-font); letter-spacing: .06em; text-transform: uppercase; color: #5a6690; -webkit-text-stroke: 0; text-shadow: none; }
html.beba2 .b2-res { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 16px; text-decoration: none !important; color: var(--b2-ink) !important; font-family: var(--b2-font); }
html.beba2 .b2-res:hover, html.beba2 .b2-res.on { background: linear-gradient(#eaf5ff, #d4ebff); }
html.beba2 .b2-res img { width: 64px; height: 48px; object-fit: contain; background: #fff; border-radius: 10px; flex: none; box-shadow: 0 2px 6px rgba(0,0,0,.12); }
html.beba2 .b2-res b { flex: 1; min-width: 0; font-weight: 700; line-height: 1.2; }
html.beba2 .b2-res mark { background: #ffe066; border-radius: 4px; padding: 0 2px; color: inherit; }
html.beba2 .b2-res .pr { font-weight: 800; color: var(--b2-pink-d); white-space: nowrap; }
html.beba2 .b2-res-cats { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 10px 8px; }
html.beba2 .b2-res-cats a { border-radius: 999px; padding: 4px 12px; background: linear-gradient(#5fb3ff, #1a5fb4); color: #fff !important; text-decoration: none !important; font: 700 15px var(--b2-font); box-shadow: 0 2px 0 rgba(0,0,0,.2); }
html.beba2 .b2-res-none { padding: 14px; font: 700 17px var(--b2-font); }
@media (max-width: 560px) {
  html.beba2 .b2-search-pill { padding: 6px; gap: 6px; }
  html.beba2 .b2-search-field { padding-left: 12px; }
  html.beba2 .b2-search-field svg { width: 22px; height: 22px; }
  html.beba2 .b2-search input[type="search"] { padding: 13px 8px; font-size: 17px !important; }
  html.beba2 .b2-search .b2-candy { padding: 11px 16px; font-size: 17px; border-width: 4px !important; }
  html.beba2 .b2-results { left: 0; right: 0; }
}

/* ---------- běžící pásy (kreslí je beba2.js jako SVG, ať mají hladké šikmé hrany) ---------- */
html.beba2 .b2-tubes { position: relative; z-index: 3; overflow-x: clip; font-family: var(--b2-font); }
html.beba2 .b2-tube { position: relative; height: 150px; }
html.beba2 .b2-tube svg { position: absolute; left: 0; top: 0; display: block; overflow: visible; pointer-events: none; }
html.beba2 .b2-tube .b2-in { position: absolute; left: -5%; width: 110%; padding-block: 12px; transform-origin: 50% 50%; }
html.beba2 .b2-row { display: flex; width: max-content; animation: b2slide 40s linear infinite; }
html.beba2 .b2-tube.b .b2-row { animation-direction: reverse; animation-duration: 46s; }
html.beba2 .b2-row > span { display: flex; align-items: center; gap: 22px; padding-right: 22px; font-weight: 800; font-size: clamp(24px, 3.2vw, 42px); white-space: nowrap; line-height: 1.2; color: var(--b2-ink); paint-order: stroke fill; -webkit-text-stroke: 6px #fff; text-shadow: 0 3px 6px rgba(0,0,0,.3); }
html.beba2 .b2-row img { height: 1.6em; width: auto; filter: drop-shadow(0 3px 3px rgba(0,0,0,.3)); }
html.beba2 .b2-row i { font-style: normal; color: var(--b2-sun); -webkit-text-stroke: 4px #fff; }
@keyframes b2slide { to { transform: translateX(-50%); } }

/* ---------- světy (Oblečení / Hračky / Audio CD) ---------- */
html.beba2 .b2-worlds { background-image: url("https://www.bebashop.cz/user/documents/upload/b2-ricka-blur.jpg"); background-color: #79c25a; }
html.beba2 .b2-world-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.5vw, 30px); margin-top: 70px; }
html.beba2 .b2-world { position: relative; display: block; padding: 8px; border-radius: 36px; background: var(--b2-bezel); box-shadow: 0 8px 0 #a6b2c8, 0 20px 34px rgba(0,0,0,.3); text-decoration: none !important; transition: transform .35s var(--b2-spring); }
html.beba2 .b2-world .pic { position: relative; display: block; height: 260px; border-radius: 29px; background-size: cover; background-position: center; box-shadow: inset 0 -60px 50px -20px rgba(0,0,0,.25), inset 0 4px 6px rgba(255,255,255,.6); }
html.beba2 .b2-world img { position: absolute; left: 50%; bottom: 58px; height: 250px; width: auto; max-width: none; translate: -50% 0; transform-origin: 50% 100%; transition: transform .5s var(--b2-spring); filter: drop-shadow(0 12px 10px rgba(0,0,0,.3)); z-index: 2; }
html.beba2 .b2-world strong { position: absolute; left: 0; right: 0; bottom: 18px; text-align: center; font-size: clamp(28px, 3.2vw, 42px); font-weight: 800; line-height: 1; z-index: 3; }
html.beba2 .b2-world:hover { transform: translateY(-8px) rotate(-1.5deg); }
html.beba2 .b2-world:hover img { transform: translateY(-16px) scale(1.07) rotate(3deg); }
@media (max-width: 820px) { html.beba2 .b2-world-grid { grid-template-columns: 1fr; gap: 100px; margin-top: 110px; } }

/* ---------- TOP točna ---------- */
html.beba2 .b2-top { background-image: url("https://www.bebashop.cz/user/documents/upload/b2-duha2.jpg"); background-color: #ff9bd0; overflow: hidden; }
html.beba2 .b2-ring-wrap { --w: 210px; --h: 250px; position: relative; height: calc(var(--h) + 210px); perspective: 1500px; touch-action: pan-y; cursor: grab; user-select: none; -webkit-user-select: none; }
html.beba2 .b2-ring-wrap:active { cursor: grabbing; }
html.beba2 .b2-ring { position: absolute; left: 50%; top: 40%; transform-style: preserve-3d; will-change: transform; }
html.beba2 .b2-ring-item { position: absolute; width: var(--w); height: var(--h); left: calc(var(--w) * -.5); top: calc(var(--h) * -.5); padding: 7px; border-radius: 28px; background: var(--b2-bezel); box-shadow: 0 6px 0 #a6b2c8, 0 18px 28px rgba(0,0,0,.28); backface-visibility: hidden; -webkit-backface-visibility: hidden; }
html.beba2 .b2-ring-item .face { height: 100%; border-radius: 22px; background: linear-gradient(#fff, #eef4ff); overflow: hidden; display: flex; flex-direction: column; }
html.beba2 .b2-ring-item img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: #fff; pointer-events: none; }
html.beba2 .b2-ring-item b { display: block; padding: 6px 10px 0; font: 700 15px/1.15 var(--b2-font); color: var(--b2-ink); }
html.beba2 .b2-rank { position: absolute; top: -14px; left: -10px; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; font: 800 22px var(--b2-font); background: radial-gradient(70% 50% at 50% 20%, rgba(255,255,255,.8), rgba(255,255,255,0) 70%), linear-gradient(#fff08a, #ffc21a 55%, #e07b00); border: 4px solid #fff; box-shadow: 0 3px 0 rgba(0,0,0,.2); color: var(--b2-ink); paint-order: stroke fill; -webkit-text-stroke: 3px #fff; }
html.beba2 .b2-disc { position: absolute; border-radius: 50%;
  background:
    radial-gradient(closest-side, rgba(255,255,255,0) 84%, rgba(255,255,255,.95) 86%, #e9eef8 92%, #c6d0e2 100%),
    radial-gradient(60% 45% at 50% 30%, rgba(255,255,255,.65), rgba(255,255,255,0) 70%),
    repeating-conic-gradient(from 0deg, #ff5fae 0 15deg, #ff8cc6 15deg 30deg);
  box-shadow: 0 0 80px rgba(255,90,170,.6); }
html.beba2 .b2-now { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; text-align: center; min-height: 70px; }
html.beba2 .b2-now-name { font-weight: 800; font-size: clamp(24px, 2.8vw, 34px); line-height: 1.1; }
html.beba2 .b2-now-price { font-weight: 800; font-size: clamp(26px, 3vw, 38px); line-height: 1; }
html.beba2 .b2-now .b2-candy { padding: 12px 28px; font-size: 19px; text-decoration: none !important; }
@media (max-width: 640px) { html.beba2 .b2-ring-wrap { --w: 150px; --h: 185px; } html.beba2 .b2-ring-item b { font-size: 12px; } html.beba2 .b2-rank { width: 38px; height: 38px; font-size: 18px; } }

/* ---------- efekty: srdíčka, bubliny, vykukující postavičky ---------- */
html.beba2 .b2-fx { position: fixed; left: 0; top: 0; z-index: 2147483000; pointer-events: none; will-change: transform; height: auto; }
html.beba2 .b2-bubble { position: fixed; z-index: 1000; border-radius: 50%; cursor: pointer;
  background: radial-gradient(30% 30% at 32% 28%, rgba(255,255,255,.95), rgba(255,255,255,0) 70%), radial-gradient(closest-side, rgba(255,255,255,0) 70%, rgba(255,255,255,.55) 92%, rgba(255,255,255,.9)), conic-gradient(from 30deg, rgba(255,120,200,.35), rgba(120,200,255,.35), rgba(140,255,170,.35), rgba(255,230,120,.35), rgba(255,120,200,.35));
  box-shadow: 0 4px 14px rgba(255,255,255,.4); }
html.beba2 .b2-peek { position: fixed; z-index: 1001; width: 150px; height: auto; cursor: pointer; filter: drop-shadow(0 8px 10px rgba(0,0,0,.25)); }

@media (prefers-reduced-motion: reduce) {
  html.beba2 .b2-row, html.beba2 .b2-crew img { animation: none !important; }
}

/* ---------- Novinky na úvodce: naposledy vložené produkty (doplňuje beba2.js) ---------- */
html.beba2 .b2-newest { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0 0 40px !important; }
html.beba2 .b2-newest > .product { width: auto !important; max-width: none !important; float: none !important; flex: none !important; }
@media (max-width: 767px) { html.beba2 .b2-newest { grid-template-columns: repeat(2, minmax(0, 1fr)); } }