/* Loaded only on online catalogue and streaming pages; independent of body classes. */
html body .sm-pyszne-offer,
html body .sm-pyszne-netflix-food {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
}
html body .sm-pyszne-offer-copy,
html body .sm-pyszne-netflix-copy,
html body .sm-pyszne-offer-copy *,
html body .sm-pyszne-netflix-copy * {
    color: #fff !important;
    background: transparent !important;
}
html body .sm-pyszne-offer-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
}
html body .sm-pyszne-offer-actions .sm-pyszne-brand {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body .sm-pyszne-offer-actions .sm-pyszne-brand img {
    width: 110px !important;
    max-width: 110px !important;
    height: auto;
}
html body .sm-pyszne-netflix-row {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    column-gap: 10px !important;
}
html body .sm-pyszne-netflix-copy { grid-column: 1; grid-row: 1; }
html body .sm-pyszne-netflix-logo { grid-column: 2; grid-row: 1; }
html body .sm-pyszne-netflix-food-actions { grid-column: 3; grid-row: 1; }
html body .sm-pyszne-offer a.sm-pyszne-button,
html body .sm-pyszne-netflix-food a.sm-pyszne-button {
    background: #ff8000 !important;
    border: 0 !important;
    color: #17100a !important;
    min-height: 44px;
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: none !important;
}
html body .sm-pyszne-button > span { color: inherit !important; }
html body .sm-pyszne-brand-fallback { color: #ff8000 !important; }
html body .sm-pyszne-offer a.sm-pyszne-button:hover,
html body .sm-pyszne-netflix-food a.sm-pyszne-button:hover {
    background: #e87300 !important;
    color: #17100a !important;
}
html body .sm-pyszne-offer a:focus-visible,
html body .sm-pyszne-netflix-food a:focus-visible {
    outline: 3px solid #ffe0ba !important;
    outline-offset: 4px;
}
@media(max-width:700px) {
    html body .sm-pyszne-netflix-row { grid-template-columns: auto minmax(0,1fr) !important; gap: 12px 10px !important; }
    html body .sm-pyszne-netflix-copy { grid-column: 1 / -1; grid-row: 1; }
    html body .sm-pyszne-netflix-logo { grid-column: 1; grid-row: 2; }
    html body .sm-pyszne-netflix-food-actions { grid-column: 2; grid-row: 2; justify-content: flex-start !important; }
}