GRIZLY Studentský mix 1000 g

Popis

.custom-container {
padding: 20px;
}

.custom-flex-section {
background-color: #f9f7f2; padding: 0; border-radius: 20px; margin-bottom: 40px; overflow: hidden; display: flex; align-items: stretch; width: 100%;
}

.custom-text-block,
.custom-image-block {
flex-basis: 50%; flex-grow: 1; flex-shrink: 0; box-sizing: border-box;
}

.custom-text-block {
padding: 40px;
}

.custom-text-block h2 {
font-size: 24px; color: #333; margin-bottom: 20px;
}

.custom-text-block p {
color: #666; margin-bottom: 15px; line-height: 1.6;
}

.custom-image-block {
display: flex; padding: 0;
}

.custom-image-block img {
width: 100%; height: auto; object-fit: cover;
}

.custom-image-left img {
border-radius: 20px 0 0 20px;
}

.custom-image-right img {
border-radius: 0 20px 20px 0;
}
/* =======================
3-COLUMN (LAST BLOCK)
======================= */

.custom-three-column {
background-color: #f9f7f2; padding: 40px; border-radius: 20px; display: flex; gap: 20px; flex-wrap: wrap;
}

.custom-column {
background-color: #f9f7f2; padding: 20px; border-radius: 20px; text-align: center; flex: 1; min-width: 200px;
}

.custom-column img {
margin-bottom: 15px;
}

.custom-three-column-images {
background-color: transparent; padding: 0; margin: 40px 0; border-radius: 0; overflow: visible; display: flex; gap: 40px; flex-wrap: nowrap;
}

.custom-three-column-images .custom-column {
padding: 0; background-color: transparent; border-radius: 20px; overflow: hidden; flex: 1; text-align: left;
}

.custom-three-column-images .custom-column img {
width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0;
}

.custom-three-column {
background-color: #f9f7f2;/* můžeš upravit odstín */
padding: 50px 40px 40px 40px; border-radius: 20px; display: flex; gap: 40px; flex-wrap: wrap; justify-content: center;
}

.custom-three-column .section-title {
flex: 0 0 100%; text-align: center; margin: 0 0 40px 0; font-size: 28px; font-weight: 700;
}

.custom-three-column h2 {
font-size: 24px; color: #333; margin-bottom: 20px; text-align: center; width: 100%;
}

.custom-red-strip {
background: #f9f7f2; border-radius: 20px; padding: 24px 20px; margin-top: 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; text-align: center;
}

.custom-red-strip .strip-item {
display: flex; flex-direction: column; align-items: center; gap: 10px;
}

.custom-red-strip .strip-ico {
width: 50px; height: 50px; border-radius: 50%; font-size: 22px; display: flex; align-items: center; justify-content: center;
}

.lyo-cta-button {
border: none; border-radius: 10px; background: #ffffff; color: #0c0c0c; font-weight: 600; font-size: 1rem; padding: 16px 30px; display: inline-flex; align-items: center; cursor: pointer; box-shadow: 0 12px 20px rgba(7, 9, 11, 0.08); transition: box-shadow .2s ease, transform .2s ease;
}

.lyo-cta-button:hover {
transform: translateY(-1px); box-shadow: 0 16px 26px rgba(7, 9, 11, 0.12);
}

.cta-under-carousel {
text-align: center; margin-top: 40px;
}

.cta-under-carousel .lyo-cta-button {
margin: 0 auto;
}

.time-cards {
padding: 20px 0 0; background: transparent; width: 100%; margin-top: 0; position: relative;
}

.time-cards__controls {
position: absolute; top: 50%; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; pointer-events: none; z-index: 10;
}

.carousel-btn {
width: 54px; height: 54px; border-radius: 50%; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); display: flex; align-items: center; justify-content: center; pointer-events: auto; cursor: pointer; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); transition: background .2s ease, transform .2s ease;
}

.carousel-btn svg {
width: 20px; height: 20px; color: #000;
}

.carousel-btn:hover {
background: #f5f5f5; transform: scale(1.05);
}

.time-cards__controls .carousel-btn:first-child {
transform: translate(-80px, -50%);
}

