/*
Theme Name: Woostify Child
Theme URI: https://woostify.com
Description: Child theme for Woostify
Author: IT POMELO
Author URI: https://it-pomelo.pl
Template: woostify
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: woostify-child
*/

/* Add your custom CSS here */

/* Fix header layout - prevent navigation from stretching */
.site-navigation {
	flex: 0 1 auto !important;
}

/* Search wrapper centered between logo and menu */
.jsreklama-search-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	max-width: 600px;
	margin: 0 20px !important;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    line-height: 28px !important;
}

/* B2B Fields Styling */
.jsreklama-b2b-fields {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e0e0e0;
}

.jsreklama-b2b-fields .form-row {
	margin-bottom: 15px;
}

.jsreklama-b2b-fields label {
	font-weight: 600;
	color: #333;
}

.jsreklama-b2b-fields input[type="text"] {
	width: 100%;
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
}

.jsreklama-b2b-fields input[type="text"]:focus {
	border-color: #947f57;
	outline: none;
	box-shadow: 0 0 0 3px rgba(148, 127, 87, 0.1);
}

/* Checkout page - brand color borders */
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-input-wrapper select,
.woocommerce-checkout .woocommerce-input-wrapper textarea,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.wp-block-woocommerce-checkout input,
.wp-block-woocommerce-checkout select,
.wp-block-woocommerce-checkout textarea {
	border-color: #947f57 !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus,
.wp-block-woocommerce-checkout input:focus,
.wp-block-woocommerce-checkout select:focus,
.wp-block-woocommerce-checkout textarea:focus {
	border-color: #947f57 !important;
	box-shadow: 0 0 0 3px rgba(148, 127, 87, 0.1) !important;
}

/* ============================================
   Homepage Styles - Modern Layout (Sportano-inspired)
   ============================================ */

/* Remove unnecessary margin on homepage */
.jsreklama-custom-homepage #content {
	margin-top: 0 !important;
}

/* Hero Section */
.jsreklama-hero {
	position: relative;
	height: 600px;
	background-image: url('/wp-content/uploads/2026/02/background-9485470-scaled.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

.jsreklama-hero .hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg, rgba(148, 166, 180, 0.85) 0%, rgba(61, 61, 61, 0.85) 100%);
}

.jsreklama-hero .hero-content {
	position: relative;
	z-index: 2;
	text-align: center;
	color: #ffffff;
	max-width: 800px;
	padding: 0 20px;
}

.jsreklama-hero .hero-title {
	font-size: 56px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.2;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.jsreklama-hero .hero-subtitle {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 40px;
	opacity: 0.95;
}

.jsreklama-hero .hero-buttons {
	display: flex;
	gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
}

.jsreklama-hero .hero-button {
	padding: 16px 40px;
	font-size: 18px;
	font-weight: 600;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
}

.jsreklama-hero .hero-button.primary {
	background: #ffffff;
	color: #94A6B4;
	border: 2px solid #ffffff;
}

.jsreklama-hero .hero-button.primary:hover {
	background: transparent;
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.jsreklama-hero .hero-button.secondary {
	background: transparent;
	color: #ffffff;
	border: 2px solid #ffffff;
}

.jsreklama-hero .hero-button.secondary:hover {
	background: #ffffff;
	color: #94A6B4;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* USP Section */
.jsreklama-usp {
	width: 100%;
	padding: 60px 0;
	background: #f8f8f8;
	box-sizing: border-box;
	overflow: hidden; /* Zapobiega wystaniu contentu */
}

.jsreklama-usp .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	width: 100%; /* Dodano - container wypełnia dostępną przestrzeń */
	box-sizing: border-box;
}

.jsreklama-usp .usp-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 4 równe kolumny zamiast auto-fit */
	gap: 30px; /* Zmniejszono z 40px */
	max-width: 100%; /* Grid nie przekroczy szerokości rodzica */
}

.jsreklama-usp .usp-item {
	text-align: center;
	padding: 30px 20px;
	background: #ffffff;
	border-radius: 8px;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.jsreklama-usp .usp-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 24px rgba(148, 166, 180, 0.15);
}

.jsreklama-usp .usp-icon {
	font-size: 48px;
	margin-bottom: 20px;
}

.jsreklama-usp .usp-item h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 12px;
	color: #2d2d2d;
}

