/* Page-specific CSS for printer/epson-printer-support.php */
/* Extracted from inline styles */

/* Sticky Header Solid Background & Styling Fix */
		.sticky-header,
		.sticky-header.fixed-header,
		.sticky-header .auto-container,
		.sticky-header .inner-container {
			background: #ffffff !important;
			background-color: #ffffff !important;
		}

		.sticky-header.fixed-header {
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
			border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
		}

		.sticky-header .main-menu .navigation>li>a {
			color: #111827 !important;
		}

		.sticky-header .main-menu .navigation>li.current>a,
		.sticky-header .main-menu .navigation>li:hover>a {
			color: #0066cc !important;
		}

		.apple-card {
			background: #ffffff;
			border-radius: 20px;
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02), 0 10px 40px rgba(0, 0, 0, 0.03);
			padding: 40px;
			transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
			border: 1px solid rgba(0, 0, 0, 0.03);
			display: flex;
			flex-direction: column;
			height: 100%;
		}

		.apple-card:hover {
			transform: translateY(-6px);
			box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
		}

		.apple-image {
			border-radius: 20px;
			box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
			width: 100%;
			object-fit: cover;
		}

		.apple-list-item {
			padding: 14px 0;
			border-bottom: 1px solid #e5e7eb;
			color: #1f2937;
			font-weight: 500;
			display: flex;
			align-items: flex-start;
			font-size: 1.05rem;
		}

		.apple-list-item:last-child {
			border-bottom: none;
		}

		.apple-list-icon {
			color: var(--theme-color1);
			margin-right: 14px;
			font-size: 1.25rem;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 28px;
			height: 28px;
			background: var(--theme-color-light);
			border-radius: 50%;
			flex-shrink: 0;
			margin-top: 4px;
		}

		.strapi-gradient {
			background: var(--gradient-1);
			color: #ffffff;
			border: none;
		}

		.icon-wrapper {
			background: var(--theme-color-light);
			width: 60px;
			height: 60px;
			border-radius: 16px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 24px;
			transition: all 0.3s ease;
		}

		.apple-card:hover .icon-wrapper {
			transform: scale(1.1);
		}

		.bg-zoom-img {
			object-fit: cover;
			z-index: 0;
			filter: brightness(0.45);
			transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.apple-card:hover .bg-zoom-img {
			transform: scale(1.1);
		}

		.apple-card .title.text-white {
			text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
		}

		.apple-card .text.text-white {
			text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
		}

		/* Polished Call to Action Two */
		.call-to-action-two .outer-box {
			border-radius: 24px;
			overflow: hidden;
			background: linear-gradient(135deg, #0066cc 0%, #004ea3 100%) !important;
			box-shadow: 0 20px 50px rgba(0, 102, 204, 0.15);
			border: 1px solid rgba(255, 255, 255, 0.15);
			transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.call-to-action-two .outer-box:hover {
			transform: translateY(-5px);
			box-shadow: 0 30px 60px rgba(0, 102, 204, 0.25);
		}

		.call-to-action-two .outer-box:before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			width: 100%;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600' preserveAspectRatio='none'%3E%3Cpath fill='rgba(255,255,255,0.04)' d='M-100,-100 C150,200 350,-50 500,200 C650,450 450,550 900,700 L900,-100 Z'/%3E%3Ccircle fill='rgba(255,255,255,0.03)' cx='700' cy='100' r='200'/%3E%3Ccircle fill='rgba(255,255,255,0.02)' cx='100' cy='500' r='150'/%3E%3C/svg%3E") !important;
			background-size: cover !important;
			background-repeat: no-repeat !important;
			background-position: center !important;
			opacity: 1 !important;
			mix-blend-mode: normal !important;
		}

		.call-to-action-two.pull-down {
			padding-bottom: 192px !important;
			/* Perfect visual 90px spacing considering -102px pull-down margin */
		}



		/* Channel Cards & Card Grid Spacing Polish */
		.channel-card {
			background: #f8fafc !important;
			/* Slate-50 off-white */
			border: 1px solid #e2e8f0 !important;
		}

		.channel-card:hover {
			background: #ffffff !important;
			border-color: #0066cc !important;
			box-shadow: 0 20px 40px rgba(0, 102, 204, 0.06) !important;
		}

		/* CTA Layering Fix */
		.call-to-action-two .outer-box {
			position: relative !important;
		}

		.call-to-action-two .outer-box>* {
			position: relative;
			z-index: 2;
		}

		.call-to-action-two .outer-box:before {
			z-index: 1 !important;
		}

		.call-to-action-two .theme-btn.btn-style-two .btn-title {
			color: #151419 !important;
			transition: color 0.3s ease;
		}

		.call-to-action-two .theme-btn.btn-style-two:hover .btn-title {
			color: #ffffff !important;
		}

		/* Premium Product Details Section overrides */
		.product-details {
			background-color: #ffffff;
		}

		.product-details .bxslider img {
			border-radius: 24px !important;
			box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06) !important;
			border: 1px solid rgba(0, 0, 0, 0.05);
		}

		.product-details .thumb-box {
			margin-top: 15px !important;
			gap: 12px;
			display: flex;
			justify-content: flex-start;
			padding-left: 0;
		}

		.product-details .thumb-box li {
			list-style: none;
		}

		.product-details .thumb-box figure {
			margin: 0 !important;
		}

		.product-details .thumb-box img {
			border-radius: 12px !important;
			border: 2px solid transparent;
			transition: all 0.3s ease;
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
			width: 70px;
			height: 70px;
			object-fit: cover;
		}

		.product-details .thumb-box li a.active img,
		.product-details .thumb-box li a:hover img {
			border-color: #0066cc !important;
			transform: scale(1.05);
		}

		/* Rating Stars */
		.product-details__reveiw i {
			color: #ffb100 !important;
			/* Rich gold stars */
			font-size: 1.1rem;
			margin-right: 2px;
		}

		.product-details__reveiw span {
			font-size: 0.95rem;
			color: #666;
			font-weight: 500;
			margin-left: 8px;
		}

		/* Status Badge */
		.status-badge {
			display: inline-flex;
			align-items: center;
			background: rgba(46, 196, 182, 0.1);
			color: #1b8a7a;
			font-size: 0.85rem;
			font-weight: 600;
			padding: 4px 12px;
			border-radius: 50px;
			vertical-align: middle;
			margin-left: 12px;
		}

		.status-dot {
			width: 8px;
			height: 8px;
			background-color: #2ec4b6;
			border-radius: 50%;
			margin-right: 6px;
			display: inline-block;
			animation: pulse-dot 1.5s infinite;
		}

		@keyframes pulse-dot {
			0% {
				transform: scale(0.95);
				box-shadow: 0 0 0 0 rgba(46, 196, 182, 0.7);
			}

			70% {
				transform: scale(1);
				box-shadow: 0 0 0 6px rgba(46, 196, 182, 0);
			}

			100% {
				transform: scale(0.95);
				box-shadow: 0 0 0 0 rgba(46, 196, 182, 0);
			}
		}

		/* Buttons styling */
		.product-details__buttons {
			display: flex;
			gap: 15px;
			flex-wrap: wrap;
		}

		.product-details__buttons-1,
		.product-details__buttons-2 {
			display: inline-block;
		}

		.product-details__buttons .theme-btn {
			border-radius: 50px !important;
			padding: 14px 28px !important;
			font-size: 0.95rem !important;
			font-weight: 700 !important;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
		}

		.product-details__buttons .btn-style-one {
			background: linear-gradient(135deg, #0066cc 0%, #004ea3 100%) !important;
			box-shadow: 0 10px 25px rgba(0, 102, 204, 0.15) !important;
			border: none !important;
		}

		.product-details__buttons .btn-style-one:hover {
			transform: translateY(-2px);
			box-shadow: 0 15px 30px rgba(0, 102, 204, 0.25) !important;
		}

		.product-details__buttons .btn-style-two-custom {
			background: #151419 !important;
			color: #ffffff !important;
			border: 1px solid rgba(255, 255, 255, 0.1) !important;
			display: inline-block;
			position: relative;
			font-size: 16px;
			line-height: 19px;
			padding: 12px 34px;
			border-radius: 50px;
			font-weight: 700;
			overflow: hidden;
			transition: all 0.3s ease;
		}

		.product-details__buttons .btn-style-two-custom:hover {
			background: #ffffff !important;
			color: #151419 !important;
			border-color: #151419 !important;
			transform: translateY(-2px);
			box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
		}

		/* Social share */
		.product-details__social {
			display: flex;
			align-items: center;
			margin-top: 35px;
			border-top: 1px solid rgba(0, 0, 0, 0.06);
			padding-top: 25px;
		}

		.product-details__social .share-title {
			font-size: 0.95rem;
			font-weight: 600;
			color: #151419;
			margin-right: 15px;
		}

		.product-share {
			display: flex;
			gap: 10px;
			margin: 0 !important;
			padding: 0 !important;
			list-style: none;
		}

		.product-share li a {
			width: 38px;
			height: 38px;
			border-radius: 50%;
			border: 1px solid rgba(0, 0, 0, 0.08);
			display: flex;
			align-items: center;
			justify-content: center;
			color: #555555;
			transition: all 0.3s ease;
			background: #ffffff;
		}

		.product-share li a:hover {
			background: #0066cc;
			color: #ffffff;
			border-color: #0066cc;
			transform: translateY(-2px);
		}

		/* Responsive Design Polish */
		@media only screen and (max-width: 991.98px) {
			.call-to-action-two.pull-down {
				padding-bottom: 90px !important; /* Standard bottom padding on tablet/mobile when not pulled down */
			}
			.product-details .slider-content {
				text-align: center !important;
			}
			.product-details .image-box {
				display: inline-block !important;
				margin: 0 auto !important;
			}
			.product-details .image-box img {
				margin: 0 auto !important;
			}
			.product-details .thumb-box {
				justify-content: center !important;
			}
			.product-info {
				text-align: center !important;
				padding-top: 30px !important;
			}
			.product-details__social {
				justify-content: center !important;
			}
			.product-details__reveiw {
				margin-bottom: 20px !important;
			}
		}
		@media only screen and (max-width: 768px) {
			.page-title {
				padding: 100px 0 60px !important;
				min-height: 180px !important;
			}
			.page-title .title {
				margin-top: 40px !important;
				font-size: 28px !important;
			}
			.apple-card {
				padding: 24px !important; /* More readable paddings on small screens */
			}
		}
		@media only screen and (max-width: 576px) {
			.product-details__title {
				display: flex !important;
				flex-direction: column !important;
				align-items: center !important;
				font-size: 28px !important;
			}
			.status-badge {
				margin-left: 0 !important;
				margin-top: 10px !important;
			}
			.product-details .thumb-box {
				justify-content: center !important;
			}
		}
		@media only screen and (max-width: 480px) {
			.product-details__buttons {
				flex-direction: column !important;
				width: 100% !important;
				gap: 12px !important;
			}
			.product-details__buttons-1,
			.product-details__buttons-2,
			.product-details__buttons .theme-btn {
				width: 100% !important;
				text-align: center !important;
				padding: 12px 20px !important;
				font-size: 0.85rem !important;
			}
			.product-details__buttons .theme-btn,
			.product-details__buttons .theme-btn .btn-title {
				display: flex !important;
				justify-content: center !important;
				align-items: center !important;
				width: 100% !important;
			}
			.product-details__buttons .theme-btn i {
				display: none !important;
			}
		}

		.product-details .thumb-box {
			flex-wrap: nowrap !important;
		}

		/* Remote Support Variation Styles */
		.process-flow-container {
			position: relative;
			padding-left: 32px;
		}
		.process-flow-container::before {
			content: '';
			position: absolute;
			left: 6px;
			top: 10px;
			bottom: 10px;
			width: 2px;
			background: linear-gradient(to bottom, var(--theme-color1), rgba(0, 102, 204, 0.15));
		}
		.process-flow-item {
			position: relative;
			margin-bottom: 30px;
			background: #ffffff;
			padding: 24px;
			border-radius: 16px;
			box-shadow: 0 4px 20px rgba(0,0,0,0.01);
			border: 1px solid rgba(0,0,0,0.03);
			transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		}
		.process-flow-item:last-child {
			margin-bottom: 0;
		}
		.process-flow-item::before {
			content: '';
			position: absolute;
			left: -32px;
			top: 28px;
			width: 14px;
			height: 14px;
			background: #ffffff;
			border: 3px solid var(--theme-color1);
			border-radius: 50%;
			z-index: 2;
			transition: all 0.3s ease;
		}
		.process-flow-item:hover {
			transform: translateX(6px);
			box-shadow: 0 15px 35px rgba(0, 102, 204, 0.06);
			border-color: rgba(0, 102, 204, 0.15);
		}
		.process-flow-item:hover::before {
			background: var(--theme-color1);
			box-shadow: 0 0 0 5px rgba(0, 102, 204, 0.2);
		}
		.process-flow-text {
			font-size: 0.96rem;
			line-height: 1.7;
			color: #4a4a4a;
			margin-bottom: 0;
		}

		/* Dark Theme Premium Support Card */
		.dark-support-card {
			background: linear-gradient(135deg, rgba(17, 24, 39, 0.45) 0%, rgba(17, 24, 39, 0.75) 100%), url('../images/remote_printer_diagnostics.webp') no-repeat center center;
			background-size: cover;
			color: #ffffff;
			border-radius: 24px;
			padding: 45px;
			box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
			border: 1px solid rgba(255, 255, 255, 0.08);
			position: relative;
			overflow: hidden;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		.dark-support-card::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 4px;
			background: linear-gradient(90deg, #3b82f6, #60a5fa);
		}
		.dark-support-card .card-title {
			font-size: 1.4rem;
			font-weight: 700;
			color: #ffffff;
			margin-bottom: 25px;
			display: flex;
			align-items: center;
			text-shadow: 0 2px 4px rgba(0,0,0,0.5);
		}
		.dark-support-card .card-title i {
			color: #60a5fa;
			text-shadow: 0 0 10px rgba(96, 165, 250, 0.3);
		}
		.dark-callout-box {
			background: rgba(15, 23, 42, 0.85);
			backdrop-filter: blur(8px);
			-webkit-backdrop-filter: blur(8px);
			border-left: 4px solid #3b82f6;
			border-radius: 4px 16px 16px 4px;
			padding: 24px;
			margin-top: 24px;
			border: 1px solid rgba(255, 255, 255, 0.06);
			transition: all 0.3s ease;
		}
		.dark-callout-box:first-of-type {
			margin-top: 0;
		}
		.dark-callout-box:hover {
			background: rgba(15, 23, 42, 0.95);
			transform: translateX(4px);
			border-color: rgba(255, 255, 255, 0.12);
		}
		.dark-callout-box-alt {
			background: rgba(15, 23, 42, 0.85);
			backdrop-filter: blur(8px);
			-webkit-backdrop-filter: blur(8px);
			border-left: 4px solid #ef4444; /* red accent to match offline store caution */
			border-radius: 4px 16px 16px 4px;
			padding: 24px;
			margin-top: 24px;
			border: 1px solid rgba(255, 255, 255, 0.06);
			transition: all 0.3s ease;
		}
		.dark-callout-box-alt:hover {
			background: rgba(15, 23, 42, 0.95);
			transform: translateX(4px);
			border-color: rgba(255, 255, 255, 0.12);
		}
		.dark-callout-text {
			font-size: 0.95rem;
			line-height: 1.7;
			color: #d1d5db; /* cool gray */
			margin-bottom: 0;
		}

		.support-team-image-box {
			position: relative;
			border-radius: 24px;
			overflow: hidden;
			box-shadow: 0 20px 45px rgba(0, 0, 0, 0.06);
			margin-bottom: 30px;
			border: 1px solid rgba(0,0,0,0.04);
		}
		.support-team-image-box img {
			width: 100%;
			height: auto;
			transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
			display: block;
		}
		.support-team-image-box:hover img {
			transform: scale(1.03);
		}

		@media only screen and (max-width: 768px) {
			.process-flow-container {
				padding-left: 20px;
			}
			.process-flow-container::before {
				left: 0;
			}
			.process-flow-item::before {
				left: -26px;
				width: 12px;
				height: 12px;
				top: 28px;
			}
			.dark-support-card {
				padding: 30px 20px;
			}
		}