body {
		background: #f8f9fa;
		/*background-image: url("bacground2.png");*/
		background-image: url("index/5156620.png");
		margin-top: 0px;
		margin-bottom: 0px;
		height: 100%;
	min-height: 100%;
	}
	html {

		height: 100vH;
	min-height: 100vh;
	}


	img {
	  max-width: 100%;
	}

.all {
	max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;	
	background-image: url("index/aac.jpg");


}
#all {

	min-height: 100%;
  display:flex;
  flex-direction:column;


}
.registrationerror{
	color: red;
	font-weight: bold;
}
.wypelniacz {
  flex-grow:1;


}

.footer{
    bottom: 0;
	max-width: 768px;
	text-align: center;
	font-size: 0.8em;
	text-decoration: none;
	flex: 0 0 auto;
	border-top: 5px solid white;
	
}
.footer img {
	  max-width: 83px;
	  max-height: 31px;
}
.footer a {
  text-decoration: none;
 
}

.block{ 

	border-radius: .5em .5em .5em .5em;
	  padding: .5em;
	background: white; 
text-align: center;
margin: 5 5 5 5px;
}
.videoblock{ 
margin: 5 5 5 5px;
text-align: center;
background: white;
border-radius: .5em .5em .5em .5em;
border-top: 5px solid white;
border-left: 5px solid white;
border-right: 5px solid white;
border-bottom: 5px solid white;
}


.bordermenu{
	border-bottom: .5em solid white;
	background: white;  
}
.top{
	border-bottom: 5px solid white;
}
.blockfetishes{
	border-radius: .5em .5em .5em .5em;
	  padding: .5em;
	background: white; 
text-align: center;
margin: 5 5 5 5px;
	border-bottom: 5px;

}
.blocklist{
	border-radius: 1em;
		padding: 5px;
  /*background-color: #f8f9fa;*/
  background-color: #cefad0;
  font-weight: bold;
  color: black;
display: inline-block;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
margin: 5 5 5 5px;

}

.imageblock{
    display: grid;
    grid-template-columns: 1fr 1fr;
justify-items: center;
grid-gap: 0.5em;
  justify-content: center;
padding: 0.5em;



}
.imageblockchildinside{

}
.imageblockchild1 {
		border-radius: 1em;

	text-align: center;
width: 100%;
height: 100%;
background: white;

}
.imageblockchild2 {/*uwaga: jest dodany bo wplywal na obrazki*/
border-radius: 1em;
text-align: center;
width: 100%;
height: 100%;
background: white;

  display: flex;
  align-items: center;
  justify-content: center;
}
.imageblockchild1 img {
		border-radius: 1em;

   width: 100%;
}

	
.firstblock{

    display: grid;
    grid-template-columns: 1fr 1fr;
justify-items: center;
grid-gap: 5px;
align-items: center;
  justify-content: center;
padding-bottom: 5px;
}

.firstblockchild{
	text-align: center;
}
.firstblockchildbutton img {
width: 80%;
}


.hide-robot{
	display:none;
}
.regfirststm {
	color: black;
	font-size:0.7em;
}

.firstblock2 img {
	border-radius: .5em .5em .5em .5em;
}


.photoblockchild img{
		border-radius: .5em .5em .5em .5em;
}
.photoblock{
	padding: .5em .5em .5em .5em;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
justify-items: center;
grid-gap: 5px;
align-items: center;
  justify-content: center;
}

.photoblockchild{
	border-radius: .5em .5em .5em .5em;
width: 100%;
	background: white; 
	text-align: center;
}



.enter{
font-size: 3.5em;
color: black;
text-align: center;
}
.enter a {
text-decoration: none;	
color: black;
font-weight: bold;
}
.consent {
	color: black;
	font-size:0.7em;
}
.consent a{
text-decoration: none;	
}

	video {
	  max-width: 100%;
	  max-height: 95vh;
	  outline: none;
border-radius: .5em .5em .5em .5em;
	}
	
	
	.calendarblock{
	padding: .5em .5em .5em .5em;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
justify-items: center;
grid-gap: 5px;
align-items: center;
  justify-content: center;
  
}
.calendarblockchild{
width: 100%;
	background: white; 
	text-align: center;
}
.calendarblockchild img{
	border-radius: .5em .5em .5em .5em;
}

.blocknavi{ 

text-align: center;
margin: 5 5 5 5px;
text-transform: uppercase;
}
.navi {
	border-radius: 1em;
		padding: 5px;
  background-color: #4169e1;
  color: white;
display: inline-block;
border-top: 5px solid white;
border-left: 5px solid white;
border-right: 5px solid white;
border-bottom: 5px solid white;
}
.navi a{
text-decoration: none;	
color: white;
}

