/**
 * CCF 定制车行 - 自定义样式（对标站 diamooky.com 视觉还原）
 *
 * 视觉规范：
 * - 主色 #111111（深黑：Header/Footer/Hero 背景）
 * - 品牌色 #9D2929（酒红：CTA/按钮/Badge/价格/评分）
 * - 浅底 #FAFAF8，正文 #111，辅助文字 #666/#999
 * - 直角矩形按钮（border-radius 0）
 * - 标题全大写 + letter-spacing；Hero 标题字距收紧、副标题字距放大
 * - 动效克制：禁用 transform/box-shadow hover 位移
 *
 * @package CCF 定制车行主题
 * @author  西西里没有日落
 * @version 2.0.0
 */

/* ==================== 设计令牌 ==================== */
:root {
	--ccf-black:   #111111;   /* 主深色 */
	--ccf-red:     #9D2929;   /* 品牌酒红 */
	--ccf-red-hover: #B33333;
	--ccf-bg:      #FAFAF8;   /* 浅色区背景 */
	--ccf-white:   #FFFFFF;
	--ccf-grey:    #CCCCCC;   /* Footer 文字 */
	--ccf-mid:     #999999;   /* 辅助文字 */
	--ccf-panel:   #0C0C0C;   /* 下拉面板 */
	--ccf-border:  #EEEEEE;   /* 分隔线 */
	--ccf-text:    #111111;
	--ccf-font-body: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
	--ccf-font-logo: 'Anton', 'Montserrat', sans-serif;
	--ccf-font-price: 'Oswald', 'DIN Condensed', 'Montserrat', sans-serif;
	--ccf-radius: 0;         /* 直角 */
	--ccf-container: 1440px;
}

/* ==================== 基础重置 ==================== */
.ccf-main,
.ccf-main *,
.ccf-header,
.ccf-footer {
	box-sizing: border-box;
}

.ccf-main {
	font-family: var(--ccf-font-body);
	background: var(--ccf-bg);
	color: var(--ccf-text);
	-webkit-font-smoothing: antialiased;
	min-height: 70vh;
}

.ccf-main img {
	max-width: 100%;
	height: auto;
}

.ccf-container {
	max-width: var(--ccf-container);
	margin: 0 auto;
	padding: 0 48px;
}

/* 全站禁用 transform/阴影 hover 位移（对标站规则） */
.ccf-main a,
.ccf-header a,
.ccf-footer a {
	text-decoration: none;
	transition: color 0.2s;
}

/* ==================== 通用按钮 ==================== */
.ccf-btn {
	display: inline-block;
	padding: 12px 30px;
	font-family: var(--ccf-font-body);
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	text-decoration: none;
	border-radius: var(--ccf-radius);
	cursor: pointer;
	border: none;
	line-height: 1.2;
	transition: background-color 0.2s, color 0.2s;
}

.ccf-btn-primary {
	background-color: var(--ccf-red);
	color: var(--ccf-white);
}

.ccf-btn-primary:hover {
	background-color: var(--ccf-red-hover);
	color: var(--ccf-white);
}

.ccf-btn-outline {
	background-color: transparent;
	color: var(--ccf-white);
	border: 1px solid rgba(255,255,255,0.5);
}

.ccf-btn-outline:hover {
	background-color: var(--ccf-white);
	color: var(--ccf-black);
}

.ccf-btn--lg {
	padding: 24px 54px;
	font-size: 17px;
	font-weight: 300;
	letter-spacing: 4.08px;
}

/* ==================== Hero（静态，文字左下） ==================== */
.ccf-hero {
	position: relative;
	background: var(--ccf-black);
	overflow: hidden;
}

.ccf-hero-slide {
	position: relative;
	min-height: 680px;
}

.ccf-hero-slide.is-active {
	display: block;
}

.ccf-hero-slide:not(.is-active) {
	display: none;
}