.jsreklama-usp .usp-item p {
	font-size: 16px;
	line-height: 1.6;
	color: #666;
	margin: 0;
}

/* Products Section */
.jsreklama-products {
	padding: 60px 0;
	background: #ffffff;
}

.jsreklama-products .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

.jsreklama-products .section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
	flex-wrap: wrap;
	gap: 20px;
}

.jsreklama-products .section-title {
	font-size: 36px;
	font-weight: 700;
	color: #2d2d2d;
	margin: 0;
}

.jsreklama-products .section-link {
	font-size: 18px;
	font-weight: 600;
	color: #94A6B4;
	text-decoration: none;
	transition: all 0.3s ease;
}

.jsreklama-products .section-link:hover {
	color: #7a8b99;
	transform: translateX(5px);
}

/* Products Carousel with Swiper.js */
.jsreklama-products .products-carousel-wrapper {
	position: relative;
	padding: 0 50px;
}

.jsreklama-products .products-swiper {
	overflow: hidden;
	padding-bottom: 50px;
}

.jsreklama-products .products-grid {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jsreklama-products .swiper-slide {
	height: auto;
	display: flex;
}

.jsreklama-products .swiper-slide .product {
	width: 100%;
	list-style: none;
	margin: 0;
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* Równa wysokość elementów produktu */
.jsreklama-products .swiper-slide .product .woocommerce-loop-product__link {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.jsreklama-products .swiper-slide .product img {
	width: 100%;
	height: 280px;
	object-fit: cover;
}

.jsreklama-products .swiper-slide .product .woocommerce-loop-product__title {
	flex: 1;
	min-height: 3em;
}

.jsreklama-products .swiper-slide .product .price {
	margin-top: auto;
}

/* Swiper Navigation Arrows */
.jsreklama-products .swiper-button-prev,
.jsreklama-products .swiper-button-next {
	width: 44px;
	height: 44px;
	background: #94A6B4;
	border-radius: 50%;
	color: #ffffff;
	transition: all 0.3s ease;
}

.jsreklama-products .swiper-button-prev:after,
.jsreklama-products .swiper-button-next:after {
	font-size: 20px;
	font-weight: bold;
}

.jsreklama-products .swiper-button-prev:hover,
.jsreklama-products .swiper-button-next:hover {
	background: #7a8b99;
	transform: scale(1.1);
}

.jsreklama-products .swiper-button-prev {
	left: 0;
}

.jsreklama-products .swiper-button-next {
	right: 0;
}

/* Swiper Pagination */
.jsreklama-products .swiper-pagination {
	bottom: 10px;
}

.jsreklama-products .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #94A6B4;
	opacity: 0.5;
	transition: all 0.3s ease;
}

.jsreklama-products .swiper-pagination-bullet-active {
	opacity: 1;
	background: #94A6B4;
	width: 30px;
	border-radius: 5px;
}

/* Mobile responsiveness */
@media (max-width: 767px) {
	.jsreklama-products .products-carousel-wrapper {
		padding: 0 35px;
	}
	
	.jsreklama-products .swiper-button-prev,
	.jsreklama-products .swiper-button-next {
		width: 35px;
		height: 35px;
	}
	
	.jsreklama-products .swiper-button-prev:after,
	.jsreklama-products .swiper-button-next:after {
		font-size: 16px;
	}
}

/* ============================================
   Color Swatches for Product Variants
   ============================================ */

.jsreklama-color-swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0 15px;
	padding: 0 10px;
	justify-content: center;
}

.jsreklama-color-swatch {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid #ddd;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	background-size: cover;
	background-position: center;
	padding: 0;
}

.jsreklama-color-swatch:hover {
	transform: scale(1.15);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.jsreklama-color-swatch.active {
	border-color: #94A6B4;
	border-width: 3px;
	transform: scale(1.1);
	box-shadow: 0 0 0 2px rgba(148, 166, 180, 0.3);
}

/* White color needs dark border */
.jsreklama-color-swatch[style*="background-color: #FFFFFF"],
.jsreklama-color-swatch[style*="background-color: #ffffff"] {
	border-color: #ccc;
}

.jsreklama-color-swatch[style*="background-color: #FFFFFF"].active,
.jsreklama-color-swatch[style*="background-color: #ffffff"].active {
	border-color: #94A6B4;
}

/* Show swatches in product loop */
.woocommerce ul.products li.product .jsreklama-color-swatches,
.jsreklama-products .product .jsreklama-color-swatches {
	order: 3;
}

/* Adjust product card layout for swatches */
.jsreklama-products .swiper-slide .product {
	display: flex;
	flex-direction: column;
}

.jsreklama-products .swiper-slide .product .woocommerce-loop-product__link {
	order: 1;
}

.jsreklama-products .swiper-slide .product .jsreklama-color-swatches {
	order: 2;
}

.jsreklama-products .swiper-slide .product .button {
	order: 4;
}


/* Categories Section */
.jsreklama-categories {
	width: 100%;
	padding: 60px 0;
	background: #f8f8f8;
	box-sizing: border-box;
	overflow: hidden;
}

.jsreklama-categories .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	width: 100%;
	box-sizing: border-box;
}

.jsreklama-categories .section-title {
	font-size: 36px;
	font-weight: 700;
	color: #2d2d2d;
	text-align: center;
	margin-bottom: 50px;
}

.jsreklama-categories .categories-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 4 równe kolumny */
	gap: 20px; /* Mniejszy gap */
	max-width: 100%;
}