.blockpros{ 
	border-radius: .5em .5em .5em .5em;
	  padding: .5em;
	background: white; 
text-align: center;
margin: 5 5 5 5px;
text-transform: uppercase;
}
.pros {
	border-radius: 1em;
		padding: 5px;
  background-color: white;
  color: black;
display: inline-block;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
}


.phoneblockchild img{

}
.phoneblock{

    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
justify-items: center;
grid-gap: 5px;
align-items: center;
  justify-content: center;
}

.phoneblockchild{

width: 100%;
	text-align: center;
}
.aloneloginbutton img{
height: 3em;
}
.loginblock {
	border-radius: 1em;
		padding: 5px;
  background-color: #4169e1;
  color: white;
display: inline-block;
border-top: 5px solid white;
border-left: 5px solid white;
border-right: 5px solid white;
border-bottom: 5px solid white;
}
.redtext{
	color: red;
}
.subscribeblock{
	
padding: 5px;
    display: grid;
    grid-template-columns: 1fr 1fr;
justify-items: center;
grid-gap: 5px;
align-items: center;
  justify-content: center;

}

.subscribeblockchild{
	border-radius: 1em;
	text-align: center;
	background-color: white;
	width: 100%;
	min-height: 100%;
}
.submit{
	border-radius: 1em;
		padding: 5px;
  /*background-color: #4169e1;*/
  background-color: red;
  color: white;
  font-weight: bold;
}

.red{
	color: red;
	font-weight: bold;
}


/*formularz */		
/* Wyśrodkowanie formularza */
.form-container {
    width: 300px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
}

/* Stylowanie etykiet i pól formularza */
.form-container label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
}