.ccf-hero-slide-image {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.ccf-hero-slide-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ccf-hero-slide-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	min-height: 680px;
	padding: 0 64px 86px;
	max-width: 900px;
	color: var(--ccf-white);
}

.ccf-hero-title {
	font-family: var(--ccf-font-body);
	font-size: 55px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: -1.1px;
	line-height: 57.75px;
	color: var(--ccf-white);
	margin: 0 0 24px;
}

.ccf-hero-subtitle {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 5.44px;
	color: rgba(255,255,255,0.9);
	margin: 0 0 32px;
}

.ccf-hero-slide-content .ccf-btn {
	margin-top: 8px;
}

.ccf-hero-dots {
	display: none;
}

/* ==================== 使用场景 Use Cases ==================== */
.ccf-use-cases {
	padding: 96px 0 56px;
	background: var(--ccf-bg);
}

.ccf-use-cases-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
}

.ccf-use-case-card {
	position: relative;
	overflow: hidden;
}

.ccf-use-case-image {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.ccf-use-case-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ccf-use-case-card:hover .ccf-use-case-image img {
	transform: scale(1.03);
	transition: transform 0.5s;
}

.ccf-use-case-title {
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--ccf-black);
	margin: 20px 0 8px;
}

.ccf-use-case-desc {
	font-size: 14px;
	font-weight: 400;
	color: var(--ccf-mid);
	line-height: 1.6;
	margin: 0 0 12px;
}

.ccf-use-case-link {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--ccf-red);
}

.ccf-use-case-link:hover {
	color: var(--ccf-black);
}

/* ==================== Best Sellers 产品区 ==================== */
.ccf-products {
	padding: 72px 0 96px;
	background: var(--ccf-bg);
}

.ccf-section-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 40px;
}

.ccf-section-title {
	font-size: 34px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	color: var(--ccf-black);
	margin: 0;
}

.ccf-view-all {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--ccf-black);
	border-bottom: 1px solid var(--ccf-black);
	padding-bottom: 2px;
}

.ccf-view-all:hover {
	color: var(--ccf-red);
	border-color: var(--ccf-red);
}

/* 产品网格（首页横排） */
.ccf-products-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.ccf-product-card {
	position: relative;
	background: var(--ccf-white);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.ccf-product-card-image {
	position: relative;
	aspect-ratio: 1;
	overflow: hidden;
	background: var(--ccf-border);
}

.ccf-product-card-image-link {
	display: block;
}

.ccf-product-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ccf-product-badge {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	background: var(--ccf-red);
	color: var(--ccf-white);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	padding: 7px 12px;
}

.ccf-product-card-body {
	padding: 18px 20px 22px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.ccf-product-title {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: var(--ccf-black);
	margin: 0 0 2px;
}

.ccf-product-title a {
	color: var(--ccf-black);
	text-decoration: none;
}

.ccf-product-title a:hover {
	color: var(--ccf-red);
}

.ccf-product-rating {
	font-size: 11px;
	color: var(--ccf-red);
	margin: 0;
	letter-spacing: 0.5px;
}

.ccf-product-rating span {
	color: var(--ccf-mid);
	font-weight: 500;
}

.ccf-product-fitment {
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--ccf-mid);
	margin: 0;
}

.ccf-product-price {
	font-family: var(--ccf-font-price);
	font-size: 16px;
	font-weight: 700;
	color: var(--ccf-black);
	margin: 4px 0 0;
}

.ccf-product-card .ccf-btn {
	margin-top: 10px;
	padding: 10px 18px;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 2px;
}

/* ==================== Built for Jeep Interiors（6061 区块） ==================== */
.ccf-build {
	background: var(--ccf-black);
	color: var(--ccf-white);
	padding: 110px 0;
}

.ccf-build-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: center;
}

.ccf-build-inner--no-media {
	grid-template-columns: 1fr;
	max-width: 820px;
}

.ccf-build-content {
	min-width: 0;
}

