/**

 * RUBA Site Widgets - Consolidated Stylesheet

 * Enqueued conditionally on demand for Elementor widgets and shortcodes

 */



/* ==========================================================================

   1. RUBA SHOP CATEGORIES SHOWCASE

   ========================================================================== */

.ruba-shop-cats-section {

		width: 100%;

		margin: 0 0 28px 0;

		padding: 10px 0 24px 0 !important;

		background: transparent !important;

		box-sizing: border-box;

		font-family: 'Montserrat', sans-serif;

	}



	.ruba-shop-cats-header {

		margin: 0 0 20px 0;

		text-align: left;

	}



	.ruba-shop-cats-tag,

	.ruba-shop-cats-header .ruba-section-tag {

		display: inline-block;

		font-size: 0.72rem;

		font-weight: 700;

		letter-spacing: 0.16em;

		text-transform: uppercase;

		color: #b59f78;

		margin-bottom: 4px;

	}



	.ruba-shop-cats-title,

	.ruba-shop-cats-header .ruba-section-title {

		font-size: clamp(1.4rem, 2.2vw, 1.85rem);

		font-weight: 800;

		color: #211c57;

		margin: 0 0 6px 0;

		letter-spacing: -0.01em;

		text-transform: uppercase;

	}



	.ruba-shop-cats-desc,

	.ruba-shop-cats-header .ruba-section-desc {

		font-size: 0.88rem;

		color: #6b6875;

		margin: 0;

		line-height: 1.5;

	}





	.ruba-shop-cats-grid {

		display: grid;

		grid-template-columns: repeat(4, 1fr);

		gap: 18px;

	}



	.ruba-shop-cat-card {

		position: relative;

		height: 32rem;

		border-radius: 10px;

		overflow: hidden;

		text-decoration: none;

		display: flex;

		flex-direction: column;

		justify-content: flex-end;

		padding: 20px 18px;

		box-sizing: border-box;

		box-shadow: 0 4px 18px rgba(33, 28, 87, 0.08);

		transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.35s ease;

	}



	.ruba-shop-cat-card:hover {

		transform: translateY(-5px);

		box-shadow: 0 12px 30px rgba(33, 28, 87, 0.16);

	}



	.ruba-shop-cat-bg {

		position: absolute;

		inset: 0;

		width: 100%;

		height: 100%;

		object-fit: cover;

		object-position: center 25%;

		transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

		z-index: 1;

	}



	.ruba-shop-cat-card:hover .ruba-shop-cat-bg {

		transform: scale(1.08);

	}



	.ruba-shop-cat-overlay {

		position: absolute;

		inset: 0;

		background: linear-gradient(180deg, rgba(33, 28, 87, 0.06) 0%, rgba(33, 28, 87, 0.48) 48%, rgba(33, 28, 87, 0.92) 100%);

		z-index: 2;

		transition: background 0.3s ease;

	}



	.ruba-shop-cat-card:hover .ruba-shop-cat-overlay {

		background: linear-gradient(180deg, rgba(33, 28, 87, 0.1) 0%, rgba(33, 28, 87, 0.58) 42%, rgba(33, 28, 87, 0.95) 100%);

	}



	.ruba-shop-cat-content {

		position: relative;

		z-index: 3;

		color: #ffffff;

	}



	.ruba-shop-cat-badge {

		display: inline-block;

		background: rgba(255, 255, 255, 0.2);

		backdrop-filter: blur(8px);

		-webkit-backdrop-filter: blur(8px);

		padding: 4px 10px;

		border-radius: 4px;

		font-size: 0.66rem;

		font-weight: 700;

		letter-spacing: 0.1em;

		text-transform: uppercase;

		margin-bottom: 6px;

		border: 1px solid rgba(255, 255, 255, 0.28);

		color: #ffffff;

	}



	.ruba-shop-cat-name {

		font-size: 1.25rem;

		font-weight: 800;

		margin: 0 0 4px 0;

		color: #ffffff;

		letter-spacing: 0.02em;

		text-transform: uppercase;

		line-height: 1.2;

	}



	.ruba-shop-cat-desc {

		font-size: 0.78rem;

		color: rgba(255, 255, 255, 0.88);

		line-height: 1.35;

		margin: 0 0 10px 0;

		display: -webkit-box;

		-webkit-line-clamp: 2;

		-webkit-box-orient: vertical;

		overflow: hidden;

	}



	.ruba-shop-cat-btn {

		display: inline-flex;

		align-items: center;

		gap: 6px;

		color: #ffffff;

		font-weight: 700;

		font-size: 0.76rem;

		letter-spacing: 0.06em;

		text-transform: uppercase;

		border-bottom: 2px solid #c5a880;

		padding-bottom: 2px;

		transition: all 0.2s ease;

	}



	.ruba-shop-cat-card:hover .ruba-shop-cat-btn {

		color: #c5a880;

		padding-left: 3px;

	}



	.ruba-shop-divider {

		display: flex;

		align-items: center;

		justify-content: space-between;

		margin-top: 26px;

		padding-top: 14px;

		border-top: 1px solid #ebe9e6;

	}



	.ruba-shop-divider-title {

		font-size: 0.88rem;

		font-weight: 800;

		letter-spacing: 0.08em;

		text-transform: uppercase;

		color: #211c57;

	}



	.ruba-shop-divider-note {

		font-size: 0.82rem;

		color: #9b98a3;

		font-weight: 600;

	}



	@media (max-width: 1024px) {

		.ruba-shop-cats-grid {

			grid-template-columns: repeat(2, 1fr);

			gap: 16px;

		}



		.ruba-shop-cat-card {

			height: 36vh;

		}

	}



	@media (max-width: 600px) {

		.ruba-shop-cats-grid {

			grid-template-columns: 1fr;

			gap: 14px;

		}



		.ruba-shop-cat-card {

			height: 28vh;

		}

	}



