{\rtf1\ansi\ansicpg1250\cocoartf2822
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0

\f0\fs24 \cf0 <style>\
/* === Wizardo mini bannery \'96 fin\'e1ln\'ed stabiln\'ed verze pro Shoptet (Rubin) === */\
.obrazek-kontejner-desktop \{\
  display: flex;\
  justify-content: space-between;\
  align-items: center;\
  flex-wrap: nowrap;\
  width: 100%;\
  margin-top: -70px;\
  gap: 1%;\
  background-color: #150c25;\
  overflow: hidden;\
\}\
\
/* Ka\'9ed\'fd banner */\
.obrazek-kontejner-desktop a \{\
  flex: 1 1 19%;\
  max-width: 19%;\
  position: relative;\
  overflow: hidden;\
  background-color: #150c25;\
  border-radius: 8px; /* voliteln\'e9 */\
  transition: transform 0.3s ease-in-out;\
\}\
\
/* Udr\'9een\'ed pom\uc0\u283 ru stran \'96 opravuje CLS i v\'fd\'9aku */\
.obrazek-kontejner-desktop a::before \{\
  content: "";\
  display: block;\
  padding-bottom: 43.5%; /* odpov\'edd\'e1 pom\uc0\u283 ru 2.3:1 (v\'fd\'9aka = 43.5 % \'9a\'ed\u345 ky) */\
\}\
\
/* Obr\'e1zky */\
.obrazek-kontejner-desktop img \{\
  position: absolute;\
  top: 0;\
  left: 0;\
  width: 100%;\
  height: 100%;\
  object-fit: cover;\
  display: block;\
  transition: transform 0.3s ease, opacity 0.3s ease;\
  opacity: 0;\
\}\
.obrazek-kontejner-desktop img[src] \{\
  opacity: 1;\
\}\
\
/* Hover efekt */\
.obrazek-kontejner-desktop a:hover img \{\
  transform: scale(1.05);\
\}\
\
/* === Mobiln\'ed verze (2 bannery na \uc0\u345 \'e1dek) === */\
@media (max-width: 768px) \{\
  .obrazek-kontejner-desktop \{\
    flex-wrap: wrap;\
    justify-content: center;\
    margin-top: 0;\
    gap: 8px;\
  \}\
  .obrazek-kontejner-desktop a \{\
    flex: 1 1 48%;\
    max-width: 48%;\
  \}\
\}\
</style>}