/* Quick Links Block Styles */

.quick-links {
	position: relative;
	background-image: url('../../assets/images/greenpaper.png');
	background-repeat: repeat;
	background-position: top left;
	padding: 2rem 0;
	min-height: 300px;
	background-color: black;
}

.quick-links-slider-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 51px; /* Space for controls */
}

/* Swiper Container */
.quick-links-swiper {
	width: 100%;
	overflow: hidden;
	padding: 1rem 0;
}

.quick-links-swiper .swiper-wrapper {
	display: flex;
	align-items: stretch;
}

/* Product Slide */
.quick-links-swiper .swiper-slide {
	width: auto;
	height: auto;
	display: flex;
	align-items: stretch;
}

/* Product Card */
.quick-links-product {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.quick-links-product-link {
	display: block;
	text-decoration: none;
	color: inherit;
	width: 100%;
	height: 100%;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.quick-links-product-link:hover,
.quick-links-product-link:focus {
	transform: translateY(-5px);
}


/* Product Image Container */
.quick-links-product-image {
	position: relative;
	width: 100%;
	height: 160px;
/* 	overflow: hidden; */
	border-radius: 0;
	padding-top: 14px;
}

.quick-links-product-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* Highlight Text */
.quick-links-highlight-text {
	position: absolute;
	top: 0;
	left: 40px;
	color: white;
	padding: 7px 0 0;
	border-radius: 4px;
	font-weight: 500;
	letter-spacing: 0.5px;
	z-index: 2;
	pointer-events: none;
	transform: rotate(-11deg);
	font-family: 'Tomato Pasta';
	text-transform: lowercase;
	font-size: 26px;
}
.quick-links-highlight-text img {
		position:absolute;
		right: -39px;
		top: 17px;
}
/* Controls Container (Green Rectangle) */
.quick-links-controls {
	position: absolute;
	bottom: -53px;
	right: 39px;
	background: #A2A68C; /* Muted sage green */
	border-radius: 13px;
	padding: 12px 39px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 50px;
	box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.1);
	width: 319px;
	height: 64px;
	z-index: 1;
	display: flex;
}

/* Title */
.quick-links-title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	color: #000;
	flex-shrink: 0;
	font-family: 'Figtree';
}

/* Scrollbar */
.quick-links-scrollbar {
	position: relative;
	flex: 1;
	height: 1px!important;
	background: #F6E9DA;
	border-radius: 0;
	max-width: 96px;
	margin-left: auto;
	top: 32px !important;
	right: 41px!important;
}

.quick-links-scrollbar .swiper-scrollbar-drag {
	background: #F6E9DA;
	border-radius: 50%;
	height: 12px;
	cursor: grab;
	width: 12px;
	max-width: 12px;
	top: -5px;
}

.quick-links-scrollbar .swiper-scrollbar-drag:active {
	cursor: grabbing;
}

@media (max-width:1280px) {
	.quick-links-highlight-text {
		left:30px;
	}
}
@media (max-width:600px) {
	.quick-links-controls {
		width: 260px;
		padding: 12px 20px;
	}
	.quick-links {
		padding: 1rem 0 10px;
		min-height: 260px;
	}
	.quick-links-slider-wrapper {
		padding-bottom:30px;
	}
	.quick-links-scrollbar {
		right:25px!important;
	}
}
@media all and (max-width:500px) {
	    .quick-links-highlight-text {
        left:5px;
    }
}