.ccf-build-media {
	position: relative;
}

.ccf-build-media img {
	width: 100%;
	display: block;
}

.ccf-build-eyebrow {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: var(--ccf-red);
	margin: 0 0 16px;
}

.ccf-build-title {
	font-size: 48px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: -0.8px;
	line-height: 1.05;
	margin: 0 0 20px;
}

.ccf-build-desc {
	font-size: 15px;
	font-weight: 300;
	color: var(--ccf-grey);
	line-height: 1.7;
	margin: 0 0 40px;
}

.ccf-build-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.ccf-stat-value {
	font-family: var(--ccf-font-price);
	font-size: 36px;
	font-weight: 700;
	color: var(--ccf-white);
	line-height: 1;
}

.ccf-stat-label {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.8px;
	color: var(--ccf-grey);
	margin-top: 8px;
}

.ccf-build-link {
	display: inline-block;
	margin-top: 48px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	color: var(--ccf-white);
	border-bottom: 1px solid rgba(255,255,255,0.4);
	padding-bottom: 4px;
}

.ccf-build-link:hover {
	color: var(--ccf-red);
	border-color: var(--ccf-red);
}

/* ==================== Reviews 评价区 ==================== */
.ccf-testimonials {
	padding: 96px 0;
	background: var(--ccf-bg);
}

.ccf-testimonials-head {
	text-align: center;
	margin-bottom: 48px;
}

.ccf-testimonials-rating {
	font-size: 15px;
	color: var(--ccf-red);
	letter-spacing: 2px;
	margin-bottom: 8px;
}

.ccf-testimonials-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.ccf-testimonial-card {
	background: var(--ccf-white);
	padding: 28px;
	border-top: 3px solid var(--ccf-red);
}

.ccf-testimonial-stars {
	color: var(--ccf-red);
	font-size: 15px;
	letter-spacing: 1px;
	margin-bottom: 12px;
}

.ccf-testimonial-quote {
	font-size: 14px;
	line-height: 1.65;
	color: #444;
	margin: 0 0 20px;
}

.ccf-testimonial-name {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	color: var(--ccf-black);
	margin: 0;
}

.ccf-testimonial-meta {
	font-size: 11px;
	color: var(--ccf-mid);
	margin-top: 4px;
}

/* ==================== 视频区 ==================== */
.ccf-videos {
	padding: 40px 0 96px;
	background: var(--ccf-bg);
}

.ccf-videos .ccf-section-title {
	margin-bottom: 40px;
}

.ccf-videos-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.ccf-video-card {
	position: relative;
}

.ccf-video-poster {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.ccf-video-poster img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ccf-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 56px;
	height: 56px;
	background: var(--ccf-red);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ccf-white);
	font-size: 14px;
	opacity: 0.9;
}

.ccf-video-play:hover {
	opacity: 1;
}

/* ==================== Newsletter ==================== */
.ccf-newsletter {
	background: #FFFFFF;
	color: #111111;
	padding: 84px 48px;
	border-top: 1px solid #E2E2E2;
}

.ccf-newsletter__inner {
	max-width: 1280px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: 72px;
	align-items: center;
}

.ccf-newsletter__text {
	text-align: left;
}

.ccf-newsletter-eyebrow {
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 4.2px;
	text-transform: uppercase;
	color: #9D2929;
	margin: 0 0 8px;
}

.ccf-newsletter-title {
	font-size: 27px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 1px;
	margin: 0 0 8px;
	color: #111111;
	line-height: 1.06;
}

.ccf-newsletter-desc {
	font-size: 15px;
	font-weight: 500;
	color: #5f5f5f;
	max-width: 48ch;
	margin: 0 0 36px;
	line-height: 1.6;
}

.ccf-newsletter__right {
	display: flex;
	align-items: center;
}

.ccf-newsletter-form {
	display: flex;
	width: 100%;
	max-width: 620px;
	border: 1.5px solid #CFCFCF;
	background: #FFFFFF;
	gap: 0;
}

