/*mxn:ba61053aa4771c301364d76ea438ca31*/

@font-face{ font-family: "Oswald";           src: url("fonts/oswald-bold.ttf");   font-weight: 700; }
@font-face{ font-family: "RobotoD";          src: url("fonts/roboto-bold.ttf");   font-weight: 700; }
@font-face{ font-family: "Bebas Neue";       src: url("fonts/bebas-neue.ttf"); }
@font-face{ font-family: "Pacifico";         src: url("fonts/pacifico.ttf"); }
@font-face{ font-family: "Playfair Display"; src: url("fonts/playfair-bold.ttf"); font-weight: 700; }
@font-face{ font-family: "Anton";         src: url("fonts/anton.ttf"); }
@font-face{ font-family: "Lobster";       src: url("fonts/lobster.ttf"); }
@font-face{ font-family: "Bangers";       src: url("fonts/bangers.ttf"); }
@font-face{ font-family: "Alfa Slab One"; src: url("fonts/alfa-slab.ttf"); }
@font-face{ font-family: "Righteous";     src: url("fonts/righteous.ttf"); }
.mxn-designer-stranka{
}
.mxn-designer-stranka *{ box-sizing: border-box; }
body.mxn-designer-stranka{
margin: 0; background: var(--mxn-plocha); color: var(--mxn-text);
font: 15px/1.5 var(--mxn-pismo);
}
.mxn-designer-stranka header:not(#masthead){ display: none; }
.mxn-designer-stranka header:not(#masthead) .vnitrek{
max-width: 1220px; margin: 0 auto;
display: flex; align-items: center; gap: var(--mxn-m4); flex-wrap: wrap;
}
.mxn-designer-stranka header:not(#masthead) img.logo{ height: 40px; width: auto; display: block; }
.mxn-designer-stranka header:not(#masthead) h1{ font-family: var(--mxn-pismo-nadpis); font-size: var(--mxn-h3); margin: 0; font-weight: 700; }
.mxn-designer-stranka header:not(#masthead) a.zpet{
margin-left: auto; color: #fff; font-size: var(--mxn-maly); font-weight: 600;
text-decoration: none; border: 1px solid rgba(255,255,255,.6);
border-radius: 999px; padding: var(--mxn-m2) var(--mxn-m3);
}
@media (hover: hover) { .mxn-designer-stranka header:not(#masthead) a.zpet:hover { background: rgba(255,255,255,.15); } }
.mxn-designer-stranka .woocommerce-breadcrumb{ font-size: var(--mxn-mikro); color: #6b6560; }
.mxn-designer-stranka .woocommerce-breadcrumb a{ color: #6b6560; text-decoration: none; }
.mxn-designer-stranka .storefront-breadcrumb{ padding: var(--mxn-m3) 0; }
.mxn-designer-stranka .mxn-navrh-drobky{
display: flex; align-items: baseline; gap: var(--mxn-m3); flex-wrap: wrap;
}
.mxn-designer-stranka .mxn-navrh-rozmery{
margin-left: auto;
font-size: var(--mxn-mikro);
color: var(--mxn-text-tlumeny);
font-variant-numeric: tabular-nums;
}
.mxn-designer-stranka header:not(#masthead) .dev{
font-size: var(--mxn-mikro); letter-spacing: .12em; text-transform: uppercase;
color: var(--mxn-tmava-akcent); border: 1px solid var(--mxn-tmava-akcent); border-radius: var(--mxn-radius); padding: var(--mxn-m0) var(--mxn-m2);
}
.mxn-designer-stranka header:not(#masthead) .pozn{ font-size: var(--mxn-mikro); opacity: .6; }
.mxn-designer-stranka .rozvrzeni{
display: grid; grid-template-columns: minmax(0, 1fr) 360px;
gap: var(--mxn-m4); max-width: 1364px; margin: 0 auto;
padding: 16px clamp(12px, 3.2vw, 42px);
}
@media (max-width: 880px){
.mxn-designer-stranka input:not([type=range]):not([type=checkbox]):not(#inline-text),
.mxn-designer-stranka select,
.mxn-designer-stranka textarea{ font-size: var(--mxn-telo)!important; }
}
@media (max-width: 880px){ .mxn-designer-stranka .rozvrzeni{ grid-template-columns: minmax(0, 1fr); } }
.mxn-designer-stranka .scena{ position: relative; min-width: 0; }
.mxn-designer-stranka #obal-platna{ position: relative; touch-action: pan-y; }
.mxn-designer-stranka #inline-text{
position: absolute; display: none; z-index: 5;
background: none; border: 0; outline: none; padding: 0; margin: 0;
white-space: pre; caret-color: #e0a12e;
}
.mxn-designer-stranka #inline-text.aktivni{ display: block; }
.mxn-designer-stranka #prepinac-potisku{
display: flex; flex-wrap: wrap; gap: var(--mxn-m2);
padding: var(--mxn-m3) var(--mxn-m3) 0;
justify-content: center;
}
.mxn-designer-stranka #prepinac-potisku button{
cursor: pointer;
padding: var(--mxn-m2) var(--mxn-m4);
border-radius: var(--mxn-radius-pilulka);
border: 1px solid var(--mxn-linka);
background: var(--mxn-bila);
color: var(--mxn-inkoust);
font-size: var(--mxn-maly); font-weight: var(--mxn-vaha-akce);
transition: background var(--mxn-prechod);
}
.mxn-designer-stranka #prepinac-potisku button small{
font-weight: 400; color: var(--mxn-text-tlumeny); font-size: var(--mxn-mikro);
}
@media (hover: hover) { .mxn-designer-stranka #prepinac-potisku button:hover { background: var(--mxn-zlata-svetla); } }
.mxn-designer-stranka #prepinac-potisku button.je-aktivni{
background: var(--mxn-inkoust); border-color: var(--mxn-inkoust); color: var(--mxn-bila);
}
.mxn-designer-stranka #prepinac-potisku button.je-aktivni small{ color: rgba(255,255,255,.75); }
.mxn-designer-stranka #napoveda-plochy{
position: absolute; z-index: 3; cursor: pointer;
display: flex; flex-direction: column; align-items: center;
justify-content: center; text-align: center; gap: var(--mxn-m2);
}
.mxn-designer-stranka #napoveda-plochy[hidden]{ display: none; }
.mxn-designer-stranka #napoveda-plochy strong{
font-size: clamp(15px, 4.6vw, 26px); font-weight: 700; line-height: 1.2;
}
.mxn-designer-stranka #napoveda-plochy span{ font-size: clamp(12px, 3.2vw, 17px); opacity: .85; }
.mxn-designer-stranka #napoveda-plochy{ padding: var(--mxn-m2); }
.mxn-designer-stranka #napoveda-plochy .napoveda-tlacitka{
display: flex; flex-direction: column; align-items: center;
gap: var(--mxn-m2); width: auto; min-width: 0;
}
.mxn-designer-stranka #napoveda-plochy.jen-tlacitka{
pointer-events: none;
background: rgba(0, 0, 0, .38);
border-radius: var(--mxn-radius);
}
.mxn-designer-stranka #napoveda-plochy.jen-tlacitka .napoveda-tlacitka{ pointer-events: auto; }
.mxn-designer-stranka #napoveda-plochy .napoveda-tlacitka .akce{
min-height: 32px;
padding: var(--mxn-m1) var(--mxn-m3);
font-size: var(--mxn-maly);
line-height: 1.2;
white-space: nowrap;
font-weight: var(--mxn-vaha-akce);
border: 3px solid transparent;
border-radius: var(--mxn-radius-pilulka);
background-color: var(--mxn-zare-karta);
color: var(--mxn-zare-text);
background-image:
linear-gradient(100deg, var(--mxn-zare-1), var(--mxn-zare-2) 55%, var(--mxn-zare-3)),
conic-gradient(from var(--dz-uhel), var(--mxn-zare-1),
var(--mxn-zare-2) 30%, var(--mxn-zare-3) 50%, var(--mxn-zare-2) 70%, var(--mxn-zare-1));
background-origin: border-box;
background-clip: padding-box, border-box;
}
.mxn-designer-stranka #napoveda-plochy:not([hidden]) .napoveda-tlacitka .akce{
animation: mxn-vyskoc 260ms cubic-bezier(.2, .9, .3, 1.2) both,
mxn-dz-uhel 6s linear infinite;
}
.mxn-designer-stranka #pruh-obnoveno{
display: flex; align-items: center; justify-content: center;
gap: var(--mxn-m3); flex-wrap: wrap;
max-width: 1364px; margin: 0 auto;
padding: 10px clamp(12px, 3.2vw, 42px); font-size: var(--mxn-mensi);
background: rgba(224, 161, 46, .16);
border-block: 1px solid rgba(224, 161, 46, .45);
border-radius: var(--mxn-radius);
}
.mxn-designer-stranka #pruh-obnoveno button{ font-size: var(--mxn-maly); padding: var(--mxn-m1) var(--mxn-m3); }
.mxn-designer-stranka #modal-nahravani{
position: fixed; inset: 0; z-index: 99995;
background: rgba(47, 42, 38, .62);
display: flex; align-items: center; justify-content: center;
padding: var(--mxn-m5);
}
.mxn-designer-stranka #modal-nahravani[hidden]{ display: none; }
.mxn-designer-stranka #modal-nahravani .modal-karta{
background: var(--mxn-bila); border-radius: var(--mxn-radius-velky);
padding: var(--mxn-m5) var(--mxn-m5); width: min(420px, 100%);
box-shadow: var(--mxn-stin-hlavicka); text-align: center;
}
.mxn-designer-stranka #modal-nahravani h2{ margin: 0 0 var(--mxn-m2); font-size: var(--mxn-vetsi); }
.mxn-designer-stranka #modal-nahravani .modal-popis{ margin: 0 0 var(--mxn-m4); font-size: var(--mxn-telo); color: var(--mxn-text-tlumeny); }
.mxn-designer-stranka #modal-nahravani .modal-procenta{
font-size: 42px; font-weight: 700; line-height: 1;
color: var(--mxn-zlata-tmava); margin-bottom: var(--mxn-m3);
font-variant-numeric: tabular-nums;
}
.mxn-designer-stranka #modal-nahravani .prubeh-drah{ height: 14px; }
.mxn-designer-stranka #modal-nahravani .modal-detail{
margin: var(--mxn-m3) 0 0; font-size: var(--mxn-maly); color: var(--mxn-text-tlumeny);
font-variant-numeric: tabular-nums; min-height: 1.2em;
}
.mxn-designer-stranka #modal-nahravani .modal-pozn{ margin: var(--mxn-m3) 0 0; font-size: var(--mxn-maly); color: var(--mxn-text-tlumeny); }
.mxn-designer-stranka #vyber-motivu{
position: fixed; inset: 0; z-index: 99990;
background: rgba(47,42,38,.55);
display: flex; align-items: flex-end; justify-content: center;
}
.mxn-designer-stranka #vyber-motivu[hidden]{ display: none; }
.mxn-designer-stranka .vyber-obal{
background: var(--mxn-bila); border-radius: var(--mxn-radius-velky) var(--mxn-radius-velky) 0 0;
width: 100%; max-width: 720px; max-height: 86vh;
display: flex; flex-direction: column; gap: var(--mxn-m3);
padding: var(--mxn-m4);
overflow: hidden;
}
@media (min-width: 881px){
.mxn-designer-stranka #vyber-motivu{ align-items: center; }
.mxn-designer-stranka .vyber-obal{ border-radius: var(--mxn-radius-velky); max-height: 80vh; }
}
.mxn-designer-stranka .vyber-hlava{ display: flex; align-items: center; justify-content: space-between; }
.mxn-designer-stranka .vyber-hlava strong{ font-size: var(--mxn-h3); font-family: var(--mxn-pismo-nadpis); }
.mxn-designer-stranka .vyber-hlava button{ border: 0; background: none; font-size: var(--mxn-vetsi); cursor: pointer; color: var(--mxn-text-tlumeny); }
.mxn-designer-stranka #vyber-hledat{
padding: var(--mxn-m3) var(--mxn-m4); border: 1px solid var(--mxn-linka); border-radius: var(--mxn-radius);
font-size: var(--mxn-telo);
}
.mxn-designer-stranka #vyber-kategorie{
display: flex; flex-wrap: nowrap; gap: var(--mxn-m2);
overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: var(--mxn-m1);
flex-shrink: 0;   
}
.mxn-designer-stranka .vyber-hlava,
.mxn-designer-stranka #vyber-hledat,
.mxn-designer-stranka #vyber-dalsi{ flex-shrink: 0; }
.mxn-designer-stranka #vyber-kategorie button{ flex: 0 0 auto; white-space: nowrap; }
.mxn-designer-stranka #vyber-kategorie button{
cursor: pointer; padding: var(--mxn-m2) var(--mxn-m4); border-radius: var(--mxn-radius-pilulka);
border: 1px solid var(--mxn-linka); background: var(--mxn-bila);
font-size: var(--mxn-maly); font-weight: 600; color: var(--mxn-inkoust);
}
.mxn-designer-stranka #vyber-kategorie button.je-aktivni{ background: var(--mxn-inkoust); border-color: var(--mxn-inkoust); color: var(--mxn-bila); }
.mxn-designer-stranka #vyber-mrizka{
overscroll-behavior: contain;
overflow-y: auto; display: grid; gap: var(--mxn-m2);
grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
}
.mxn-designer-stranka .vyber-motiv{
border: 1px solid var(--mxn-linka); border-radius: var(--mxn-radius);
background: var(--mxn-bila); cursor: pointer; padding: var(--mxn-m1); text-align: center;
}
.mxn-designer-stranka .vyber-motiv img{ width: 100%; aspect-ratio: 1; object-fit: contain; display: block; }
.mxn-designer-stranka .vyber-motiv span{
display: block; font-size: var(--mxn-mikro); line-height: 1.25;
max-height: 2.5em; overflow: hidden; margin-top: var(--mxn-m0);
}
@media (hover: hover) { .mxn-designer-stranka .vyber-motiv:hover { border-color: var(--mxn-zlata); } }
.mxn-designer-stranka .prubeh{ margin-top: var(--mxn-m2); }
.mxn-designer-stranka .prubeh[hidden]{ display: none; }
.mxn-designer-stranka .prubeh-popis{
display: block; margin-bottom: var(--mxn-m2);
font-size: var(--mxn-mensi); font-weight: 600; color: var(--mxn-inkoust);
}
.mxn-designer-stranka .prubeh-popis strong{ color: var(--mxn-zlata-tmava); }
.mxn-designer-stranka .prubeh-drah{
height: 10px; background: var(--mxn-linka);
border-radius: var(--mxn-radius-pilulka); overflow: hidden;
}
.mxn-designer-stranka .prubeh-vypln{
height: 100%; width: 0; background: var(--mxn-zlata);
border-radius: var(--mxn-radius-pilulka);
transition: width var(--mxn-prechod-pomaly-doba) ease;
}
.mxn-designer-stranka .prubeh-vypln.neurcity{ width: 40% !important; animation: prubeh-jizda 1.1s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce){
.mxn-designer-stranka .prubeh-vypln.neurcity{ animation: none; width: 100% !important; opacity: .55; }
}
.mxn-designer-stranka #prepinac-stran{ display: flex; gap: var(--mxn-m2); justify-content: center; padding: var(--mxn-m3) 0 0; }
.mxn-designer-stranka #prepinac-stran button{
cursor: pointer; padding: var(--mxn-m2) var(--mxn-m4);
border-radius: var(--mxn-radius-pilulka);
border: 1px solid var(--mxn-linka); background: var(--mxn-bila);
color: var(--mxn-inkoust); font-size: var(--mxn-maly);
font-weight: var(--mxn-vaha-akce);
}
.mxn-designer-stranka #prepinac-stran button small{ font-weight: 400; color: var(--mxn-text-tlumeny); }
.mxn-designer-stranka #prepinac-stran button.je-aktivni{ background: var(--mxn-inkoust); border-color: var(--mxn-inkoust); color: var(--mxn-bila); }
.mxn-designer-stranka #prepinac-stran button.je-aktivni small{ color: rgba(255,255,255,.75); }
.mxn-designer-stranka #pas-zalozky{ display: flex; flex-wrap: wrap; gap: var(--mxn-m2); padding-top: var(--mxn-m3); }
.mxn-designer-stranka #pas-zalozky button{
cursor: pointer; padding: var(--mxn-m2) var(--mxn-m4);
border-radius: var(--mxn-radius-pilulka);
border: 1px solid var(--mxn-linka); background: var(--mxn-bila);
color: var(--mxn-inkoust); font-size: var(--mxn-maly);
font-weight: var(--mxn-vaha-akce);
transition: background var(--mxn-prechod);
}
@media (hover: hover) { .mxn-designer-stranka #pas-zalozky button:hover { background: var(--mxn-zlata-svetla); } }
.mxn-designer-stranka #pas-zalozky button.je-aktivni{ background: var(--mxn-inkoust); border-color: var(--mxn-inkoust); color: var(--mxn-bila); }
.mxn-designer-stranka #pas-textilu{
display: flex; gap: var(--mxn-m3); overflow-x: auto;
padding: var(--mxn-m3) 0 var(--mxn-m2);
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
}
.mxn-designer-stranka .kus-textilu{
flex: 0 0 auto; width: 104px; text-align: center; text-decoration: none;
color: var(--mxn-text); font-size: var(--mxn-mikro); line-height: 1.3;
background: var(--mxn-bila);
border: 1px solid var(--mxn-linka); border-radius: var(--mxn-radius);
padding: var(--mxn-m2);
scroll-snap-align: start;
transition: border-color var(--mxn-prechod);
}
@media (hover: hover) { .mxn-designer-stranka .kus-textilu:hover { border-color: var(--mxn-zlata); } }
.mxn-designer-stranka .kus-textilu img{ width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: calc(var(--mxn-radius) - 2px); display: block; }
.mxn-designer-stranka .kus-textilu span{ display: block; margin: var(--mxn-m1) 0 var(--mxn-m0); min-height: 2.6em; font-weight: 600; }
.mxn-designer-stranka .kus-textilu strong{ color: var(--mxn-zlata-tmava); font-size: var(--mxn-maly); }
.mxn-designer-stranka .kus-textilu.aktivni{ border-color: var(--mxn-zlata); box-shadow: 0 0 0 1px var(--mxn-zlata); }
.mxn-designer-stranka .vzorek.michani{
background: conic-gradient(#f00, #ff0, #0c0, #0cc, #00f, #f0f, #f00);
position: relative; display: inline-block; cursor: pointer;
}
.mxn-designer-stranka .vzorek.michani input{ position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.mxn-designer-stranka .chyba-produktu{
margin: 24px auto; max-width: 480px; padding: var(--mxn-m6) var(--mxn-m5);
background: #fff; border: 1px solid var(--mxn-linka); border-radius: var(--mxn-radius-velky);
text-align: center; font-size: var(--mxn-telo); line-height: 1.5;
}
.mxn-designer-stranka .chyba-produktu button{
margin-top: var(--mxn-m4); padding: var(--mxn-m3) var(--mxn-m5); border: 0; border-radius: 999px;
background: var(--mxn-zlata); color: var(--mxn-inkoust); font-weight: 600;
font-size: var(--mxn-telo); cursor: pointer;
}
.mxn-designer-stranka #platno{ touch-action: pan-y; }
.mxn-designer-stranka #platno{ display: block; cursor: default; }
.mxn-designer-stranka #platno.tahne{ cursor: grabbing; }
.mxn-designer-stranka .legenda{
padding: var(--mxn-m1) 0 0; font-size: var(--mxn-mikro); color: var(--mxn-text-tlumeny); text-align: center;
display: flex; gap: var(--mxn-m3); justify-content: center; flex-wrap: wrap;
}
.mxn-designer-stranka .legenda #drobky-rozmery{ font-weight: 600; font-variant-numeric: tabular-nums; }
.mxn-designer-stranka .panel{ display: flex; flex-direction: column; gap: var(--mxn-m3); }
.mxn-designer-stranka .karta{
background: var(--mxn-bila); border: 1px solid var(--mxn-linka);
border-radius: var(--mxn-radius-velky); padding: var(--mxn-m4) var(--mxn-m4);
}
.mxn-designer-stranka .karta h2{
font-family: var(--mxn-pismo-nadpis);
font-size: var(--mxn-maly); letter-spacing: .07em; text-transform: uppercase;
color: var(--mxn-text); margin: 0 0 var(--mxn-m3);
}
.mxn-designer-stranka .radek{ display: flex; gap: var(--mxn-m2); align-items: center; margin-bottom: var(--mxn-m3); flex-wrap: wrap; }
.mxn-designer-stranka .radek{ margin-bottom: var(--mxn-m3); }
.mxn-designer-stranka .radek label{ font-size: var(--mxn-maly); color: var(--mxn-text-tlumeny); min-width: 64px; }
.mxn-designer-stranka input[type=text]{
flex: 1; min-width: 120px; font-size: var(--mxn-telo); padding: var(--mxn-m2) var(--mxn-m3);
border: 1px solid var(--mxn-linka); border-radius: var(--mxn-radius);
}
.mxn-designer-stranka input[type=range]{ flex: 1; min-width: 90px; accent-color: var(--mxn-zlata); }
.mxn-designer-stranka .hodnota{ font-variant-numeric: tabular-nums; min-width: 62px; text-align: right; font-size: var(--mxn-maly); }
.mxn-designer-stranka .vzorky{ display: flex; gap: var(--mxn-m2); }
.mxn-designer-stranka .vzorek{
width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--mxn-linka);
cursor: pointer; padding: 0;
}
.mxn-designer-stranka .vzorek.vybrany{ border-color: var(--mxn-zlata); box-shadow: 0 0 0 2px #d38b0e40; }
.mxn-designer-stranka button.akce{
background: var(--mxn-zlata); color: var(--mxn-inkoust); border: 0; border-radius: var(--mxn-radius);
padding: var(--mxn-m3) var(--mxn-m4); font-size: var(--mxn-mensi); font-weight: var(--mxn-vaha-akce);
cursor: pointer; transition: background var(--mxn-prechod);
}
@media (hover: hover) { .mxn-designer-stranka button.akce:hover { background: var(--mxn-zlata-hover); } }
.mxn-designer-stranka button.akce.nakup{
background: var(--mxn-akce); color: var(--mxn-akce-text);
font-size: var(--mxn-telo); padding: var(--mxn-m3) var(--mxn-m5);
}
@media (hover: hover) { .mxn-designer-stranka button.akce.nakup:hover { background: var(--mxn-akce-hover); } }
.mxn-designer-stranka button.druha{
background: none; border: 1px solid var(--mxn-linka); border-radius: var(--mxn-radius);
padding: var(--mxn-m2) var(--mxn-m3); font-size: var(--mxn-maly); cursor: pointer; color: var(--mxn-text);
}
@media (hover: hover) { .mxn-designer-stranka button.druha:hover { border-color: var(--mxn-zlata); } }
.mxn-designer-stranka .fonty{
display: flex; gap: var(--mxn-m2); overflow-x: auto;
padding: var(--mxn-m0) 0 var(--mxn-m1);
-webkit-overflow-scrolling: touch; scroll-snap-type: x proximity;
}
.mxn-designer-stranka .font-volba{
flex: 0 0 auto; min-width: 116px; max-width: 150px;
display: flex; flex-direction: column; align-items: center; gap: var(--mxn-m0);
border: 1px solid var(--mxn-linka); border-radius: var(--mxn-radius); background: var(--mxn-bila);
padding: var(--mxn-m1) var(--mxn-m3); cursor: pointer; text-align: center;
scroll-snap-align: start;
}
.mxn-designer-stranka .font-volba.vybrany{ border-color: var(--mxn-zlata); background: var(--mxn-zlata-svetla); }
.mxn-designer-stranka .font-volba .jmeno{ font-size: var(--mxn-mikro); color: var(--mxn-text-tlumeny); order: 2; }
.mxn-designer-stranka .font-volba .ukazka{ font-size: var(--mxn-h3); line-height: 1.15; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mxn-designer-stranka .efekt{ border-top: 1px solid var(--mxn-linka); padding-top: var(--mxn-m3); margin-top: var(--mxn-m1); }
.mxn-designer-stranka .efekt .hlava{ display: flex; align-items: center; gap: var(--mxn-m2); margin-bottom: var(--mxn-m2); }
.mxn-designer-stranka .efekt .hlava label{ font-size: var(--mxn-maly); font-weight: 600; color: var(--mxn-text); }
.mxn-designer-stranka .efekt input[type=checkbox]{ accent-color: var(--mxn-zlata); width: 16px; height: 16px; }
.mxn-designer-stranka .efekt .telo{ display: none; padding-left: var(--mxn-m5); }
.mxn-designer-stranka .efekt.zapnuty .telo{ display: block; }
.mxn-designer-stranka .vrstva-radek{
display: flex; align-items: center; gap: var(--mxn-m2); padding: var(--mxn-m2) var(--mxn-m2);
border: 1px solid var(--mxn-linka); border-radius: var(--mxn-radius); margin-bottom: var(--mxn-m2);
cursor: pointer; font-size: var(--mxn-mensi);
}
.mxn-designer-stranka .vrstva-radek.vybrana{ border-color: var(--mxn-zlata); background: var(--mxn-zlata-svetla); }
.mxn-designer-stranka .vrstva-radek .nazev{ flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mxn-designer-stranka .vrstva-radek .kos{ background: none; border: 0; cursor: pointer; color: var(--mxn-text-tlumeny); font-size: var(--mxn-telo); }
@media (hover: hover) { .mxn-designer-stranka .vrstva-radek .kos:hover { color: var(--mxn-chyba); } }
.mxn-designer-stranka #json{
font: 11.5px/1.5 ui-monospace, Menlo, monospace; background: #f6f5f2;
border: 1px solid var(--mxn-linka); border-radius: var(--mxn-radius); padding: var(--mxn-m3);
white-space: pre; overflow: auto; max-height: 200px; margin: 0;
}
.mxn-designer-stranka .upozorneni{ color: var(--mxn-chyba); font-size: var(--mxn-maly); margin: var(--mxn-m2) 0 0; display: none; }
.mxn-designer-stranka .upozorneni.aktivni{ display: block; }
.mxn-designer-stranka:not(.prostredi-dev) .jen-dev{ display: none !important; }
.mxn-designer-stranka .krok{ display: none; }
.mxn-designer-stranka .krok.aktivni{ display: block; }
.mxn-designer-stranka .krok-cislo{ color: var(--mxn-text-tlumeny); font-weight: 400; font-size: var(--mxn-mikro); }
.mxn-designer-stranka .krok-navigace{
display: flex; justify-content: space-between; gap: var(--mxn-m2);
margin-top: var(--mxn-m2); padding-top: var(--mxn-m2); border-top: 1px solid var(--mxn-linka);
}
.mxn-designer-stranka .sheet-hlava{ display: none; }
@media (max-width: 880px){
.mxn-designer-stranka .jen-desktop{ display: none; }
.mxn-designer-stranka .rozvrzeni{ padding: 0 0 var(--mxn-m3); gap: 0; }
.mxn-designer-stranka .legenda{ padding: var(--mxn-m1) var(--mxn-m3) 0; }
.mxn-designer-stranka .karta{ border: none; border-radius: 0; border-top: 1px solid var(--mxn-linka); padding: var(--mxn-m2) var(--mxn-m4); }
.mxn-designer-stranka #karta-text,
.mxn-designer-stranka #karta-obrazek{ border: none; }
}
@media (max-width: 880px){
.mxn-designer-stranka #karta-text,
.mxn-designer-stranka #karta-obrazek{
position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
margin: 0; border-radius: var(--mxn-radius-velky) var(--mxn-radius-velky) 0 0;
max-height: 62vh; overflow-y: auto;
box-shadow: var(--mxn-stin-hlavicka);
transform: translateY(110%); transition: transform var(--mxn-prechod-pomaly-doba) ease;
}
.mxn-designer-stranka #karta-text.otevrena,
.mxn-designer-stranka #karta-obrazek.otevrena{ transform: none; }
.mxn-designer-stranka .sheet-hlava{
display: flex; align-items: center; justify-content: space-between;
margin: -4px 0 var(--mxn-m2);
}
.mxn-designer-stranka .sheet-hlava .madlo{
width: 44px; height: 4px; border-radius: var(--mxn-radius); background: var(--mxn-linka);
position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
}
}
.mxn-designer-stranka{
--dz-plocha: #1b2130;   
--dz-vyvys:  #232b3d;   
--dz-linka:  rgba(255, 255, 255, .14);
--dz-text:   #fff;
--dz-text2:  rgba(255, 255, 255, .72);
--dz-zare: conic-gradient(from 0deg, var(--mxn-zare-1),
var(--mxn-zare-2) 30%, var(--mxn-zare-3) 50%, var(--mxn-zare-2) 70%, var(--mxn-zare-1));
}
.mxn-designer-stranka .mxn-designer-panel{
--mxn-linka:        var(--dz-linka);
--mxn-bila:         var(--dz-plocha);
--mxn-plocha:       var(--dz-plocha);
--mxn-text:         var(--dz-text);
--mxn-text-tlumeny: var(--dz-text2);
--mxn-inkoust:      var(--dz-text);
position: relative;
isolation: isolate;
overflow: hidden;
border: 0;
border-radius: var(--mxn-radius-velky);
background: var(--mxn-zare-karta);
color: var(--dz-text);
padding: var(--mxn-m5);                    
}
.mxn-designer-stranka .mxn-designer-panel::before{
content: ""; position: absolute; z-index: 0;
left: 50%; top: 50%;
inline-size: 175%; aspect-ratio: 1;
transform: translate(-50%, -50%) rotate(0deg);
background: var(--dz-zare);
animation: mxn-dz-otoc 6s linear infinite;
will-change: transform;
}
.mxn-designer-stranka .mxn-designer-panel::after{
content: ""; position: absolute; z-index: 1;
inset: 6px; border-radius: var(--mxn-radius);
background: var(--mxn-zare-karta);
}
.mxn-designer-stranka .mxn-designer-panel > *{
position: relative; z-index: 2;
}
.mxn-designer-stranka .mxn-designer-galerie{ margin-bottom: var(--mxn-m4); }
@media (prefers-reduced-motion: reduce){
.mxn-designer-stranka .mxn-designer-panel::before{ animation: none; }
}
.mxn-designer-stranka .mxn-designer-panel{ margin-bottom: var(--mxn-m4); }
body.mxn-designer-stranka .mxn-designer-panel h2,
body.mxn-designer-stranka .mxn-designer-panel .karta h2,
body.mxn-designer-stranka #karta-text h2,
body.mxn-designer-stranka #karta-obrazek h2,
body.mxn-designer-stranka #vyber-motivu strong{ color: var(--dz-text) !important; }
body.mxn-designer-stranka .mxn-designer-panel p,
body.mxn-designer-stranka .mxn-designer-panel label,
body.mxn-designer-stranka .mxn-designer-panel .hodnota,
body.mxn-designer-stranka #karta-text p,
body.mxn-designer-stranka #karta-text label,
body.mxn-designer-stranka #karta-text .hodnota,
body.mxn-designer-stranka #karta-obrazek p,
body.mxn-designer-stranka #karta-obrazek label,
body.mxn-designer-stranka #karta-obrazek .hodnota{ color: var(--dz-text2) !important; }
.mxn-designer-stranka .krok-cislo{ color: var(--mxn-zare-3); font-weight: 700; }
.mxn-designer-stranka 
.mxn-designer-stranka #karta-text,
.mxn-designer-stranka #karta-obrazek{
background: var(--dz-plocha);
color: var(--dz-text);
border: 1px solid var(--dz-linka);
border-radius: var(--mxn-radius-velky);
}
@media (max-width: 880px){
.mxn-designer-stranka #karta-text,
.mxn-designer-stranka #karta-obrazek{
border: 1px solid var(--dz-linka);
border-bottom: 0;
box-shadow: var(--mxn-stin-hlavicka);
}
}
.mxn-designer-stranka .mxn-designer-panel .karta:not(#karta-text):not(#karta-obrazek){
background: transparent; border: none; padding: 0 0 var(--mxn-m3);
}
.mxn-designer-stranka .mxn-designer-panel .karta:not(#karta-text):not(#karta-obrazek)
+ .karta:not(#karta-text):not(#karta-obrazek){
border-top: 1px solid var(--dz-linka); padding-top: var(--mxn-m3);
}
.mxn-designer-stranka .mxn-designer-skryta,
.mxn-designer-stranka #prepinac-potisku{ display: none !important; }
.mxn-designer-stranka .variations tr:has(#pa_umisteni-potisku){ display: none; }
.mxn-designer-stranka #pa_umisteni-potisku,
.mxn-designer-stranka label[for="pa_umisteni-potisku"]{ display: none; }
@media (max-width: 880px){
.mxn-designer-stranka .mxn-designer-panel.edituje-se{
z-index: 60;
padding: 0;
margin-bottom: 0;
}
.mxn-designer-stranka .mxn-designer-panel.edituje-se::before,
.mxn-designer-stranka .mxn-designer-panel.edituje-se::after{ display: none; }
}
.mxn-designer-stranka .mxn-designer-panel.edituje-se #karta-vrstvy{ display: none; }
.mxn-designer-stranka #vrstvy{ display: flex; flex-direction: column; gap: var(--mxn-m2); }
.mxn-designer-stranka .vrstva-radek{
display: flex; align-items: center; gap: var(--mxn-m3);
padding: var(--mxn-m2); cursor: pointer;
background: var(--dz-plocha);
border: 1px solid var(--dz-linka);
border-radius: var(--mxn-radius);
transition: border-color var(--mxn-prechod-doba) ease-in-out, background .15s ease-in-out;
}
@media (hover: hover) { .mxn-designer-stranka .vrstva-radek:hover { background: var(--dz-vyvys); } }
.mxn-designer-stranka .vrstva-radek.vybrana{
border-color: var(--mxn-zare-3);
box-shadow: 0 0 0 2px rgba(34, 211, 238, .32);
}
.mxn-designer-stranka .vrstva-radek .nazev{
flex: 1 1 auto; min-inline-size: 0;
font-size: var(--mxn-mensi); font-weight: 600; color: var(--dz-text);
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mxn-designer-stranka .vrstva-nahled{
flex: 0 0 auto; inline-size: 44px; block-size: 44px;
border-radius: var(--mxn-radius); border: 1px solid var(--dz-linka);
}
.mxn-designer-stranka .vrstva-poradi{ display: flex; flex-direction: column; gap: var(--mxn-m0); flex: 0 0 auto; }
.mxn-designer-stranka .vrstva-poradi button{
inline-size: 26px; block-size: 20px; padding: 0; line-height: 1;
font-size: var(--mxn-mikro); cursor: pointer;
background: var(--dz-vyvys); color: var(--dz-text);
border: 1px solid var(--dz-linka); border-radius: var(--mxn-radius);
}
.mxn-designer-stranka .vrstva-poradi button:disabled{ opacity: .3; cursor: default; }
.mxn-designer-stranka .vrstva-radek .kos{
flex: 0 0 auto; inline-size: 32px; block-size: 32px;
display: flex; align-items: center; justify-content: center;
background: none; border: 0; cursor: pointer;
color: var(--dz-text2); font-size: var(--mxn-telo); border-radius: var(--mxn-radius);
}
@media (hover: hover) { .mxn-designer-stranka .vrstva-radek .kos:hover {
background: rgba(255, 255, 255, .1); color: #ff8a8a;
} }
.mxn-designer-stranka .mxn-designer-pas{ margin: 0 0 var(--mxn-m4); }
.mxn-designer-stranka .mxn-designer-pas__nadpis{
margin: 0 0 var(--mxn-m2);
font-size: var(--mxn-mikro); letter-spacing: .07em;
text-transform: uppercase; color: var(--mxn-text-tlumeny);
}
.mxn-designer-stranka .mxn-designer-pas__zalozky{
display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
gap: var(--mxn-m0);
margin: 0 0 -1px; padding: 0; list-style: none;
position: relative; z-index: 2;
}
.mxn-designer-stranka .mxn-designer-pas__zalozka{
font-family: inherit; appearance: none;
display: block; min-height: 40px; cursor: pointer;
padding: var(--mxn-m2) var(--mxn-m3); font-size: var(--mxn-mensi); font-weight: 400;
line-height: 1.3; white-space: nowrap; text-align: center;
color: var(--mxn-text-tlumeny);
background: var(--mxn-plocha);
border: 1px solid var(--mxn-linka);
border-radius: var(--mxn-radius) var(--mxn-radius) 0 0;
transition: color var(--mxn-prechod-doba) ease, background-color .15s ease;
}
@media (hover: hover) { .mxn-designer-stranka .mxn-designer-pas__zalozka:hover {
color: var(--mxn-inkoust); background: var(--mxn-bila);
} }
.mxn-designer-stranka .mxn-designer-pas__zalozka.active{
background: var(--mxn-bila); color: var(--mxn-inkoust); font-weight: 700;
border-bottom-color: var(--mxn-bila); cursor: default;
}
.mxn-designer-stranka .mxn-designer-pas__zalozka:focus-visible{
outline: none;
border-top-color: var(--mxn-zlata);
border-left-color: var(--mxn-zlata);
border-right-color: var(--mxn-zlata);
background: var(--mxn-bila);
color: var(--mxn-inkoust);
}
.mxn-designer-stranka .mxn-designer-pas .mxn-slider-control::before{
content: ""; inline-size: 9px; block-size: 9px;
border-top: 2px solid currentColor; border-right: 2px solid currentColor;
}
.mxn-designer-stranka .mxn-designer-pas .mxn-control-left::before{ transform: rotate(-135deg); margin-left: var(--mxn-m1); }
.mxn-designer-stranka .mxn-designer-pas .mxn-control-right::before{ transform: rotate(45deg); margin-right: var(--mxn-m1); }
.mxn-designer-stranka .mxn-designer-pas .mxn-slider-control .custom-icon{ display: none; }
.mxn-designer-stranka .mxn-designer-pas .mxn-slider-control[disabled]{
display: none;
}
.mxn-designer-stranka .mxn-designer-pas .mxn-product.aktivni{
background: var(--mxn-bila);
box-shadow: inset 0 -3px 0 0 var(--mxn-zlata);
}
.mxn-designer-stranka .mxn-designer-pas .mxn-product.aktivni a{ cursor: default; }
.mxn-designer-stranka .vrstvy-hlava{
display: flex; flex-wrap: wrap; align-items: baseline;
justify-content: space-between; gap: var(--mxn-m2);
margin-bottom: var(--mxn-m3);
}
.mxn-designer-stranka .vrstvy-hlava h2{ margin: 0; }
.mxn-designer-stranka #historie-plochy{
position: absolute;
left: 50%; bottom: var(--mxn-m3);
transform: translateX(-50%);
z-index: 4;
display: flex; gap: var(--mxn-m2);
}
.mxn-designer-stranka #historie-plochy .druha{
background: rgba(18, 21, 31, .82);
color: var(--mxn-zare-text);
border: 1px solid rgba(255, 255, 255, .18);
backdrop-filter: blur(4px);
}
@media (hover: hover) { .mxn-designer-stranka #historie-plochy .druha:hover:not(:disabled) {
background: rgba(18, 21, 31, .95);
} }
.mxn-designer-stranka #historie-plochy .druha{
font-size: var(--mxn-mikro); padding: var(--mxn-m2) var(--mxn-m3); white-space: nowrap;
}
.mxn-designer-stranka #historie-plochy .druha:disabled{ opacity: .35; cursor: default; }
.mxn-designer-stranka #nastroje-plochy{
display: flex; flex-wrap: wrap; gap: var(--mxn-m2);
margin-bottom: var(--mxn-m3);
}
.mxn-designer-stranka #nastroje-plochy .akce{ flex: 1 1 auto; }
.mxn-designer-stranka #vrstvy-prazdne .vrstvy-prazdne__popis{ margin: 0 0 var(--mxn-m3); }
.mxn-designer-stranka #vrstvy-prazdne .vrstvy-prazdne__akce{ display: flex; flex-wrap: wrap; gap: var(--mxn-m2); }
.mxn-designer-stranka #vrstvy-prazdne .vrstvy-prazdne__akce .akce{ flex: 1 1 auto; }
.mxn-designer-stranka .mxn-designer-panel button.akce:not(.nakup),
.mxn-designer-stranka #karta-text button.akce:not(.nakup),
.mxn-designer-stranka #karta-obrazek button.akce:not(.nakup){
border: 3px solid transparent;
border-radius: var(--mxn-radius-pilulka);
padding: var(--mxn-m2) var(--mxn-m4);
background-color: var(--mxn-zare-karta);
color: var(--mxn-zare-text); text-decoration: none;
font-weight: var(--mxn-vaha-akce);
background-image:
linear-gradient(100deg, var(--mxn-zare-1), var(--mxn-zare-2) 55%, var(--mxn-zare-3)),
conic-gradient(from var(--dz-uhel), var(--mxn-zare-1),
var(--mxn-zare-2) 30%, var(--mxn-zare-3) 50%, var(--mxn-zare-2) 70%, var(--mxn-zare-1));
background-origin: border-box;
background-clip: padding-box, border-box;
animation: mxn-dz-uhel 6s linear infinite;
transition: transform var(--mxn-prechod-pomaly-doba) ease;
}
.mxn-designer-stranka .mxn-designer-panel button.akce:not(.nakup)::before,
.mxn-designer-stranka .mxn-designer-panel button.akce:not(.nakup)::after,
.mxn-designer-stranka #karta-text button.akce:not(.nakup)::before,
.mxn-designer-stranka #karta-text button.akce:not(.nakup)::after,
.mxn-designer-stranka #karta-obrazek button.akce:not(.nakup)::before,
.mxn-designer-stranka #karta-obrazek button.akce:not(.nakup)::after{ content: none; }
@media (hover: hover) { .mxn-designer-stranka .mxn-designer-panel button.akce:not(.nakup):hover, .mxn-designer-stranka #karta-text button.akce:not(.nakup):hover, .mxn-designer-stranka #karta-obrazek button.akce:not(.nakup):hover {
transform: translateY(-1px);
} }
.mxn-designer-stranka .mxn-designer-panel button.akce:not(.nakup):focus-visible,
.mxn-designer-stranka #karta-text button.akce:not(.nakup):focus-visible,
.mxn-designer-stranka #karta-obrazek button.akce:not(.nakup):focus-visible{
outline: 2px solid var(--mxn-bila); outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce){
.mxn-designer-stranka .mxn-designer-panel button.akce,
.mxn-designer-stranka #karta-text button.akce,
.mxn-designer-stranka #karta-obrazek button.akce{ animation: none; transition: none; }
}
.mxn-designer-stranka .font-volba{
background: var(--dz-plocha);
border-color: var(--dz-linka);
}
.mxn-designer-stranka .font-volba .ukazka{ color: var(--dz-text); }
.mxn-designer-stranka .font-volba .jmeno{ color: var(--dz-text2); }
.mxn-designer-stranka .font-volba.vybrany{
background: var(--dz-vyvys);
border-color: var(--mxn-zlata);
box-shadow: 0 0 0 2px rgba(211, 139, 14, .3);
}
.mxn-designer-stranka .vzorek{
border-color: rgba(255, 255, 255, .38);
}
.mxn-designer-stranka .vzorek.vybrany{
border-color: var(--mxn-zlata);
box-shadow: 0 0 0 3px rgba(211, 139, 14, .38);
}
.mxn-designer-stranka .mxn-designer-panel .druha,
.mxn-designer-stranka #karta-text .druha,
.mxn-designer-stranka #karta-obrazek .druha,
.mxn-designer-stranka #vyber-motivu button:not(.akce){
background: var(--dz-vyvys); color: var(--dz-text);
border: 1px solid var(--dz-linka);
}
.mxn-designer-stranka .mxn-designer-panel input[type="text"],
.mxn-designer-stranka .mxn-designer-panel select,
.mxn-designer-stranka #karta-text input[type="text"],
.mxn-designer-stranka #karta-obrazek input[type="text"],
.mxn-designer-stranka #vyber-motivu input[type="search"]{
background: var(--dz-plocha); color: var(--dz-text);
border: 1px solid var(--dz-linka); border-radius: var(--mxn-radius);
}
.mxn-designer-stranka input[type="text"]:focus,
.mxn-designer-stranka input[type="search"]:focus,
.mxn-designer-stranka #obsah:focus,
.mxn-designer-stranka #vyber-hledat:focus{
border-color: var(--mxn-zlata);
box-shadow: 0 0 0 3px rgba(211, 139, 14, .28);
outline: none;   
}
.mxn-designer-stranka #inline-text{
border: 2px solid var(--mxn-zlata);
border-radius: var(--mxn-radius);
background: rgba(0, 0, 0, .28);
}
.mxn-designer-stranka #napoveda-plochy:not([hidden]){
border: 2px dashed rgba(255, 255, 255, .75);
border-radius: var(--mxn-radius);
background: rgba(0, 0, 0, .18);
}
.mxn-designer-stranka .vrstva-radek.vybrana{
border-color: var(--mxn-zlata);
background: var(--dz-vyvys);
box-shadow: 0 0 0 2px rgba(211, 139, 14, .3);
}
.mxn-designer-stranka .mxn-nedostupne{
opacity: .35; pointer-events: none; filter: grayscale(1);
}
.mxn-designer-stranka #prepinac-stran button{
display: inline-flex; align-items: center; gap: var(--mxn-m2);
}
.mxn-designer-stranka #prepinac-stran .mxn-ikona-triko{ flex: 0 0 auto; }
.mxn-designer-stranka #vyber-motivu .vyber-obal,
.mxn-designer-stranka #modal-nahravani .modal-karta{
background: var(--mxn-bila);
color: var(--mxn-inkoust);
border: 1px solid var(--mxn-linka);
}
body.mxn-designer-stranka #vyber-motivu strong,
body.mxn-designer-stranka #modal-nahravani h2{ color: var(--mxn-inkoust) !important; }
body.mxn-designer-stranka #modal-nahravani p{ color: var(--mxn-text-tlumeny) !important; }
.mxn-designer-stranka #vyber-motivu button:not(.akce){
background: var(--mxn-plocha); color: var(--mxn-inkoust);
border: 1px solid var(--mxn-linka);
}
.mxn-designer-stranka #vyber-motivu #vyber-kategorie button.je-aktivni{
background: var(--mxn-zlata); color: var(--mxn-inkoust); border-color: var(--mxn-zlata);
}
.mxn-designer-stranka #vyber-motivu input[type="search"]{
background: var(--mxn-bila); color: var(--mxn-inkoust);
border: 1px solid var(--mxn-linka);
}
.mxn-designer-stranka #modal-nahravani .modal-procenta{ color: var(--mxn-zlata-tmava); }
.mxn-designer-stranka #modal-nahravani .prubeh-drah{ background: var(--mxn-linka); }
.mxn-designer-stranka #modal-nahravani .prubeh-vypln{ background: var(--mxn-zlata); }
.lumise-list-button {
background-color: transparent !important;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: var(--mxn-sleva-tmava);
border-radius: var(--mxn-radius);
padding: var(--mxn-m3) var(--mxn-m3)!important;
color: var(--mxn-sleva-tmava) !important;
font-weight: 600 !important;
text-decoration: none !important;
}
@media (hover: hover) { .lumise-list-button:hover {
background: var(--mxn-sleva-tmava) !important;
color: white !important;
} }
.lumise-button.alt {
background-color: transparent !important;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: var(--mxn-sleva-tmava);
border-radius: var(--mxn-radius);
padding: var(--mxn-m3) var(--mxn-m3)!important;
margin: var(--mxn-m3) 0 0 0!important;
color: var(--mxn-sleva-tmava) !important;
font-weight: 600 !important;
text-decoration: none !important;
}
@media (hover: hover) { .lumise-button.alt:hover {
background: var(--mxn-sleva-tmava) !important;
color: white !important;
border-color: var(--mxn-sleva-tmava);
} }
table.cart .product-thumbnail .lumise-cart-thumbnails img {
margin: 5px auto;
padding: 0
}
@media (max-width: 768px) {
.mxn-related-products:not(.show-phone):not(.mxn-designer-pas) { display: none; }
}
.mxn-designer-stranka #napoveda-plochy .napoveda-tlacitka .akce:nth-child(2) { animation-delay: 60ms; }
.mxn-designer-stranka #napoveda-plochy .napoveda-tlacitka .akce:nth-child(3) { animation-delay: 120ms; }
.mxn-designer-stranka #napoveda-plochy:not([hidden]) {
transition: background-color var(--mxn-prechod-doba) ease;
}
@media (hover: hover) { .mxn-designer-stranka #obal-platna:hover #napoveda-plochy:not([hidden]) {
background: rgba(0, 0, 0, .28);
} }
@media (prefers-reduced-motion: reduce) {
.mxn-designer-stranka #napoveda-plochy .napoveda-tlacitka .akce { animation: none; }
}