.mrs-main-container { width: 100%; display: flex; flex-direction: column; align-items: center; background: #f9f9f9; padding: 40px 15px; border-radius: 20px; box-sizing: border-box; }
        .mrs-plan-area { display: flex; flex-wrap: wrap; justify-content: center; max-width: 450px; gap: 8px; margin-bottom: 30px; }
        .mrs-simple-status { display: inline-block; padding: 6px 16px; background: #f1f2f6; border-radius: 50px; font-size: 17px; font-weight: 600; color: #57606f; margin-bottom: 10px; }
        
		/* Základní kontejner pro ikonu */
		.mrs-person { 
    	width: 32px; 
    	height: 38px; 
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	cursor: pointer; 
    	transition: transform 0.2s; 
    	color: #d1d8e0; /* Výchozí šedá */
		}

		/* Dynamické zvětšení židliček */
		.mrs-person[data-icon="chair"] svg {
  		  transform: scale(1.3);
		  stroke: rgba(0,0,0,0.53);
    	  stroke-width: 2px; /* Zvýšil jsem na 2px, aby byl u nožiček v měřítku 100x100 vidět */
    	  paint-order: stroke;
		}

		/* Dynamické zvětšení postavička */
		.mrs-person[data-icon="user"] svg {
		  stroke: rgba(0,0,0,0.2);
    	  stroke-width: 1px; /* Zvýšil jsem na 2px, aby byl u nožiček v měřítku 100x100 vidět */
    	  paint-order: stroke;
		}
		
		/* KOZA: Trochu ji zvětšíme a přidáme obrys jako u židličky */
		.mrs-person[data-icon="goat"] svg {
  		  transform: scale(1.2);
  		  stroke: rgba(0,0,0,0.1);
	      stroke-width: 0px;
   		 paint-order: stroke;
		}
		
		/* Otočení a úprava vstupenek */
		.mrs-person[data-icon="ticket"] svg {
    	transform: rotate(-90deg) scale(1);
		}
		
		/* Dynamické zvětšení workshop */
		.mrs-person[data-icon="workshop"] svg {
		  stroke: rgba(0,0,0,0.2);
    	  stroke-width: 1px; /* Zvýšil jsem na 2px, aby byl u nožiček v měřítku 100x100 vidět */
    	  paint-order: stroke;
		}

		/* Společné vlastnosti pro všechna SVG */
		.mrs-person svg { 
   		 width: 100%; 
  		 height: 100%; 
    	fill: currentColor; /* Převezme barvu od .mrs-person */
    	filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));
		}

		/* Barvy stavů */
		.mrs-person.selected { color: #26de81 !important; transform: scale(1.1); }
		.mrs-person.occupied { color: #eb4d4b !important; cursor: not-allowed; }
        
        .mrs-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 0 0 30px 0; background: #fff; padding: 15px 25px; border-radius: 50px; font-size: 14px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
        .mrs-checkout-box { font-family: sans-serif; background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); width: 100%; max-width: 500px; }
        
        .mrs-simple-summary { background: #f8fafc; padding: 20px; border-radius: 12px; margin-bottom: 25px; border: 2px solid #edf2f7; }
        .mrs-summary-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
        /* Styl horní tabulky ve formuláři */
        .mrs-summary-label { color: #64748b; font-size: 14px; font-weight: 500; }
        .mrs-summary-value { text-align: right; font-weight: bold; color: #2c3e50; font-size: 16px; }

        .mrs-input-group { text-align: left; margin-bottom: 15px; }
        .mrs-input-group label { display: block; margin-bottom: 8px; font-weight: bold; font-size: 14px; color: #34495e; }
        .mrs-input-group input, .mrs-input-group select { width: 100%; padding: 12px; border: 2px solid #ddd; border-radius: 8px; box-sizing: border-box; font-size: 15px; outline: none; transition: 0.3s; }
        .mrs-input-group input:focus { border-color: #0984e3; }
        .mrs-phone-wrap { display: flex; gap: 8px; }
        .mrs-phone-wrap select { width: 110px; }
        
        .mrs-invalid { border-color: #ff7675 !important; }
        .mrs-valid { border-color: #2ecc71 !important; }
        .mrs-error-msg { color: #d63031; font-size: 11px; margin-top: 4px; display: none; font-weight: bold; }
        
        #mrs-pay-btn { background: #bdc3c7; color: #fff; border: none; padding: 18px; width: 100%; border-radius: 10px; font-weight: bold; cursor: not-allowed; font-size: 16px; transition: 0.3s; margin-top: 10px; }
        #mrs-pay-btn.active { background: #0984e3; cursor: pointer; box-shadow: 0 5px 15px rgba(9,132,227,0.3); }
    	#mrs-pay-btn:disabled { background: #cbd5e1; cursor: not-allowed; }
    	#mrs-pay-btn:not(:disabled):hover { background: #003d8a; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,80,179,0.2); }
        .mrs-hint { text-align: center; color: #d35400; font-size: 12px; margin-top: 25px; display:none; }