.ccf-newsletter-form input[type="email"] {
	flex: 1;
	background: #FFFFFF;
	border: none;
	color: #111111;
	font-size: 15px;
	font-weight: 500;
	padding: 22px 26px;
	outline: none;
	letter-spacing: 0.02em;
}

.ccf-newsletter-form input[type="email"]::placeholder {
	color: #888888;
}

.ccf-newsletter-form .ccf-btn {
	background: #9D2929;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.18em;
	padding: 22px 36px;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	white-space: nowrap;
}

.ccf-newsletter-form .ccf-btn:hover {
	background: #111111;
	color: #FFFFFF;
}

@media (max-width: 960px) {
	.ccf-newsletter {
		padding: 72px 32px;
	}
	.ccf-newsletter__inner {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

@media (max-width: 600px) {
	.ccf-newsletter {
		padding: 56px 20px;
	}
	.ccf-newsletter-form {
		flex-direction: column;
		border: none;
		gap: 12px;
	}
	.ccf-newsletter-form input[type="email"] {
		border: 1.5px solid #CFCFCF;
		padding: 18px 20px;
		font-size: 14px;
	}
	.ccf-newsletter-form .ccf-btn {
		width: 100%;
		padding: 18px 20px;
		text-align: center;
	}
	.ccf-newsletter-desc {
		font-size: 14px;
	}
}

/* ==================== 信任条（Hero 下方） ==================== */
.ccf-trust-strip {
	background: var(--ccf-black);
	padding: 20px 0;
}

.ccf-trust-strip-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}

.ccf-trust-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.6px;
	color: #CCCCCC;
}

.ccf-trust-item strong {
	font-weight: 700;
}

.ccf-trust-item span {
	color: var(--ccf-red);
	font-weight: 700;
}

@media (max-width: 768px) {
	.ccf-trust-strip-inner {
		justify-content: center;
	}

	.ccf-trust-item {
		font-size: 10px;
		letter-spacing: 1px;
	}
}

/* ==================== 内页 Hero / 页面标题 ==================== */
.ccf-page-hero {
	background: var(--ccf-black);
	color: var(--ccf-white);
	padding: 96px 0 88px;
}

.ccf-page-title {
	font-size: 48px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: -0.8px;
	margin: 0 0 16px;
	color: var(--ccf-white);
}

/* 浅色背景内页标题（About/FAQ/Contact/Shop/Vehicles 使用） */
.ccf-page-title--dark {
	color: var(--ccf-text);
}

.ccf-page-subtitle {
	font-size: 15px;
	font-weight: 300;
	color: var(--ccf-grey);
	max-width: 640px;
	line-height: 1.7;
	margin: 0;
}