.jsreklama-categories .category-card {
	display: block;
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.jsreklama-categories .category-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(148, 166, 180, 0.15);
}

.jsreklama-categories .category-image {
	width: 100%;
	height: 180px; /* Zmniejszono z 250px */
	overflow: hidden;
}

.jsreklama-categories .category-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.jsreklama-categories .category-card:hover .category-image img {
	transform: scale(1.1);
}

.jsreklama-categories .category-info {
	padding: 15px; /* Zmniejszono z 25px */
	text-align: center;
}

.jsreklama-categories .category-name {
	font-size: 16px; /* Zmniejszono z 20px */
	font-weight: 600;
	color: #2d2d2d;
	margin: 0 0 6px 0;
}

.jsreklama-categories .category-count {
	font-size: 13px; /* Zmniejszono z 14px */
	color: #94A6B4;
	font-weight: 500;
}

/* CTA Section */
.jsreklama-cta {
	padding: 60px 0;
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #94A6B4 0%, #7a8b99 100%);
	color: #ffffff;
}

/* Animated geometric pattern background */
.jsreklama-cta::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: 
		radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
		radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
		radial-gradient(circle at 40% 20%, rgba(255, 255, 255, 0.05) 0%, transparent 30%);
	background-size: 100% 100%;
	opacity: 1;
	z-index: 1;
}

/* Diagonal stripes pattern */
.jsreklama-cta::after {
	content: '';
	position: absolute;
	top: 0;
	left: -50%;
	width: 200%;
	height: 100%;
	background-image: repeating-linear-gradient(
		45deg,
		transparent,
		transparent 60px,
		rgba(255, 255, 255, 0.03) 60px,
		rgba(255, 255, 255, 0.03) 120px
	);
	animation: slideStripes 30s linear infinite;
	z-index: 1;
}

@keyframes slideStripes {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(120px);
	}
}

.jsreklama-cta .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	z-index: 2; /* Content above patterns */
}

.jsreklama-cta .cta-content {
	text-align: center;
}

.jsreklama-cta .cta-title {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 20px;
}

.jsreklama-cta .cta-text {
	font-size: 20px;
	margin-bottom: 40px;
	opacity: 0.95;
}

