.ffpt-shell{
	--ffpt-accent: var(--wd-primary-color, #d88fb8);
	--ffpt-accent-2: var(--wd-alternative-color, #1f4f82);
	--ffpt-title: var(--wd-title-color, #163b67);
	--ffpt-text: var(--wd-text-color, #5f6b7a);
	--ffpt-border: var(--wd-form-brd-color, #dde2ea);
	--ffpt-card-border: var(--brdcolor-gray-300, #e7e7e7);
	--ffpt-section-bg: linear-gradient(180deg, #fcfafc 0%, #f8f6fa 100%);
	width:100%;
	margin:0 auto;
	padding:24px 18px 18px;
	direction:rtl;
	background:var(--ffpt-section-bg);
	border-radius:18px;
}

.ffpt-tabs{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	flex-wrap:wrap;
	margin:0 0 26px;
	padding:0;
}

.ffpt-tab{
	appearance:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:118px;
	min-height:44px;
	padding:8px 20px;
	border:1px solid var(--ffpt-border);
	background:#fff;
	color:var(--ffpt-title);
	border-radius:999px;
	font:inherit;
	font-size:14px;
	font-weight:700;
	line-height:1;
	cursor:pointer;
	box-shadow:0 2px 10px rgba(15, 39, 71, .04);
	transition:background-color .18s ease,color .18s ease,border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ffpt-tab:hover{
	border-color:var(--ffpt-accent);
	color:var(--ffpt-accent);
	box-shadow:0 6px 14px rgba(216, 143, 184, .10);
}

.ffpt-tab.is-active{
	background:var(--ffpt-accent);
	border-color:var(--ffpt-accent);
	color:#fff;
	box-shadow:0 8px 18px rgba(216, 143, 184, .18);
}

.ffpt-tab:focus-visible,
.ffpt-view-all-card:focus-visible{
	outline:none;
	box-shadow:0 0 0 3px rgba(216, 143, 184, .18);
}

.ffpt-stage,
.ffpt-products-host{
	position:relative;
	min-width:0;
}

.ffpt-products-host[hidden]{
	display:none !important;
}

.ffpt-shell.is-loading .ffpt-products-host.is-active{
	opacity:.45;
	pointer-events:none;
}

.ffpt-status{
	min-height:18px;
	margin-top:8px;
	text-align:center;
	font-size:12px;
	color:#7d8694;
}

.ffpt-error{
	padding:28px 16px;
	text-align:center;
	color:#666;
	background:#fafafa;
	border-radius:12px;
}

/* Final item is a native WoodMart Swiper slide inside .wd-carousel-wrap. */
.ffpt-shell .wd-carousel-inner > .wd-carousel > .wd-carousel-wrap > .ffpt-view-all-slide{
	display:flex !important;
	align-items:stretch;
	height:auto !important;
	box-sizing:border-box;
}

.ffpt-shell .ffpt-view-all-card{
	width:100%;
	min-height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:14px;
	padding:26px 18px;
	border:1px solid var(--ffpt-card-border);
	border-radius:16px;
	background:#fff;
	color:var(--ffpt-accent);
	text-decoration:none !important;
	text-align:center;
	box-sizing:border-box;
	box-shadow:0 10px 24px rgba(15, 39, 71, .05);
}

.ffpt-shell .ffpt-view-all-icon{
	width:44px;
	height:44px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:2px solid currentColor;
	border-radius:50%;
	font-size:26px;
	font-weight:400;
	line-height:1;
}

.ffpt-shell .ffpt-view-all-text{
	font-size:14px;
	font-weight:700;
	line-height:1.8;
	white-space:nowrap;
}

@media (hover:hover) and (pointer:fine){
	.ffpt-shell .ffpt-view-all-card:hover{
		color:#cf6ea0;
		border-color:currentColor;
		transform:translateY(-2px);
	}
}

@media (max-width:767px){
	.ffpt-shell{
		padding:18px 12px 14px;
		border-radius:14px;
	}

	.ffpt-tabs{
		justify-content:flex-start;
		flex-wrap:nowrap;
		overflow-x:auto;
		scrollbar-width:none;
		margin-bottom:18px;
		padding-bottom:3px;
	}

	.ffpt-tabs::-webkit-scrollbar{
		display:none;
	}

	.ffpt-tab{
		flex:0 0 auto;
		min-width:auto;
		min-height:42px;
		padding:8px 16px;
		font-size:13px;
	}

	.ffpt-shell .ffpt-view-all-card{
		padding:18px 10px;
		gap:10px;
		border-radius:14px;
	}

	.ffpt-shell .ffpt-view-all-icon{
		width:38px;
		height:38px;
		font-size:22px;
	}

	.ffpt-shell .ffpt-view-all-text{
		font-size:12px;
	}
}

@media (prefers-reduced-motion:reduce){
	.ffpt-tab,
	.ffpt-shell .ffpt-view-all-card{
		transition:none;
	}
}

/* FFPT v0.1.8 VIEW-ALL SIZE START */
.ffpt-shell .wd-carousel-inner > .wd-carousel > .wd-carousel-wrap > .ffpt-view-all-slide{
	align-self:stretch !important;
	height:auto !important;
	box-sizing:border-box;
}

.ffpt-shell .wd-carousel-inner > .wd-carousel > .wd-carousel-wrap > .ffpt-view-all-slide .ffpt-view-all-card{
	flex:1 1 auto;
	width:100%;
	height:100%;
	min-height:0;
	padding:18px 14px;
	border-radius:14px;
	box-sizing:border-box;
}

.ffpt-shell .ffpt-view-all-card{
	gap:10px;
}

.ffpt-shell .ffpt-view-all-icon{
	width:40px;
	height:40px;
	font-size:24px;
}

.ffpt-shell .ffpt-view-all-text{
	font-size:13px;
}

@media (min-width:768px){
	.ffpt-shell .wd-carousel-inner > .wd-carousel > .wd-carousel-wrap > .ffpt-view-all-slide .ffpt-view-all-card{
		padding-top:16px;
		padding-bottom:16px;
	}
}

@media (max-width:767px){
	.ffpt-shell .wd-carousel-inner > .wd-carousel > .wd-carousel-wrap > .ffpt-view-all-slide .ffpt-view-all-card{
		padding:14px 10px;
		border-radius:12px;
	}

	.ffpt-shell .ffpt-view-all-icon{
		width:36px;
		height:36px;
		font-size:21px;
	}

	.ffpt-shell .ffpt-view-all-text{
		font-size:12px;
	}
}
/* FFPT v0.1.8 VIEW-ALL SIZE END */