.time-cards__controls .carousel-btn:last-child {
transform: translate(80px, -50%);
}

.carousel-wrapper {
width: 100%; overflow: hidden;
}

.time-cards .carousel {
display: flex; gap: 40px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 10px;
}

.time-cards .carousel::-webkit-scrollbar {
display: none;
}

.time-cards .card {
position: relative; flex: 0 0 auto; min-width: 260px; aspect-ratio: 1 / 1; border-radius: 20px; overflow: hidden; scroll-snap-align: start;
}

@media (min-width: 1024px) {
.time-cards .card {
flex: 0 0 calc((100% – 80px) / 3.2); min-width: calc((100% – 80px) / 3.2);
}
}

.time-cards .card__link,
.time-cards .card__imglink {
position: relative; display: block; width: 100%; height: 100%; cursor: pointer; border-radius: 20px; overflow: hidden; text-decoration: none;
}

.time-cards .card__bg {
position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; display: block; border-radius: 20px; margin: 0 !important; transition: none !important; transform: none !important;
}

.time-cards .card::after {
content: „“; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.10) 72%, rgba(0, 0, 0, 0.20) 100%);
}

.time-cards .card:hover::after {
background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.10) 72%, rgba(0, 0, 0, 0.20) 100%) !important;
}

.time-cards .card__content {
position: absolute; left: 0; right: 0; bottom: 0; padding: 18px; z-index: 2; color: #fff; pointer-events: none; text-align: center; display: flex; justify-content: center; align-items: flex-end;
}

.time-cards .card__title {
margin: 0; font-size: 1.1rem; font-weight: 700; line-height: 1.2; max-width: 90%;
}

.time-cards .card a,
.time-cards .card a:visited,
.time-cards .card a:hover,
.time-cards .card a:active {
text-decoration: none !important; color: inherit;
}

@media (min-width: 768px) {
.custom-flex-section {
flex-direction: row;
}
.custom-three-column {
flex-direction: row;
}
}

@media (max-width: 767px) {
/* Mobil: vždy TEXT -> OBRÁZEK */
.custom-flex-section {
flex-direction: column;
}
.custom-flex-section .custom-text-block {
order: 1;
}
.custom-flex-section .custom-image-block {
order: 2;
}
.custom-text-block,
.custom-image-block {
flex-basis: 100%;
}
.custom-three-column-images {
flex-direction: column; gap: 40px;
}
.custom-three-column-images .custom-column {
border-radius: 20px;
}
/* Mobil: obrázek je vždy dole */
.custom-image-left img,
.custom-image-right img {
border-radius: 0 0 20px 20px !important;
}
.custom-image-block img {
width: 100%;
}
.custom-three-column {
flex-direction: column; padding: 20px;
}
.custom-column {
flex-basis: 100%; margin-bottom: 20px;
}
.custom-red-strip {
grid-template-columns: 1fr;
}
.time-cards__controls {
position: static; margin-top: 16px; justify-content: center; pointer-events: auto;
}
.carousel-btn {
transform: none !important; margin: 0 8px;
}
}
/* =========================
CAROUSEL CARD: BG -> OVERLAY -> TEXT
========================= */

.time-cards .card {
position: relative; flex: 0 0 auto; min-width: 260px; aspect-ratio: 1 / 1; border-radius: 20px;/* ✅ stejné zaoblení na všech rozích */
overflow: hidden;/* ✅ aby se obsah ořezal do radius */
scroll-snap-align: start;
}

@media (min-width: 1024px) {
.time-cards .card {
flex: 0 0 calc((100% – 80px) / 3.2); min-width: calc((100% – 80px) / 3.2);
}
}
/* celý card klikací */

.time-cards .card__link,
.time-cards .card__imglink {
position: relative; display: block; width: 100%; height: 100%; cursor: pointer; border-radius: 20px;/* ✅ */
overflow: hidden;/* ✅ */
text-decoration: none;/* ✅ bez podtržení */
}
/* obrázek */

.time-cards .card__bg {
position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; display: block; border-radius: 20px;/* ✅ */
margin: 0 !important;/* ✅ odstraní margin z inline stylu */
transition: none !important;/* ✅ bez hover přechodu */
transform: none !important;/* ✅ bez hover transformace */
}
/* jemný tmavý přechod nad obrázkem, pod textem */

