GRIZLY Minutové ovesné vločky 1000 g

Popis

.grizly-studio-content {
padding: 20px
}

.grizly-studio-content {
color: #000;font-family: Outfit, sans-serif
}

.grizly-studio-content div,
.grizly-studio-content p,
.grizly-studio-content span[style*=color] {
color: inherit
}

.grizly-studio-content strong,
.grizly-studio-content b {
font-weight: 600
}

.grizly-studio-content>h2,
.grizly-studio-content>h3 {
font-family: Outfit, sans-serif;font-size: 28px;font-weight: 500;color: #000;margin-top: 40px;margin-bottom: 16px;line-height: 1.25
}

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

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

.grizly-studio-content .custom-text-block {
padding: 40px;display: flex;flex-direction: column;justify-content: center
}

.grizly-studio-content .custom-text-block-full {
padding: 50px 80px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;width: 100%;max-width: 100%;flex: 1 1 100%;min-height: 280px
}

.grizly-studio-content .custom-text-block h2,
.grizly-studio-content .custom-text-block-full h2,
.grizly-studio-content .custom-text-block h3,
.grizly-studio-content .custom-text-block-full h3 {
font-family: Outfit, sans-serif;font-size: 28px;font-weight: 500;color: #000;margin-bottom: 20px;line-height: 1.25
}

.grizly-studio-content .custom-text-block p,
.grizly-studio-content .custom-text-block-full p {
font-family: Outfit, sans-serif;font-size: 16px;font-weight: 400;color: #000;margin-bottom: 15px;line-height: 25px
}

.grizly-studio-content .custom-image-block {
display: flex;padding: 0;aspect-ratio: 4 / 3
}

.grizly-studio-content .custom-image-block img,
.grizly-studio-content .custom-image-block video {
width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;display: block
}

.grizly-studio-content .custom-image-left img {
border-radius: 20px 0 0 20px
}

.grizly-studio-content .custom-image-right img {
border-radius: 0 20px 20px 0
}

.grizly-studio-content .custom-three-column {
background-color: #f9f7f2;padding: 40px;border-radius: 20px;display: flex;flex-direction: row;gap: 20px;flex-wrap: wrap;margin-bottom: 40px
}

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

.grizly-studio-content .custom-column img {
margin-bottom: 15px
}

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

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

.grizly-studio-content .custom-three-column-images .custom-column img {
width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 0
}

.grizly-studio-content .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
}

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

.grizly-studio-content .custom-red-strip .strip-item span {
font-family: Outfit, sans-serif;font-size: 16px;font-weight: 400;color: #000;line-height: 25px
}

.grizly-studio-content .lyo-cta-button {
border: none;border-radius: 10px;background: #fff;color: #0c0c0c;font-weight: 600;font-size: 1rem;padding: 16px 30px;display: inline-flex;align-items: center;cursor: pointer;box-shadow: 0 12px 20px #07090b14;transition: box-shadow .2s ease, transform .2s ease;text-decoration: none
}

.grizly-studio-content .lyo-cta-button:hover {
transform: translateY(-1px);box-shadow: 0 16px 26px #07090b1f
}

.grizly-studio-content .lyo-cta-button:focus-visible {
outline: 2px solid #f97316;outline-offset: 2px
}

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

.grizly-studio-content .cta-under-carousel .lyo-cta-button {
margin: 0 auto
}

.grizly-studio-content .lyo-cta-inline {
display: inline-block;padding: 8px 18px;margin: 2px 0;background: #f97316;color: #fff!important;font-weight: 600;font-size: .95em;border-radius: 999px;text-decoration: none;line-height: 1.2;box-shadow: 0 4px 12px #f9731633;transition: background .2s ease, transform .2s ease, box-shadow .2s ease
}

.grizly-studio-content .lyo-cta-inline:hover {
background: #ea580c;transform: translateY(-1px);box-shadow: 0 6px 16px #f973164d
}

