/* AI Store Plus — ücretsiz deneme kartı (aistore-trial.php). Ön sipariş kartıyla aynı aile: koyu kart, accent #6d4eec,
   "Ücretsiz" rozeti yeşil. Ürün özeti beyaz kutuda durur: zemin yarı saydam olmamalı. Seçiciler .asp-tr ile başlar
   (WoodMart'ın a/button stilleri tek sınıflı seçicileri eziyordu). */
.asp-tr {
	margin: 18px 0 22px;
	padding: 18px 18px 16px;
	border: 1px solid #2f7a5c;
	border-radius: 14px;
	background: linear-gradient(160deg, #123a2e 0%, #161b36 62%);
	color: #e6f1ec;
	max-width: 560px;
	scroll-margin-top: 110px;
}
/* Kart gizli basılır; durum gelince trial.js açar (giriş yapmamış ziyaretçide stok yoksa hiç açılmaz). */
.asp-tr[hidden] {
	display: none !important;
}
.asp-tr .asp-tr__head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 10px;
	margin: 0 0 6px;
}
.asp-tr .asp-tr__badge {
	display: inline-flex;
	align-items: center;
	height: 24px;
	padding: 0 10px;
	border-radius: 999px;
	background: #34d399;
	color: #062b1f;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.asp-tr .asp-tr__title {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
	color: #ffffff;
}
.asp-tr .asp-tr__lead {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.5;
	color: #cfe3da;
}
.asp-tr .asp-tr__rules {
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}
.asp-tr .asp-tr__rules li {
	position: relative;
	margin: 0 0 5px;
	padding-left: 20px;
	font-size: 13px;
	line-height: 1.45;
	color: #cfe3da;
}
.asp-tr .asp-tr__rules li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #34d399;
}
.asp-tr .asp-tr__body {
	padding-top: 12px;
	border-top: 1px solid #2a4a42;
}
.asp-tr .asp-tr__wait,
.asp-tr .asp-tr__msg {
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.5;
	color: #e6f1ec;
}
.asp-tr .asp-tr__wait {
	color: #a9c4b8;
}
.asp-tr .asp-tr__msg strong {
	color: #ffffff;
	word-break: break-all;
}
.asp-tr .asp-tr__msg.is-ok {
	color: #a7f3d0;
}
.asp-tr .asp-tr__msg.is-warn {
	color: #fde68a;
}
.asp-tr .asp-tr__flash {
	margin: 0 0 10px;
	padding: 8px 12px;
	border-radius: 10px;
	background: #3b2f12;
	color: #fde68a;
	font-size: 13px;
	line-height: 1.45;
}
.asp-tr .asp-tr__flash.is-ok {
	background: #0f3b2c;
	color: #a7f3d0;
}
.asp-tr .asp-tr__consent {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: 0 0 14px;
	font-size: 13px;
	line-height: 1.45;
	color: #cfe3da;
	cursor: pointer;
}
.asp-tr .asp-tr__consent input {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 1px 0 0;
	accent-color: #34d399;
}
.asp-tr .asp-tr__consent a {
	color: #a7f3d0;
	text-decoration: underline;
}
.asp-tr .asp-tr__consent.is-need span {
	color: #fde68a;
}
.asp-tr .asp-tr__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.asp-tr a.asp-tr__btn,
.asp-tr button.asp-tr__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	margin: 0;
	padding: 0 24px;
	border: 1px solid transparent;
	border-radius: 999px;
	background: #6d4eec;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: none;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}
.asp-tr a.asp-tr__btn.is-primary,
.asp-tr button.asp-tr__btn.is-primary {
	background: #10b981;
	color: #04261b;
}
.asp-tr a.asp-tr__btn.is-primary:hover,
.asp-tr button.asp-tr__btn.is-primary:hover,
.asp-tr a.asp-tr__btn.is-primary:focus-visible,
.asp-tr button.asp-tr__btn.is-primary:focus-visible {
	background: #34d399;
	color: #04261b;
}
.asp-tr a.asp-tr__btn.is-google {
	background: #ffffff;
	color: #1f2937;
	border-color: #dadce0;
}
.asp-tr a.asp-tr__btn.is-google::before {
	content: "";
	width: 18px;
	height: 18px;
	margin-right: 10px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.asp-tr a.asp-tr__btn.is-google:hover,
.asp-tr a.asp-tr__btn.is-google:focus-visible {
	background: #f1f3f4;
	color: #1f2937;
}
.asp-tr a.asp-tr__btn.is-ghost,
.asp-tr button.asp-tr__btn.is-ghost {
	background: transparent;
	color: #e6f1ec;
	border-color: #4b6b61;
}
.asp-tr a.asp-tr__btn.is-ghost:hover,
.asp-tr button.asp-tr__btn.is-ghost:hover,
.asp-tr a.asp-tr__btn.is-ghost:focus-visible,
.asp-tr button.asp-tr__btn.is-ghost:focus-visible {
	background: #1f3a33;
	color: #ffffff;
	border-color: #6b8f84;
}
.asp-tr button.asp-tr__btn:disabled {
	opacity: 0.6;
	cursor: wait;
}
@media (max-width: 600px) {
	.asp-tr {
		padding: 16px 14px 14px;
	}
	.asp-tr a.asp-tr__btn,
	.asp-tr button.asp-tr__btn {
		width: 100%;
	}
}

/* 1.1.0 (2026-10-28) Arapça: sağdan sola (LTR değişmez). */
[dir="rtl"] .asp-tr .asp-tr__rules li {
	padding-left: 0;
	padding-right: 20px;
}
[dir="rtl"] .asp-tr .asp-tr__rules li::before {
	left: auto;
	right: 2px;
}
[dir="rtl"] .asp-tr a.asp-tr__btn.is-google::before {
	margin-right: 0;
	margin-left: 10px;
}
[dir="rtl"] .asp-tr .asp-tr__badge {
	letter-spacing: 0;
}