/* Extracted from an inline <style> in: application/views/template/index/head.php
   Edit here; every view listed links this file. */
		.accept-cookie {
			position: fixed !important;
			left: 24px !important;
			right: auto !important;
			bottom: 24px !important;
			z-index: 10050 !important;
			width: min(430px, calc(100vw - 48px)) !important;
			height: auto !important;
			min-height: 0 !important;
			margin: 0 !important;
			padding: 22px !important;
			display: flex !important;
			flex-direction: column !important;
			align-items: stretch !important;
			justify-content: flex-start !important;
			gap: 18px !important;
			color: #1f2937 !important;
			background: #fff !important;
			border: 1px solid #e5e7eb !important;
			border-radius: 12px !important;
			box-shadow: 0 12px 36px rgba(15, 23, 42, .18) !important;
			text-align: left !important;
		}

		.accept-cookie-icon {
			display: none !important;
		}

		.text-accept-cookie {
			display: flex !important;
			flex-direction: column !important;
			gap: 8px !important;
			color: #4b5563 !important;
		}

		.accept-cookie-title {
			display: block !important;
			color: #111827 !important;
			font-family: Kanit, sans-serif !important;
			font-size: 18px !important;
			font-weight: 700 !important;
			line-height: 1.35 !important;
		}

		.accept-cookie-desc {
			display: block !important;
			color: #4b5563 !important;
			font-size: 14px !important;
			line-height: 1.65 !important;
		}

		.accept-cookie-actions {
			display: grid !important;
			grid-template-columns: 1fr 1fr !important;
			gap: 10px !important;
		}

		.button-cookie-secondary,
		.button-accept-cookie {
			width: 100% !important;
			min-height: 44px !important;
			padding: 11px 16px !important;
			border-radius: 8px !important;
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			font-family: Kanit, sans-serif !important;
			font-size: 14px !important;
			font-weight: 600 !important;
			line-height: 1.2 !important;
			text-align: center !important;
			text-decoration: none !important;
			transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
		}

		.button-cookie-secondary {
			color: #111827 !important;
			background: #fff !important;
			border: 1px solid #d1d5db !important;
			box-shadow: none !important;
		}

		.button-cookie-secondary:hover,
		.button-cookie-secondary:focus {
			color: #111827 !important;
			background: #f9fafb !important;
			border-color: #9ca3af !important;
		}

		.button-accept-cookie {
			color: #fff !important;
			background: #2563eb !important;
			border: 1px solid #2563eb !important;
			box-shadow: 0 8px 18px rgba(37, 99, 235, .25) !important;
		}

		.button-accept-cookie:hover,
		.button-accept-cookie:focus {
			color: #fff !important;
			background: #1d4ed8 !important;
			border-color: #1d4ed8 !important;
			transform: translateY(-1px) !important;
			box-shadow: 0 10px 22px rgba(37, 99, 235, .3) !important;
		}

		.button-accept-cookie:active {
			transform: translateY(0) !important;
		}

		@media (max-width: 767px) {
			.accept-cookie {
				left: 14px !important;
				right: 14px !important;
				bottom: max(78px, env(safe-area-inset-bottom)) !important;
				width: auto !important;
				padding: 18px !important;
				border-radius: 12px !important;
			}

			.accept-cookie-title {
				font-size: 16px !important;
			}

			.accept-cookie-desc {
				font-size: 13px !important;
				line-height: 1.55 !important;
			}
		}

		@media (max-width: 390px) {
			.accept-cookie-actions {
				grid-template-columns: 1fr !important;
			}
		}
		/* The banner files have different aspect ratios; the slider height follows the active image. */
		body.tz-home-page .tz-hero-slider { transition: height .2s ease; }
		body.tz-home-page .tz-hero-slide { align-self: flex-start; }