.form-container input {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

/* Przycisk */
.form-container button {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

.form-container button:hover {
    background-color: #45a049;
}

/* Stylowanie checkboxa i tekstu w jednej linii */
.checkbox-container {
    display: flex;
    align-items: center; /* Wyrównanie w pionie */
    justify-content: flex-start; /* Ustawienie w jednej linii */
    font-size: 14px;
    color: #333;
    margin-top: 10px; /* Odstęp od innych elementów formularza */
    padding: 2px 0; /* Zmniejszenie odstępu wokół checkboxa */
}

.checkbox-container input[type="checkbox"] {
    margin-right: 8px; /* Zmniejszenie odstępu między checkboxem a tekstem */
    margin-top: 0; /* Usuń dodatkowy margines w pionie */
    width: 18px; /* Zmniejszenie rozmiaru checkboxa */
    height: 18px; /* Zmniejszenie rozmiaru checkboxa */
}

/* Linki w checkboxie */
.checkbox-container a {
    color: #007bff;
    text-decoration: none;
}

.checkbox-container a:hover {
    text-decoration: underline;
}

/* Stylowanie tekstu informacyjnego */
.checkbox-info {
    font-size: 12px;
    color: #777;
}

/* Stylowanie tekstu informacyjnego */
.checkbox-info i {
    font-style: italic;
    color: #555;
}
.checkbox-container label {
    font-size: 12px; /* Zmniejszenie czcionki */
    color: #333;
}

/* Stylowanie linków w tekście */
.checkbox-container a {
    font-size: 12px; /* Zmniejszenie czcionki w linkach */
    color: #007bff;
    text-decoration: none;
}

.checkbox-container a:hover {
    text-decoration: underline;
}

.create-account-btn {
    display: inline-block; /* Ensure it's a block element for padding */
    background-color: #4CAF50; /* Green background */
    color: white; /* Text color */
    padding: 10px 30px; /* Smaller padding for a more compact look */
    font-size: 16px; /* Smaller font size */
    border: none; /* Remove border */
    border-radius: 8px; /* Slightly rounded corners */
    text-align: center; /* Center text */
    text-decoration: none; /* Remove underline from link */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transition */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Light shadow */
}

.create-account-btn:hover {
    background-color: #45a049; /* Darker green on hover */
    transform: scale(1.05); /* Enlarges by 5% on hover */
}

.create-account-btn:focus {
    outline: none; /* Remove focus outline */
}

.create-account-btn:active {
    background-color: #388e3c; /* Even darker green on click */
}

.age-button {
    display: inline-block;
    padding: 12px 24px;
    background-color: #28a745; /* Zielony kolor */
    color: white;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s, transform 0.2s;
}

.age-button:hover {
    background-color: #218838; /* Ciemniejszy zielony przy hover */
    transform: translateY(-2px);
}

.age-button:active {
    background-color: #1e7e34; /* Jeszcze ciemniejszy zielony przy kliknięciu */
    transform: translateY(2px);
}

.alternative {
    padding: 5%;
    cursor: pointer; /* jeśli chcesz zachować efekt "rączki" */
}

/* JEDYNA różnica zależna od wersji. Pozostałe klasy są oryginalne. */
body.wersja-softcore { background-image: url("indexcens/5156620.png"); }
body.wersja-softcore .all { background-image: url("indexcens/aac.jpg"); }

/* Formularze generowane przez istniejący age_inc_grupy_management.php. */
.age-master-form, .age-verification-form { margin: 10px auto; max-width: 380px; }
.age-master-field, .age-verification-block { margin: 10px auto; }
.age-master-input { max-width: 95%; }
.age-master-button, .age-verification-form button { padding: 7px; cursor: pointer; }

/* HKJFANS AV: style przeniesione z index2.php (wersja 14). */
/* Wylacznie nowe formularze CASE 1.2 / 2 / 3. Oryginalny CSS bez zmian. */
.hkj-av-choice { margin: 10px auto 16px; max-width: 440px; }
.hkj-av-toggle { display: block; width: 100%; cursor: pointer; font-weight: bold; padding: 16px 12px; background: #fff; border: 1px solid #c9deeb; border-radius: 7px; font-family: inherit; font-size: inherit; color: #000; }
.hkj-av-toggle:hover, .hkj-av-toggle:focus { background: #f4faff; }
.hkj-av-panel { margin-top: 8px; padding: 10px; border: 1px solid #c9deeb; border-radius: 7px; }
.hkj-av-panel[hidden] { display: none; }
.hkj-av-note { margin: 6px auto 13px; font-size: 12px; }
.hkj-av-form { margin: 8px auto; max-width: 380px; }
.hkj-av-form label.hkj-av-field { display: block; margin: 10px auto; }
.hkj-av-form input[type="password"], .hkj-av-form input[type="email"] { display: block; width: 90%; max-width: 250px; margin: 4px auto; box-sizing: border-box; }
.hkj-av-important { color: #b70000; font-weight: bold; }
.hkj-av-ack { display: block; margin: 12px 5px; }
.hkj-av-form button { cursor: pointer; padding: 7px 16px; }
.hkj-av-tooltip { display: inline-block; position: relative; cursor: help; text-decoration: underline dotted; outline-offset: 3px; }
.hkj-av-tooltip-list { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; z-index: 40; min-width: 145px; padding: 9px 12px; background: white; color: #111; border: 1px solid #9fb9c8; border-radius: 6px; box-shadow: 0 3px 9px #888; white-space: nowrap; text-align: left; font-size: 12px; font-weight: normal; }
.hkj-av-tooltip:hover .hkj-av-tooltip-list, .hkj-av-tooltip:focus .hkj-av-tooltip-list, .hkj-av-tooltip:focus-within .hkj-av-tooltip-list { display: block; }
.hkj-av-message { color: #b70000; margin: 12px auto; font-weight: bold; }
/* Dodatkowe przyciski EXIT / LOGOUT. */
.hkj-av-page-position { position: relative; }
.hkj-av-logout-corner { position: absolute; top: 8px; left: 8px; z-index: 20; }
.hkj-av-logout-corner button { padding: 5px 10px; cursor: pointer; font-size: 12px; border: 1px solid #777; border-radius: 3px; background: #fff; color: #222; font-weight: bold; }
.hkj-av-exit-box { max-width: 500px; margin: 132px auto 15px; box-sizing: border-box; transform: scale(0.65); transform-origin: top center; }
.hkj-av-exit-button { width: 180px; max-width: 90%; padding: 10px; background: #777; color: #fff; border: 0; font-weight: bold; cursor: pointer; }
.hkj-av-exit-button:disabled { background: #a0a0a0; cursor: default; }
.hkj-av-exit-confirm { display: block; margin: 12px auto 5px; }



.hkj-master-preview-purchase {
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    text-align: center;
}

.hkj-master-preview-imageblock .imageblockchildinside {
    width: 100%;
    min-width: 0;
}

.hkj-master-preview-ink {
    color: black;
}

.hkj-master-preview-benefits {
    margin-top: 16px;
}

.hkj-master-preview-benefits .pros {
    display: block;
}

@media (max-width: 600px) {
    .hkj-master-preview-benefits {
        display: none;
    }
}

    .imageblock.hkj-master-preview-imageblock .imageblockchild1,
    .imageblock.hkj-master-preview-imageblock .imageblockchild2 {
        height: auto;
    }