/* ==========================================================================

   2. RUBA STORES DIRECTORY (MAĞAZALARIMIZ)

   ========================================================================== */

.ruba-stores-wrap {

		font-family: inherit;

		color: #1e293b;

		width: 100%;

		box-sizing: border-box;

	}



	.ruba-stores-filter-bar {

		display: flex;

		flex-wrap: wrap;

		align-items: center;

		justify-content: space-between;

		gap: 16px;

		margin-bottom: 30px;

		background: #ffffff;

		padding: 16px 20px;

		border-radius: 12px;

		border: 1px solid #e2e8f0;

		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);

	}



	.ruba-city-pills {

		display: flex;

		flex-wrap: wrap;

		gap: 8px;

	}



	.ruba-city-btn {

		background: #f1f5f9;

		color: #475569;

		border: 1px solid #e2e8f0;

		border-radius: 20px;

		padding: 7px 18px;

		font-size: 0.88rem;

		font-weight: 600;

		cursor: pointer;

		transition: all 0.2s ease;

	}



	.ruba-city-btn:hover,

	.ruba-city-btn.active {

		background: #211c57;

		color: #ffffff;

		border-color: #211c57;

	}



	.ruba-search-input {

		padding: 9px 16px;

		border-radius: 20px;

		border: 1px solid #cbd5e1;

		font-size: 0.9rem;

		outline: none;

		min-width: 240px;

		transition: border-color 0.2s;

	}



	.ruba-search-input:focus {

		border-color: #211c57;

	}



	.ruba-stores-grid {

		display: grid;

		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));

		gap: 24px;

	}



	.ruba-store-card {

		background: #ffffff;

		border: 1px solid #e2e8f0;

		border-top: 4px solid #211c57;

		border-radius: 12px;

		padding: 24px;

		display: flex;

		flex-direction: column;

		justify-content: space-between;

		transition: transform 0.2s ease, box-shadow 0.2s ease;

		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);

	}



	.ruba-store-card:hover {

		transform: translateY(-4px);

		box-shadow: 0 10px 24px rgba(33, 28, 87, 0.1);

	}



	.ruba-store-header {

		margin-bottom: 16px;

	}



	.ruba-store-city-badge {

		display: inline-block;

		background: #eef2ff;

		color: #211c57;

		font-size: 0.75rem;

		font-weight: 700;

		text-transform: uppercase;

		letter-spacing: 0.05em;

		padding: 4px 10px;

		border-radius: 6px;

		margin-bottom: 10px;

	}



	.ruba-store-title {

		color: #1e1b4b;

		font-size: 1.12rem;

		font-weight: 700;

		margin: 0;

		line-height: 1.4;

	}



	.ruba-store-body {

		flex-grow: 1;

		margin-bottom: 20px;

	}



	.ruba-store-row {

		display: flex;

		align-items: flex-start;

		gap: 10px;

		font-size: 0.92rem;

		color: #475569;

		line-height: 1.5;

		margin-bottom: 10px;

	}



	.ruba-store-row svg {

		flex-shrink: 0;

		width: 18px;

		height: 18px;

		margin-top: 3px;

		color: #211c57;

	}



	.ruba-store-row a {

		color: #211c57;

		font-weight: 600;

		text-decoration: none;

		transition: color 0.2s;

	}



	.ruba-store-row a:hover {

		text-decoration: underline;

	}



	.ruba-store-footer {

		margin-top: auto;

		padding-top: 14px;

		border-top: 1px solid #f1f5f9;

	}



	.ruba-directions-btn {

		display: inline-flex;

		align-items: center;

		justify-content: center;

		gap: 8px;

		width: 100%;

		padding: 10px 16px;

		background: #f8fafc;

		color: #211c57;

		border: 1px solid #cbd5e1;

		border-radius: 8px;

		font-size: 0.88rem;

		font-weight: 600;

		text-decoration: none;

		transition: all 0.2s;

		box-sizing: border-box;

	}



	.ruba-directions-btn:hover {

		background: #211c57;

		color: #ffffff;

		border-color: #211c57;

	}



	/* List Layout */

	.ruba-stores-list {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.ruba-stores-list .ruba-store-card {
		padding: 18px 20px;
	}



/* ==========================================================================

   3. RUBA CATEGORIES SHOWCASE (KOLEKSİYONLAR)

   ========================================================================== */
/*
.ruba-cat-section {
			width: 100%;
			max-width: 1440px;
			margin: 0 auto;
			background: #f8f7f4;
			padding: 72px 24px;
			box-sizing: border-box;
		}

		
		.ruba-section-header {
			text-align: center;
			max-width: 760px;
			margin: 0 auto 48px auto;
		}*/
		.ruba-section-header {
			max-width: 56em;
			margin: 1.5rem 0;
		}
		.ruba-section-tag {
			font-size: 0.8rem;
			font-weight: 700;
			letter-spacing: 0.18em;
			text-transform: uppercase;
			color: #c5a880;
			display: block;
			margin-bottom: 8px;
		}

		.ruba-section-title {
			font-size: clamp(1.6rem, 2.8vw, 2.2rem);
			font-weight: 800;
			color: #211c57;
			margin: 0 0 14px 0;
			letter-spacing: -0.01em;
			text-transform: uppercase;
		}



		.ruba-section-desc {

			font-size: 0.98rem;

			color: #6b6875;

			line-height: 1.6;

			margin: 0;

		}



		.ruba-cat-grid {

			display: grid;
			grid-template-columns: repeat(var(--ruba-cat-cols, 4), minmax(0, 1fr));
			gap: 24px;

		}



		.ruba-cat-card {

			position: relative;

			height: 32rem;

			border-radius: 8px;

			overflow: hidden;

			text-decoration: none;

			display: flex;

			flex-direction: column;

			justify-content: flex-end;

			padding: 32px 24px;

			box-sizing: border-box;

			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);

			transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;

		}



		.ruba-cat-card:hover {

			transform: translateY(-8px);

			box-shadow: 0 20px 45px rgba(33, 28, 87, 0.18);

		}



		img.ruba-cat-bg,

		.ruba-cat-bg {

			position: absolute;

			inset: 0;

			width: 100%;

			height: auto !important;

			min-height: 100%;

			object-fit: cover;

			object-position: center 25%;

			transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

			z-index: 1;

			image-rendering: auto;

			-webkit-backface-visibility: hidden;

			transform: translateZ(0);

		}



		.ruba-cat-card:hover .ruba-cat-bg,

		.ruba-cat-card:hover img.ruba-cat-bg {

			transform: scale(1.08) translateZ(0);

		}



		.ruba-cat-overlay {

			position: absolute;

			inset: 0;

			background: linear-gradient(180deg, rgba(33, 28, 87, 0.05) 0%, rgba(33, 28, 87, 0.45) 50%, rgba(33, 28, 87, 0.88) 100%);

			z-index: 2;

			transition: background 0.3s ease;

		}



		.ruba-cat-card:hover .ruba-cat-overlay {

			background: linear-gradient(180deg, rgba(33, 28, 87, 0.08) 0%, rgba(33, 28, 87, 0.55) 45%, rgba(33, 28, 87, 0.92) 100%);

		}



		.ruba-cat-content {

			position: relative;

			z-index: 3;

			color: #ffffff;

		}



		.ruba-cat-badge {

			display: inline-block;

			background: rgba(255, 255, 255, 0.18);

			backdrop-filter: blur(8px);

			-webkit-backdrop-filter: blur(8px);

			padding: 5px 12px;

			border-radius: 4px;

			font-size: 0.72rem;

			font-weight: 700;

			letter-spacing: 0.12em;

			text-transform: uppercase;

			margin-bottom: 12px;

			border: 1px solid rgba(255, 255, 255, 0.28);

			color: #ffffff;

		}



		.ruba-cat-name {

			font-size: 1.45rem;

			font-weight: 800;

			margin: 0 0 10px 0;

			color: #ffffff;

			letter-spacing: 0.02em;

			text-transform: uppercase;

		}



		.ruba-cat-snippet {

			font-size: 0.86rem;

			color: rgba(255, 255, 255, 0.88);

			line-height: 1.45;

			margin: 0 0 18px 0;

		}



		.ruba-cat-btn {

			display: inline-flex;

			align-items: center;

			gap: 8px;

			color: #ffffff;

			font-weight: 600;

			font-size: 0.86rem;

			letter-spacing: 0.04em;

			border-bottom: 2px solid #c5a880;

			padding-bottom: 4px;

			transition: all 0.25s ease;

		}



		.ruba-cat-card:hover .ruba-cat-btn {

			color: #c5a880;

			padding-left: 4px;

		}



		.ruba-cat-footer {

			text-align: center;

			margin-top: 48px;

		}



		.ruba-cat-cta-btn {

			display: inline-block;

			background: #211c57;

			color: #ffffff;

			font-size: 0.88rem;

			font-weight: 700;

			letter-spacing: 0.1em;

			text-transform: uppercase;

			padding: 16px 36px;

			border-radius: 4px;

			text-decoration: none;

			transition: all 0.3s ease;

			box-shadow: 0 6px 20px rgba(33, 28, 87, 0.25);

		}



		.ruba-cat-cta-btn:hover {

			background: #17133e;

			transform: translateY(-2px);

			box-shadow: 0 10px 28px rgba(33, 28, 87, 0.35);

			color: #ffffff;

		}



		@media (max-width: 1200px) {

			.ruba-cat-grid {

				grid-template-columns: repeat(2, 1fr) !important;

				gap: 20px;

			}



			.ruba-cat-card {

				height: 460px;

			}

		}



		@media (max-width: 680px) {

			.ruba-cat-grid {

				grid-template-columns: 1fr !important;

			}



			.ruba-cat-card {

				height: 420px;

				padding: 24px 20px;

			}

		}