.time-cards .card::after {
content: „“; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.10) 72%, rgba(0, 0, 0, 0.20) 100%);
}
/* ✅ zrušen hover efekt přechodu (nechává stejné jako default) */

.time-cards .card:hover::after {
background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.10) 72%, rgba(0, 0, 0, 0.20) 100%) !important;
}
/* text nad overlay */

.time-cards .card__content {
position: absolute; left: 0; right: 0; bottom: 0; padding: 18px; z-index: 2; color: #fff; pointer-events: none; text-align: center; display: flex; justify-content: center; align-items: flex-end;
}

.time-cards .card__title {
margin: 0; font-size: 1.1rem; font-weight: 700; line-height: 1.2; max-width: 90%;
}
/* ✅ odstranit podtržení u jakýchkoli odkazů uvnitř karet (card 2-5 mají title jako ) */

.time-cards .card a,
.time-cards .card a:visited,
.time-cards .card a:hover,
.time-cards .card a:active {
text-decoration: none !important; color: inherit;
}
/* content zarovnání */

.time-cards .card__content {
position: absolute; left: 0; right: 0; bottom: 0; padding: 18px; z-index: 2; color: #fff; pointer-events: none; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; text-align: center;
}
/* jednotná velikost emoji ve všech kartách */

.time-cards .card__emoji {
font-size: 2.5em; line-height: 1; margin-bottom: 6px;
}

Odměna, na kterou se budete těšit

6 druhů ořechů a sušeného ovoce 

rychlé povzbuzení, které vás vrátí zpátky do hry

ideální svačina do školy, do práce i na výlety

Barevný mix v jednom balení

Legendární kombinace výběrových oříšků a sladkého ovoce, která tě podrží při studiu i v práci. Vychutnej si vyvážený mix mandlí, kešu, lískových ořechů, arašídů a šťavnatého ananasu s rozinkami.

Vždy
čerstvé a poctivé

Směsi si vyrábíme sami v malých šaržích, aby k vám doputovaly v maximální čerstvosti. Používáme pouze výběrové ořechy, které splňují naše nejpřísnější kritéria kvality.

Praktické balení pro křupavý zážitek

V doypack obalu se znovuuzavíratelným zipem zůstane mix déle čerstvý a křupavý. Snadno ho skladujete i vezmete do školy nebo na výlet — a díky opakovanému uzavření se zbytečně neplýtvá.

Jak si studentský mix nejlépe vychutnat?

💻

rychlý snack do školy i do práce

🥣

ideální do snídaňové kaše

🎒

hodí se na cestách a výletech

☀️

spolehlivá svačina ať jste kdekoliv

Porovnání GRIZLY ořechových mixů

Studentská směs

výživové údaje na 100 g

energetická hodnota 482 kcal

bílkoviny 13 g

mandle, kešu, lískové ořechy, rozinky, arašídy a sušený ananas

Fitness směs

výživové údaje na 100 g

energetická hodnota 422 kcal

bílkoviny 8,6 g

mandle, kešu, lískové ořechy, brusinky, rozinky a třešně

Ořechový mix

výživové údaje na 100 g

energetická hodnota 632 kcal

bílkoviny 15,4 g

mandle, kešu, para, lískové a pekanové ořechy

function strawberryScrollCarousel(direction)
{
const carousel = document.getElementById(‚strawberryCarousel‘);
if (!carousel) return;

const firstCard = carousel.querySelector(‚.card‘);
const styles = window.getComputedStyle(carousel);
const gap = parseFloat(styles.columnGap || styles.gap || styles.rowGap || 0) || 0;
const cardWidth = firstCard ? firstCard.offsetWidth : 0;
const scrollAmount = cardWidth + gap;
const newScrollPosition = carousel.scrollLeft + (direction * scrollAmount);

if (newScrollPosition < 0)
{
carousel.scrollTo(
{
left: 0,
behavior: 'smooth'
});
}
else
{
carousel.scrollBy(
{
left: direction * scrollAmount,
behavior: 'smooth'
});
}
}