.jsreklama-cta .cta-info {
	display: flex;
	justify-content: center;
	gap: 60px;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.jsreklama-cta .cta-info-item {
	text-align: center;
}

.jsreklama-cta .cta-info-item strong {
	display: block;
	font-size: 14px;
	margin-bottom: 8px;
	opacity: 0.9;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.jsreklama-cta .cta-info-item a {
	font-size: 24px;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	transition: all 0.3s ease;
}

.jsreklama-cta .cta-info-item a:hover {
	opacity: 0.8;
	text-decoration: underline;
}

.jsreklama-cta .cta-button {
	display: inline-block;
	padding: 16px 50px;
	font-size: 18px;
	font-weight: 600;
	background: #ffffff;
	color: #94A6B4;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.3s ease;
	border: 2px solid #ffffff;
}

.jsreklama-cta .cta-button:hover {
	background: transparent;
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 768px) {
	.jsreklama-hero {
		height: 500px;
		background-attachment: scroll; /* Disable parallax on mobile */
	}
	
	.jsreklama-hero .hero-title {
		font-size: 36px;
	}
	
	.jsreklama-hero .hero-subtitle {
		font-size: 18px;
	}
	
	.jsreklama-hero .hero-buttons {
		flex-direction: column;
		align-items: center;
	}
	
	.jsreklama-hero .hero-button {
		width: 100%;
		max-width: 300px;
	}
	
	.jsreklama-usp,
	.jsreklama-products,
	.jsreklama-categories,
	.jsreklama-cta {
		padding: 40px 0;
	}
	
	.jsreklama-products .section-title,
	.jsreklama-categories .section-title {
		font-size: 28px;
	}
	
	.jsreklama-cta .cta-title {
		font-size: 30px;
	}
	
	.jsreklama-cta .cta-info {
		flex-direction: column;
		gap: 30px;
	}
	
	.jsreklama-usp .usp-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.jsreklama-categories .categories-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.jsreklama-hero {
		height: 400px;
	}
	
	.jsreklama-hero .hero-title {
		font-size: 28px;
	}
	
	.jsreklama-hero .hero-subtitle {
		font-size: 16px;
	}
}

/* Hide "View Cart" button after adding to cart */
.woocommerce-message .button.wc-forward,
.woocommerce-info .button.wc-forward,
.added_to_cart.wc-forward {
	display: none !important;
}



/* ============================================
   Contact Page Styles
   ============================================ */

/* Remove margin for contact page */
.jsreklama-contact-page #content {
margin-top: 0 !important;
}

/* Contact Hero */
.contact-hero {
background: linear-gradient(135deg, #94A6B4 0%, #7a8b99 100%);
color: #ffffff;
padding: 80px 0;
text-align: center;
position: relative;
overflow: hidden;
}

.contact-hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: 
radial-gradient(circle at 30% 40%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0.08) 0%, transparent 50%);
z-index: 1;
}

.contact-hero .container {
position: relative;
z-index: 2;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}

.contact-title {
font-size: 48px;
font-weight: 700;
margin: 0 0 20px 0;
color: #ffffff;
}

.contact-subtitle {
font-size: 20px;
margin: 0;
opacity: 0.95;
}

/* Contact Cards */
.contact-cards {
padding: 80px 0;
background: #f8f8f8;
}

.contact-cards .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
width: 100%;
box-sizing: border-box;
}

.cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}

.contact-card {
background: #ffffff;
padding: 40px 30px;
border-radius: 12px;
text-align: center;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
}

.contact-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 28px rgba(148, 166, 180, 0.2);
}

.card-icon {
font-size: 56px;
margin-bottom: 20px;
}

.contact-card h3 {
font-size: 24px;
font-weight: 600;
color: #2d2d2d;
margin: 0 0 15px 0;
}

.contact-link {
display: inline-block;
font-size: 20px;
font-weight: 600;
color: #94A6B4;
text-decoration: none;
margin-bottom: 10px;
transition: color 0.3s ease;
}

.contact-link:hover {
color: #7a8b99;
}

.contact-address {
font-size: 18px;
color: #2d2d2d;
line-height: 1.6;
margin: 0 0 10px 0;
}