/* ==========================================================================

   4. RUBA BESTSELLERS (CARDS)

   ========================================================================== */

.ruba-products-section {

			width: 100%;

			background: #ffffff;

			padding: 80px 24px;

			box-sizing: border-box;

			font-family: 'Montserrat', sans-serif;

		}



		.ruba-products-grid {

			display: grid;

			grid-template-columns: repeat(4, 1fr);

			gap: 28px;

			margin-bottom: 48px;

		}



		.ruba-product-card {

			background: #ffffff;

			border-radius: 8px;

			overflow: hidden;

			border: 1px solid #ebe9e6;

			display: flex;

			flex-direction: column;

			text-decoration: none;

			color: inherit;

			transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease, border-color 0.3s ease;

		}



		.ruba-product-card:hover {

			transform: translateY(-6px);

			box-shadow: 0 16px 36px rgba(33, 28, 87, 0.12);

			border-color: #d8d4cd;

		}



		.ruba-product-media {

			position: relative;

			width: 100%;

			aspect-ratio: 1 / 1;

			overflow: hidden;

			background: #f7f7f8;

		}



		.ruba-product-img {

			width: 100%;

			height: 100%;

			object-fit: cover;

			object-position: center top;

			transition: transform 0.5s ease;

		}



		.ruba-product-card:hover .ruba-product-img {

			transform: scale(1.06);

		}



		.ruba-product-badge {

			position: absolute;

			top: 14px;

			left: 14px;

			background: #211c57;

			color: #ffffff;

			padding: 4px 10px;

			border-radius: 3px;

			font-size: 0.68rem;

			font-weight: 700;

			letter-spacing: 0.08em;

			text-transform: uppercase;

			z-index: 2;

		}



		.ruba-badge-gold {

			background: #c5a880 !important;

			color: #ffffff !important;

		}



		.ruba-product-info {

			padding: 20px 18px;

			display: flex;

			flex-direction: column;

			flex-grow: 1;

		}



		.ruba-product-category {

			font-size: 0.75rem;

			font-weight: 600;

			color: #9b98a3;

			text-transform: uppercase;

			letter-spacing: 0.06em;

			margin-bottom: 6px;

		}



		.ruba-product-title {

			font-size: 0.96rem;

			font-weight: 700;

			color: #211c57;

			margin: 0 0 12px 0;

			line-height: 1.35;

			transition: color 0.2s ease;

		}



		.ruba-product-card:hover .ruba-product-title {

			color: #17133e;

		}



		.ruba-product-price {

			font-size: 1.12rem;

			font-weight: 700;

			color: #211c57;

			margin-top: auto;

			display: flex;

			align-items: center;

			justify-content: space-between;

			padding-top: 8px;

		}



		.ruba-btn-view {

			font-size: 0.8rem;

			font-weight: 700;

			color: #c5a880;

			text-transform: uppercase;

			letter-spacing: 0.04em;

			transition: transform 0.2s ease;

		}



		.ruba-product-card:hover .ruba-btn-view {

			transform: translateX(4px);

		}



		.ruba-products-footer {

			text-align: center;

		}



		.ruba-btn-cta {

			display: inline-block;

			background: #211c57;

			color: #ffffff;

			font-size: 0.88rem;

			font-weight: 700;

			letter-spacing: 0.1em;

			text-transform: uppercase;

			padding: 16px 36px;

			border-radius: 4px;

			text-decoration: none;

			transition: all 0.3s ease;

			box-shadow: 0 6px 20px rgba(33, 28, 87, 0.25);

		}



		.ruba-btn-cta:hover {

			background: #17133e;

			transform: translateY(-2px);

			box-shadow: 0 10px 28px rgba(33, 28, 87, 0.35);

			color: #ffffff;

		}



		@media (max-width: 1024px) {

			.ruba-products-grid {

				grid-template-columns: repeat(2, 1fr) !important;

				gap: 20px;

			}

		}



		@media (max-width: 600px) {

			.ruba-products-grid {

				grid-template-columns: 1fr !important;

			}

		}



