/* ==========================================================================
   کاپوت‌بالا — Modern Blog index. Scoped .cp-bl. RTL. Shares brand language.
   ========================================================================== */

body.carparts-blog-page .page_title,
body.carparts-blog-page .header_onthe_cover .page_title,
body.carparts-blog-page .breadcrumbs,
body.carparts-blog-page .sidebar,
body.carparts-blog-page aside.widget-area { display: none !important; }

.cp-bl{
	--cp-red:#eb2500; --cp-red-dark:#c41e00;
	--cp-ink:#0f172a; --cp-body:#334155; --cp-muted:#475569;
	--cp-bg:#f6f7f9; --cp-surface:#fff; --cp-line:#eceef2; --cp-dark:#101010;
	--cp-media:#f1f3f6;
	--cp-radius:20px;
	--cp-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 16px rgba(16,24,40,.05);
	--cp-shadow-h:0 10px 22px rgba(16,24,40,.09),0 28px 60px rgba(16,24,40,.13);
	background:var(--cp-bg); color:var(--cp-body); font-family:inherit; line-height:1.85;
	-webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.cp-bl *,.cp-bl *::before,.cp-bl *::after{box-sizing:border-box;}
.cp-bl-container{max-width:1180px;margin-inline:auto;padding-inline:20px;}
.cp-bl :focus-visible{outline:3px solid rgba(235,37,0,.45);outline-offset:3px;border-radius:10px;}
.cp-bl-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* HERO */
.cp-bl-hero{position:relative;overflow:hidden;text-align:center;color:#fff;padding:78px 0 90px;
	background:radial-gradient(120% 150% at 50% -20%,#1d1d1d 0%,var(--cp-dark) 60%);}
.cp-bl-hero__glow{position:absolute;inset:0;pointer-events:none;
	background:radial-gradient(42% 60% at 50% 0%,rgba(235,37,0,.30),transparent 70%),
		radial-gradient(30% 40% at 84% 16%,rgba(235,37,0,.12),transparent 70%);}
.cp-bl-hero__inner{position:relative;}
.cp-bl-eyebrow{display:inline-block;font-size:.82rem;font-weight:800;letter-spacing:.02em;color:#ffb9a6;
	background:rgba(235,37,0,.15);border:1px solid rgba(235,37,0,.34);padding:6px 16px;border-radius:999px;margin-bottom:18px;}
.cp-bl-hero__title{font-size:clamp(1.8rem,4.4vw,2.85rem);font-weight:800;line-height:1.3;margin:0 0 12px;color:#fff;}
.cp-bl-hero__sub{font-size:clamp(.96rem,2.1vw,1.12rem);color:#cbd2dc;max-width:620px;margin:0 auto 30px;}

.cp-bl-search{position:relative;display:flex;align-items:center;max-width:560px;margin:0 auto;background:#fff;
	border-radius:999px;box-shadow:0 12px 34px rgba(0,0,0,.30);padding:6px;}
.cp-bl-search__ic{width:22px;height:22px;color:var(--cp-muted);margin-inline-start:16px;flex:0 0 auto;}
.cp-bl-search__input{flex:1 1 auto;border:0;outline:0;background:transparent;font:inherit;font-size:1.02rem;
	color:var(--cp-ink);padding:14px 12px;min-width:0;}
.cp-bl-search__input::placeholder{color:#94a3b8;}

/* SECTION HEADING */
.cp-bl-sechead{display:flex;align-items:center;gap:18px;margin:40px 0 6px;}
.cp-bl-sechead__title{font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:800;color:var(--cp-ink);margin:0;
	position:relative;padding-inline-start:16px;letter-spacing:-.01em;white-space:nowrap;}
.cp-bl-sechead__title::before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);
	width:5px;height:1.1em;border-radius:3px;background:var(--cp-red);}
.cp-bl-sechead__line{flex:1 1 auto;height:1px;background:linear-gradient(90deg,var(--cp-line),transparent);}

/* FILTER BAR */
.cp-bl-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:-26px;position:relative;z-index:2;}
.cp-bl-chip{font:inherit;font-weight:700;font-size:.9rem;color:var(--cp-body);background:var(--cp-surface);
	border:1px solid var(--cp-line);border-radius:999px;padding:10px 20px;cursor:pointer;white-space:nowrap;
	box-shadow:var(--cp-shadow);transition:background .2s,color .2s,border-color .2s,transform .12s;}
.cp-bl-chip:hover{transform:translateY(-1px);border-color:#cbd5e1;}
.cp-bl-chip.is-active{background:var(--cp-red);border-color:var(--cp-red);color:#fff;box-shadow:0 6px 16px rgba(235,37,0,.32);}

.cp-bl-count{text-align:center;color:var(--cp-muted);font-size:.88rem;margin:20px 0 24px;min-height:1em;}

/* GRID */
.cp-bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:8px;}

/* CARD */
.cp-bl-card{display:flex;flex-direction:column;background:var(--cp-surface);border:1px solid var(--cp-line);
	border-radius:var(--cp-radius);overflow:hidden;box-shadow:var(--cp-shadow);
	transition:transform .25s,box-shadow .25s,border-color .25s;}
.cp-bl-card:hover{transform:translateY(-6px);box-shadow:var(--cp-shadow-h);border-color:#e7e9ee;}
.cp-bl-card[hidden]{display:none;}

.cp-bl-card__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;
	background:var(--cp-media);border-bottom:1px solid var(--cp-line);}
.cp-bl-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
/* subtle seating: depth at the edges so product-on-white shots don't float */
.cp-bl-card__media::after{content:"";position:absolute;inset:0;pointer-events:none;
	background:linear-gradient(180deg,rgba(16,24,40,.04) 0%,transparent 22%,transparent 78%,rgba(16,24,40,.05) 100%);
	box-shadow:inset 0 0 0 1px rgba(16,24,40,.02);}
.cp-bl-card:hover .cp-bl-card__media img{transform:scale(1.06);}
.cp-bl-card__cat{position:absolute;top:13px;inset-inline-start:13px;z-index:2;font-size:.73rem;font-weight:800;color:#fff;
	background:var(--cp-red);padding:6px 13px;border-radius:999px;box-shadow:0 4px 14px rgba(235,37,0,.45);letter-spacing:.01em;}

.cp-bl-card__body{display:flex;flex-direction:column;gap:10px;padding:24px 22px;flex:1 1 auto;}
.cp-bl-card__title{font-size:1.17rem;font-weight:800;line-height:1.5;margin:0;letter-spacing:-.01em;}
.cp-bl-card__title a{color:var(--cp-ink);text-decoration:none;transition:color .2s;}
.cp-bl-card__title a:hover{color:var(--cp-red);}
.cp-bl-card__excerpt{margin:0;color:var(--cp-muted);font-size:.95rem;line-height:1.85;}
.cp-bl-card__meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:auto;padding-top:6px;}
.cp-bl-meta-item{display:inline-flex;align-items:center;gap:6px;color:var(--cp-muted);font-size:.82rem;}
.cp-bl-meta-item svg{width:16px;height:16px;flex:0 0 auto;}
.cp-bl-card__more{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:.92rem;color:var(--cp-red);
	text-decoration:none;margin-top:4px;}
.cp-bl-card__more svg{width:18px;height:18px;transition:transform .2s;}
.cp-bl-card__more:hover svg{transform:translateX(-4px);}

/* FEATURED (first card spans full width, horizontal) */
.cp-bl-card--feat{grid-column:1/-1;flex-direction:row;}
.cp-bl-card--feat .cp-bl-card__media{flex:1 1 54%;aspect-ratio:auto;min-height:360px;
	border-bottom:0;border-inline-start:1px solid var(--cp-line);}
.cp-bl-card--feat .cp-bl-card__body{flex:1 1 46%;justify-content:center;padding:44px;gap:14px;}
.cp-bl-card--feat .cp-bl-card__cat{font-size:.8rem;}
.cp-bl-card--feat .cp-bl-card__title{font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.45;}
.cp-bl-card--feat .cp-bl-card__excerpt{font-size:1.02rem;}
.cp-bl-card--feat .cp-bl-card__body::before{content:"مقالهٔ ویژه";display:inline-flex;align-self:flex-start;
	font-size:.74rem;font-weight:800;color:var(--cp-red);background:#fdeae4;border:1px solid #f6cbbb;
	padding:4px 12px;border-radius:999px;margin-bottom:2px;}

/* EMPTY */
.cp-bl-empty{text-align:center;padding:60px 20px;color:var(--cp-muted);}
.cp-bl-empty svg{width:46px;height:46px;color:#cbd5e1;margin-bottom:14px;}
.cp-bl-empty p{font-size:1.1rem;font-weight:700;color:var(--cp-ink);margin:0;}

/* spacing before footer */
.cp-bl .cp-bl-container:last-of-type{padding-bottom:72px;}

/* REVEAL (fail-safe) */
.cp-bl-js #cp-blog [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease;}
.cp-bl-js #cp-blog [data-reveal].is-in{opacity:1;transform:none;}

/* RESPONSIVE */
@media (max-width:980px){
	.cp-bl-grid{grid-template-columns:repeat(2,1fr);}
	.cp-bl-card--feat{flex-direction:column;}
	.cp-bl-card--feat .cp-bl-card__media{flex:none;width:100%;aspect-ratio:16/9;min-height:0;}
	.cp-bl-card--feat .cp-bl-card__body{padding:26px;}
}
@media (max-width:640px){
	.cp-bl-hero{padding:58px 0 78px;}
	.cp-bl-grid{grid-template-columns:1fr;gap:20px;}
	.cp-bl-filters{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin-inline:-20px;padding-inline:20px;
		scrollbar-width:none;}
	.cp-bl-filters::-webkit-scrollbar{display:none;}
	.cp-bl-card--feat .cp-bl-card__title{font-size:1.3rem;}
}

/* REDUCED MOTION */
@media (prefers-reduced-motion:reduce){
	.cp-bl *{transition:none !important;}
	#cp-blog [data-reveal]{opacity:1 !important;transform:none !important;}
	.cp-bl-card:hover .cp-bl-card__media img{transform:none;}
}