.grizly-studio-content .custom-text-block a:not(.lyo-cta-inline):not(.lyo-cta-button),
.grizly-studio-content .custom-text-block-full a:not(.lyo-cta-inline):not(.lyo-cta-button) {
color: #c2410c;text-decoration: underline;text-underline-offset: 2px
}

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

@property –carousel-thumb-position {
syntax: „“;inherits: false;initial-value: 0
}

@supports (animation-timeline:scroll()) {
.grizly-studio-content .carousel-progress-track {
display: block
}
}

@keyframes carousel-scroll-slide {
0% {
–carousel-thumb-position: 0
}
to {
–carousel-thumb-position: 75%
}
}

.grizly-studio-content .instagram-user-pdp {
padding: 24px 20px;background-color: #fff;text-align: left
}

.grizly-studio-content .instagram-user-pdp h3 {
font-size: 18px;font-weight: 700;margin-bottom: 8px;color: #0c0c0c
}

.grizly-studio-content .instagram-user-pdp p {
font-size: 16px;font-weight: 400;color: #000;line-height: 25px;margin-bottom: 24px
}

.grizly-studio-content .instagram-user-pdp a {
color: #d3224c;font-weight: 600;text-decoration: none
}

.grizly-studio-content .instagram-user-pdp a:focus-visible {
outline: 2px solid #D3224C;outline-offset: 2px;border-radius: 2px
}

.grizly-studio-content .grid-container-fluid {
display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;width: 100%
}

.grizly-studio-content .grid-container-fluid .grid-item {
position: relative;aspect-ratio: 1 / 1;border-radius: 12px;overflow: hidden;background-color: #f5f5f5
}

.grizly-studio-content .grid-container-fluid .grid-item img {
width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: transform .3s ease
}

.grizly-studio-content .grid-container-fluid .grid-item:hover img {
transform: scale(1.05)
}

@media (max-width:768px) {
.grizly-studio-content .custom-flex-section {
flex-direction: column;overflow: hidden
}
.grizly-studio-content .custom-text-block,
.grizly-studio-content .custom-image-block {
flex: 1 1 100%;max-width: 100%;width: 100%
}
.grizly-studio-content .custom-text-block {
padding: 24px 20px
}
.grizly-studio-content .custom-image-block {
min-height: auto
}
.grizly-studio-content .custom-image-block img {
border-radius: 0!important
}
.grizly-studio-content.mobile-text-first .custom-text-block,
.grizly-studio-content.mobile-text-first .custom-text-block-full {
order: 1
}
.grizly-studio-content.mobile-text-first .custom-image-block {
order: 2
}
.grizly-studio-content.mobile-text-first .custom-image-block img {
border-radius: 0 0 20px 20px!important
}
.grizly-studio-content .custom-text-block-full {
padding: 40px 24px;min-height: 220px
}
.grizly-studio-content .custom-text-block h2,
.grizly-studio-content .custom-text-block-full h2,
.grizly-studio-content .custom-text-block h3,
.grizly-studio-content .custom-text-block-full h3 {
font-size: 20px
}
.grizly-studio-content .custom-three-column {
flex-direction: column;padding: 40px 20px
}
.grizly-studio-content .custom-column {
margin-bottom: 20px;min-width: 100%
}
.grizly-studio-content .custom-red-strip {
grid-template-columns: repeat(3, 1fr);gap: 10px;padding: 14px 10px
}
.grizly-studio-content .custom-red-strip .strip-item img {
width: 44px!important;height: 44px!important
}
.grizly-studio-content .custom-red-strip .strip-item span {
font-size: 12px;line-height: 16px
}
.grizly-studio-content .grid-container-fluid {
display: flex;overflow-x: auto;padding-bottom: 10px;scroll-snap-type: x mandatory
}
.grizly-studio-content .grid-container-fluid .grid-item {
flex: 0 0 70%;min-width: 70%;scroll-snap-align: start
}
}

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

.pd-body__container {
padding: 0!important
}