/* ==========================================================================

   5. RUBA BESTSELLERS (CAROUSEL)

   ========================================================================== */

.ruba-products-carousel-section {

            width: 100%;

            background: #ffffff;

            padding: 80px 24px;

            box-sizing: border-box;

            font-family: 'Montserrat', sans-serif;

            position: relative;

        }



        .ruba-carousel-outer {

            position: relative;

            margin: 0 auto 48px auto;

            padding: 0 10px;

            box-sizing: border-box;

        }



        .ruba-carousel-wrapper {

            position: relative;

            width: 100%;

        }



        .ruba-carousel-wrapper .swiper {

            position: relative;

            width: 100%;

            overflow: hidden;

            list-style: none;

            padding: 16px 4px 40px 4px;

            z-index: 1;

            display: block;

            margin: 0 auto;

            box-sizing: border-box;

        }



        .ruba-carousel-wrapper .swiper-wrapper {

            position: relative;

            width: 100%;

            height: 100%;

            z-index: 1;

            display: flex !important;

            flex-direction: row !important;

            flex-wrap: nowrap !important;

            transition-property: transform;

            box-sizing: content-box;

        }



        .ruba-carousel-wrapper .swiper-slide {

            flex-shrink: 0 !important;

            height: auto;

            display: flex !important;

            position: relative;

            transition-property: transform;

            box-sizing: border-box;

        }



        .ruba-carousel-wrapper .swiper-notification {

            position: absolute;

            left: 0;

            top: 0;

            pointer-events: none;

            opacity: 0;

            z-index: -1000;

        }



        .ruba-carousel-wrapper .ruba-product-card {

            width: 100%;

            background: #ffffff;

            border-radius: 8px;

            overflow: hidden;

            border: 1px solid #ebe9e6;

            display: flex;

            flex-direction: column;

            text-decoration: none;

            color: inherit;

            transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease, border-color 0.3s ease;

        }



        .ruba-carousel-wrapper .ruba-product-card:hover {

            transform: translateY(-6px);

            box-shadow: 0 16px 36px rgba(33, 28, 87, 0.12);

            border-color: #d8d4cd;

        }



        .ruba-product-media {

            position: relative;

            width: 100%;

            aspect-ratio: 1 / 1;

            overflow: hidden;

            background: #f7f7f8;

        }



        .ruba-product-img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            object-position: center top;

            transition: transform 0.5s ease;

        }



        .ruba-product-card:hover .ruba-product-img {

            transform: scale(1.06);

        }



        .ruba-product-badge {

            position: absolute;

            top: 14px;

            left: 14px;

            background: #211c57;

            color: #ffffff;

            padding: 4px 10px;

            border-radius: 3px;

            font-size: 0.68rem;

            font-weight: 700;

            letter-spacing: 0.08em;

            text-transform: uppercase;

            z-index: 2;

        }



        .ruba-badge-gold {

            background: #c5a880 !important;

            color: #ffffff !important;

        }



        .ruba-badge-navy {

            background: #211c57 !important;

            color: #ffffff !important;

        }



        .ruba-product-info {

            padding: 20px 18px;

            display: flex;

            flex-direction: column;

            flex-grow: 1;

        }



        .ruba-product-category {

            font-size: 0.75rem;

            font-weight: 600;

            color: #9b98a3;

            text-transform: uppercase;

            letter-spacing: 0.06em;

            margin-bottom: 6px;

        }



        .ruba-product-title {

            font-size: 0.96rem;

            font-weight: 700;

            color: #211c57;

            margin: 0 0 12px 0;

            line-height: 1.35;

            transition: color 0.2s ease;

            display: -webkit-box;

            -webkit-line-clamp: 2;

            -webkit-box-orient: vertical;

            overflow: hidden;

            min-height: 2.7em;

        }



        .ruba-product-card:hover .ruba-product-title {

            color: #17133e;

        }



        .ruba-product-price {

            font-size: 1.12rem;

            font-weight: 700;

            color: #211c57;

            margin-top: auto;

            display: flex;

            align-items: center;

            justify-content: space-between;

            padding-top: 8px;

        }



        .ruba-product-price del {

            color: #9b98a3;

            font-size: 0.85rem;

            font-weight: 500;

            margin-right: 6px;

        }



        .ruba-product-price ins {

            text-decoration: none;

            color: #211c57;

            font-weight: 700;

        }



        .ruba-btn-view {

            font-size: 0.8rem;

            font-weight: 700;

            color: #c5a880;

            text-transform: uppercase;

            letter-spacing: 0.04em;

            transition: transform 0.2s ease;

            white-space: nowrap;

        }



        .ruba-product-card:hover .ruba-btn-view {

            transform: translateX(4px);

        }



        /* Carousel Navigation Buttons */

        .ruba-carousel-btn {

            position: absolute;

            top: 42%;

            transform: translateY(-50%);

            width: 46px;

            height: 46px;

            border-radius: 50%;

            background: #ffffff;

            border: 1px solid #ebe9e6;

            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);

            color: #211c57;

            display: flex;

            align-items: center;

            justify-content: center;

            cursor: pointer;

            z-index: 10;

            transition: all 0.25s ease;

            padding: 0;

            margin: 0;

            outline: none;

        }



        .ruba-carousel-btn:hover {

            background: #211c57;

            border-color: #211c57;

            color: #ffffff;

            box-shadow: 0 8px 24px rgba(33, 28, 87, 0.25);

            transform: translateY(-50%) scale(1.05);

        }



        .ruba-carousel-btn.ruba-prev {

            left: -22px;

        }



        .ruba-carousel-btn.ruba-next {

            right: -22px;

        }



        .ruba-carousel-btn.swiper-button-disabled {

            opacity: 0.35;

            cursor: not-allowed;

            pointer-events: none;

        }



        /* Pagination Dots */

        .ruba-carousel-pagination {

            position: relative;

            margin-top: 24px;

            display: flex;

            justify-content: center;

            align-items: center;

            gap: 8px;

        }



        .ruba-carousel-pagination .swiper-pagination-bullet {

            width: 10px;

            height: 10px;

            background: #d8d4cd;

            opacity: 1;

            border-radius: 5px;

            margin: 0 !important;

            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

            cursor: pointer;

        }



        .ruba-carousel-pagination .swiper-pagination-bullet-active {

            width: 28px;

            background: #211c57;

            border-radius: 5px;

        }



        @media (max-width: 1200px) {

            .ruba-carousel-btn.ruba-prev { left: -10px; }

            .ruba-carousel-btn.ruba-next { right: -10px; }

        }



        @media (max-width: 768px) {

            .ruba-products-carousel-section {

                padding: 60px 16px;

            }

            .ruba-carousel-btn {

                width: 38px;

                height: 38px;

            }

            .ruba-carousel-btn.ruba-prev { left: -4px; }

            .ruba-carousel-btn.ruba-next { right: -4px; }

        }