/* ==================== 内页面包屑（对标站 Home / Page） ==================== */
.ccf-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--ccf-font-body, 'Montserrat', sans-serif);
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 32px;
}
.ccf-breadcrumb-link {
	color: var(--ccf-mid, #999);
	text-decoration: none;
	transition: color 0.2s;
}
.ccf-breadcrumb-link:hover {
	color: var(--ccf-red, #9D2929);
}
.ccf-breadcrumb-sep {
	color: var(--ccf-mid, #999);
}
.ccf-breadcrumb-current {
	color: var(--ccf-text, #111);
}

/* 内页标题中的斜体强调（对标站 *斜体* 部分） */
.ccf-page-title em,
.ccf-about-title em,
.ccf-section-title em {
	font-style: italic;
	font-weight: 400;
	letter-spacing: -0.5px;
}


/* ==================== 关于页 ==================== */
.ccf-about-content {
	font-size: 15px;
	line-height: 1.8;
	color: #444;
	margin-bottom: 56px;
	max-width: 720px;
}

.ccf-about-features {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin-bottom: 64px;
}

.ccf-about-feature {
	border-top: 3px solid var(--ccf-red);
	padding: 24px 8px 8px;
}

.ccf-about-feature-icon {
	margin-bottom: 12px;
}

.ccf-about-feature-icon img {
	width: 40px;
	height: 40px;
}

.ccf-about-feature h3 {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin: 0 0 8px;
}

.ccf-about-feature p {
	font-size: 13px;
	color: var(--ccf-mid);
	line-height: 1.6;
	margin: 0;
}

/* ==================== 联系页 ==================== */
.ccf-contact-info {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	margin-bottom: 56px;
}

.ccf-contact-item {
	border-top: 3px solid var(--ccf-red);
	padding-top: 20px;
}

.ccf-contact-item strong {
	display: block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--ccf-mid);
	margin-bottom: 8px;
}

.ccf-contact-item p {
	font-size: 16px;
	margin: 0;
}

.ccf-contact-map {
	margin-top: 32px;
}

/* ==================== 车辆页 ==================== */
.ccf-vehicles-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.ccf-vehicle-card {
	overflow: hidden;
	border: 1px solid var(--ccf-border);
	background: var(--ccf-white);
}

.ccf-vehicle-card-image img {
	width: 100%;
	display: block;
}

.ccf-vehicle-card-body {
	padding: 28px;
}

.ccf-vehicle-card-body h3 {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 8px;
}

.ccf-vehicle-card-body p {
	font-size: 14px;
	color: var(--ccf-mid);
	margin: 0 0 16px;
}

/* ==================== 商店页 ==================== */
.ccf-categories-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.ccf-category-card {
	overflow: hidden;
	border: 1px solid var(--ccf-border);
	background: var(--ccf-white);
	text-align: center;
}

.ccf-category-card-image img {
	width: 100%;
	display: block;
}

.ccf-category-card h3 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 20px 0 8px;
}

.ccf-category-card p {
	font-size: 13px;
	color: var(--ccf-mid);
	padding: 0 20px 24px;
	margin: 0;
}

/* ==================== 响应式 ==================== */
@media (max-width: 1280px) {
	.ccf-products-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1024px) {
	.ccf-container {
		padding: 0 32px;
	}

	.ccf-hero-title {
		font-size: 42px;
	}

	.ccf-products-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.ccf-build-inner {
		grid-template-columns: 1fr;
		gap: 48px;
	}

	.ccf-build-stats {
		grid-template-columns: repeat(2, 1fr);
	}

	.ccf-testimonials-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ccf-videos-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ccf-about-features {
		grid-template-columns: repeat(2, 1fr);
	}

	.ccf-categories-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.ccf-container {
		padding: 0 24px;
	}

	.ccf-hero-slide {
		min-height: 560px;
	}

	.ccf-hero-slide-content {
		min-height: 560px;
		padding: 0 24px 56px;
	}

	.ccf-hero-title {
		font-size: 34px;
		line-height: 1.1;
	}

	.ccf-hero-subtitle {
		font-size: 13px;
		letter-spacing: 3px;
	}

	.ccf-btn--lg {
		padding: 18px 36px;
		font-size: 14px;
	}

	.ccf-use-cases {
		padding: 64px 0 40px;
	}

	.ccf-use-cases-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.ccf-products-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	.ccf-section-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.ccf-build {
		padding: 72px 0;
	}

	.ccf-build-title {
		font-size: 34px;
	}

	.ccf-testimonials-grid {
		grid-template-columns: 1fr;
	}

	.ccf-videos-grid {
		grid-template-columns: 1fr 1fr;
		gap: 16px;
	}

	.ccf-contact-info {
		grid-template-columns: 1fr;
	}

	.ccf-vehicles-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.ccf-products-grid {
		grid-template-columns: 1fr;
	}

	.ccf-videos-grid {
		grid-template-columns: 1fr;
	}

	.ccf-about-features {
		grid-template-columns: 1fr;
	}

	.ccf-categories-grid {
		grid-template-columns: 1fr;
	}
}