.card-description {
font-size: 14px;
color: #666;
margin: 0;
}

/* Company Details */
.company-details {
padding: 60px 0;
background: #ffffff;
}

.company-details .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
width: 100%;
box-sizing: border-box;
}

.details-box {
background: #f8f8f8;
border-radius: 12px;
padding: 50px;
border-left: 5px solid #94A6B4;
}

.details-box h2 {
font-size: 32px;
font-weight: 700;
color: #2d2d2d;
margin: 0 0 30px 0;
text-align: center;
}

.details-content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}

.detail-item {
display: flex;
flex-direction: column;
gap: 8px;
}

.detail-item strong {
font-size: 14px;
font-weight: 600;
color: #666;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.detail-item span {
font-size: 18px;
color: #2d2d2d;
}

.detail-item a {
color: #94A6B4;
text-decoration: none;
transition: color 0.3s ease;
}

.detail-item a:hover {
color: #7a8b99;
}

/* Map Section */
.contact-map {
padding: 60px 0;
background: #f8f8f8;
}

.contact-map .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
width: 100%;
box-sizing: border-box;
}

.map-title {
font-size: 32px;
font-weight: 700;
color: #2d2d2d;
text-align: center;
margin: 0 0 40px 0;
}

.map-wrapper {
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}

#contact-map-container {
width: 100%;
height: 450px;
}

.map-info {
text-align: center;
font-size: 16px;
color: #666;
line-height: 1.8;
max-width: 800px;
margin: 0 auto;
}

.map-info strong {
color: #2d2d2d;
}

/* Contact CTA */
.contact-cta {
padding: 80px 0;
background: linear-gradient(135deg, #94A6B4 0%, #7a8b99 100%);
color: #ffffff;
position: relative;
overflow: hidden;
}

.contact-cta::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: 
radial-gradient(circle at 25% 60%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
radial-gradient(circle at 75% 30%, rgba(255, 255, 255, 0.08) 0%, transparent 50%);
z-index: 1;
}

.contact-cta .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
position: relative;
z-index: 2;
}

.contact-cta .cta-content {
text-align: center;
max-width: 800px;
margin: 0 auto;
}

.contact-cta h2 {
font-size: 36px;
font-weight: 700;
margin: 0 0 20px 0;
color: #ffffff;
}

.contact-cta p {
font-size: 18px;
line-height: 1.6;
margin: 0 0 40px 0;
opacity: 0.95;
}

.cta-buttons {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}

.contact-cta .cta-button {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 40px;
font-size: 18px;
font-weight: 600;
text-decoration: none;
border-radius: 8px;
transition: all 0.3s ease;
border: 2px solid transparent;
}

.contact-cta .cta-button.primary {
background: #ffffff;
color: #94A6B4;
border-color: #ffffff;
}

.contact-cta .cta-button.primary:hover {
background: transparent;
color: #ffffff;
border-color: #ffffff;
}

.contact-cta .cta-button.secondary {
background: transparent;
color: #ffffff;
border-color: #ffffff;
}

.contact-cta .cta-button.secondary:hover {
background: #ffffff;
color: #94A6B4;
}

.button-icon {
font-size: 20px;
}

/* Responsive Design */
@media (max-width: 992px) {
.cards-grid {
grid-template-columns: 1fr;
gap: 20px;
}

.details-content {
grid-template-columns: 1fr;
}

.contact-title {
font-size: 36px;
}

.contact-subtitle {
font-size: 18px;
}

.details-box {
padding: 30px;
}
}

@media (max-width: 768px) {
.contact-hero {
padding: 60px 0;
}

.contact-title {
font-size: 28px;
}

.contact-subtitle {
font-size: 16px;
}

.contact-cards {
padding: 50px 0;
}

.contact-cta h2 {
font-size: 28px;
}

.contact-cta p {
font-size: 16px;
}

.cta-buttons {
flex-direction: column;
}

.contact-cta .cta-button {
width: 100%;
justify-content: center;
}

#contact-map-container {
height: 350px;
}
}