:root {
	  --ab-orange:rgb(232,140,74);
	  --ab-blue:rgb(26,58,95);
	  --ab-red:rgba(200,36,36,1);
	  --text:rgba(88,88,88,1);
	}
 
	h1, h2, h3, h4, h5, h6 {		margin: 0;	}
	
	* {	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); }
	a, a:visited, a:hover, a:active {
		color:rgb(26,58,95);
		text-decoration: none;
	}
	
	textarea:focus, input:focus{outline: none;}
 

	.NoSelect {
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
	}
 
 

	html,body {
		height:100%;
		min-width: 320px;
	}
	

	body {
		margin: 0;
		min-height: 100vh;
		font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 16px;
		line-height: 1.5;
		color: var(--text);
		background:#fff;;
		overflow-x: hidden;
		position: relative;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	
 
	.Centerer { 	
		width:1080px;	
		margin:0 auto;   
	} 
	@media only screen and (max-width:1200px) {
		.Centerer { 	
			width:calc(100%); 
			padding:0px 16px;
		}  
	}
	
	.Standart {
		float:left;
		width:100%;
		position:relative; 
	}

	.Standart50 { 
		width:50% !important; 
		text-align:center;
		margin-left:25%
	}
	
	.StandartGap {
		width: 100%;
		position: relative;
		display: flex;
		justify-content: center;   /* yatayda ortalar */
		align-items: center;       /* dikeyde hizalar */
		gap: 24px;                 /* aralarındaki boşluk */
		flex-wrap: wrap;           /* sığmazsa alt satıra geçer */
	}
	
	@media only screen and (max-width:900px) {
		.Standart50 { 
			width:70% !important; 
			margin-left:15%
		}
	}
	@media only screen and (max-width:640px) {
		.Standart50 { 
			width:100% !important; 
			margin-left:0px;
		}
	}
	
	
	
	
	
		 
		 
	/* ================= NAVIGATION BAR STYLES ================= */
	
	.Navigator {
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
		position: relative;
		z-index: 100;
		float: left;
		width: 100%;
		padding:12px 0px;
	}
	
 
	.Nav_Logo_Container {
		float:left;
		height:46px;
		line-height:46px; 
		padding-left:54px;
		background-image:url(/Assets/Img/EUVize_Logo.avif?Ref=1.2);
		background-position:left center;
		background-repeat:no-repeat;
		background-size:contain;
		font-size:20px;
		font-weight:700; 
	}
	
	
	
 
	
	.Page {
		float:left;
		width:100%;
		min-height:80%;
		padding-bottom:32px;
	}
	
 
 
	 
	.Gray_Banner {
		background-color:rgba(0,0,0,0.01);
		padding: 64px 0px;
		padding-bottom:48px;
		position: relative;
		isolation: isolate;
		text-align:center;
		border-bottom:1px solid rgba(0,0,0,0.025);
		margin-bottom:32px;
	}
	
	.Gray_Banner::before {
		content: '';
		position: absolute;
		inset: 0;
		background-image: radial-gradient(circle at 10% 20%, rgba(0,0,0,0.04) 1px, transparent 1px);
		background-size: 40px 40px;
		pointer-events: none;
		z-index: -1;
	}
	
	.Gray_Banner::after {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(135deg, rgba(255,255,255,0.4) 0%, transparent 50%);
		pointer-events: none;
		z-index: -1;
	}
		 
	 
	 
	 
 
	.Burger {
		position: fixed;
		top: 12px;
		right: 16px;
		height: 38px;
		width: 38px;
		background: linear-gradient(135deg, #ff1f7a 0%, #d6003d 55%, #9b1dff 100%);
		border: 1px solid rgba(255, 255, 255, 0.16);
		border-radius: 10px;
		overflow: hidden;
		z-index: 20;
		cursor: pointer;
		box-shadow:	0 10px 24px rgba(255, 31, 122, 0.28),	inset 0 1px 0 rgba(255, 255, 255, 0.22);
		transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
	}

	.BurgerLine {
		position:absolute; 
		left:6px;
		right:6px;
		height:4px;
		background-color:rgba(255,255,255,1);
		transition-duration:400ms;
		transform-origin: center center;
	}
	
	.BurgerLine1 {
		top:6px; 
		z-index:102
	}
	.BurgerLine2 {
		top:16px; 
		z-index:8
	}
	.BurgerLine3 {
		top:26px; 
		z-index:102
	}
 
	
	
	
	
	
	
	.Header {
		margin-bottom:32px; 
		color:rgba(0,0,0,0.8);
	}
	.Description {
		color:var(--ab-blue) ; font-size:14px; font-style: italic;
	}
	
	.Frame {
		position:relative;
		float:left;
		width:100%;
		background-color: white;
		border: 1px solid #e5e7eb;
		border-radius:6px; 
		transition: all 0.2s ease;
		text-decoration: none; 
		padding:22px;
		color:rgba(0,0,0,0.8);
		background-color: rgba(79, 70, 229, 0.025);
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.025);
	}
	
	.FrameForm {
		padding-bottom:18px
	}
	
	
	
	
	
	
	
			
	/* Product Card */
	.ProductCard {
		position:relative;
		float:left;
		width:100%;
		background-color: white;
		border: 1px solid #e1e7eb;
		border:2px solid #003B9D;
		border-radius:6px;
		overflow: hidden;
		transition: all 0.2s ease;
		text-decoration: none;
		margin-bottom:28px;
		padding:22px; 
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.045);
	}
	
	
	
	.ProductCard:hover {
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
		border-color: #a5b4fc;
		background-color: rgba(79, 70, 229, 0.05);
	}
	
	
	.ProductCard_Line_1 {
		float:left;
		width:100%; 
	}
	
	.ProductCard_Dot {
		float:left;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #6366f1;
		transition: transform 0.2s ease;
		margin-top:10px;
		margin-right:12px
	}
	
	.ProductCard_Title {
		width:100%;
		float:left;
		font-size:18px; 
		color:var(--ab-blue);
		font-weight:700;
		transition: color 0.2s ease;
	}
		
	
	
	.ProductCard_Line_2 {
		float:left;
		width:100%; 
		color:var(--ab-blue) ; font-size:14px; font-style: italic;
		padding-top:12px;
		padding-right:136px;
		text-indent:18px;
	}	
	
	
 
	
	.ProductProps {
		float:left;
		width:100%;   
		padding-top:14px
	}		
	
	.ProductProp {
		float:left;
		padding:6px 12px;
		border-radius:3px;
		color:#444 ; 
		font-size:12px; 
		font-weight:600;
		font-style: normal;
		background-color:rgba(255,255,255,1);
		margin-right:8px;
		margin-top:8px;
		border: 1px solid #e5e7eb;
	}			
	
	
	
	
	.ProductCard_Price {
		position: absolute;
		right:12px;
		top:12px;
		height:64px;
		background-color: rgb(109, 65, 205);  /* Orta koyu mor */
		color: white;
		color:rgba(255,255,255,1);
		min-width:120px;
		padding: 0px 22px; 
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 600; 
		font-size:18px;
		border-radius:6px;
	}
	

	
	
	.ProductCard_Price:hover {
		background-color: rgb(94, 55, 185);  /* Hover'da daha koyu */
	}
	
	.ProductCard_Price_Free {
		background-color: rgb(107, 114, 128);  /* Gri */
	}
	
	.ProductCard_Price_Free {
		background-color: rgb(156, 163, 175);  /* Açık gri */
	}
	
	
	@media only screen and (max-width:640px) {
		.ProductCard_Price { 	
			position:relative;
			float:left;
			width:100%;
			padding:12px 0px;
			right:auto;
			top:auto;
			bottom:auto;
			margin-top:22px;
		}  
		.ProductCard { 	
			padding:16px;
		}  
		.ProductCard_Line_2 {	
			padding-right:0px;
			text-indent:0px;
			text-align:center;
		}  
		.ProductCard_Title { 
			text-align:center;
		}
		.ProductCard_Dot {
			display:none;
		}
		
		
	}
	
	
	
	.asterix {
		color:rgba(153,0,0,1)
	}

	.FormLine {
		float:left;
		width: 100%; 
		margin-bottom:6px;
	}
	.FormLine50Left {
		width:50% ; padding-right:12px;
	}
	.FormLine50Right {
		width:50% ; padding-left:12px;
	}
	
	.FormLineParser {
		float: left;
		width: 100%;
		height: 1px;
		background: none;
		border-top: 1px dashed #E5E5E5;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
		margin: 32px 0px; 
	}
	
	.FormLineParserMobile {
		display:none;
	}
	
	@media only screen and (max-width:640px) {
		.FormLineParserMobile {
			display:block;
		}
		.FormLine50Left {
			width:100% ; padding-right:0px;
		}
		.FormLine50Right {
			width:100% ; padding-left:0px;
		}
	}

	.FormLabel {
		float:left;
		width: 100%;
		font-size: 18px;
		line-height: 16px; 
		font-weight: 700;
	}
	
	.FormValue {
		float:left;
		width: 100%;
		font-size  : 16px;
		font-weight: 400;
		line-height: 24px;
		background-color:#FFFFFF !important;
		border-radius: 4px;
		font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
		padding:12px 12px;
		border:1px solid #ccc;
		cursor:text;
		margin-top:8px;
		margin-bottom:8px;
		height:50px;
	}
	
 
	
	
	
	
	
	.FormValue::placeholder { color:rgba(0,0,0,0.3)}
	
	
	
	.Aggrement_Text {
		color:rgba(0,0,0,0.75);
		font-size: 14px; 
	}
	
	 
	input[type="checkbox"] {
		width: 1.25rem;
		height: 1.25rem;
		accent-color: #003399;
		cursor: pointer;
		transform:translate(0px,4px)
	}
	
	
	
	
	
	
	#ProductFormSubmitButton {
		float:right;
		background-color:#003B9D;
		color: white;
		border: none;
		padding:18px 36px;
		border-radius:3px;
		font-size:18px;
		font-weight: 400;
		cursor: pointer;
		transition: background-color 0.2s ease, transform 0.1s ease;
		flex-shrink: 0;
		font-family: inherit;  
		margin-top:32px;
		min-width:240px;
		text-align:center
	}
	
	#ProductFormSubmitButton:hover {
		background-color: #1d5fd1;
	} 
	 
	
	
	@media only screen and (max-width:640px) {
		#ProductFormSubmitButton {
			float:left;
			width:100%;
		}
	}

	#ProductFormSubmitButton:disabled {
		background-color: #9CA3AF !important;
		color: #FFFFFF !important;
		cursor: not-allowed !important;
		opacity: 0.7;
	}
	
	
	.swal2-confirm,.swal2-cancel,.swal2-deny{border:none !important;outline:none !important}.swal2-confirm:focus,.swal2-cancel:focus,.swal2-deny:focus{border:none !important;outline:none !important;box-shadow:none !important}
	
	.swal2-popup *,	.swal2-popup {font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;}
	
	
	.swal2-html-container {border-bottom:1px dotted rgba(26,58,95,1) ; padding-bottom:24px;}
	
	.swal2-actions{gap:24px !important ; margin-top:24px !important; }
	
	/* Confirm butonu - AB mavisi */
	.swal2-confirm {
		background-color: var(--ab-blue) !important;
		color: white !important;
		border-radius:4px !important;
		font-weight: 600 !important;
		font-weight: 400 !important;
		font-size: 16px !important;
		padding:16px 32px!important; 
		min-width:168px !important;
	}
	
	.swal2-confirm:hover {
		background-color:rgba(51,153,0,1) !important;
	}
	
	.swal2-cancel, .swal2-deny {
		background-color: var(--ab-red) !important;
		border-radius: 4px !important;
		font-weight: 400 !important;
		font-size: 16px !important;
		padding: 16px 32px !important;;
		min-width:168px !important;
	}
	
	.swal2-cancel:hover , .swal2-deny:hover {
		background-color:rgba(164,11,11,1) !important;
	}
 
	.swal2-container {
	  background-color:rgba(26,58,95,0.7) !important;
	}
	
 
	.swal2-popup {
		background-color: white !important;
		border-radius:8px;
		border:3px solid rgba(26,58,95,1)
	}
	
	
	
	.TopIconContainer {
		width: 100px;
		height: 120px;
		background-color: rgba(244,244,244,1);
		border-radius: 8px;
		position: relative;
		box-shadow: 0 8px 18px -6px rgba(0, 0, 0, 0.14);
		border: 1px solid #e5e7eb;
		transition: 
			transform 0.28s ease,
			box-shadow 0.28s ease,
			border-color 0.28s ease,
			background-color 0.28s ease;
	}
	
	.TopIconContainer:hover {
		transform: translateY(-2px);
		box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.18);
		border-color: #a5b4fc;
		background-color: rgba(79, 70, 229, 0.05);
	}
		
	.TopIconContainerActive {
		transform: translateY(-6px);
		border: 2px solid #003B9D;
		background-color:rgba(255,255,255,1);
	}
	
	
	
	.TopIconContainer .TopIconImg {
		position:absolute;
		top:8px;
		left:8px;
		right:8px;
		aspect-ratio:1 / 1;
		height:auto;
		background-color:rgba(255,255,255,1);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center center;
		overflow:hidden;
		border-radius:8px;
	}
	
 
	.TopIconContainer .TopIconTxt {
		position:absolute; 
		left:8px;
		right:8px;
		bottom:5px;
		font-size:12px;
	}
	
	
	.TextCarousel {
		width: 100%;
		min-height: 24px;
		position: relative;
		overflow: hidden;
		text-align: center;
		margin-top:52px
	}
	
	.TextCarouselItem {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		opacity: 0;
		transform: translateY(10px);
		font-size: 15px;
		line-height: 22px;
		color: #0f2d52;
		font-style: italic; 
		transition: opacity 0.45s ease, transform 0.45s ease;
	}
	
	.TextCarouselItem.active {
		opacity: 1;
		transform: translateY(0);
	}
	
	
	 
		
	.Nav_Login_Right {
		float: right;
		background-color: #003B9D;
		color: #ffffff;
		border: none;
		padding: 0px 18px;
		border-radius: 3px;
		font-size: 0.875rem;
		font-weight: 500;
		cursor: pointer;
		transition: background-color 0.2s ease, transform 0.1s ease;
		flex-shrink: 0;
		font-family: inherit;
		height: 38px;
		line-height: 38px;
		margin-top: 4px;
		text-decoration: none;
	
		display: inline-flex;
		align-items: center;
		gap: 7px;
	}
	
	.Nav_Login_Right:hover {
		background-color: #1d5fd1;
	}
	
	.Nav_Login_Icon {
		width: 17px;
		height: 17px;
		stroke: currentColor;
		stroke-width: 2;
		fill: none;
		stroke-linecap: round;
		stroke-linejoin: round;
		flex-shrink: 0;
	}
	 
		 
	.Nav_Print_Right {
		float: right;
		background-color: #be185d;
		color: #ffffff;
		border: 1px solid #be185d;
		padding: 0px 16px;
		border-radius: 3px;
		font-size: 0.875rem;
		font-weight: 500;
		cursor: pointer;
		transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
		flex-shrink: 0;
		font-family: inherit;
		height: 38px;
		line-height: 38px;
		margin-top: 4px;
		margin-right: 8px;
		text-decoration: none;
	
		display: inline-flex;
		align-items: center;
		gap: 7px;
	}
	
	.Nav_Print_Right:hover {
		background-color: #9d174d;
		border-color: #9d174d;
	}
	
	.Nav_Print_Icon {
		width: 17px;
		height: 17px;
		stroke: currentColor;
		stroke-width: 2;
		fill: none;
		stroke-linecap: round;
		stroke-linejoin: round;
		flex-shrink: 0;
	}
		 
			 
		 
	.Button100 {
		width: 100%;
		display: block;
		background-color:#003B9D;
		color: white;
		border: none;
		padding: 18px 36px;
		border-radius: 3px;
		font-size: 18px;
		font-weight: 400;
		font-family: inherit;
		cursor: pointer;
		transition: background-color 0.2s ease, transform 0.1s ease;
		margin-top: 32px;
		text-align: center;
		box-sizing: border-box;
		font-family: inherit;
	}
	.Button100:visisted, .Button100:active {
		color: white !important
	}
	
	.Button100:hover {
		background-color: #1d5fd1;
		color:rgba(255,255,255,1);
	}
	
	.Button100Green {
		background-color: #15803d;
	}
	
	.Button100Green:hover {
		background-color: #16a34a;
		color: rgba(255,255,255,1);
	}
	
	
	
	.Button100Red {
		background-color: #be185d;
	}
	
	.Button100Red:hover {
		background-color: #9d174d; 
	}
	
	
	
	
	.Button100:disabled {
		background-color: #9CA3AF !important;
		color: #FFFFFF !important;
		cursor: not-allowed !important;
		opacity: 0.7;
	}
		
	.Button100Icon {
		width: 32px;
		height: 32px;
		stroke: currentColor;
		stroke-width: 2.3;
		fill: none;
		stroke-linecap: round;
		stroke-linejoin: round;
		flex-shrink: 0;
		transform:translate(-2px,10px)
	}
	
	
	.InfoTable {
		width: 100%;
		border-collapse: collapse;
		font-family: Consolas, "Courier New", monospace;
	}
	
	.InfoTable tr {
		border-bottom: 1px solid rgba(119, 119, 119, 0.35);
	}
	
	.InfoTable td,
	.InfoTable th {
		padding: 6px 0 2px 0;
		font-family: Consolas, "Courier New", monospace;
		font-size: 13px;
		line-height: 18px;
		color: #333;
		vertical-align: top;
	}